app.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. var Gogits = {
  2. "PageIsSignup": false
  3. };
  4. (function ($) {
  5. // extend jQuery ajax, set csrf token value
  6. var ajax = $.ajax;
  7. $.extend({
  8. ajax: function (url, options) {
  9. if (typeof url === 'object') {
  10. options = url;
  11. url = undefined;
  12. }
  13. options = options || {};
  14. url = options.url;
  15. var csrftoken = $('meta[name=_csrf]').attr('content');
  16. var headers = options.headers || {};
  17. var domain = document.domain.replace(/\./ig, '\\.');
  18. if (!/^(http:|https:).*/.test(url) || eval('/^(http:|https:)\\/\\/(.+\\.)*' + domain + '.*/').test(url)) {
  19. headers = $.extend(headers, {'X-Csrf-Token': csrftoken});
  20. }
  21. options.headers = headers;
  22. var callback = options.success;
  23. options.success = function (data) {
  24. if (data.once) {
  25. // change all _once value if ajax data.once exist
  26. $('[name=_once]').val(data.once);
  27. }
  28. if (callback) {
  29. callback.apply(this, arguments);
  30. }
  31. };
  32. return ajax(url, options);
  33. },
  34. changeHash: function (hash) {
  35. if (history.pushState) {
  36. history.pushState(null, null, hash);
  37. }
  38. else {
  39. location.hash = hash;
  40. }
  41. },
  42. deSelect: function () {
  43. if (window.getSelection) {
  44. window.getSelection().removeAllRanges();
  45. } else {
  46. document.selection.empty();
  47. }
  48. }
  49. });
  50. }(jQuery));
  51. (function ($) {
  52. Gogits.showTab = function (selector, index) {
  53. if (!index) {
  54. index = 0;
  55. }
  56. $(selector).tab("show");
  57. $(selector).find("li:eq(" + index + ") a").tab("show");
  58. };
  59. Gogits.validateForm = function (selector, options) {
  60. var $form = $(selector);
  61. options = options || {};
  62. options.showErrors = function (map, list) {
  63. var $error = $form.find('.form-error').addClass('hidden');
  64. $('.has-error').removeClass("has-error");
  65. $error.text(list[0].message).show().removeClass("hidden");
  66. $(list[0].element).parents(".form-group").addClass("has-error");
  67. };
  68. $form.validate(options);
  69. };
  70. // ----- init elements
  71. Gogits.initModals = function () {
  72. var modals = $("[data-toggle=modal]");
  73. if (modals.length < 1) {
  74. return;
  75. }
  76. $.each(modals, function (i, item) {
  77. var hide = $(item).data('modal');
  78. $(item).modal(hide ? hide : "hide");
  79. });
  80. };
  81. Gogits.initTooltips = function () {
  82. $("body").tooltip({
  83. selector: "[data-toggle=tooltip]"
  84. //container: "body"
  85. });
  86. };
  87. Gogits.initPopovers = function () {
  88. var hideAllPopovers = function () {
  89. $('[data-toggle=popover]').each(function () {
  90. $(this).popover('hide');
  91. });
  92. };
  93. $(document).on('click', function (e) {
  94. var $e = $(e.target);
  95. if ($e.data('toggle') == 'popover' || $e.parents("[data-toggle=popover], .popover").length > 0) {
  96. return;
  97. }
  98. hideAllPopovers();
  99. });
  100. $("body").popover({
  101. selector: "[data-toggle=popover]"
  102. });
  103. };
  104. Gogits.initTabs = function () {
  105. var $tabs = $('[data-init=tabs]');
  106. $tabs.tab("show");
  107. $tabs.find("li:eq(0) a").tab("show");
  108. };
  109. // fix dropdown inside click
  110. Gogits.initDropDown = function () {
  111. $('.dropdown-menu.no-propagation').on('click', function (e) {
  112. e.stopPropagation();
  113. });
  114. };
  115. // render markdown
  116. Gogits.renderMarkdown = function () {
  117. var $md = $('.markdown');
  118. var $pre = $md.find('pre > code').parent();
  119. $pre.addClass('prettyprint linenums');
  120. prettyPrint();
  121. // Set anchor.
  122. var headers = {};
  123. $md.find('h1, h2, h3, h4, h5, h6').each(function () {
  124. var node = $(this);
  125. var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\w\- ]/g, '').replace(/[ ]/g, '-'));
  126. var name = val;
  127. if (headers[val] > 0) {
  128. name = val + '-' + headers[val];
  129. }
  130. if (headers[val] == undefined) {
  131. headers[val] = 1;
  132. } else {
  133. headers[val] += 1;
  134. }
  135. node = node.wrap('<div id="' + name + '" class="anchor-wrap" ></div>');
  136. node.append('<a class="anchor" href="#' + name + '"><span class="octicon octicon-link"></span></a>');
  137. });
  138. };
  139. Gogits.renderCodeView = function () {
  140. function selectRange($list, $select, $from) {
  141. $list.removeClass('active');
  142. if ($from) {
  143. var a = parseInt($select.attr('rel').substr(1));
  144. var b = parseInt($from.attr('rel').substr(1));
  145. var c;
  146. if (a != b) {
  147. if (a > b) {
  148. c = a;
  149. a = b;
  150. b = c;
  151. }
  152. var classes = [];
  153. for (i = a; i <= b; i++) {
  154. classes.push('.L' + i);
  155. }
  156. $list.filter(classes.join(',')).addClass('active');
  157. $.changeHash('#L' + a + '-' + 'L' + b);
  158. return
  159. }
  160. }
  161. $select.addClass('active');
  162. $.changeHash('#' + $select.attr('rel'));
  163. }
  164. $(document).on('click', '.lines-num span', function (e) {
  165. var $select = $(this);
  166. var $list = $select.parent().siblings('.lines-code').find('ol.linenums > li');
  167. selectRange($list, $list.filter('[rel=' + $select.attr('rel') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null));
  168. $.deSelect();
  169. });
  170. $('.code-view .lines-code > pre').each(function () {
  171. var $pre = $(this);
  172. var $lineCode = $pre.parent();
  173. var $lineNums = $lineCode.siblings('.lines-num');
  174. if ($lineNums.length > 0) {
  175. var nums = $pre.find('ol.linenums > li').length;
  176. for (var i = 1; i <= nums; i++) {
  177. $lineNums.append('<span id="L' + i + '" rel="L' + i + '">' + i + '</span>');
  178. }
  179. }
  180. });
  181. $(window).on('hashchange',function (e) {
  182. var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/);
  183. var $list = $('.code-view ol.linenums > li');
  184. if (m) {
  185. var $first = $list.filter('.' + m[1]);
  186. selectRange($list, $first, $list.filter('.' + m[2]));
  187. $("html, body").scrollTop($first.offset().top - 200);
  188. return;
  189. }
  190. m = window.location.hash.match(/^#(L\d+)$/);
  191. if (m) {
  192. var $first = $list.filter('.' + m[1]);
  193. selectRange($list, $first);
  194. $("html, body").scrollTop($first.offset().top - 200);
  195. }
  196. }).trigger('hashchange');
  197. };
  198. })(jQuery);
  199. // ajax utils
  200. (function ($) {
  201. Gogits.ajaxDelete = function (url, data, success) {
  202. data = data || {};
  203. data._method = "DELETE";
  204. $.ajax({
  205. url: url,
  206. data: data,
  207. method: "POST",
  208. dataType: "json",
  209. success: function (json) {
  210. if (success) {
  211. success(json);
  212. }
  213. }
  214. })
  215. }
  216. })(jQuery);
  217. function initCore() {
  218. Gogits.initTooltips();
  219. Gogits.initPopovers();
  220. Gogits.initTabs();
  221. Gogits.initModals();
  222. Gogits.initDropDown();
  223. Gogits.renderMarkdown();
  224. Gogits.renderCodeView();
  225. }
  226. function initRegister() {
  227. $.getScript("/js/jquery.validate.min.js", function () {
  228. Gogits.validateForm("#login-card", {
  229. rules: {
  230. "username": {
  231. required: true,
  232. maxlength: 30
  233. },
  234. "email": {
  235. required: true,
  236. email: true
  237. },
  238. "passwd": {
  239. required: true,
  240. minlength: 6,
  241. maxlength: 30
  242. },
  243. "re-passwd": {
  244. required: true,
  245. equalTo: "input[name=passwd]"
  246. }
  247. }
  248. });
  249. });
  250. }
  251. function initUserSetting() {
  252. $('#ssh-keys .delete').confirmation({
  253. singleton: true,
  254. onConfirm: function (e, $this) {
  255. Gogits.ajaxDelete("", {"id": $this.data("del")}, function (json) {
  256. if (json.ok) {
  257. window.location.reload();
  258. } else {
  259. alert(json.err);
  260. }
  261. });
  262. }
  263. });
  264. }
  265. function initRepository() {
  266. // clone group button script
  267. (function () {
  268. var $clone = $('.clone-group-btn');
  269. if ($clone.length) {
  270. var $url = $('.clone-group-url');
  271. $clone.find('button[data-link]').on("click",function (e) {
  272. var $this = $(this);
  273. if (!$this.hasClass('btn-primary')) {
  274. $clone.find('.input-group-btn .btn-primary').removeClass('btn-primary').addClass("btn-default");
  275. $(this).addClass('btn-primary').removeClass('btn-default');
  276. $url.val($this.data("link"));
  277. $clone.find('span.clone-url').text($this.data('link'));
  278. }
  279. }).eq(0).trigger("click");
  280. // todo copy to clipboard
  281. }
  282. })();
  283. // watching script
  284. (function () {
  285. var $watch = $('#repo-watching'),
  286. watchLink = $watch.data("watch"),
  287. unwatchLink = $watch.data("unwatch");
  288. $watch.on('click', '.to-watch',function () {
  289. if ($watch.hasClass("watching")) {
  290. return false;
  291. }
  292. $.get(watchLink, function (json) {
  293. if (json.ok) {
  294. $watch.find('.text-primary').removeClass('text-primary');
  295. $watch.find('.to-watch h4').addClass('text-primary');
  296. $watch.find('.fa-eye-slash').removeClass('fa-eye-slash').addClass('fa-eye');
  297. $watch.removeClass("no-watching").addClass("watching");
  298. }
  299. });
  300. return false;
  301. }).on('click', '.to-unwatch', function () {
  302. if ($watch.hasClass("no-watching")) {
  303. return false;
  304. }
  305. $.get(unwatchLink, function (json) {
  306. if (json.ok) {
  307. $watch.find('.text-primary').removeClass('text-primary');
  308. $watch.find('.to-unwatch h4').addClass('text-primary');
  309. $watch.find('.fa-eye').removeClass('fa-eye').addClass('fa-eye-slash');
  310. $watch.removeClass("watching").addClass("no-watching");
  311. }
  312. });
  313. return false;
  314. });
  315. })();
  316. // repo diff counter
  317. (function () {
  318. var $counter = $('.diff-counter');
  319. if ($counter.length < 1) {
  320. return;
  321. }
  322. $counter.each(function (i, item) {
  323. var $item = $(item);
  324. var addLine = $item.find('span[data-line].add').data("line");
  325. var delLine = $item.find('span[data-line].del').data("line");
  326. var addPercent = parseFloat(addLine) / (parseFloat(addLine) + parseFloat(delLine)) * 100;
  327. $item.find(".bar .add").css("width", addPercent + "%");
  328. });
  329. }());
  330. }
  331. function initInstall(){
  332. $('#install-database').on("change", function () {
  333. var val = $(this).val();
  334. if (val != "sqlite") {
  335. $('.server-sql').show();
  336. $('.sqlite-setting').addClass("hide");
  337. if (val == "pgsql") {
  338. $('.pgsql-setting').removeClass("hide");
  339. } else {
  340. $('.pgsql-setting').addClass("hide");
  341. }
  342. } else {
  343. $('.server-sql').hide();
  344. $('.sqlite-setting').removeClass("hide");
  345. }
  346. });
  347. }
  348. (function ($) {
  349. $(function () {
  350. initCore();
  351. var body = $("#body");
  352. if (body.data("page") == "user-signup") {
  353. initRegister();
  354. }
  355. if (body.data("page") == "user") {
  356. initUserSetting();
  357. }
  358. if ($('.repo-nav').length) {
  359. initRepository();
  360. }
  361. if($('#install-card').length){
  362. initInstall();
  363. }
  364. });
  365. })(jQuery);