// ==UserScript==
// @name         gitlab小帮手:一键复制url与commit信息，一键展开收起diff模块
// @name:zh-CN   gitlab小帮手:一键复制url与commit信息，一键展开收起diff模块
// @namespace    http://tampermonkey.net/
// @version      0.3.1
// @description  1.一键复制url与commit信息；2.一键展开收起diff模块
// @author       zzailianlian
// @require      https://unpkg.com/clipboard@2.0.11/dist/clipboard.min.js
// @match        *://gitlab.babytree-inc.com/**/merge_requests/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=meitun-test.com
// @license      MIT
// @run-at       document-idle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_addElement
// @downloadURL none
// ==/UserScript==

(function () {
  'use strict';
  const btnCss = {
    borderRadius: '8px',
    padding: '4px 12px',
    background: 'white',
    fontSize: '16px',
    marginLeft: '4px',
  };
  function initCopyBtn() {
    const commitDom = $('.detail-page-description h2');
    commitDom.css({
      display: 'flex',
      alignItems: 'center',
    });
    const btn = $('<button>复制</button>').css(btnCss);
    btn.on('click', copyUrlAndCommitInfo);

    const commitText = $('.detail-page-description h2:not(button)').text();
    commitDom.append(btn);
    const info = `${window.location.href.match(/.+merge_requests\/\d+/)[0]}
      ${commitText}`;

    function copyUrlAndCommitInfo() {
      copyText(info);
    }
  }
  function initExpandBtn() {
    const expandBtn = $(
      '<button id="__expand_btn">展开/收起 diff</button>'
    ).css({
      ...btnCss,
      marginRight: '8px',
    });
    let intervalTimer = setInterval(() => {
      if (document.querySelector('#__expand_btn')) return;
      if ($('.mr-version-menus-container').length) {
        $('.mr-version-menus-container')
          .css({ zIndex: '-1' })
          .prepend(expandBtn);

        expandBtn.on('click', function () {
          const originIsClicked = $(this).attr('isclicked');
          const isClicked = originIsClicked == 'true';
          $(this).attr(
            'isclicked',
            originIsClicked == 'true' ? 'false' : 'true'
          );
          console.log('触发我', originIsClicked, isClicked);
          if (isClicked) {
            $('aside').map(function () {
              $(this).attr('style', '');
            });
            $('aside').eq(0).parent().attr('style', '');
            $('aside').eq(0).next().attr('style', '');
          } else {
            $('aside').map(function () {
              $(this).css({ width: 0 });
            });
            $('aside').eq(0).parent().css({ paddingLeft: 0 });
            $('aside')
              .eq(0)
              .next()
              .css({ paddingRight: isClicked ? null : 0 });
          }
        });
        clearInterval(intervalTimer);
      }
    }, 200);

    // const asideWrapper = aside.parentNode;
  }
  window.addEventListener('load', function () {
    initCopyBtn();
    initExpandBtn();
    document.querySelector('.diffs-tab').addEventListener(
      'click',
      function () {
        initExpandBtn();
      },
      true
    );
    // $('.diffs-tab').on(
    //   'click',
    //   function () {
    //     console.log('点击了jq');
    //     // initExpandBtn();
    //   },
    //   true
    // );
  });
  function copyText(value) {
    if (value == null || value === '') return false;
    let textarea = document.createElement('textarea');
    textarea.style.height = '0';
    textarea.style.width = '0';
    textarea.value = value;
    const firstDiv = document.body.querySelector('div');
    firstDiv.parentNode.insertBefore(textarea, firstDiv);
    textarea.focus();
    textarea.setSelectionRange
      ? textarea.setSelectionRange(0, textarea.value.length)
      : textarea.select();
    let result = document.execCommand('copy');
    firstDiv.parentNode.removeChild(textarea);
    return result;
  }
})();