mirror of
				https://gitee.com/gitea/gitea
				synced 2025-11-04 16:40:24 +08:00 
			
		
		
		
	Improve protected branch setting page (#24379)
Main changes: 1. Change html structure of protected branch page, use [`grouped fields`](https://fomantic-ui.com/collections/form.html#grouped-fields) instead of `fields` for better margin, and wrap `grouped fields` around related `field`s, remove unnecessary `<div id="protection_box" class="fields">` outer div 2. Changed some order of field to make them more categorized, used `ui dividing header` for categorization and fine tune css. Before: <img width="1907" alt="Screen Shot 2023-04-27 at 14 56 19" src="https://user-images.githubusercontent.com/17645053/234783731-bce8a7ce-dfc9-4d47-a3a8-b962ebea9467.png"> <img width="1849" alt="Screen Shot 2023-04-27 at 14 56 30" src="https://user-images.githubusercontent.com/17645053/234783740-c47d314e-5e2d-4854-98fd-c88f85ef3584.png"> <img width="1872" alt="Screen Shot 2023-04-27 at 14 56 36" src="https://user-images.githubusercontent.com/17645053/234783745-18e35a75-07e8-451d-b001-f9bcf16fcab5.png"> After: https://user-images.githubusercontent.com/17645053/235114568-da010aad-7654-4410-ab8c-5d0fce7edadb.mov 3. Changed "Enable Merge Whitelist" to radio checkbox, and added "Enable Merge" radio checkbox, which are exclusive Before: <img width="926" alt="Screen Shot 2023-04-28 at 13 08 29" src="https://user-images.githubusercontent.com/17645053/235059233-75790f7a-e5ea-4e1c-82c6-509fef8b84b3.png"> After: <img width="942" alt="Screen Shot 2023-04-28 at 13 09 28" src="https://user-images.githubusercontent.com/17645053/235059367-852d1f61-8407-4126-8c79-315b9c1ffada.png"> 4. Add a link to set default branch on branch list page (with reference to github) https://user-images.githubusercontent.com/17645053/234787404-61c1c7b6-aabf-429f-a109-5b690e4e0b5a.mov 5. Removed dead codes. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
		@@ -1,6 +1,5 @@
 | 
			
		||||
import $ from 'jquery';
 | 
			
		||||
import {createMonaco} from './codeeditor.js';
 | 
			
		||||
import {initRepoCommonFilterSearchDropdown} from './repo-common.js';
 | 
			
		||||
 | 
			
		||||
const {appSubUrl, csrfToken} = window.config;
 | 
			
		||||
 | 
			
		||||
@@ -73,20 +72,13 @@ export function initRepoSettingGitHook() {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export function initRepoSettingBranches() {
 | 
			
		||||
  // Branches
 | 
			
		||||
  if ($('.repository.settings.branches').length > 0) {
 | 
			
		||||
    initRepoCommonFilterSearchDropdown('.protected-branches .dropdown');
 | 
			
		||||
    $('.enable-protection, .enable-whitelist, .enable-statuscheck').on('change', function () {
 | 
			
		||||
      if (this.checked) {
 | 
			
		||||
        $($(this).data('target')).removeClass('disabled');
 | 
			
		||||
      } else {
 | 
			
		||||
        $($(this).data('target')).addClass('disabled');
 | 
			
		||||
      }
 | 
			
		||||
    });
 | 
			
		||||
    $('.disable-whitelist').on('change', function () {
 | 
			
		||||
      if (this.checked) {
 | 
			
		||||
        $($(this).data('target')).addClass('disabled');
 | 
			
		||||
      }
 | 
			
		||||
    });
 | 
			
		||||
  }
 | 
			
		||||
  if (!$('.repository.settings.branches').length) return;
 | 
			
		||||
  $('.toggle-target-enabled').on('change', function () {
 | 
			
		||||
    const $target = $($(this).attr('data-target'));
 | 
			
		||||
    $target.toggleClass('disabled', !this.checked);
 | 
			
		||||
  });
 | 
			
		||||
  $('.toggle-target-disabled').on('change', function () {
 | 
			
		||||
    const $target = $($(this).attr('data-target'));
 | 
			
		||||
    if (this.checked) $target.addClass('disabled'); // only disable, do not auto enable
 | 
			
		||||
  });
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user