1162 lines
		
	
	
		
			38 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			1162 lines
		
	
	
		
			38 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 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) {
 | |
|         var notEmpty = function (str) {
 | |
|           return str && str.length > 0;
 | |
|         }
 | |
|         $.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;
 | |
|                         if (notEmpty(item.full_name)) {
 | |
|                           html += ' (' + item.full_name + ')';
 | |
|                         }
 | |
|                         html += '</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;
 | |
| 
 | |
|         $('input[type="submit"],input[type="button"],button.btn-success', fileInput.form).on('click', function() {
 | |
|             clickedButton = this;
 | |
| 
 | |
|             var $button = $(this);
 | |
| 
 | |
|             $button.removeClass("btn-success btn-default");
 | |
|             $button.addClass("btn-warning");
 | |
| 
 | |
|             $button.html("Submitting…");
 | |
|         });
 | |
| 
 | |
|         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() {
 | |
|                 console.log("Issue submit request failed. xhr.status: " + xhr.status);
 | |
|             });
 | |
| 
 | |
|             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 occurred!");
 | |
| 
 | |
|                     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() {
 | |
|             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(evt) {
 | |
|             fileInput.click();
 | |
|             evt.preventDefault();
 | |
|         });
 | |
|     }());
 | |
| 
 | |
|     // 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"),
 | |
|                     milestoneid: 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();
 | |
| 
 | |
|                     if ($labels.children(".label-item").length == 0) {
 | |
|                         $labels.append("<p>None yet</p>");
 | |
|                     }
 | |
|                 } else {
 | |
|                     $(item).prepend('<span class="check pull-left"><i class="fa fa-check"></i></span>');
 | |
| 
 | |
|                     $(item).removeClass("no-checked");
 | |
|                     $(item).addClass("checked");
 | |
| 
 | |
|                     $("p:not([class])", $labels).remove();
 | |
| 
 | |
|                     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());
 | |
|     }).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 initTimeSwitch() {
 | |
|     $(".time-since[title]").on("click", function() {
 | |
|         var $this = $(this);
 | |
| 
 | |
|         var title = $this.attr("title");
 | |
|         var text = $this.text();
 | |
| 
 | |
|         $this.text(title);
 | |
|         $this.attr("title", text);
 | |
|     });
 | |
| }
 | |
| 
 | |
| (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();
 | |
|         }
 | |
| 
 | |
|         initTimeSwitch();
 | |
|     });
 | |
| })(jQuery);
 | |
| 
 | |
| String.prototype.endsWith = function (suffix) {
 | |
|     return this.indexOf(suffix, this.length - suffix.length) !== -1;
 | |
| };
 |