// ==UserScript==
// @name         GitLab Link Styler
// @namespace    http://ryanleonard.us/
// @version      0.005001
// @description  Styles closed issues and merge requests on GitLab
// @author       Ryan Leonard
// @match        http*://gitlab.com/*
// @match        http*://codelenny.github.io/*
// @match        http*://gitlab-links.codelenny.com/*
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_listValues
// @grant GM_deleteValue
// @require      http://code.jquery.com/jquery-latest.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.5/bluebird.min.js
// @connect      gitlab.com
// @updateURL    https://raw.githubusercontent.com/CodeLenny/gitlab-links/master/styler.meta.js
// @downloadURL  https://raw.githubusercontent.com/CodeLenny/gitlab-links/master/styler.user.js
// ==/UserScript==
style = "a[data-reference-type='issue'][data-checklist=\"0\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"0\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 0%, #f00 0%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 0%, #f00 0%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 0%, #f00 0%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 0%, #f00 0%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 0%, #f00 0%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"1\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"1\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 10%, #f00 10%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 10%, #f00 10%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 10%, #f00 10%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 10%, #f00 10%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 10%, #f00 10%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"2\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"2\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 20%, #f00 20%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 20%, #f00 20%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 20%, #f00 20%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 20%, #f00 20%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 20%, #f00 20%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"3\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"3\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 30%, #f00 30%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 30%, #f00 30%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 30%, #f00 30%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 30%, #f00 30%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 30%, #f00 30%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"4\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"4\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 40%, #f00 40%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 40%, #f00 40%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 40%, #f00 40%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 40%, #f00 40%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 40%, #f00 40%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"5\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"5\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 50%, #f00 50%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 50%, #f00 50%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 50%, #f00 50%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 50%, #f00 50%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 50%, #f00 50%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"6\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"6\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 60%, #f00 60%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 60%, #f00 60%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 60%, #f00 60%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 60%, #f00 60%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 60%, #f00 60%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"7\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"7\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 70%, #f00 70%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 70%, #f00 70%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 70%, #f00 70%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 70%, #f00 70%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 70%, #f00 70%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"8\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"8\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 80%, #f00 80%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 80%, #f00 80%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 80%, #f00 80%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 80%, #f00 80%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 80%, #f00 80%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"9\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"9\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 90%, #f00 90%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 90%, #f00 90%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 90%, #f00 90%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 90%, #f00 90%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 90%, #f00 90%, #f00 100%); } a[data-reference-type='issue'][data-checklist=\"10\"] {   position: relative;   padding-bottom: 2px;   text-decoration: none; } a[data-reference-type='issue'][data-checklist=\"10\"]::after {   content: \"\";   position: absolute;   left: 0;   bottom: 0;   height: 2px;   width: 100%;   background: -webkit-linear-gradient(left, #008000 0%, #008000 100%, #f00 100%, #f00 100%);   background: -moz-linear-gradient(left, #008000 0%, #008000 100%, #f00 100%, #f00 100%);   background: -o-linear-gradient(left, #008000 0%, #008000 100%, #f00 100%, #f00 100%);   background: -ms-linear-gradient(left, #008000 0%, #008000 100%, #f00 100%, #f00 100%);   background: linear-gradient(left, #008000 0%, #008000 100%, #f00 100%, #f00 100%); } ";
semver = "0.5.1";
GM_addStyle(style);
function gmGet(val) {
  return GM_getValue(val);
}
function gmSet(val, contents) {
  GM_setValue(val, contents);
}
function gmList() {
  return GM_listValues();
}
function gmDelete(val) {
  GM_deleteValue(val);
}
(function() {
  var cacheTime, fetches, isSettingsURL, linkIssue, refresh, regexes, showProgressBar, showSettings, token;

  cacheTime = gmGet("cache-duration");

  if (cacheTime == null) {
    cacheTime = 20 * 60 * 1000;
  }

  token = gmGet("gitlab-token");

  showProgressBar = gmGet("show-progress");

  if (showProgressBar == null) {
    showProgressBar = true;
  }

  fetches = {};

  regexes = {
    checkbox: /^\s*- \[[xX\s]\]/gm,
    filled: /^\s*- \[[xX]\]/gm
  };

  linkIssue = function() {
    var _timestamp, _version, e, error, issue, original, p, project, ref, stored;
    ref = $(this).data(), original = ref.original, project = ref.project, issue = ref.issue;
    p = fetches[project + "-" + issue];
    if (!p) {
      try {
        stored = JSON.parse(gmGet("iss-" + project + "-" + issue));
        if (!stored) {
          throw new Error("no stored data");
        }
        _version = stored._version, _timestamp = stored._timestamp;
        if (_version !== GM_info.script.version) {
          throw new Error("cached in a different version");
        }
        if (new Date() > new Date(_timestamp + cacheTime)) {
          throw new Error("out of date");
        }
        p = Promise.resolve(stored);
      } catch (error) {
        e = error;
        console.log(e);
        p = Promise.resolve($.ajax({
          url: "https://gitlab.com/api/v3/projects/" + project + "/issues/" + issue,
          type: "GET",
          beforeSend: function(xhr) {
            return xhr.setRequestHeader("PRIVATE-TOKEN", token);
          },
          dataType: "json"
        })).then(function(data) {
          data._timestamp = Date.now();
          data._version = GM_info.script.version;
          gmSet("iss-" + project + "-" + issue, JSON.stringify(data));
          return data;
        });
      }
    }
    fetches[project + "-" + issue] = p;
    return p.then((function(_this) {
      return function(arg) {
        var all, checked, description, percent, state, title;
        state = arg.state, title = arg.title, description = arg.description;
        if (state === "closed") {
          return $(_this).css("text-decoration", "line-through");
        } else if (showProgressBar && regexes.checkbox.test(description)) {
          all = description.match(regexes.checkbox).length;
          checked = 0;
          try {
            checked = description.match(regexes.filled).length;
          } catch (undefined) {}
          percent = Math.round(10 * checked / all);
          if (percent === 0 && checked > 0) {
            percent = 10;
          }
          if (percent === 100 && checked < all) {
            percent = 90;
          }
          return $(_this).attr("data-checklist", percent).attr("title", "Issue: " + title + " (" + checked + "/" + all + ")");
        }
      };
    })(this))["catch"](console.log);
  };

  refresh = function() {
    return $("[data-reference-type='issue']").each(linkIssue);
  };

  isSettingsURL = function(url) {
    return url.indexOf("codelenny.gitlab.io") > -1 || url.indexOf("gitlab-links.codelenny.com") > -1;
  };

  showSettings = function() {
    var latest;
    $("#notfound").hide();
    latest = $("#latestVersion").text();
    if (latest !== semver) {
      $("#version").show();
      $("#userVersion").text(semver);
    } else {
      $("#isfound").show();
    }
    if (token && token !== "") {
      $("#apiKey").val("[hidden]").parents(".form-group").addClass("is-filled");
      $("#apiKey").siblings(".bmd-help").append("  API key hidden for security.");
    }
    if (cacheTime && typeof cacheTime === typeof 10) {
      $("#cacheDuration").val(cacheTime / (60 * 1000)).parents(".form-group").addClass("is-filled");
    }
    if (showProgressBar) {
      $("#showProgress").attr("checked", "checked");
    }
    $("#cacheSize").text(gmList().length - 3);
    $("form").submit(function(e) {
      var cache, t;
      e.preventDefault();
      t = $("#apiKey").val();
      if (t && t !== "" && t !== "[hidden]" && t.length > 10) {
        gmSet("gitlab-token", t);
      }
      cache = $("#cacheDuration").val();
      if (cache && cache !== 0 && parseInt(cache)) {
        gmSet("cache-duration", parseInt(cache) * 60 * 1000);
      }
      gmSet("show-progress", $("#showProgress").is(":checked"));
      $("form [type='submit']").removeClass("btn-primary").addClass("btn-success").text("Saved");
      return window.setTimeout((function() {
        return $("form [type='submit']").addClass("btn-primary").removeClass("btn-success").text("Save");
      }), 1500);
    });
    return $("[href='#clearCache']").click(function(e) {
      var i, len, ref, results, val;
      e.preventDefault();
      ref = gmList();
      results = [];
      for (i = 0, len = ref.length; i < len; i++) {
        val = ref[i];
        if (val.indexOf("iss-") !== 0 && val.indexOf("mr-") !== 0) {
          continue;
        }
        gmDelete(val);
        results.push($("#cacheSize").text(gmList().length - 3));
      }
      return results;
    });
  };

  if (isSettingsURL(window.location.href)) {
    showSettings();
  } else {
    if (!token || token === "") {
      token = window.prompt("Enter a GitLab API token\nCreate one at https://gitlab.com/profile/personal_access_tokens", "");
      gmSet("gitlab-token", token);
    }
    $(function() {
      return refresh();
    });
  }

}).call(this);