mirror of https://github.com/gogits/gogs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1150 lines
38 KiB
1150 lines
38 KiB
var Gogits = {}; |
|
|
|
(function ($) { |
|
// extend jQuery ajax, set csrf token value |
|
var ajax = $.ajax; |
|
$.extend({ |
|
ajax: function (url, options) { |
|
if (typeof url === 'object') { |
|
options = url; |
|
url = undefined; |
|
} |
|
options = options || {}; |
|
url = options.url; |
|
var csrftoken = $('meta[name=_csrf]').attr('content'); |
|
var headers = options.headers || {}; |
|
var domain = document.domain.replace(/\./ig, '\\.'); |
|
if (!/^(http:|https:).*/.test(url) || eval('/^(http:|https:)\\/\\/(.+\\.)*' + domain + '.*/').test(url)) { |
|
headers = $.extend(headers, {'X-Csrf-Token': csrftoken}); |
|
} |
|
options.headers = headers; |
|
var callback = options.success; |
|
options.success = function (data) { |
|
if (data.once) { |
|
// change all _once value if ajax data.once exist |
|
$('[name=_once]').val(data.once); |
|
} |
|
if (callback) { |
|
callback.apply(this, arguments); |
|
} |
|
}; |
|
return ajax(url, options); |
|
}, |
|
|
|
changeHash: function (hash) { |
|
if (history.pushState) { |
|
history.pushState(null, null, hash); |
|
} |
|
else { |
|
location.hash = hash; |
|
} |
|
}, |
|
|
|
deSelect: function () { |
|
if (window.getSelection) { |
|
window.getSelection().removeAllRanges(); |
|
} else { |
|
document.selection.empty(); |
|
} |
|
} |
|
}); |
|
$.fn.extend({ |
|
toggleHide: function () { |
|
$(this).addClass("hidden"); |
|
}, |
|
toggleShow: function () { |
|
$(this).removeClass("hidden"); |
|
}, |
|
toggleAjax: function (successCallback, errorCallback) { |
|
var url = $(this).data("ajax"); |
|
var method = $(this).data('ajax-method') || 'get'; |
|
var ajaxName = $(this).data('ajax-name'); |
|
var data = {}; |
|
|
|
if (ajaxName.endsWith("preview")) { |
|
data["mode"] = "gfm"; |
|
data["context"] = $(this).data('ajax-context'); |
|
} |
|
|
|
$('[data-ajax-rel=' + ajaxName + ']').each(function () { |
|
var field = $(this).data("ajax-field"); |
|
var t = $(this).data("ajax-val"); |
|
if (t == "val") { |
|
data[field] = $(this).val(); |
|
return true; |
|
} |
|
if (t == "txt") { |
|
data[field] = $(this).text(); |
|
return true; |
|
} |
|
if (t == "html") { |
|
data[field] = $(this).html(); |
|
return true; |
|
} |
|
if (t == "data") { |
|
data[field] = $(this).data("ajax-data"); |
|
return true; |
|
} |
|
return true; |
|
}); |
|
console.log("toggleAjax:", method, url, data); |
|
$.ajax({ |
|
url: url, |
|
method: method.toUpperCase(), |
|
data: data, |
|
error: errorCallback, |
|
success: function (d) { |
|
if (successCallback) { |
|
successCallback(d); |
|
} |
|
} |
|
}) |
|
} |
|
}) |
|
}(jQuery)); |
|
|
|
(function ($) { |
|
|
|
Gogits.showTab = function (selector, index) { |
|
if (!index) { |
|
index = 0; |
|
} |
|
$(selector).tab("show"); |
|
$(selector).find("li:eq(" + index + ") a").tab("show"); |
|
}; |
|
Gogits.validateForm = function (selector, options) { |
|
var $form = $(selector); |
|
options = options || {}; |
|
options.showErrors = function (map, list) { |
|
var $error = $form.find('.form-error').addClass('hidden'); |
|
$('.has-error').removeClass("has-error"); |
|
$error.text(list[0].message).show().removeClass("hidden"); |
|
$(list[0].element).parents(".form-group").addClass("has-error"); |
|
}; |
|
$form.validate(options); |
|
}; |
|
|
|
// ----- init elements |
|
Gogits.initModals = function () { |
|
var modals = $("[data-toggle=modal]"); |
|
if (modals.length < 1) { |
|
return; |
|
} |
|
$.each(modals, function (i, item) { |
|
var hide = $(item).data('modal'); |
|
$(item).modal(hide ? hide : "hide"); |
|
}); |
|
}; |
|
Gogits.initTooltips = function () { |
|
$("body").tooltip({ |
|
selector: "[data-toggle=tooltip]" |
|
//container: "body" |
|
}); |
|
}; |
|
Gogits.initPopovers = function () { |
|
var hideAllPopovers = function () { |
|
$('[data-toggle=popover]').each(function () { |
|
$(this).popover('hide'); |
|
}); |
|
}; |
|
|
|
$(document).on('click', function (e) { |
|
var $e = $(e.target); |
|
if ($e.data('toggle') == 'popover' || $e.parents("[data-toggle=popover], .popover").length > 0) { |
|
return; |
|
} |
|
hideAllPopovers(); |
|
}); |
|
|
|
$("body").popover({ |
|
selector: "[data-toggle=popover]" |
|
}); |
|
}; |
|
Gogits.initTabs = function () { |
|
var $tabs = $('[data-init=tabs]'); |
|
$tabs.tab("show"); |
|
$tabs.find("li:eq(0) a").tab("show"); |
|
}; |
|
|
|
// fix dropdown inside click |
|
Gogits.initDropDown = function () { |
|
$('.dropdown-menu.no-propagation').on('click', function (e) { |
|
e.stopPropagation(); |
|
}); |
|
}; |
|
|
|
|
|
// render markdown |
|
Gogits.renderMarkdown = function () { |
|
var $md = $('.markdown'); |
|
var $pre = $md.find('pre > code').parent(); |
|
$pre.addClass('prettyprint linenums'); |
|
prettyPrint(); |
|
|
|
// Set anchor. |
|
var headers = {}; |
|
$md.find('h1, h2, h3, h4, h5, h6').each(function () { |
|
var node = $(this); |
|
var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\w\- ]/g, '').replace(/[ ]/g, '-')); |
|
var name = val; |
|
if (headers[val] > 0) { |
|
name = val + '-' + headers[val]; |
|
} |
|
if (headers[val] == undefined) { |
|
headers[val] = 1; |
|
} else { |
|
headers[val] += 1; |
|
} |
|
node = node.wrap('<div id="' + name + '" class="anchor-wrap" ></div>'); |
|
node.append('<a class="anchor" href="#' + name + '"><span class="octicon octicon-link"></span></a>'); |
|
}); |
|
}; |
|
|
|
// render code view |
|
Gogits.renderCodeView = function () { |
|
function selectRange($list, $select, $from) { |
|
$list.removeClass('active'); |
|
if ($from) { |
|
var a = parseInt($select.attr('rel').substr(1)); |
|
var b = parseInt($from.attr('rel').substr(1)); |
|
var c; |
|
if (a != b) { |
|
if (a > b) { |
|
c = a; |
|
a = b; |
|
b = c; |
|
} |
|
var classes = []; |
|
for (i = a; i <= b; i++) { |
|
classes.push('.L' + i); |
|
} |
|
$list.filter(classes.join(',')).addClass('active'); |
|
$.changeHash('#L' + a + '-' + 'L' + b); |
|
return |
|
} |
|
} |
|
$select.addClass('active'); |
|
$.changeHash('#' + $select.attr('rel')); |
|
} |
|
|
|
$(document).on('click', '.lines-num span', function (e) { |
|
var $select = $(this); |
|
var $list = $select.parent().siblings('.lines-code').find('ol.linenums > li'); |
|
selectRange($list, $list.filter('[rel=' + $select.attr('rel') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null)); |
|
$.deSelect(); |
|
}); |
|
|
|
$('.code-view .lines-code > pre').each(function () { |
|
var $pre = $(this); |
|
var $lineCode = $pre.parent(); |
|
var $lineNums = $lineCode.siblings('.lines-num'); |
|
if ($lineNums.length > 0) { |
|
var nums = $pre.find('ol.linenums > li').length; |
|
for (var i = 1; i <= nums; i++) { |
|
$lineNums.append('<span id="L' + i + '" rel="L' + i + '">' + i + '</span>'); |
|
} |
|
} |
|
}); |
|
|
|
$(window).on('hashchange', function (e) { |
|
var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/); |
|
var $list = $('.code-view ol.linenums > li'); |
|
if (m) { |
|
var $first = $list.filter('.' + m[1]); |
|
selectRange($list, $first, $list.filter('.' + m[2])); |
|
$("html, body").scrollTop($first.offset().top - 200); |
|
return; |
|
} |
|
m = window.location.hash.match(/^#(L\d+)$/); |
|
if (m) { |
|
var $first = $list.filter('.' + m[1]); |
|
selectRange($list, $first); |
|
$("html, body").scrollTop($first.offset().top - 200); |
|
} |
|
}).trigger('hashchange'); |
|
}; |
|
|
|
// copy utils |
|
Gogits.bindCopy = function (selector) { |
|
if ($(selector).hasClass('js-copy-bind')) { |
|
return; |
|
} |
|
$(selector).zclip({ |
|
path: "/js/ZeroClipboard.swf", |
|
copy: function () { |
|
var t = $(this).data("copy-val"); |
|
var to = $($(this).data("copy-from")); |
|
var str = ""; |
|
if (t == "txt") { |
|
str = to.text(); |
|
} |
|
if (t == 'val') { |
|
str = to.val(); |
|
} |
|
if (t == 'html') { |
|
str = to.html(); |
|
} |
|
return str; |
|
}, |
|
afterCopy: function () { |
|
var $this = $(this); |
|
$this.tooltip('hide') |
|
.attr('data-original-title', 'Copied OK'); |
|
setTimeout(function () { |
|
$this.tooltip("show"); |
|
}, 200); |
|
setTimeout(function () { |
|
$this.tooltip('hide') |
|
.attr('data-original-title', 'Copy to Clipboard'); |
|
}, 3000); |
|
} |
|
}).addClass("js-copy-bind"); |
|
} |
|
|
|
// api working |
|
Gogits.getUsers = function (val, $target) { |
|
$.ajax({ |
|
url: '/api/v1/users/search?q=' + val, |
|
dataType: "json", |
|
success: function (json) { |
|
if (json.ok && json.data.length) { |
|
var html = ''; |
|
$.each(json.data, function (i, item) { |
|
html += '<li><img src="' + item.avatar + '">' + item.username + '</li>'; |
|
}); |
|
$target.toggleShow(); |
|
$target.find('ul').html(html); |
|
} else { |
|
$target.toggleHide(); |
|
} |
|
} |
|
}); |
|
} |
|
|
|
})(jQuery); |
|
|
|
// ajax utils |
|
(function ($) { |
|
Gogits.ajaxDelete = function (url, data, success) { |
|
data = data || {}; |
|
data._method = "DELETE"; |
|
$.ajax({ |
|
url: url, |
|
data: data, |
|
method: "POST", |
|
dataType: "json", |
|
success: function (json) { |
|
if (success) { |
|
success(json); |
|
} |
|
} |
|
}) |
|
} |
|
})(jQuery); |
|
|
|
|
|
function initCore() { |
|
Gogits.initTooltips(); |
|
Gogits.initPopovers(); |
|
Gogits.initTabs(); |
|
Gogits.initModals(); |
|
Gogits.initDropDown(); |
|
Gogits.renderMarkdown(); |
|
Gogits.renderCodeView(); |
|
} |
|
|
|
function initUserSetting() { |
|
// ssh confirmation |
|
$('#ssh-keys .delete').confirmation({ |
|
singleton: true, |
|
onConfirm: function (e, $this) { |
|
Gogits.ajaxDelete("", {"id": $this.data("del")}, function (json) { |
|
if (json.ok) { |
|
window.location.reload(); |
|
} else { |
|
alert(json.err); |
|
} |
|
}); |
|
} |
|
}); |
|
|
|
// profile form |
|
(function () { |
|
$('#user-setting-username').on("keyup", function () { |
|
var $this = $(this); |
|
if ($this.val() != $this.attr('title')) { |
|
$this.next('.help-block').toggleShow(); |
|
} else { |
|
$this.next('.help-block').toggleHide(); |
|
} |
|
}); |
|
}()) |
|
} |
|
|
|
function initRepository() { |
|
// clone group button script |
|
(function () { |
|
var $clone = $('.clone-group-btn'); |
|
if ($clone.length) { |
|
var $url = $('.clone-group-url'); |
|
$clone.find('button[data-link]').on("click", function (e) { |
|
var $this = $(this); |
|
if (!$this.hasClass('btn-primary')) { |
|
$clone.find('.input-group-btn .btn-primary').removeClass('btn-primary').addClass("btn-default"); |
|
$(this).addClass('btn-primary').removeClass('btn-default'); |
|
$url.val($this.data("link")); |
|
$clone.find('span.clone-url').text($this.data('link')); |
|
} |
|
}).eq(0).trigger("click"); |
|
$("#repo-clone").on("shown.bs.dropdown", function () { |
|
Gogits.bindCopy("[data-init=copy]"); |
|
}); |
|
Gogits.bindCopy("[data-init=copy]:visible"); |
|
} |
|
})(); |
|
|
|
// watching script |
|
(function () { |
|
var $watch = $('#repo-watching'), |
|
watchLink = $watch.attr("data-watch"), |
|
// Use $.attr() to work around jQuery not finding $.data("unwatch") in Firefox, |
|
// which has a method "unwatch" on `Object` that gets returned instead. |
|
unwatchLink = $watch.attr("data-unwatch"); |
|
$watch.on('click', '.to-watch', function () { |
|
if ($watch.hasClass("watching")) { |
|
return false; |
|
} |
|
$.get(watchLink, function (json) { |
|
if (json.ok) { |
|
$watch.find('.text-primary').removeClass('text-primary'); |
|
$watch.find('.to-watch h4').addClass('text-primary'); |
|
$watch.find('.fa-eye-slash').removeClass('fa-eye-slash').addClass('fa-eye'); |
|
$watch.removeClass("no-watching").addClass("watching"); |
|
} |
|
}); |
|
return false; |
|
}).on('click', '.to-unwatch', function () { |
|
if ($watch.hasClass("no-watching")) { |
|
return false; |
|
} |
|
$.get(unwatchLink, function (json) { |
|
if (json.ok) { |
|
$watch.find('.text-primary').removeClass('text-primary'); |
|
$watch.find('.to-unwatch h4').addClass('text-primary'); |
|
$watch.find('.fa-eye').removeClass('fa-eye').addClass('fa-eye-slash'); |
|
$watch.removeClass("watching").addClass("no-watching"); |
|
} |
|
}); |
|
return false; |
|
}); |
|
})(); |
|
|
|
// repo diff counter |
|
(function () { |
|
var $counter = $('.diff-counter'); |
|
if ($counter.length < 1) { |
|
return; |
|
} |
|
$counter.each(function (i, item) { |
|
var $item = $(item); |
|
var addLine = $item.find('span[data-line].add').data("line"); |
|
var delLine = $item.find('span[data-line].del').data("line"); |
|
var addPercent = parseFloat(addLine) / (parseFloat(addLine) + parseFloat(delLine)) * 100; |
|
$item.find(".bar .add").css("width", addPercent + "%"); |
|
}); |
|
}()); |
|
|
|
// repo setting form |
|
(function () { |
|
$('#repo-setting-name').on("keyup", function () { |
|
var $this = $(this); |
|
if ($this.val() != $this.attr('title')) { |
|
$this.next('.help-block').toggleShow(); |
|
} else { |
|
$this.next('.help-block').toggleHide(); |
|
} |
|
}); |
|
}()) |
|
} |
|
|
|
function initInstall() { |
|
// database type change |
|
(function () { |
|
var mysql_default = '127.0.0.1:3306' |
|
var postgres_default = '127.0.0.1:5432' |
|
|
|
$('#install-database').on("change", function () { |
|
var val = $(this).val(); |
|
if (val != "SQLite3") { |
|
$('.server-sql').show(); |
|
$('.sqlite-setting').addClass("hide"); |
|
if (val == "PostgreSQL") { |
|
$('.pgsql-setting').removeClass("hide"); |
|
|
|
// Change the host value to the Postgres default, but only |
|
// if the user hasn't already changed it from the MySQL |
|
// default. |
|
if ($('#database-host').val() == mysql_default) { |
|
$('#database-host').val(postgres_default); |
|
} |
|
} else if (val == 'MySQL') { |
|
$('.pgsql-setting').addClass("hide"); |
|
if ($('#database-host').val() == postgres_default) { |
|
$('#database-host').val(mysql_default); |
|
} |
|
} else { |
|
$('.pgsql-setting').addClass("hide"); |
|
} |
|
} else { |
|
$('.server-sql').hide(); |
|
$('.sqlite-setting').removeClass("hide"); |
|
} |
|
}); |
|
}()); |
|
|
|
} |
|
|
|
function initIssue() { |
|
// close button |
|
(function () { |
|
var $closeBtn = $('#issue-close-btn'); |
|
var $openBtn = $('#issue-open-btn'); |
|
$('#issue-reply-content').on("keyup", function () { |
|
if ($(this).val().length) { |
|
$closeBtn.val($closeBtn.data("text")); |
|
$openBtn.val($openBtn.data("text")); |
|
} else { |
|
$closeBtn.val($closeBtn.data("origin")); |
|
$openBtn.val($openBtn.data("origin")); |
|
} |
|
}); |
|
}()); |
|
|
|
// store unsend text in session storage. |
|
(function() { |
|
var $textArea = $("#issue-content,#issue-reply-content"); |
|
var current = ""; |
|
|
|
if ($textArea == null || !('sessionStorage' in window)) { |
|
return; |
|
} |
|
|
|
var path = location.pathname.split("/"); |
|
var key = "issue-" + path[1] + "-" + path[2] + "-"; |
|
|
|
if (/\/issues\/\d+$/.test(location.pathname)) { |
|
key = key + path[4]; |
|
} else { |
|
key = key + "new"; |
|
} |
|
|
|
if ($textArea.val() !== undefined && $textArea.val() !== "") { |
|
sessionStorage.setItem(key, $textArea.val()); |
|
} else { |
|
$textArea.val(sessionStorage.getItem(key) || ""); |
|
|
|
if ($textArea.attr("id") == "issue-reply-content") { |
|
var $closeBtn = $('#issue-close-btn'); |
|
var $openBtn = $('#issue-open-btn'); |
|
|
|
if ($textArea.val().length) { |
|
$closeBtn.val($closeBtn.data("text")); |
|
$openBtn.val($openBtn.data("text")); |
|
} else { |
|
$closeBtn.val($closeBtn.data("origin")); |
|
$openBtn.val($openBtn.data("origin")); |
|
} |
|
} |
|
} |
|
|
|
$textArea.on("keyup", function() { |
|
if ($textArea.val() !== current) { |
|
sessionStorage.setItem(key, current = $textArea.val()); |
|
} |
|
}); |
|
}()); |
|
|
|
// Preview for images. |
|
(function() { |
|
var $hoverElement = $("<div></div>"); |
|
var $hoverImage = $("<img />"); |
|
|
|
$hoverElement.addClass("attachment-preview"); |
|
$hoverElement.hide(); |
|
|
|
$hoverImage.addClass("attachment-preview-img"); |
|
|
|
$hoverElement.append($hoverImage); |
|
$(document.body).append($hoverElement); |
|
|
|
var over = function() { |
|
var $this = $(this); |
|
|
|
if ((/\.(png|jpg|jpeg|gif)$/i).test($this.text()) == false) { |
|
return; |
|
} |
|
|
|
if ($hoverImage.attr("src") != $this.attr("href")) { |
|
$hoverImage.attr("src", $this.attr("href")); |
|
$hoverImage.load(function() { |
|
var height = this.height; |
|
var width = this.width; |
|
|
|
if (height > 300) { |
|
var factor = 300 / height; |
|
|
|
height = factor * height; |
|
width = factor * width; |
|
} |
|
|
|
$hoverImage.css({"height": height, "width": width}); |
|
|
|
var offset = $this.offset(); |
|
var left = offset.left, top = offset.top + $this.height() + 5; |
|
|
|
$hoverElement.css({"top": top + "px", "left": left + "px"}); |
|
$hoverElement.css({"height": height + 16, "width": width + 16}); |
|
$hoverElement.show(); |
|
}); |
|
} else { |
|
$hoverElement.show(); |
|
} |
|
}; |
|
|
|
var out = function() { |
|
$hoverElement.hide(); |
|
}; |
|
|
|
$(".issue-main .attachments .attachment").hover(over, out); |
|
}()); |
|
|
|
// Upload. |
|
(function() { |
|
var $attachedList = $("#attached-list"); |
|
var $addButton = $("#attachments-button"); |
|
var files = []; |
|
var fileInput = document.getElementById("attachments-input"); |
|
|
|
if (fileInput === null) { |
|
return; |
|
} |
|
|
|
$attachedList.on("click", "span.attachment-remove", function(event) { |
|
var $parent = $(this).parent(); |
|
|
|
files.splice($parent.data("index"), 1); |
|
$parent.remove(); |
|
}); |
|
|
|
var clickedButton; |
|
|
|
$('#issue-reply-btn,input[type="submit"]', fileInput.form).on('click', function() { |
|
clickedButton = this; |
|
|
|
var $button = $(this); |
|
|
|
$button.removeClass("btn-success"); |
|
$button.addClass("btn-warning"); |
|
|
|
$button.text("Submiting..."); |
|
}); |
|
|
|
fileInput.form.addEventListener("submit", function(event) { |
|
event.stopImmediatePropagation(); |
|
event.preventDefault(); |
|
|
|
//var data = new FormData(this); |
|
|
|
// Internet Explorer ... -_- |
|
var data = new FormData(); |
|
|
|
$.each($("[name]", this), function(i, e) { |
|
if (e.name == "attachments" || e.type == "submit") { |
|
return; |
|
} |
|
|
|
data.append(e.name, $(e).val()); |
|
}); |
|
|
|
data.append(clickedButton.name, $(clickedButton).val()); |
|
|
|
files.forEach(function(file) { |
|
data.append("attachments", file); |
|
}); |
|
|
|
var xhr = new XMLHttpRequest(); |
|
|
|
xhr.addEventListener("error", function() { |
|
debugger; |
|
}); |
|
|
|
xhr.addEventListener("load", function() { |
|
var response = xhr.response; |
|
|
|
if (typeof response == "string") { |
|
try { |
|
response = JSON.parse(response); |
|
} catch (err) { |
|
response = { ok: false, error: "Could not parse JSON" }; |
|
} |
|
} |
|
|
|
if (response.ok === false) { |
|
$("#submit-error").text(response.error); |
|
$("#submit-error").show(); |
|
|
|
var $button = $(clickedButton); |
|
|
|
$button.removeClass("btn-warning"); |
|
$button.addClass("btn-danger"); |
|
|
|
$button.text("An error encoured!") |
|
|
|
return; |
|
} |
|
|
|
if (!('sessionStorage' in window)) { |
|
return; |
|
} |
|
|
|
var path = location.pathname.split("/"); |
|
var key = "issue-" + path[1] + "-" + path[2] + "-"; |
|
|
|
if (/\/issues\/\d+$/.test(location.pathname)) { |
|
key = key + path[4]; |
|
} else { |
|
key = key + "new"; |
|
} |
|
|
|
sessionStorage.removeItem(key); |
|
window.location.href = response.data; |
|
}); |
|
|
|
xhr.open("POST", this.action, true); |
|
xhr.send(data); |
|
|
|
return false; |
|
}); |
|
|
|
fileInput.addEventListener("change", function(event) { |
|
for (var index = 0; index < fileInput.files.length; index++) { |
|
var file = fileInput.files[index]; |
|
|
|
if (files.indexOf(file) > -1) { |
|
continue; |
|
} |
|
|
|
var $span = $("<span></span>"); |
|
|
|
$span.addClass("label"); |
|
$span.addClass("label-default"); |
|
|
|
$span.data("index", files.length); |
|
|
|
$span.append(file.name); |
|
$span.append(" <span class=\"attachment-remove fa fa-times-circle\"></span>"); |
|
|
|
$attachedList.append($span); |
|
|
|
files.push(file); |
|
} |
|
|
|
this.value = ""; |
|
}); |
|
|
|
$addButton.on("click", function() { |
|
fileInput.click(); |
|
return false; |
|
}); |
|
}()); |
|
|
|
// issue edit mode |
|
(function () { |
|
$("#issue-edit-btn").on("click", function () { |
|
$('#issue h1.title,#issue .issue-main > .issue-content .content,#issue-edit-btn').toggleHide(); |
|
$('#issue-edit-title,.issue-edit-content,.issue-edit-cancel,.issue-edit-save').toggleShow(); |
|
}); |
|
$('.issue-edit-cancel').on("click", function () { |
|
$('#issue h1.title,#issue .issue-main > .issue-content .content,#issue-edit-btn').toggleShow(); |
|
$('#issue-edit-title,.issue-edit-content,.issue-edit-cancel,.issue-edit-save').toggleHide(); |
|
}) |
|
}()); |
|
|
|
// issue ajax update |
|
(function () { |
|
var $cnt = $('#issue-edit-content'); |
|
$('.issue-edit-save').on("click", function () { |
|
$cnt.attr('data-ajax-rel', 'issue-edit-save'); |
|
$(this).toggleAjax(function (json) { |
|
if (json.ok) { |
|
$('.issue-head h1.title').text(json.title); |
|
$('.issue-main > .issue-content .content').html(json.content); |
|
$('.issue-edit-cancel').trigger("click"); |
|
} |
|
}); |
|
setTimeout(function () { |
|
$cnt.attr('data-ajax-rel', 'issue-edit-preview'); |
|
}, 200) |
|
}); |
|
}()); |
|
|
|
// issue ajax preview |
|
(function () { |
|
$('[data-ajax-name=issue-preview],[data-ajax-name=issue-edit-preview]').on("click", function () { |
|
var $this = $(this); |
|
$this.toggleAjax(function (resp) { |
|
$($this.data("preview")).html(resp); |
|
}, function () { |
|
$($this.data("preview")).html("no content"); |
|
}) |
|
}); |
|
$('.issue-write a[data-toggle]').on("click", function () { |
|
var selector = $(this).parent().next(".issue-preview").find('a').data('preview'); |
|
$(selector).html("loading..."); |
|
}); |
|
}()); |
|
|
|
// assignee |
|
var is_issue_bar = $('.issue-bar').length > 0; |
|
var $a = $('.assignee'); |
|
if ($a.data("assigned") > 0) { |
|
$('.clear-assignee').toggleShow(); |
|
} |
|
$('.assignee', '#issue').on('click', 'li', function () { |
|
var uid = $(this).data("uid"); |
|
if (is_issue_bar) { |
|
var assignee = $a.data("assigned"); |
|
if (uid != assignee) { |
|
var text = $(this).text(); |
|
var img = $("img", this).attr("src"); |
|
|
|
$.post($a.data("ajax"), { |
|
issue: $('#issue').data("id"), |
|
assigneeid: uid |
|
}, function (json) { |
|
if (json.ok) { |
|
//window.location.reload(); |
|
$a.data("assigned", uid); |
|
|
|
if (uid > 0) { |
|
$('.clear-assignee').toggleShow(); |
|
$(".assignee > p").html('<img src="' + img + '"><strong>' + text + '</strong>'); |
|
} else { |
|
$('.clear-assignee').toggleHide(); |
|
$(".assignee > p").text("No one assigned"); |
|
} |
|
} |
|
}) |
|
} |
|
|
|
return; |
|
} |
|
$('#assignee').val(uid); |
|
if (uid > 0) { |
|
$('.clear-assignee').toggleShow(); |
|
$('#assigned').text($(this).find("strong").text()) |
|
} else { |
|
$('.clear-assignee').toggleHide(); |
|
$('#assigned').text($('#assigned').data("no-assigned")); |
|
} |
|
}); |
|
|
|
// milestone |
|
|
|
$('#issue .dropdown-menu a[data-toggle="tab"]').on("click", function (e) { |
|
e.stopPropagation(); |
|
$(this).tab('show'); |
|
return false; |
|
}); |
|
|
|
var $m = $('.milestone'); |
|
if ($m.data("milestone") > 0) { |
|
$('.clear-milestone').toggleShow(); |
|
} |
|
$('.milestone', '#issue').on('click', 'li.milestone-item', function () { |
|
var id = $(this).data("id"); |
|
if (is_issue_bar) { |
|
var m = $m.data("milestone"); |
|
if (id != m) { |
|
var text = $(this).text(); |
|
|
|
$.post($m.data("ajax"), { |
|
issue: $('#issue').data("id"), |
|
milestone: id |
|
}, function (json) { |
|
if (json.ok) { |
|
//window.location.reload(); |
|
$m.data("milestone", id); |
|
|
|
if (id > 0) { |
|
$('.clear-milestone').toggleShow(); |
|
$(".milestone > .name").html('<a href="' + location.pathname + '?milestone=' + id + '"><strong>' + text + '</strong></a>'); |
|
} else { |
|
$('.clear-milestone').toggleHide(); |
|
$(".milestone > .name").text("No milestone"); |
|
} |
|
} |
|
}); |
|
} |
|
|
|
return; |
|
} |
|
$('#milestone-id').val(id); |
|
if (id > 0) { |
|
$('.clear-milestone').toggleShow(); |
|
$('#milestone').text($(this).find("strong").text()) |
|
} else { |
|
$('.clear-milestone').toggleHide(); |
|
$('#milestone').text($('#milestone').data("no-milestone")); |
|
} |
|
}); |
|
|
|
// labels |
|
var removeLabels = []; |
|
$('#label-manage-btn').on("click", function () { |
|
var $list = $('#label-list'); |
|
if ($list.hasClass("managing")) { |
|
var ids = []; |
|
$list.find('li').each(function (i, item) { |
|
var id = $(item).data("id"); |
|
if (id > 0) { |
|
ids.push(id); |
|
} |
|
}); |
|
$.post($list.data("ajax"), {"ids": ids.join(","), "remove": removeLabels.join(",")}, function (json) { |
|
if (json.ok) { |
|
window.location.reload(); |
|
} |
|
}) |
|
} else { |
|
$list.addClass("managing"); |
|
$list.find(".count").hide(); |
|
$list.find(".del").show(); |
|
$(this).text("Save Labels"); |
|
$list.on('click', 'li.label-item', function () { |
|
var $this = $(this); |
|
$this.after($('.label-change-li').detach().show()); |
|
$('#label-name-change-ipt').val($this.find('.name').text()); |
|
var color = $this.find('.color').data("color"); |
|
$('.label-change-color-picker').colorpicker("setValue", color); |
|
$('#label-color-change-ipt,#label-color-change-ipt2').val(color); |
|
$('#label-change-id-ipt').val($this.data("id")); |
|
return false; |
|
}); |
|
} |
|
}); |
|
var colorRegex = new RegExp("^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"); |
|
$('#label-color-ipt2').on('keyup', function () { |
|
var val = $(this).val(); |
|
if (val.length > 7) { |
|
$(this).val(val.substr(0, 7)); |
|
} |
|
if (colorRegex.test(val)) { |
|
$('.label-color-picker').colorpicker("setValue", val); |
|
} |
|
return true; |
|
}); |
|
$('#label-color-change-ipt2').on('keyup', function () { |
|
var val = $(this).val(); |
|
console.log(val); |
|
if (val.length > 7) { |
|
$(this).val(val.substr(0, 7)); |
|
} |
|
if (colorRegex.test(val)) { |
|
$('.label-change-color-picker').colorpicker("setValue", val); |
|
} |
|
return true; |
|
}); |
|
$("#label-list").on('click', '.del', function () { |
|
var $p = $(this).parent(); |
|
removeLabels.push($p.data('id')); |
|
$p.remove(); |
|
return false; |
|
}); |
|
$('.label-selected').each(function (i, item) { |
|
var $item = $(item); |
|
var color = $item.find('.color').data('color'); |
|
$item.css('background-color', color); |
|
}); |
|
|
|
$('.issue-bar .labels .dropdown-menu').on('click', 'li', function (e) { |
|
var $labels = $('.issue-bar .labels'); |
|
var url = $labels.data("ajax"); |
|
var id = $(this).data('id'); |
|
var check = $(this).hasClass("checked"); |
|
var item = this; |
|
$.post(url, {id: id, action: check ? 'detach' : "attach", issue: $('#issue').data('id')}, function (json) { |
|
if (json.ok) { |
|
if (check) { |
|
$("span.check.pull-left", item).remove(); |
|
|
|
$(item).removeClass("checked"); |
|
$(item).addClass("no-checked"); |
|
|
|
$("#label-" + id, $labels).remove(); |
|
} else { |
|
$(item).prepend('<span class="check pull-left"><i class="fa fa-check"></i></span>'); |
|
|
|
$(item).removeClass("no-checked"); |
|
$(item).addClass("checked"); |
|
|
|
var $l = $("<p></p>"); |
|
var c = $("span.color", item).css("background-color"); |
|
|
|
$l.attr("id", "label-" + id); |
|
$l.attr("class", "label-item label-white"); |
|
$l.css("background-color", c); |
|
|
|
$l.append("<strong>" + $(item).text() + "</strong>"); |
|
$labels.append($l); |
|
} |
|
} |
|
}); |
|
e.stopPropagation(); |
|
return false; |
|
}) |
|
} |
|
|
|
function initRelease() { |
|
// release new ajax preview |
|
(function () { |
|
$('[data-ajax-name=release-preview]').on("click", function () { |
|
var $this = $(this); |
|
$this.toggleAjax(function (resp) { |
|
$($this.data("preview")).html(resp); |
|
}, function () { |
|
$($this.data("preview")).html("no content"); |
|
}) |
|
}); |
|
$('.release-write a[data-toggle]').on("click", function () { |
|
$('.release-preview-content').html("loading..."); |
|
}); |
|
}()); |
|
|
|
// release new target selection |
|
(function () { |
|
$('#release-new-target-branch-list').on('click', 'a', function () { |
|
$('#tag-target').val($(this).text()); |
|
$('#release-new-target-name').text(" " + $(this).text()); |
|
}); |
|
}()); |
|
} |
|
|
|
function initRepoSetting() { |
|
// repo member add |
|
$('#repo-collaborator').on('keyup', function () { |
|
var $this = $(this); |
|
if (!$this.val()) { |
|
$this.next().toggleHide(); |
|
return; |
|
} |
|
Gogits.getUsers($this.val(), $this.next()); |
|
/*$.ajax({ |
|
url: '/api/v1/users/search?q=' + $this.val(), |
|
dataType: "json", |
|
success: function (json) { |
|
if (json.ok && json.data.length) { |
|
var html = ''; |
|
$.each(json.data, function (i, item) { |
|
html += '<li><img src="' + item.avatar + '">' + item.username + '</li>'; |
|
}); |
|
$this.next().toggleShow(); |
|
$this.next().find('ul').html(html); |
|
} else { |
|
$this.next().toggleHide(); |
|
} |
|
} |
|
});*/ |
|
}).on('focus', function () { |
|
if (!$(this).val()) { |
|
$(this).next().toggleHide(); |
|
} |
|
}).next().on("click", 'li', function () { |
|
$('#repo-collaborator').val($(this).text()); |
|
}); |
|
} |
|
|
|
function initRepoCreating() { |
|
// owner switch menu click |
|
(function () { |
|
$('#repo-owner-switch .dropdown-menu').on("click", "li", function () { |
|
var uid = $(this).data('uid'); |
|
// set to input |
|
$('#repo-owner-id').val(uid); |
|
// set checked class |
|
if (!$(this).hasClass("checked")) { |
|
$(this).parent().find(".checked").removeClass("checked"); |
|
$(this).addClass("checked"); |
|
} |
|
// set button group to show clicked owner |
|
$('#repo-owner-avatar').attr("src", $(this).find('img').attr("src")); |
|
$('#repo-owner-name').text($(this).text().trim()); |
|
console.log("set repo owner to uid :", uid, $(this).text().trim()); |
|
}); |
|
}()); |
|
console.log("init repo-creating scripts"); |
|
} |
|
|
|
function initOrganization() { |
|
(function(){ |
|
$('#org-team-add-user').on('keyup', function () { |
|
var $this = $(this); |
|
if (!$this.val()) { |
|
$this.next().toggleHide(); |
|
return; |
|
} |
|
Gogits.getUsers($this.val(), $this.next()); |
|
}).on('focus', function () { |
|
if (!$(this).val()) { |
|
$(this).next().toggleHide(); |
|
} |
|
}).next().on("click", 'li', function () { |
|
$('#org-team-add-user').val($(this).text()); |
|
$('#org-team-add-user-form').submit(); |
|
}).toggleHide(); |
|
console.log("init script : add user to team"); |
|
}()); |
|
|
|
(function(){ |
|
$('#org-team-add-repo').next().toggleHide(); |
|
console.log("init script : add repository to team"); |
|
}()); |
|
|
|
|
|
console.log("init script : organization done"); |
|
} |
|
|
|
(function ($) { |
|
$(function () { |
|
initCore(); |
|
var body = $("#body"); |
|
if (body.data("page") == "user") { |
|
initUserSetting(); |
|
} |
|
if ($('.repo-nav').length) { |
|
initRepository(); |
|
} |
|
if ($('#install-card').length) { |
|
initInstall(); |
|
} |
|
if ($('#issue').length) { |
|
initIssue(); |
|
} |
|
if ($('#release').length) { |
|
initRelease(); |
|
} |
|
if ($('#repo-setting-container').length) { |
|
initRepoSetting(); |
|
} |
|
if ($('#repo-create').length) { |
|
initRepoCreating(); |
|
} |
|
if ($('#body-nav').hasClass("org-nav")) { |
|
initOrganization(); |
|
} |
|
}); |
|
})(jQuery); |
|
|
|
String.prototype.endsWith = function (suffix) { |
|
return this.indexOf(suffix, this.length - suffix.length) !== -1; |
|
};
|
|
|