朱朱图片搜索服务

$branchesDropdown.scroll(function() { var branchesPanel = document.getElementById('branches_panel'); var numOfBranches = $branchesDropdown.children().length; if (branchesPanel.clientHeight + branchesPanel.scrollTop + 37 > branchesPanel.scrollHeight && numOfBranches < 1) { debounceLoadMoreBranches.call(); } }); function resetFlagVal() { flag_is_loading = false; flag_page_number = 1; flag_total_pager = 1;

concurrentRequestLock = false
search_text = "";
branch_page_number = 1;
branch_total_pager = 1

} $searchNameInput.on('input', window.globalUtils.debouce(function (e) { resetFlagVal() var $currentTab = $('.tab-menu-action.active'); var numOfBranches = $branchesDropdown.children().length; var searchWord = $searchNameInput.val().trim(); search_text = searchWord if($currentTab.data('tab') === 'branches') { if (searchWord !== "") { loadData(searchWord,1); } else { loadData(); } } var numOfTags = $tagsDropdown.children().length; if($currentTab.data('tab') === 'tags') { if (searchWord !== "") { fetchTags(searchWord,1); } else { fetchTags(); } } }, 500));

function toggleNoResultView($popPanel) { let no_data_html= <div class='mt-1 mb-1 d-flex-center'> <span>暂无数据</span> </div>   $popPanel.append(no_data_html) } var debounceLoadMoreBranches = window.globalUtils.debouce(function () { if (concurrentRequestLock) return; branch_page_number += 1; if (branch_page_number > branch_total_pager) return; loadData(search_text, branch_page_number); }, 350);

function loadData(search, page) { if (concurrentRequestLock) { return; } concurrentRequestLock = true;

var searchParams = search || "";
var pageParams = page || 1;
$.ajax({
  url: "/" + gon.user_project + "/branches/names.json",
  type: 'GET',
  data: {
    search: searchParams,
    page: pageParams,
  },
  dataType: 'json',
  success: function (data) {
    branch_total_pager = data.total_pages;
    var html = '';

    if (pageParams === 1) {
      $branchesDropdown.empty();
    }
    data.branches.forEach(function (branch) {
      var protectRule = '';
      var branchName = filterXSS(branch.name);
      var icon = 'gitee:branch'
      if(branch.branch_type.value === 1) {
        var rule = filterXSS(branch.protection_rule.wildcard);
        protectRule = `<i
            class="iconfont icon-shieldlock protected-branch-popup"
            data-title="受保护分支"
            data-content='保护规则： ${rule}'
          >
          </i>`
        icon ='gitee:pen-lock'
      }else if(branch.branch_type.value === 2) {
        icon ='gitee:pen-ban'
      }
      var branchIcon = `<span class="iconify" data-icon=${icon} style="font-size: 13px; margin-right:4px; color:#8C92A4"></span>`
      html += `<div data-value='${branchName}' class="item">
                ${branchIcon} 
                <span>${branchName}</span> ${protectRule}
                </div>`
    });
    $branchesDropdown.append(html);
    $('.protected-branch-popup').popup()
    if (pageParams === 1 && data.count === 0) {
      toggleNoResultView($branchesDropdown);
    }
  },
  complete: function () {
    concurrentRequestLock = false;
  }
});

}

$tagsDropdown.scroll(function() { var tagsPanel = document.getElementById('tags_panel'); var numOfTags = $tagsDropdown.children().length; if (tagsPanel.clientHeight + tagsPanel.scrollTop + 37 > tagsPanel.scrollHeight && numOfTags < 0) { debounceLoadMore.call(); } }); var debounceLoadMore = window.globalUtils.debouce(function () { if (flag_is_loading) return; flag_page_number += 1; if (flag_page_number > flag_total_pager) return; fetchTags(search_text, flag_page_number); }, 350);

function fetchTags(search, page) { var searchParams = search || ""; var pageParams = page || 1;

if (flag_is_loading) return;
flag_is_loading = true;

$.ajax({
  url: "/" + gon.user_project + "/tags/names.json",
  data: {
    search: searchParams,
    page: pageParams,
  },
  type: "GET",
  xhrFields: {
    withCredentials: true,
  },
  success: function (data) {
    flag_total_pager = data.total_pages;
    if (pageParams === 1) {
      $tagsDropdown.html('');
    }
    data.tags.forEach((tag) => {
      const itemDiv = document.createElement('div');
      itemDiv.classList.add('item');
      itemDiv.setAttribute('data-value', tag.name);
      itemDiv.innerText = window.filterXSS(tag.name);
      $tagsDropdown.append(itemDiv)
    });
    if (pageParams === 1 && data.count === 0) {
      toggleNoResultView($tagsDropdown);
    }
  },
  error: function () {
  },
  complete: function () {
    flag_is_loading = false;
  },
});

} $('.project-branch-tab-menu').on('click','.tab-menu-item', function (e) { var $currentTab = $(this).data('tab') if($currentTab === 'branches') { $searchNameInput.val('') search_text = ''; loadData() } if($currentTab === 'tags') { $searchNameInput.val('') search_text = ''; fetchTags(); } })