4befec242a
* Code review UI improvements * More fixes to dark theme * Style fix * Fix to allow add code review comments only on review files tab * More readability dark style fixes * Fix commenting on deleted files. Fixes #4752 * Fix line blame getting for multiple corner cases
2658 lines
90 KiB
JavaScript
2658 lines
90 KiB
JavaScript
'use strict';
|
|
|
|
var csrf;
|
|
var suburl;
|
|
|
|
function initCommentPreviewTab($form) {
|
|
var $tabMenu = $form.find('.tabular.menu');
|
|
$tabMenu.find('.item').tab();
|
|
$tabMenu.find('.item[data-tab="' + $tabMenu.data('preview') + '"]').click(function () {
|
|
var $this = $(this);
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf,
|
|
"mode": "gfm",
|
|
"context": $this.data('context'),
|
|
"text": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
|
|
},
|
|
function (data) {
|
|
var $previewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('preview') + '"]');
|
|
$previewPanel.html(data);
|
|
emojify.run($previewPanel[0]);
|
|
$('pre code', $previewPanel[0]).each(function (i, block) {
|
|
hljs.highlightBlock(block);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
|
|
buttonsClickOnEnter();
|
|
}
|
|
|
|
var previewFileModes;
|
|
|
|
function initEditPreviewTab($form) {
|
|
var $tabMenu = $form.find('.tabular.menu');
|
|
$tabMenu.find('.item').tab();
|
|
var $previewTab = $tabMenu.find('.item[data-tab="' + $tabMenu.data('preview') + '"]');
|
|
if ($previewTab.length) {
|
|
previewFileModes = $previewTab.data('preview-file-modes').split(',');
|
|
$previewTab.click(function () {
|
|
var $this = $(this);
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf,
|
|
"mode": "gfm",
|
|
"context": $this.data('context'),
|
|
"text": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
|
|
},
|
|
function (data) {
|
|
var $previewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('preview') + '"]');
|
|
$previewPanel.html(data);
|
|
emojify.run($previewPanel[0]);
|
|
$('pre code', $previewPanel[0]).each(function (i, block) {
|
|
hljs.highlightBlock(block);
|
|
});
|
|
}
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
function initEditDiffTab($form) {
|
|
var $tabMenu = $form.find('.tabular.menu');
|
|
$tabMenu.find('.item').tab();
|
|
$tabMenu.find('.item[data-tab="' + $tabMenu.data('diff') + '"]').click(function () {
|
|
var $this = $(this);
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf,
|
|
"context": $this.data('context'),
|
|
"content": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
|
|
},
|
|
function (data) {
|
|
var $diffPreviewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('diff') + '"]');
|
|
$diffPreviewPanel.html(data);
|
|
emojify.run($diffPreviewPanel[0]);
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
|
|
function initEditForm() {
|
|
if ($('.edit.form').length == 0) {
|
|
return;
|
|
}
|
|
|
|
initEditPreviewTab($('.edit.form'));
|
|
initEditDiffTab($('.edit.form'));
|
|
}
|
|
|
|
function initBranchSelector() {
|
|
var $selectBranch = $('.ui.select-branch')
|
|
var $branchMenu = $selectBranch.find('.reference-list-menu');
|
|
$branchMenu.find('.item:not(.no-select)').click(function () {
|
|
var selectedValue = $(this).data('id');
|
|
$($(this).data('id-selector')).val(selectedValue);
|
|
$selectBranch.find('.ui .branch-name').text(selectedValue);
|
|
});
|
|
$selectBranch.find('.reference.column').click(function () {
|
|
$selectBranch.find('.scrolling.reference-list-menu').css('display', 'none');
|
|
$selectBranch.find('.reference .text').removeClass('black');
|
|
$($(this).data('target')).css('display', 'block');
|
|
$(this).find('.text').addClass('black');
|
|
return false;
|
|
});
|
|
}
|
|
|
|
function updateIssuesMeta(url, action, issueIds, elementId, afterSuccess) {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: url,
|
|
data: {
|
|
"_csrf": csrf,
|
|
"action": action,
|
|
"issue_ids": issueIds,
|
|
"id": elementId
|
|
},
|
|
success: afterSuccess
|
|
})
|
|
}
|
|
|
|
function initReactionSelector(parent) {
|
|
var reactions = '';
|
|
if (!parent) {
|
|
parent = $(document);
|
|
reactions = '.reactions > ';
|
|
}
|
|
|
|
parent.find(reactions + 'a.label').popup({'position': 'bottom left', 'metadata': {'content': 'title', 'title': 'none'}});
|
|
|
|
parent.find('.select-reaction > .menu > .item, ' + reactions + 'a.label').on('click', function(e){
|
|
var vm = this;
|
|
e.preventDefault();
|
|
|
|
if ($(this).hasClass('disabled')) return;
|
|
|
|
var actionURL = $(this).hasClass('item') ?
|
|
$(this).closest('.select-reaction').data('action-url') :
|
|
$(this).data('action-url');
|
|
var url = actionURL + '/' + ($(this).hasClass('blue') ? 'unreact' : 'react');
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: url,
|
|
data: {
|
|
'_csrf': csrf,
|
|
'content': $(this).data('content')
|
|
}
|
|
}).done(function(resp) {
|
|
if (resp && (resp.html || resp.empty)) {
|
|
var content = $(vm).closest('.content');
|
|
var react = content.find('.segment.reactions');
|
|
if (react.length > 0) {
|
|
react.remove();
|
|
}
|
|
if (!resp.empty) {
|
|
react = $('<div class="ui attached segment reactions"></div>');
|
|
var attachments = content.find('.segment.bottom:first');
|
|
if (attachments.length > 0) {
|
|
react.insertBefore(attachments);
|
|
} else {
|
|
react.appendTo(content);
|
|
}
|
|
react.html(resp.html);
|
|
var hasEmoji = react.find('.has-emoji');
|
|
for (var i = 0; i < hasEmoji.length; i++) {
|
|
emojify.run(hasEmoji.get(i));
|
|
}
|
|
react.find('.dropdown').dropdown();
|
|
initReactionSelector(react);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function initCommentForm() {
|
|
if ($('.comment.form').length == 0) {
|
|
return
|
|
}
|
|
|
|
initBranchSelector();
|
|
initCommentPreviewTab($('.comment.form'));
|
|
|
|
// Listsubmit
|
|
function initListSubmits(selector, outerSelector) {
|
|
var $list = $('.ui.' + outerSelector + '.list');
|
|
var $noSelect = $list.find('.no-select');
|
|
var $listMenu = $('.' + selector + ' .menu');
|
|
var hasLabelUpdateAction = $listMenu.data('action') == 'update';
|
|
|
|
$('.' + selector).dropdown('setting', 'onHide', function(){
|
|
hasLabelUpdateAction = $listMenu.data('action') == 'update'; // Update the var
|
|
if (hasLabelUpdateAction) {
|
|
location.reload();
|
|
}
|
|
});
|
|
|
|
$listMenu.find('.item:not(.no-select)').click(function () {
|
|
|
|
// we don't need the action attribute when updating assignees
|
|
if (selector == 'select-assignees-modify') {
|
|
|
|
// UI magic. We need to do this here, otherwise it would destroy the functionality of
|
|
// adding/removing labels
|
|
if ($(this).hasClass('checked')) {
|
|
$(this).removeClass('checked');
|
|
$(this).find('.octicon').removeClass('octicon-check');
|
|
} else {
|
|
$(this).addClass('checked');
|
|
$(this).find('.octicon').addClass('octicon-check');
|
|
}
|
|
|
|
updateIssuesMeta(
|
|
$listMenu.data('update-url'),
|
|
"",
|
|
$listMenu.data('issue-id'),
|
|
$(this).data('id')
|
|
);
|
|
$listMenu.data('action', 'update'); // Update to reload the page when we updated items
|
|
return false;
|
|
}
|
|
|
|
if ($(this).hasClass('checked')) {
|
|
$(this).removeClass('checked');
|
|
$(this).find('.octicon').removeClass('octicon-check');
|
|
if (hasLabelUpdateAction) {
|
|
updateIssuesMeta(
|
|
$listMenu.data('update-url'),
|
|
"detach",
|
|
$listMenu.data('issue-id'),
|
|
$(this).data('id')
|
|
);
|
|
}
|
|
} else {
|
|
$(this).addClass('checked');
|
|
$(this).find('.octicon').addClass('octicon-check');
|
|
if (hasLabelUpdateAction) {
|
|
updateIssuesMeta(
|
|
$listMenu.data('update-url'),
|
|
"attach",
|
|
$listMenu.data('issue-id'),
|
|
$(this).data('id')
|
|
);
|
|
}
|
|
}
|
|
|
|
var listIds = [];
|
|
$(this).parent().find('.item').each(function () {
|
|
if ($(this).hasClass('checked')) {
|
|
listIds.push($(this).data('id'));
|
|
$($(this).data('id-selector')).removeClass('hide');
|
|
} else {
|
|
$($(this).data('id-selector')).addClass('hide');
|
|
}
|
|
});
|
|
if (listIds.length == 0) {
|
|
$noSelect.removeClass('hide');
|
|
} else {
|
|
$noSelect.addClass('hide');
|
|
}
|
|
$($(this).parent().data('id')).val(listIds.join(","));
|
|
return false;
|
|
});
|
|
$listMenu.find('.no-select.item').click(function () {
|
|
if (hasLabelUpdateAction || selector == 'select-assignees-modify') {
|
|
updateIssuesMeta(
|
|
$listMenu.data('update-url'),
|
|
"clear",
|
|
$listMenu.data('issue-id'),
|
|
""
|
|
);
|
|
$listMenu.data('action', 'update'); // Update to reload the page when we updated items
|
|
}
|
|
|
|
$(this).parent().find('.item').each(function () {
|
|
$(this).removeClass('checked');
|
|
$(this).find('.octicon').removeClass('octicon-check');
|
|
});
|
|
|
|
$list.find('.item').each(function () {
|
|
$(this).addClass('hide');
|
|
});
|
|
$noSelect.removeClass('hide');
|
|
$($(this).parent().data('id')).val('');
|
|
|
|
});
|
|
}
|
|
|
|
// Init labels and assignees
|
|
initListSubmits('select-label', 'labels');
|
|
initListSubmits('select-assignees', 'assignees');
|
|
initListSubmits('select-assignees-modify', 'assignees');
|
|
|
|
function selectItem(select_id, input_id) {
|
|
var $menu = $(select_id + ' .menu');
|
|
var $list = $('.ui' + select_id + '.list');
|
|
var hasUpdateAction = $menu.data('action') == 'update';
|
|
|
|
$menu.find('.item:not(.no-select)').click(function () {
|
|
$(this).parent().find('.item').each(function () {
|
|
$(this).removeClass('selected active')
|
|
});
|
|
|
|
$(this).addClass('selected active');
|
|
if (hasUpdateAction) {
|
|
updateIssuesMeta(
|
|
$menu.data('update-url'),
|
|
"",
|
|
$menu.data('issue-id'),
|
|
$(this).data('id'),
|
|
function() { location.reload(); }
|
|
);
|
|
}
|
|
switch (input_id) {
|
|
case '#milestone_id':
|
|
$list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
|
|
$(this).text() + '</a>');
|
|
break;
|
|
case '#assignee_id':
|
|
$list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
|
|
'<img class="ui avatar image" src=' + $(this).data('avatar') + '>' +
|
|
$(this).text() + '</a>');
|
|
}
|
|
$('.ui' + select_id + '.list .no-select').addClass('hide');
|
|
$(input_id).val($(this).data('id'));
|
|
});
|
|
$menu.find('.no-select.item').click(function () {
|
|
$(this).parent().find('.item:not(.no-select)').each(function () {
|
|
$(this).removeClass('selected active')
|
|
});
|
|
|
|
if (hasUpdateAction) {
|
|
updateIssuesMeta(
|
|
$menu.data('update-url'),
|
|
"",
|
|
$menu.data('issue-id'),
|
|
$(this).data('id'),
|
|
function() { location.reload(); }
|
|
);
|
|
}
|
|
|
|
$list.find('.selected').html('');
|
|
$list.find('.no-select').removeClass('hide');
|
|
$(input_id).val('');
|
|
});
|
|
}
|
|
|
|
// Milestone and assignee
|
|
selectItem('.select-milestone', '#milestone_id');
|
|
selectItem('.select-assignee', '#assignee_id');
|
|
}
|
|
|
|
function initInstall() {
|
|
if ($('.install').length == 0) {
|
|
return;
|
|
}
|
|
|
|
if ($('#db_host').val()=="") {
|
|
$('#db_host').val("127.0.0.1:3306");
|
|
$('#db_user').val("gitea");
|
|
$('#db_name').val("gitea");
|
|
}
|
|
|
|
// Database type change detection.
|
|
$("#db_type").change(function () {
|
|
var sqliteDefault = 'data/gitea.db';
|
|
var tidbDefault = 'data/gitea_tidb';
|
|
|
|
var dbType = $(this).val();
|
|
if (dbType === "SQLite3" || dbType === "TiDB") {
|
|
$('#sql_settings').hide();
|
|
$('#pgsql_settings').hide();
|
|
$('#sqlite_settings').show();
|
|
|
|
if (dbType === "SQLite3" && $('#db_path').val() == tidbDefault) {
|
|
$('#db_path').val(sqliteDefault);
|
|
} else if (dbType === "TiDB" && $('#db_path').val() == sqliteDefault) {
|
|
$('#db_path').val(tidbDefault);
|
|
}
|
|
return;
|
|
}
|
|
|
|
var dbDefaults = {
|
|
"MySQL": "127.0.0.1:3306",
|
|
"PostgreSQL": "127.0.0.1:5432",
|
|
"MSSQL": "127.0.0.1:1433"
|
|
};
|
|
|
|
$('#sqlite_settings').hide();
|
|
$('#sql_settings').show();
|
|
|
|
$('#pgsql_settings').toggle(dbType === "PostgreSQL");
|
|
$.each(dbDefaults, function(type, defaultHost) {
|
|
if ($('#db_host').val() == defaultHost) {
|
|
$('#db_host').val(dbDefaults[dbType]);
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
|
|
// TODO: better handling of exclusive relations.
|
|
$('#offline-mode input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('#disable-gravatar').checkbox('check');
|
|
$('#federated-avatar-lookup').checkbox('uncheck');
|
|
}
|
|
});
|
|
$('#disable-gravatar input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('#federated-avatar-lookup').checkbox('uncheck');
|
|
} else {
|
|
$('#offline-mode').checkbox('uncheck');
|
|
}
|
|
});
|
|
$('#federated-avatar-lookup input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('#disable-gravatar').checkbox('uncheck');
|
|
$('#offline-mode').checkbox('uncheck');
|
|
}
|
|
});
|
|
$('#enable-openid-signin input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
if ( $('#disable-registration input').is(':checked') ) {
|
|
} else {
|
|
$('#enable-openid-signup').checkbox('check');
|
|
}
|
|
} else {
|
|
$('#enable-openid-signup').checkbox('uncheck');
|
|
}
|
|
});
|
|
$('#disable-registration input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('#enable-captcha').checkbox('uncheck');
|
|
$('#enable-openid-signup').checkbox('uncheck');
|
|
} else {
|
|
$('#enable-openid-signup').checkbox('check');
|
|
}
|
|
});
|
|
$('#enable-captcha input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('#disable-registration').checkbox('uncheck');
|
|
}
|
|
});
|
|
}
|
|
|
|
function initRepository() {
|
|
if ($('.repository').length == 0) {
|
|
return;
|
|
}
|
|
|
|
function initFilterSearchDropdown(selector) {
|
|
var $dropdown = $(selector);
|
|
$dropdown.dropdown({
|
|
fullTextSearch: true,
|
|
selectOnKeydown: false,
|
|
onChange: function (text, value, $choice) {
|
|
if ($choice.data('url')) {
|
|
window.location.href = $choice.data('url');
|
|
}
|
|
},
|
|
message: {noResults: $dropdown.data('no-results')}
|
|
});
|
|
}
|
|
|
|
// File list and commits
|
|
if ($('.repository.file.list').length > 0 ||
|
|
('.repository.commits').length > 0) {
|
|
initFilterBranchTagDropdown('.choose.reference .dropdown');
|
|
}
|
|
|
|
// Wiki
|
|
if ($('.repository.wiki.view').length > 0) {
|
|
initFilterSearchDropdown('.choose.page .dropdown');
|
|
}
|
|
|
|
// Options
|
|
if ($('.repository.settings.options').length > 0) {
|
|
$('#repo_name').keyup(function () {
|
|
var $prompt = $('#repo-name-change-prompt');
|
|
if ($(this).val().toString().toLowerCase() != $(this).data('repo-name').toString().toLowerCase()) {
|
|
$prompt.show();
|
|
} else {
|
|
$prompt.hide();
|
|
}
|
|
});
|
|
|
|
// Enable or select internal/external wiki system and issue tracker.
|
|
$('.enable-system').change(function () {
|
|
if (this.checked) {
|
|
$($(this).data('target')).removeClass('disabled');
|
|
if (!$(this).data('context')) $($(this).data('context')).addClass('disabled');
|
|
} else {
|
|
$($(this).data('target')).addClass('disabled');
|
|
if (!$(this).data('context')) $($(this).data('context')).removeClass('disabled');
|
|
}
|
|
});
|
|
$('.enable-system-radio').change(function () {
|
|
if (this.value == 'false') {
|
|
$($(this).data('target')).addClass('disabled');
|
|
if (typeof $(this).data('context') !== 'undefined') $($(this).data('context')).removeClass('disabled');
|
|
} else if (this.value == 'true') {
|
|
$($(this).data('target')).removeClass('disabled');
|
|
if (typeof $(this).data('context') !== 'undefined') $($(this).data('context')).addClass('disabled');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Labels
|
|
if ($('.repository.labels').length > 0) {
|
|
// Create label
|
|
var $newLabelPanel = $('.new-label.segment');
|
|
$('.new-label.button').click(function () {
|
|
$newLabelPanel.show();
|
|
});
|
|
$('.new-label.segment .cancel').click(function () {
|
|
$newLabelPanel.hide();
|
|
});
|
|
|
|
$('.color-picker').each(function () {
|
|
$(this).minicolors();
|
|
});
|
|
$('.precolors .color').click(function () {
|
|
var color_hex = $(this).data('color-hex');
|
|
$('.color-picker').val(color_hex);
|
|
$('.minicolors-swatch-color').css("background-color", color_hex);
|
|
});
|
|
$('.edit-label-button').click(function () {
|
|
$('#label-modal-id').val($(this).data('id'));
|
|
$('.edit-label .new-label-input').val($(this).data('title'));
|
|
$('.edit-label .new-label-desc-input').val($(this).data('description'));
|
|
$('.edit-label .color-picker').val($(this).data('color'));
|
|
$('.minicolors-swatch-color').css("background-color", $(this).data('color'));
|
|
$('.edit-label.modal').modal({
|
|
onApprove: function () {
|
|
$('.edit-label.form').submit();
|
|
}
|
|
}).modal('show');
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// Milestones
|
|
if ($('.repository.milestones').length > 0) {
|
|
|
|
}
|
|
if ($('.repository.new.milestone').length > 0) {
|
|
var $datepicker = $('.milestone.datepicker');
|
|
$datepicker.datetimepicker({
|
|
lang: $datepicker.data('lang'),
|
|
inline: true,
|
|
timepicker: false,
|
|
startDate: $datepicker.data('start-date'),
|
|
formatDate: 'Y-m-d',
|
|
onSelectDate: function (ct) {
|
|
$('#deadline').val(ct.dateFormat('Y-m-d'));
|
|
}
|
|
});
|
|
$('#clear-date').click(function () {
|
|
$('#deadline').val('');
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// Issues
|
|
if ($('.repository.view.issue').length > 0) {
|
|
// Edit issue title
|
|
var $issueTitle = $('#issue-title');
|
|
var $editInput = $('#edit-title-input input');
|
|
var editTitleToggle = function () {
|
|
$issueTitle.toggle();
|
|
$('.not-in-edit').toggle();
|
|
$('#edit-title-input').toggle();
|
|
$('.in-edit').toggle();
|
|
$editInput.focus();
|
|
return false;
|
|
};
|
|
$('#edit-title').click(editTitleToggle);
|
|
$('#cancel-edit-title').click(editTitleToggle);
|
|
$('#save-edit-title').click(editTitleToggle).click(function () {
|
|
if ($editInput.val().length == 0 ||
|
|
$editInput.val() == $issueTitle.text()) {
|
|
$editInput.val($issueTitle.text());
|
|
return false;
|
|
}
|
|
|
|
$.post($(this).data('update-url'), {
|
|
"_csrf": csrf,
|
|
"title": $editInput.val()
|
|
},
|
|
function (data) {
|
|
$editInput.val(data.title);
|
|
$issueTitle.text(data.title);
|
|
location.reload();
|
|
});
|
|
return false;
|
|
});
|
|
|
|
// Edit issue or comment content
|
|
$('.edit-content').click(function () {
|
|
var $segment = $(this).parent().parent().parent().next();
|
|
var $editContentZone = $segment.find('.edit-content-zone');
|
|
var $renderContent = $segment.find('.render-content');
|
|
var $rawContent = $segment.find('.raw-content');
|
|
var $textarea;
|
|
|
|
// Setup new form
|
|
if ($editContentZone.html().length == 0) {
|
|
$editContentZone.html($('#edit-content-form').html());
|
|
$textarea = $('#content');
|
|
issuesTribute.attach($textarea.get());
|
|
emojiTribute.attach($textarea.get());
|
|
|
|
// Give new write/preview data-tab name to distinguish from others
|
|
var $editContentForm = $editContentZone.find('.ui.comment.form');
|
|
var $tabMenu = $editContentForm.find('.tabular.menu');
|
|
$tabMenu.attr('data-write', $editContentZone.data('write'));
|
|
$tabMenu.attr('data-preview', $editContentZone.data('preview'));
|
|
$tabMenu.find('.write.item').attr('data-tab', $editContentZone.data('write'));
|
|
$tabMenu.find('.preview.item').attr('data-tab', $editContentZone.data('preview'));
|
|
$editContentForm.find('.write.segment').attr('data-tab', $editContentZone.data('write'));
|
|
$editContentForm.find('.preview.segment').attr('data-tab', $editContentZone.data('preview'));
|
|
|
|
initCommentPreviewTab($editContentForm);
|
|
|
|
$editContentZone.find('.cancel.button').click(function () {
|
|
$renderContent.show();
|
|
$editContentZone.hide();
|
|
});
|
|
$editContentZone.find('.save.button').click(function () {
|
|
$renderContent.show();
|
|
$editContentZone.hide();
|
|
|
|
$.post($editContentZone.data('update-url'), {
|
|
"_csrf": csrf,
|
|
"content": $textarea.val(),
|
|
"context": $editContentZone.data('context')
|
|
},
|
|
function (data) {
|
|
if (data.length == 0) {
|
|
$renderContent.html($('#no-content').html());
|
|
} else {
|
|
$renderContent.html(data.content);
|
|
emojify.run($renderContent[0]);
|
|
$('pre code', $renderContent[0]).each(function (i, block) {
|
|
hljs.highlightBlock(block);
|
|
});
|
|
}
|
|
});
|
|
});
|
|
} else {
|
|
$textarea = $segment.find('textarea');
|
|
}
|
|
|
|
// Show write/preview tab and copy raw content as needed
|
|
$editContentZone.show();
|
|
$renderContent.hide();
|
|
if ($textarea.val().length == 0) {
|
|
$textarea.val($rawContent.text());
|
|
}
|
|
$textarea.focus();
|
|
return false;
|
|
});
|
|
|
|
// Delete comment
|
|
$('.delete-comment').click(function () {
|
|
var $this = $(this);
|
|
if (confirm($this.data('locale'))) {
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf
|
|
}).success(function () {
|
|
$('#' + $this.data('comment-id')).remove();
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
|
|
// Change status
|
|
var $statusButton = $('#status-button');
|
|
$('#comment-form .edit_area').keyup(function () {
|
|
if ($(this).val().length == 0) {
|
|
$statusButton.text($statusButton.data('status'))
|
|
} else {
|
|
$statusButton.text($statusButton.data('status-and-comment'))
|
|
}
|
|
});
|
|
$statusButton.click(function () {
|
|
$('#status').val($statusButton.data('status-val'));
|
|
$('#comment-form').submit();
|
|
});
|
|
|
|
// Pull Request merge button
|
|
var $mergeButton = $('.merge-button > button');
|
|
$mergeButton.on('click', function(e) {
|
|
e.preventDefault();
|
|
$('.' + $(this).data('do') + '-fields').show();
|
|
$(this).parent().hide();
|
|
});
|
|
$('.merge-button > .dropdown').dropdown({
|
|
onChange: function (text, value, $choice) {
|
|
if ($choice.data('do')) {
|
|
$mergeButton.find('.button-text').text($choice.text());
|
|
$mergeButton.data('do', $choice.data('do'));
|
|
}
|
|
}
|
|
});
|
|
$('.merge-cancel').on('click', function(e) {
|
|
e.preventDefault();
|
|
$(this).closest('.form').hide();
|
|
$mergeButton.parent().show();
|
|
});
|
|
|
|
initReactionSelector();
|
|
}
|
|
|
|
// Diff
|
|
if ($('.repository.diff').length > 0) {
|
|
var $counter = $('.diff-counter');
|
|
if ($counter.length >= 1) {
|
|
$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 + "%");
|
|
});
|
|
}
|
|
}
|
|
|
|
// Quick start and repository home
|
|
$('#repo-clone-ssh').click(function () {
|
|
$('.clone-url').text($(this).data('link'));
|
|
$('#repo-clone-url').val($(this).data('link'));
|
|
$(this).addClass('blue');
|
|
$('#repo-clone-https').removeClass('blue');
|
|
localStorage.setItem('repo-clone-protocol', 'ssh');
|
|
});
|
|
$('#repo-clone-https').click(function () {
|
|
$('.clone-url').text($(this).data('link'));
|
|
$('#repo-clone-url').val($(this).data('link'));
|
|
$(this).addClass('blue');
|
|
$('#repo-clone-ssh').removeClass('blue');
|
|
localStorage.setItem('repo-clone-protocol', 'https');
|
|
});
|
|
$('#repo-clone-url').click(function () {
|
|
$(this).select();
|
|
});
|
|
|
|
// Pull request
|
|
if ($('.repository.compare.pull').length > 0) {
|
|
initFilterSearchDropdown('.choose.branch .dropdown');
|
|
}
|
|
|
|
// Branches
|
|
if ($('.repository.settings.branches').length > 0) {
|
|
initFilterSearchDropdown('.protected-branches .dropdown');
|
|
$('.enable-protection, .enable-whitelist').change(function () {
|
|
if (this.checked) {
|
|
$($(this).data('target')).removeClass('disabled');
|
|
} else {
|
|
$($(this).data('target')).addClass('disabled');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function initPullRequestReview() {
|
|
$('.show-outdated').on('click', function (e) {
|
|
e.preventDefault();
|
|
var id = $(this).data('comment');
|
|
$(this).addClass("hide");
|
|
$("#code-comments-" + id).removeClass('hide');
|
|
$("#code-preview-" + id).removeClass('hide');
|
|
$("#hide-outdated-" + id).removeClass('hide');
|
|
});
|
|
|
|
$('.hide-outdated').on('click', function (e) {
|
|
e.preventDefault();
|
|
var id = $(this).data('comment');
|
|
$(this).addClass("hide");
|
|
$("#code-comments-" + id).addClass('hide');
|
|
$("#code-preview-" + id).addClass('hide');
|
|
$("#show-outdated-" + id).removeClass('hide');
|
|
});
|
|
|
|
$('button.comment-form-reply').on('click', function (e) {
|
|
e.preventDefault();
|
|
$(this).hide();
|
|
var form = $(this).parent().find('.comment-form')
|
|
form.removeClass('hide');
|
|
assingMenuAttributes(form.find('.menu'));
|
|
});
|
|
// The following part is only for diff views
|
|
if ($('.repository.pull.diff').length == 0) {
|
|
return;
|
|
}
|
|
|
|
$('.diff-detail-box.ui.sticky').sticky();
|
|
|
|
$('.btn-review').on('click', function(e) {
|
|
e.preventDefault();
|
|
$(this).closest('.dropdown').find('.menu').toggle('visible');
|
|
}).closest('.dropdown').find('.link.close').on('click', function(e) {
|
|
e.preventDefault();
|
|
$(this).closest('.menu').toggle('visible');
|
|
});
|
|
|
|
$('.code-view .lines-code,.code-view .lines-num')
|
|
.on('mouseenter', function() {
|
|
var parent = $(this).closest('td');
|
|
$(this).closest('tr').addClass(
|
|
parent.hasClass('lines-num-old') || parent.hasClass('lines-code-old')
|
|
? 'focus-lines-old' : 'focus-lines-new'
|
|
);
|
|
})
|
|
.on('mouseleave', function() {
|
|
$(this).closest('tr').removeClass('focus-lines-new focus-lines-old');
|
|
});
|
|
$('.add-code-comment').on('click', function(e) {
|
|
e.preventDefault();
|
|
var isSplit = $(this).closest('.code-diff').hasClass('code-diff-split');
|
|
var side = $(this).data('side');
|
|
var idx = $(this).data('idx');
|
|
var path = $(this).data('path');
|
|
var form = $('#pull_review_add_comment').html();
|
|
var tr = $(this).closest('tr');
|
|
var ntr = tr.next();
|
|
if (!ntr.hasClass('add-comment')) {
|
|
ntr = $('<tr class="add-comment">'
|
|
+ (isSplit ? '<td class="lines-num"></td><td class="add-comment-left"></td><td class="lines-num"></td><td class="add-comment-right"></td>'
|
|
: '<td class="lines-num"></td><td class="lines-num"></td><td class="add-comment-left add-comment-right"></td>')
|
|
+ '</tr>');
|
|
tr.after(ntr);
|
|
}
|
|
var td = ntr.find('.add-comment-' + side);
|
|
var commentCloud = td.find('.comment-code-cloud');
|
|
if (commentCloud.length === 0) {
|
|
td.html(form);
|
|
commentCloud = td.find('.comment-code-cloud');
|
|
var id = assingMenuAttributes(commentCloud.find('.menu'));
|
|
commentCloud.find('.tab.segment').each(function(i, item) {
|
|
$(item).attr('data-tab', $(item).attr('data-tab') + id);
|
|
});
|
|
td.find("input[name='line']").val(idx);
|
|
td.find("input[name='side']").val(side === "left" ? "previous":"proposed");
|
|
td.find("input[name='path']").val(path);
|
|
}
|
|
commentCloud.find('textarea').focus();
|
|
});
|
|
}
|
|
|
|
function assingMenuAttributes(menu) {
|
|
var id = Math.floor(Math.random() * Math.floor(1000000));
|
|
menu.attr('data-write', menu.attr('data-write') + id);
|
|
menu.attr('data-preview', menu.attr('data-preview') + id);
|
|
menu.find('.item').each(function(i, item) {
|
|
$(item).attr('data-tab', $(item).attr('data-tab') + id);
|
|
});
|
|
menu.parent().find("*[data-tab='write']").attr('data-tab', 'write' + id);
|
|
menu.parent().find("*[data-tab='preview']").attr('data-tab', 'preview' + id);
|
|
initCommentPreviewTab(menu.parent(".form"));
|
|
return id;
|
|
}
|
|
|
|
function initRepositoryCollaboration() {
|
|
console.log('initRepositoryCollaboration');
|
|
|
|
// Change collaborator access mode
|
|
$('.access-mode.menu .item').click(function () {
|
|
var $menu = $(this).parent();
|
|
$.post($menu.data('url'), {
|
|
"_csrf": csrf,
|
|
"uid": $menu.data('uid'),
|
|
"mode": $(this).data('value')
|
|
})
|
|
});
|
|
}
|
|
|
|
function initTeamSettings() {
|
|
// Change team access mode
|
|
$('.organization.new.team input[name=permission]').change(function () {
|
|
var val = $('input[name=permission]:checked', '.organization.new.team').val()
|
|
if (val === 'admin') {
|
|
$('.organization.new.team .team-units').hide();
|
|
} else {
|
|
$('.organization.new.team .team-units').show();
|
|
}
|
|
});
|
|
}
|
|
|
|
function initWikiForm() {
|
|
var $editArea = $('.repository.wiki textarea#edit_area');
|
|
if ($editArea.length > 0) {
|
|
var simplemde = new SimpleMDE({
|
|
autoDownloadFontAwesome: false,
|
|
element: $editArea[0],
|
|
forceSync: true,
|
|
previewRender: function (plainText, preview) { // Async method
|
|
setTimeout(function () {
|
|
// FIXME: still send render request when return back to edit mode
|
|
$.post($editArea.data('url'), {
|
|
"_csrf": csrf,
|
|
"mode": "gfm",
|
|
"context": $editArea.data('context'),
|
|
"text": plainText
|
|
},
|
|
function (data) {
|
|
preview.innerHTML = '<div class="markdown">' + data + '</div>';
|
|
emojify.run($('.editor-preview')[0]);
|
|
}
|
|
);
|
|
}, 0);
|
|
|
|
return "Loading...";
|
|
},
|
|
renderingConfig: {
|
|
singleLineBreaks: false
|
|
},
|
|
indentWithTabs: false,
|
|
tabSize: 4,
|
|
spellChecker: false,
|
|
toolbar: ["bold", "italic", "strikethrough", "|",
|
|
"heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
|
|
"code", "quote", "|",
|
|
"unordered-list", "ordered-list", "|",
|
|
"link", "image", "table", "horizontal-rule", "|",
|
|
"clean-block", "preview", "fullscreen"]
|
|
})
|
|
$(simplemde.codemirror.getInputField()).addClass("js-quick-submit");
|
|
}
|
|
}
|
|
|
|
var simpleMDEditor;
|
|
var codeMirrorEditor;
|
|
|
|
// For IE
|
|
String.prototype.endsWith = function (pattern) {
|
|
var d = this.length - pattern.length;
|
|
return d >= 0 && this.lastIndexOf(pattern) === d;
|
|
};
|
|
|
|
// Adding function to get the cursor position in a text field to jQuery object.
|
|
(function ($, undefined) {
|
|
$.fn.getCursorPosition = function () {
|
|
var el = $(this).get(0);
|
|
var pos = 0;
|
|
if ('selectionStart' in el) {
|
|
pos = el.selectionStart;
|
|
} else if ('selection' in document) {
|
|
el.focus();
|
|
var Sel = document.selection.createRange();
|
|
var SelLength = document.selection.createRange().text.length;
|
|
Sel.moveStart('character', -el.value.length);
|
|
pos = Sel.text.length - SelLength;
|
|
}
|
|
return pos;
|
|
}
|
|
})(jQuery);
|
|
|
|
function setSimpleMDE($editArea) {
|
|
if (codeMirrorEditor) {
|
|
codeMirrorEditor.toTextArea();
|
|
codeMirrorEditor = null;
|
|
}
|
|
|
|
if (simpleMDEditor) {
|
|
return true;
|
|
}
|
|
|
|
simpleMDEditor = new SimpleMDE({
|
|
autoDownloadFontAwesome: false,
|
|
element: $editArea[0],
|
|
forceSync: true,
|
|
renderingConfig: {
|
|
singleLineBreaks: false
|
|
},
|
|
indentWithTabs: false,
|
|
tabSize: 4,
|
|
spellChecker: false,
|
|
previewRender: function (plainText, preview) { // Async method
|
|
setTimeout(function () {
|
|
// FIXME: still send render request when return back to edit mode
|
|
$.post($editArea.data('url'), {
|
|
"_csrf": csrf,
|
|
"mode": "gfm",
|
|
"context": $editArea.data('context'),
|
|
"text": plainText
|
|
},
|
|
function (data) {
|
|
preview.innerHTML = '<div class="markdown">' + data + '</div>';
|
|
emojify.run($('.editor-preview')[0]);
|
|
}
|
|
);
|
|
}, 0);
|
|
|
|
return "Loading...";
|
|
},
|
|
toolbar: ["bold", "italic", "strikethrough", "|",
|
|
"heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
|
|
"code", "quote", "|",
|
|
"unordered-list", "ordered-list", "|",
|
|
"link", "image", "table", "horizontal-rule", "|",
|
|
"clean-block", "preview", "fullscreen", "side-by-side"]
|
|
});
|
|
|
|
return true;
|
|
}
|
|
|
|
function setCodeMirror($editArea) {
|
|
if (simpleMDEditor) {
|
|
simpleMDEditor.toTextArea();
|
|
simpleMDEditor = null;
|
|
}
|
|
|
|
if (codeMirrorEditor) {
|
|
return true;
|
|
}
|
|
|
|
codeMirrorEditor = CodeMirror.fromTextArea($editArea[0], {
|
|
lineNumbers: true
|
|
});
|
|
codeMirrorEditor.on("change", function (cm, change) {
|
|
$editArea.val(cm.getValue());
|
|
});
|
|
|
|
return true;
|
|
}
|
|
|
|
function initEditor() {
|
|
$('.js-quick-pull-choice-option').change(function () {
|
|
if ($(this).val() == 'commit-to-new-branch') {
|
|
$('.quick-pull-branch-name').show();
|
|
$('.quick-pull-branch-name input').prop('required',true);
|
|
} else {
|
|
$('.quick-pull-branch-name').hide();
|
|
$('.quick-pull-branch-name input').prop('required',false);
|
|
}
|
|
});
|
|
|
|
var $editFilename = $("#file-name");
|
|
$editFilename.keyup(function (e) {
|
|
var $section = $('.breadcrumb span.section');
|
|
var $divider = $('.breadcrumb div.divider');
|
|
if (e.keyCode == 8) {
|
|
if ($(this).getCursorPosition() == 0) {
|
|
if ($section.length > 0) {
|
|
var value = $section.last().find('a').text();
|
|
$(this).val(value + $(this).val());
|
|
$(this)[0].setSelectionRange(value.length, value.length);
|
|
$section.last().remove();
|
|
$divider.last().remove();
|
|
}
|
|
}
|
|
}
|
|
if (e.keyCode == 191) {
|
|
var parts = $(this).val().split('/');
|
|
for (var i = 0; i < parts.length; ++i) {
|
|
var value = parts[i];
|
|
if (i < parts.length - 1) {
|
|
if (value.length) {
|
|
$('<span class="section"><a href="#">' + value + '</a></span>').insertBefore($(this));
|
|
$('<div class="divider"> / </div>').insertBefore($(this));
|
|
}
|
|
}
|
|
else {
|
|
$(this).val(value);
|
|
}
|
|
$(this)[0].setSelectionRange(0, 0);
|
|
}
|
|
}
|
|
var parts = [];
|
|
$('.breadcrumb span.section').each(function (i, element) {
|
|
element = $(element);
|
|
if (element.find('a').length) {
|
|
parts.push(element.find('a').text());
|
|
} else {
|
|
parts.push(element.text());
|
|
}
|
|
});
|
|
if ($(this).val())
|
|
parts.push($(this).val());
|
|
$('#tree_path').val(parts.join('/'));
|
|
}).trigger('keyup');
|
|
|
|
var $editArea = $('.repository.editor textarea#edit_area');
|
|
if (!$editArea.length)
|
|
return;
|
|
|
|
var markdownFileExts = $editArea.data("markdown-file-exts").split(",");
|
|
var lineWrapExtensions = $editArea.data("line-wrap-extensions").split(",");
|
|
|
|
$editFilename.on("keyup", function (e) {
|
|
var val = $editFilename.val(), m, mode, spec, extension, extWithDot, previewLink, dataUrl, apiCall;
|
|
extension = extWithDot = "";
|
|
if (m = /.+\.([^.]+)$/.exec(val)) {
|
|
extension = m[1];
|
|
extWithDot = "." + extension;
|
|
}
|
|
|
|
var info = CodeMirror.findModeByExtension(extension);
|
|
previewLink = $('a[data-tab=preview]');
|
|
if (info) {
|
|
mode = info.mode;
|
|
spec = info.mime;
|
|
apiCall = mode;
|
|
}
|
|
else {
|
|
apiCall = extension
|
|
}
|
|
|
|
if (previewLink.length && apiCall && previewFileModes && previewFileModes.length && previewFileModes.indexOf(apiCall) >= 0) {
|
|
dataUrl = previewLink.data('url');
|
|
previewLink.data('url', dataUrl.replace(/(.*)\/.*/i, '$1/' + mode));
|
|
previewLink.show();
|
|
}
|
|
else {
|
|
previewLink.hide();
|
|
}
|
|
|
|
// If this file is a Markdown extensions, we will load that editor and return
|
|
if (markdownFileExts.indexOf(extWithDot) >= 0) {
|
|
if (setSimpleMDE($editArea)) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Else we are going to use CodeMirror
|
|
if (!codeMirrorEditor && !setCodeMirror($editArea)) {
|
|
return;
|
|
}
|
|
|
|
if (mode) {
|
|
codeMirrorEditor.setOption("mode", spec);
|
|
CodeMirror.autoLoadMode(codeMirrorEditor, mode);
|
|
}
|
|
|
|
if (lineWrapExtensions.indexOf(extWithDot) >= 0) {
|
|
codeMirrorEditor.setOption("lineWrapping", true);
|
|
}
|
|
else {
|
|
codeMirrorEditor.setOption("lineWrapping", false);
|
|
}
|
|
|
|
// get the filename without any folder
|
|
var value = $editFilename.val();
|
|
if (value.length === 0) {
|
|
return;
|
|
}
|
|
value = value.split('/');
|
|
value = value[value.length - 1];
|
|
|
|
$.getJSON($editFilename.data('ec-url-prefix')+value, function(editorconfig) {
|
|
if (editorconfig.indent_style === 'tab') {
|
|
codeMirrorEditor.setOption("indentWithTabs", true);
|
|
codeMirrorEditor.setOption('extraKeys', {});
|
|
} else {
|
|
codeMirrorEditor.setOption("indentWithTabs", false);
|
|
// required because CodeMirror doesn't seems to use spaces correctly for {"indentWithTabs": false}:
|
|
// - https://github.com/codemirror/CodeMirror/issues/988
|
|
// - https://codemirror.net/doc/manual.html#keymaps
|
|
codeMirrorEditor.setOption('extraKeys', {
|
|
Tab: function(cm) {
|
|
var spaces = Array(parseInt(cm.getOption("indentUnit")) + 1).join(" ");
|
|
cm.replaceSelection(spaces);
|
|
}
|
|
});
|
|
}
|
|
codeMirrorEditor.setOption("indentUnit", editorconfig.indent_size || 4);
|
|
codeMirrorEditor.setOption("tabSize", editorconfig.tab_width || 4);
|
|
});
|
|
}).trigger('keyup');
|
|
}
|
|
|
|
function initOrganization() {
|
|
if ($('.organization').length == 0) {
|
|
return;
|
|
}
|
|
|
|
// Options
|
|
if ($('.organization.settings.options').length > 0) {
|
|
$('#org_name').keyup(function () {
|
|
var $prompt = $('#org-name-change-prompt');
|
|
if ($(this).val().toString().toLowerCase() != $(this).data('org-name').toString().toLowerCase()) {
|
|
$prompt.show();
|
|
} else {
|
|
$prompt.hide();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function initUserSettings() {
|
|
console.log('initUserSettings');
|
|
|
|
// Options
|
|
if ($('.user.settings.profile').length > 0) {
|
|
$('#username').keyup(function () {
|
|
var $prompt = $('#name-change-prompt');
|
|
if ($(this).val().toString().toLowerCase() != $(this).data('name').toString().toLowerCase()) {
|
|
$prompt.show();
|
|
} else {
|
|
$prompt.hide();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function initWebhook() {
|
|
if ($('.new.webhook').length == 0) {
|
|
return;
|
|
}
|
|
|
|
$('.events.checkbox input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('.events.fields').show();
|
|
}
|
|
});
|
|
$('.non-events.checkbox input').change(function () {
|
|
if ($(this).is(':checked')) {
|
|
$('.events.fields').hide();
|
|
}
|
|
});
|
|
|
|
// Test delivery
|
|
$('#test-delivery').click(function () {
|
|
var $this = $(this);
|
|
$this.addClass('loading disabled');
|
|
$.post($this.data('link'), {
|
|
"_csrf": csrf
|
|
}).done(
|
|
setTimeout(function () {
|
|
window.location.href = $this.data('redirect');
|
|
}, 5000)
|
|
)
|
|
});
|
|
}
|
|
|
|
function initAdmin() {
|
|
if ($('.admin').length == 0) {
|
|
return;
|
|
}
|
|
|
|
// New user
|
|
if ($('.admin.new.user').length > 0 ||
|
|
$('.admin.edit.user').length > 0) {
|
|
$('#login_type').change(function () {
|
|
if ($(this).val().substring(0, 1) == '0') {
|
|
$('#login_name').removeAttr('required');
|
|
$('.non-local').hide();
|
|
$('.local').show();
|
|
$('#user_name').focus();
|
|
|
|
if ($(this).data('password') == "required") {
|
|
$('#password').attr('required', 'required');
|
|
}
|
|
|
|
} else {
|
|
$('#login_name').attr('required', 'required');
|
|
$('.non-local').show();
|
|
$('.local').hide();
|
|
$('#login_name').focus();
|
|
|
|
$('#password').removeAttr('required');
|
|
}
|
|
});
|
|
}
|
|
|
|
function onSecurityProtocolChange() {
|
|
if ($('#security_protocol').val() > 0) {
|
|
$('.has-tls').show();
|
|
} else {
|
|
$('.has-tls').hide();
|
|
}
|
|
}
|
|
|
|
function onUsePagedSearchChange() {
|
|
if ($('#use_paged_search').prop('checked')) {
|
|
$('.search-page-size').show()
|
|
.find('input').attr('required', 'required');
|
|
} else {
|
|
$('.search-page-size').hide()
|
|
.find('input').removeAttr('required');
|
|
}
|
|
}
|
|
|
|
function onOAuth2Change() {
|
|
$('.open_id_connect_auto_discovery_url, .oauth2_use_custom_url').hide();
|
|
$('.open_id_connect_auto_discovery_url input[required]').removeAttr('required');
|
|
|
|
var provider = $('#oauth2_provider').val();
|
|
switch (provider) {
|
|
case 'github':
|
|
case 'gitlab':
|
|
$('.oauth2_use_custom_url').show();
|
|
break;
|
|
case 'openidConnect':
|
|
$('.open_id_connect_auto_discovery_url input').attr('required', 'required');
|
|
$('.open_id_connect_auto_discovery_url').show();
|
|
break;
|
|
}
|
|
onOAuth2UseCustomURLChange();
|
|
}
|
|
|
|
function onOAuth2UseCustomURLChange() {
|
|
var provider = $('#oauth2_provider').val();
|
|
$('.oauth2_use_custom_url_field').hide();
|
|
$('.oauth2_use_custom_url_field input[required]').removeAttr('required');
|
|
|
|
if ($('#oauth2_use_custom_url').is(':checked')) {
|
|
if (!$('#oauth2_token_url').val()) {
|
|
$('#oauth2_token_url').val($('#' + provider + '_token_url').val());
|
|
}
|
|
if (!$('#oauth2_auth_url').val()) {
|
|
$('#oauth2_auth_url').val($('#' + provider + '_auth_url').val());
|
|
}
|
|
if (!$('#oauth2_profile_url').val()) {
|
|
$('#oauth2_profile_url').val($('#' + provider + '_profile_url').val());
|
|
}
|
|
if (!$('#oauth2_email_url').val()) {
|
|
$('#oauth2_email_url').val($('#' + provider + '_email_url').val());
|
|
}
|
|
switch (provider) {
|
|
case 'github':
|
|
$('.oauth2_token_url input, .oauth2_auth_url input, .oauth2_profile_url input, .oauth2_email_url input').attr('required', 'required');
|
|
$('.oauth2_token_url, .oauth2_auth_url, .oauth2_profile_url, .oauth2_email_url').show();
|
|
break;
|
|
case 'gitlab':
|
|
$('.oauth2_token_url input, .oauth2_auth_url input, .oauth2_profile_url input').attr('required', 'required');
|
|
$('.oauth2_token_url, .oauth2_auth_url, .oauth2_profile_url').show();
|
|
$('#oauth2_email_url').val('');
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
// New authentication
|
|
if ($('.admin.new.authentication').length > 0) {
|
|
$('#auth_type').change(function () {
|
|
$('.ldap, .dldap, .smtp, .pam, .oauth2, .has-tls .search-page-size').hide();
|
|
|
|
$('.ldap input[required], .dldap input[required], .smtp input[required], .pam input[required], .oauth2 input[required], .has-tls input[required]').removeAttr('required');
|
|
|
|
var authType = $(this).val();
|
|
switch (authType) {
|
|
case '2': // LDAP
|
|
$('.ldap').show();
|
|
$('.ldap div.required:not(.dldap) input').attr('required', 'required');
|
|
break;
|
|
case '3': // SMTP
|
|
$('.smtp').show();
|
|
$('.has-tls').show();
|
|
$('.smtp div.required input, .has-tls').attr('required', 'required');
|
|
break;
|
|
case '4': // PAM
|
|
$('.pam').show();
|
|
$('.pam input').attr('required', 'required');
|
|
break;
|
|
case '5': // LDAP
|
|
$('.dldap').show();
|
|
$('.dldap div.required:not(.ldap) input').attr('required', 'required');
|
|
break;
|
|
case '6': // OAuth2
|
|
$('.oauth2').show();
|
|
$('.oauth2 div.required:not(.oauth2_use_custom_url,.oauth2_use_custom_url_field,.open_id_connect_auto_discovery_url) input').attr('required', 'required');
|
|
onOAuth2Change();
|
|
break;
|
|
}
|
|
if (authType == '2' || authType == '5') {
|
|
onSecurityProtocolChange()
|
|
}
|
|
if (authType == '2') {
|
|
onUsePagedSearchChange();
|
|
}
|
|
});
|
|
$('#auth_type').change();
|
|
$('#security_protocol').change(onSecurityProtocolChange);
|
|
$('#use_paged_search').change(onUsePagedSearchChange);
|
|
$('#oauth2_provider').change(onOAuth2Change);
|
|
$('#oauth2_use_custom_url').change(onOAuth2UseCustomURLChange);
|
|
}
|
|
// Edit authentication
|
|
if ($('.admin.edit.authentication').length > 0) {
|
|
var authType = $('#auth_type').val();
|
|
if (authType == '2' || authType == '5') {
|
|
$('#security_protocol').change(onSecurityProtocolChange);
|
|
if (authType == '2') {
|
|
$('#use_paged_search').change(onUsePagedSearchChange);
|
|
}
|
|
} else if (authType == '6') {
|
|
$('#oauth2_provider').change(onOAuth2Change);
|
|
$('#oauth2_use_custom_url').change(onOAuth2UseCustomURLChange);
|
|
onOAuth2Change();
|
|
}
|
|
}
|
|
|
|
// Notice
|
|
if ($('.admin.notice')) {
|
|
var $detailModal = $('#detail-modal');
|
|
|
|
// Attach view detail modals
|
|
$('.view-detail').click(function () {
|
|
$detailModal.find('.content p').text($(this).data('content'));
|
|
$detailModal.modal('show');
|
|
return false;
|
|
});
|
|
|
|
// Select actions
|
|
var $checkboxes = $('.select.table .ui.checkbox');
|
|
$('.select.action').click(function () {
|
|
switch ($(this).data('action')) {
|
|
case 'select-all':
|
|
$checkboxes.checkbox('check');
|
|
break;
|
|
case 'deselect-all':
|
|
$checkboxes.checkbox('uncheck');
|
|
break;
|
|
case 'inverse':
|
|
$checkboxes.checkbox('toggle');
|
|
break;
|
|
}
|
|
});
|
|
$('#delete-selection').click(function () {
|
|
var $this = $(this);
|
|
$this.addClass("loading disabled");
|
|
var ids = [];
|
|
$checkboxes.each(function () {
|
|
if ($(this).checkbox('is checked')) {
|
|
ids.push($(this).data('id'));
|
|
}
|
|
});
|
|
$.post($this.data('link'), {
|
|
"_csrf": csrf,
|
|
"ids": ids
|
|
}).done(function () {
|
|
window.location.href = $this.data('redirect');
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
function buttonsClickOnEnter() {
|
|
$('.ui.button').keypress(function (e) {
|
|
if (e.keyCode == 13 || e.keyCode == 32) // enter key or space bar
|
|
$(this).click();
|
|
});
|
|
}
|
|
|
|
function hideWhenLostFocus(body, parent) {
|
|
$(document).click(function (e) {
|
|
var target = e.target;
|
|
if (!$(target).is(body) && !$(target).parents().is(parent)) {
|
|
$(body).hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
function searchUsers() {
|
|
var $searchUserBox = $('#search-user-box');
|
|
$searchUserBox.search({
|
|
minCharacters: 2,
|
|
apiSettings: {
|
|
url: suburl + '/api/v1/users/search?q={query}',
|
|
onResponse: function(response) {
|
|
var items = [];
|
|
$.each(response.data, function (i, item) {
|
|
var title = item.login;
|
|
if (item.full_name && item.full_name.length > 0) {
|
|
title += ' (' + item.full_name + ')';
|
|
}
|
|
items.push({
|
|
title: title,
|
|
image: item.avatar_url
|
|
})
|
|
});
|
|
|
|
return { results: items }
|
|
}
|
|
},
|
|
searchFields: ['login', 'full_name'],
|
|
showNoResults: false
|
|
});
|
|
}
|
|
|
|
function searchRepositories() {
|
|
var $searchRepoBox = $('#search-repo-box');
|
|
$searchRepoBox.search({
|
|
minCharacters: 2,
|
|
apiSettings: {
|
|
url: suburl + '/api/v1/repos/search?q={query}&uid=' + $searchRepoBox.data('uid'),
|
|
onResponse: function(response) {
|
|
var items = [];
|
|
$.each(response.data, function (i, item) {
|
|
items.push({
|
|
title: item.full_name.split("/")[1],
|
|
description: item.full_name
|
|
})
|
|
});
|
|
|
|
return { results: items }
|
|
}
|
|
},
|
|
searchFields: ['full_name'],
|
|
showNoResults: false
|
|
});
|
|
}
|
|
|
|
function initCodeView() {
|
|
if ($('.code-view .linenums').length > 0) {
|
|
$(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('id') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null));
|
|
deSelect();
|
|
});
|
|
|
|
$(window).on('hashchange', function (e) {
|
|
var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/);
|
|
var $list = $('.code-view ol.linenums > li');
|
|
var $first;
|
|
if (m) {
|
|
$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) {
|
|
$first = $list.filter('.' + m[1]);
|
|
selectRange($list, $first);
|
|
$("html, body").scrollTop($first.offset().top - 200);
|
|
}
|
|
}).trigger('hashchange');
|
|
}
|
|
}
|
|
|
|
function initU2FAuth() {
|
|
if($('#wait-for-key').length === 0) {
|
|
return
|
|
}
|
|
u2fApi.ensureSupport()
|
|
.then(function () {
|
|
$.getJSON('/user/u2f/challenge').success(function(req) {
|
|
u2fApi.sign(req.appId, req.challenge, req.registeredKeys, 30)
|
|
.then(u2fSigned)
|
|
.catch(function (err) {
|
|
if(err === undefined) {
|
|
u2fError(1);
|
|
return
|
|
}
|
|
u2fError(err.metaData.code);
|
|
});
|
|
});
|
|
}).catch(function () {
|
|
// Fallback in case browser do not support U2F
|
|
window.location.href = "/user/two_factor"
|
|
})
|
|
}
|
|
function u2fSigned(resp) {
|
|
$.ajax({
|
|
url:'/user/u2f/sign',
|
|
type:"POST",
|
|
headers: {"X-Csrf-Token": csrf},
|
|
data: JSON.stringify(resp),
|
|
contentType:"application/json; charset=utf-8",
|
|
}).done(function(res){
|
|
window.location.replace(res);
|
|
}).fail(function (xhr, textStatus) {
|
|
u2fError(1);
|
|
});
|
|
}
|
|
|
|
function u2fRegistered(resp) {
|
|
if (checkError(resp)) {
|
|
return;
|
|
}
|
|
$.ajax({
|
|
url:'/user/settings/security/u2f/register',
|
|
type:"POST",
|
|
headers: {"X-Csrf-Token": csrf},
|
|
data: JSON.stringify(resp),
|
|
contentType:"application/json; charset=utf-8",
|
|
success: function(){
|
|
window.location.reload();
|
|
},
|
|
fail: function (xhr, textStatus) {
|
|
u2fError(1);
|
|
}
|
|
});
|
|
}
|
|
|
|
function checkError(resp) {
|
|
if (!('errorCode' in resp)) {
|
|
return false;
|
|
}
|
|
if (resp.errorCode === 0) {
|
|
return false;
|
|
}
|
|
u2fError(resp.errorCode);
|
|
return true;
|
|
}
|
|
|
|
|
|
function u2fError(errorType) {
|
|
var u2fErrors = {
|
|
'browser': $('#unsupported-browser'),
|
|
1: $('#u2f-error-1'),
|
|
2: $('#u2f-error-2'),
|
|
3: $('#u2f-error-3'),
|
|
4: $('#u2f-error-4'),
|
|
5: $('.u2f-error-5')
|
|
};
|
|
u2fErrors[errorType].removeClass('hide');
|
|
for(var type in u2fErrors){
|
|
if(type != errorType){
|
|
u2fErrors[type].addClass('hide');
|
|
}
|
|
}
|
|
$('#u2f-error').modal('show');
|
|
}
|
|
|
|
function initU2FRegister() {
|
|
$('#register-device').modal({allowMultiple: false});
|
|
$('#u2f-error').modal({allowMultiple: false});
|
|
$('#register-security-key').on('click', function(e) {
|
|
e.preventDefault();
|
|
u2fApi.ensureSupport()
|
|
.then(u2fRegisterRequest)
|
|
.catch(function() {
|
|
u2fError('browser');
|
|
})
|
|
})
|
|
}
|
|
|
|
function u2fRegisterRequest() {
|
|
$.post("/user/settings/security/u2f/request_register", {
|
|
"_csrf": csrf,
|
|
"name": $('#nickname').val()
|
|
}).success(function(req) {
|
|
$("#nickname").closest("div.field").removeClass("error");
|
|
$('#register-device').modal('show');
|
|
if(req.registeredKeys === null) {
|
|
req.registeredKeys = []
|
|
}
|
|
u2fApi.register(req.appId, req.registerRequests, req.registeredKeys, 30)
|
|
.then(u2fRegistered)
|
|
.catch(function (reason) {
|
|
if(reason === undefined) {
|
|
u2fError(1);
|
|
return
|
|
}
|
|
u2fError(reason.metaData.code);
|
|
});
|
|
}).fail(function(xhr, status, error) {
|
|
if(xhr.status === 409) {
|
|
$("#nickname").closest("div.field").addClass("error");
|
|
}
|
|
});
|
|
}
|
|
|
|
function initWipTitle() {
|
|
$(".title_wip_desc > a").click(function (e) {
|
|
e.preventDefault();
|
|
|
|
var $issueTitle = $("#issue_title");
|
|
$issueTitle.focus();
|
|
var value = $issueTitle.val().trim().toUpperCase();
|
|
|
|
for (var i in wipPrefixes) {
|
|
if (value.startsWith(wipPrefixes[i].toUpperCase())) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
$issueTitle.val(wipPrefixes[0] + " " + $issueTitle.val());
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
csrf = $('meta[name=_csrf]').attr("content");
|
|
suburl = $('meta[name=_suburl]').attr("content");
|
|
|
|
// Show exact time
|
|
$('.time-since').each(function () {
|
|
$(this).addClass('poping up').attr('data-content', $(this).attr('title')).attr('data-variation', 'inverted tiny').attr('title', '');
|
|
});
|
|
|
|
// Semantic UI modules.
|
|
$('.dropdown:not(.custom)').dropdown();
|
|
$('.jump.dropdown').dropdown({
|
|
action: 'hide',
|
|
onShow: function () {
|
|
$('.poping.up').popup('hide');
|
|
}
|
|
});
|
|
$('.slide.up.dropdown').dropdown({
|
|
transition: 'slide up'
|
|
});
|
|
$('.upward.dropdown').dropdown({
|
|
direction: 'upward'
|
|
});
|
|
$('.ui.accordion').accordion();
|
|
$('.ui.checkbox').checkbox();
|
|
$('.ui.progress').progress({
|
|
showActivity: false
|
|
});
|
|
$('.poping.up').popup();
|
|
$('.top.menu .poping.up').popup({
|
|
onShow: function () {
|
|
if ($('.top.menu .menu.transition').hasClass('visible')) {
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
$('.tabular.menu .item').tab();
|
|
$('.tabable.menu .item').tab();
|
|
|
|
$('.toggle.button').click(function () {
|
|
$($(this).data('target')).slideToggle(100);
|
|
});
|
|
|
|
// make table <tr> element clickable like a link
|
|
$('tr[data-href]').click(function(event) {
|
|
window.location = $(this).data('href');
|
|
});
|
|
|
|
// Highlight JS
|
|
if (typeof hljs != 'undefined') {
|
|
hljs.initHighlightingOnLoad();
|
|
}
|
|
|
|
// Dropzone
|
|
var $dropzone = $('#dropzone');
|
|
if ($dropzone.length > 0) {
|
|
// Disable auto discover for all elements:
|
|
Dropzone.autoDiscover = false;
|
|
|
|
var filenameDict = {};
|
|
$dropzone.dropzone({
|
|
url: $dropzone.data('upload-url'),
|
|
headers: {"X-Csrf-Token": csrf},
|
|
maxFiles: $dropzone.data('max-file'),
|
|
maxFilesize: $dropzone.data('max-size'),
|
|
acceptedFiles: ($dropzone.data('accepts') === '*/*') ? null : $dropzone.data('accepts'),
|
|
addRemoveLinks: true,
|
|
dictDefaultMessage: $dropzone.data('default-message'),
|
|
dictInvalidFileType: $dropzone.data('invalid-input-type'),
|
|
dictFileTooBig: $dropzone.data('file-too-big'),
|
|
dictRemoveFile: $dropzone.data('remove-file'),
|
|
init: function () {
|
|
this.on("success", function (file, data) {
|
|
filenameDict[file.name] = data.uuid;
|
|
var input = $('<input id="' + data.uuid + '" name="files" type="hidden">').val(data.uuid);
|
|
$('.files').append(input);
|
|
});
|
|
this.on("removedfile", function (file) {
|
|
if (file.name in filenameDict) {
|
|
$('#' + filenameDict[file.name]).remove();
|
|
}
|
|
if ($dropzone.data('remove-url') && $dropzone.data('csrf')) {
|
|
$.post($dropzone.data('remove-url'), {
|
|
file: filenameDict[file.name],
|
|
_csrf: $dropzone.data('csrf')
|
|
});
|
|
}
|
|
})
|
|
}
|
|
});
|
|
}
|
|
|
|
// Emojify
|
|
emojify.setConfig({
|
|
img_dir: suburl + '/vendor/plugins/emojify/images',
|
|
ignore_emoticons: true
|
|
});
|
|
var hasEmoji = document.getElementsByClassName('has-emoji');
|
|
for (var i = 0; i < hasEmoji.length; i++) {
|
|
emojify.run(hasEmoji[i]);
|
|
}
|
|
|
|
// Clipboard JS
|
|
var clipboard = new Clipboard('.clipboard');
|
|
clipboard.on('success', function (e) {
|
|
e.clearSelection();
|
|
|
|
$('#' + e.trigger.getAttribute('id')).popup('destroy');
|
|
e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-success'))
|
|
$('#' + e.trigger.getAttribute('id')).popup('show');
|
|
e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
|
|
});
|
|
|
|
clipboard.on('error', function (e) {
|
|
$('#' + e.trigger.getAttribute('id')).popup('destroy');
|
|
e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-error'))
|
|
$('#' + e.trigger.getAttribute('id')).popup('show');
|
|
e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
|
|
});
|
|
|
|
// Helpers.
|
|
$('.delete-button').click(showDeletePopup);
|
|
|
|
$('.delete-branch-button').click(showDeletePopup);
|
|
|
|
$('.undo-button').click(function() {
|
|
var $this = $(this);
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf,
|
|
"id": $this.data("id")
|
|
}).done(function(data) {
|
|
window.location.href = data.redirect;
|
|
});
|
|
});
|
|
$('.show-panel.button').click(function () {
|
|
$($(this).data('panel')).show();
|
|
});
|
|
$('.show-modal.button').click(function () {
|
|
$($(this).data('modal')).modal('show');
|
|
});
|
|
$('.delete-post.button').click(function () {
|
|
var $this = $(this);
|
|
$.post($this.data('request-url'), {
|
|
"_csrf": csrf
|
|
}).done(function () {
|
|
window.location.href = $this.data('done-url');
|
|
});
|
|
});
|
|
|
|
// Set anchor.
|
|
$('.markdown').each(function () {
|
|
var headers = {};
|
|
$(this).find('h1, h2, h3, h4, h5, h6').each(function () {
|
|
var node = $(this);
|
|
var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\u00C0-\u1FFF\u2C00-\uD7FF\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>');
|
|
});
|
|
});
|
|
|
|
$('.issue-checkbox').click(function() {
|
|
var numChecked = $('.issue-checkbox').children('input:checked').length;
|
|
if (numChecked > 0) {
|
|
$('#issue-filters').hide();
|
|
$('#issue-actions').show();
|
|
} else {
|
|
$('#issue-filters').show();
|
|
$('#issue-actions').hide();
|
|
}
|
|
});
|
|
|
|
$('.issue-action').click(function () {
|
|
var action = this.dataset.action
|
|
var elementId = this.dataset.elementId
|
|
var issueIDs = $('.issue-checkbox').children('input:checked').map(function() {
|
|
return this.dataset.issueId;
|
|
}).get().join();
|
|
var url = this.dataset.url
|
|
updateIssuesMeta(url, action, issueIDs, elementId, function() {
|
|
location.reload();
|
|
});
|
|
});
|
|
|
|
buttonsClickOnEnter();
|
|
searchUsers();
|
|
searchRepositories();
|
|
|
|
initCommentForm();
|
|
initInstall();
|
|
initRepository();
|
|
initWikiForm();
|
|
initEditForm();
|
|
initEditor();
|
|
initOrganization();
|
|
initWebhook();
|
|
initAdmin();
|
|
initCodeView();
|
|
initVueApp();
|
|
initTeamSettings();
|
|
initCtrlEnterSubmit();
|
|
initNavbarContentToggle();
|
|
initTopicbar();
|
|
initU2FAuth();
|
|
initU2FRegister();
|
|
initIssueList();
|
|
initWipTitle();
|
|
initPullRequestReview();
|
|
|
|
// Repo clone url.
|
|
if ($('#repo-clone-url').length > 0) {
|
|
switch (localStorage.getItem('repo-clone-protocol')) {
|
|
case 'ssh':
|
|
if ($('#repo-clone-ssh').click().length === 0) {
|
|
$('#repo-clone-https').click();
|
|
}
|
|
break;
|
|
default:
|
|
$('#repo-clone-https').click();
|
|
break;
|
|
}
|
|
}
|
|
|
|
var routes = {
|
|
'div.user.settings': initUserSettings,
|
|
'div.repository.settings.collaboration': initRepositoryCollaboration
|
|
};
|
|
|
|
var selector;
|
|
for (selector in routes) {
|
|
if ($(selector).length > 0) {
|
|
routes[selector]();
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
function changeHash(hash) {
|
|
if (history.pushState) {
|
|
history.pushState(null, null, hash);
|
|
}
|
|
else {
|
|
location.hash = hash;
|
|
}
|
|
}
|
|
|
|
function deSelect() {
|
|
if (window.getSelection) {
|
|
window.getSelection().removeAllRanges();
|
|
} else {
|
|
document.selection.empty();
|
|
}
|
|
}
|
|
|
|
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 (var 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'));
|
|
}
|
|
|
|
$(function () {
|
|
// Warn users that try to leave a page after entering data into a form.
|
|
// Except on sign-in pages, and for forms marked as 'ignore-dirty'.
|
|
if ($('.user.signin').length === 0) {
|
|
$('form:not(.ignore-dirty)').areYouSure();
|
|
}
|
|
|
|
// Parse SSH Key
|
|
$("#ssh-key-content").on('change paste keyup',function(){
|
|
var arrays = $(this).val().split(" ");
|
|
var $title = $("#ssh-key-title")
|
|
if ($title.val() === "" && arrays.length === 3 && arrays[2] !== "") {
|
|
$title.val(arrays[2]);
|
|
}
|
|
});
|
|
});
|
|
|
|
function showDeletePopup() {
|
|
var $this = $(this);
|
|
var filter = "";
|
|
if ($this.attr("id")) {
|
|
filter += "#" + $this.attr("id")
|
|
}
|
|
|
|
var dialog = $('.delete.modal' + filter);
|
|
dialog.find('.repo-name').text($this.data('repo-name'));
|
|
|
|
dialog.modal({
|
|
closable: false,
|
|
onApprove: function() {
|
|
if ($this.data('type') == "form") {
|
|
$($this.data('form')).submit();
|
|
return;
|
|
}
|
|
|
|
$.post($this.data('url'), {
|
|
"_csrf": csrf,
|
|
"id": $this.data("id")
|
|
}).done(function(data) {
|
|
window.location.href = data.redirect;
|
|
});
|
|
}
|
|
}).modal('show');
|
|
return false;
|
|
}
|
|
|
|
function initVueComponents(){
|
|
var vueDelimeters = ['${', '}'];
|
|
|
|
Vue.component('repo-search', {
|
|
delimiters: vueDelimeters,
|
|
|
|
props: {
|
|
searchLimit: {
|
|
type: Number,
|
|
default: 10
|
|
},
|
|
suburl: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
uid: {
|
|
type: Number,
|
|
required: true
|
|
},
|
|
organizations: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
isOrganization: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
canCreateOrganization: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
organizationsTotalCount: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
moreReposLink: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
|
|
data: function() {
|
|
return {
|
|
tab: 'repos',
|
|
repos: [],
|
|
reposTotalCount: 0,
|
|
reposFilter: 'all',
|
|
searchQuery: '',
|
|
isLoading: false,
|
|
repoTypes: {
|
|
'all': {
|
|
count: 0,
|
|
searchMode: '',
|
|
},
|
|
'forks': {
|
|
count: 0,
|
|
searchMode: 'fork',
|
|
},
|
|
'mirrors': {
|
|
count: 0,
|
|
searchMode: 'mirror',
|
|
},
|
|
'sources': {
|
|
count: 0,
|
|
searchMode: 'source',
|
|
},
|
|
'collaborative': {
|
|
count: 0,
|
|
searchMode: 'collaborative',
|
|
},
|
|
}
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
showMoreReposLink: function() {
|
|
return this.repos.length > 0 && this.repos.length < this.repoTypes[this.reposFilter].count;
|
|
},
|
|
searchURL: function() {
|
|
return this.suburl + '/api/v1/repos/search?uid=' + this.uid + '&q=' + this.searchQuery + '&limit=' + this.searchLimit + '&mode=' + this.repoTypes[this.reposFilter].searchMode + (this.reposFilter !== 'all' ? '&exclusive=1' : '');
|
|
},
|
|
repoTypeCount: function() {
|
|
return this.repoTypes[this.reposFilter].count;
|
|
}
|
|
},
|
|
|
|
mounted: function() {
|
|
this.searchRepos(this.reposFilter);
|
|
|
|
var self = this;
|
|
Vue.nextTick(function() {
|
|
self.$refs.search.focus();
|
|
});
|
|
},
|
|
|
|
methods: {
|
|
changeTab: function(t) {
|
|
this.tab = t;
|
|
},
|
|
|
|
changeReposFilter: function(filter) {
|
|
this.reposFilter = filter;
|
|
this.repos = [];
|
|
this.repoTypes[filter].count = 0;
|
|
this.searchRepos(filter);
|
|
},
|
|
|
|
showRepo: function(repo, filter) {
|
|
switch (filter) {
|
|
case 'sources':
|
|
return repo.owner.id == this.uid && !repo.mirror && !repo.fork;
|
|
case 'forks':
|
|
return repo.owner.id == this.uid && !repo.mirror && repo.fork;
|
|
case 'mirrors':
|
|
return repo.mirror;
|
|
case 'collaborative':
|
|
return repo.owner.id != this.uid && !repo.mirror;
|
|
default:
|
|
return true;
|
|
}
|
|
},
|
|
|
|
searchRepos: function(reposFilter) {
|
|
var self = this;
|
|
|
|
this.isLoading = true;
|
|
|
|
var searchedMode = this.repoTypes[reposFilter].searchMode;
|
|
var searchedURL = this.searchURL;
|
|
var searchedQuery = this.searchQuery;
|
|
|
|
$.getJSON(searchedURL, function(result, textStatus, request) {
|
|
if (searchedURL == self.searchURL) {
|
|
self.repos = result.data;
|
|
var count = request.getResponseHeader('X-Total-Count');
|
|
if (searchedQuery === '' && searchedMode === '') {
|
|
self.reposTotalCount = count;
|
|
}
|
|
self.repoTypes[reposFilter].count = count;
|
|
}
|
|
}).always(function() {
|
|
if (searchedURL == self.searchURL) {
|
|
self.isLoading = false;
|
|
}
|
|
});
|
|
},
|
|
|
|
repoClass: function(repo) {
|
|
if (repo.fork) {
|
|
return 'octicon octicon-repo-forked';
|
|
} else if (repo.mirror) {
|
|
return 'octicon octicon-repo-clone';
|
|
} else if (repo.private) {
|
|
return 'octicon octicon-lock';
|
|
} else {
|
|
return 'octicon octicon-repo';
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
function initCtrlEnterSubmit() {
|
|
$(".js-quick-submit").keydown(function(e) {
|
|
if (((e.ctrlKey && !e.altKey) || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
|
|
$(this).closest("form").submit();
|
|
}
|
|
});
|
|
}
|
|
|
|
function initVueApp() {
|
|
var el = document.getElementById('app');
|
|
if (!el) {
|
|
return;
|
|
}
|
|
|
|
initVueComponents();
|
|
|
|
new Vue({
|
|
delimiters: ['${', '}'],
|
|
el: el,
|
|
|
|
data: {
|
|
searchLimit: document.querySelector('meta[name=_search_limit]').content,
|
|
suburl: document.querySelector('meta[name=_suburl]').content,
|
|
uid: document.querySelector('meta[name=_context_uid]').content,
|
|
},
|
|
});
|
|
}
|
|
function timeAddManual() {
|
|
$('.mini.modal')
|
|
.modal({
|
|
duration: 200,
|
|
onApprove: function() {
|
|
$('#add_time_manual_form').submit();
|
|
}
|
|
}).modal('show')
|
|
;
|
|
}
|
|
|
|
function toggleStopwatch() {
|
|
$("#toggle_stopwatch_form").submit();
|
|
}
|
|
function cancelStopwatch() {
|
|
$("#cancel_stopwatch_form").submit();
|
|
}
|
|
|
|
function initFilterBranchTagDropdown(selector) {
|
|
$(selector).each(function() {
|
|
var $dropdown = $(this);
|
|
var $data = $dropdown.find('.data');
|
|
var data = {
|
|
items: [],
|
|
mode: $data.data('mode'),
|
|
searchTerm: '',
|
|
noResults: '',
|
|
canCreateBranch: false,
|
|
menuVisible: false,
|
|
active: 0
|
|
};
|
|
$data.find('.item').each(function() {
|
|
data.items.push({
|
|
name: $(this).text(),
|
|
url: $(this).data('url'),
|
|
branch: $(this).hasClass('branch'),
|
|
tag: $(this).hasClass('tag'),
|
|
selected: $(this).hasClass('selected')
|
|
});
|
|
});
|
|
$data.remove();
|
|
new Vue({
|
|
delimiters: ['${', '}'],
|
|
el: this,
|
|
data: data,
|
|
|
|
beforeMount: function () {
|
|
var vm = this;
|
|
|
|
this.noResults = vm.$el.getAttribute('data-no-results');
|
|
this.canCreateBranch = vm.$el.getAttribute('data-can-create-branch') === 'true';
|
|
|
|
document.body.addEventListener('click', function(event) {
|
|
if (vm.$el.contains(event.target)) {
|
|
return;
|
|
}
|
|
if (vm.menuVisible) {
|
|
Vue.set(vm, 'menuVisible', false);
|
|
}
|
|
});
|
|
},
|
|
|
|
watch: {
|
|
menuVisible: function(visible) {
|
|
if (visible) {
|
|
this.focusSearchField();
|
|
}
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
filteredItems: function() {
|
|
var vm = this;
|
|
|
|
var items = vm.items.filter(function (item) {
|
|
return ((vm.mode === 'branches' && item.branch)
|
|
|| (vm.mode === 'tags' && item.tag))
|
|
&& (!vm.searchTerm
|
|
|| item.name.toLowerCase().indexOf(vm.searchTerm.toLowerCase()) >= 0);
|
|
});
|
|
|
|
vm.active = (items.length === 0 && vm.showCreateNewBranch ? 0 : -1);
|
|
|
|
return items;
|
|
},
|
|
showNoResults: function() {
|
|
return this.filteredItems.length === 0
|
|
&& !this.showCreateNewBranch;
|
|
},
|
|
showCreateNewBranch: function() {
|
|
var vm = this;
|
|
if (!this.canCreateBranch || !vm.searchTerm || vm.mode === 'tags') {
|
|
return false;
|
|
}
|
|
|
|
return vm.items.filter(function (item) {
|
|
return item.name.toLowerCase() === vm.searchTerm.toLowerCase()
|
|
}).length === 0;
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
selectItem: function(item) {
|
|
var prev = this.getSelected();
|
|
if (prev !== null) {
|
|
prev.selected = false;
|
|
}
|
|
item.selected = true;
|
|
window.location.href = item.url;
|
|
},
|
|
createNewBranch: function() {
|
|
if (!this.showCreateNewBranch) {
|
|
return;
|
|
}
|
|
this.$refs.newBranchForm.submit();
|
|
},
|
|
focusSearchField: function() {
|
|
var vm = this;
|
|
Vue.nextTick(function() {
|
|
vm.$refs.searchField.focus();
|
|
});
|
|
},
|
|
getSelected: function() {
|
|
for (var i = 0, j = this.items.length; i < j; ++i) {
|
|
if (this.items[i].selected)
|
|
return this.items[i];
|
|
}
|
|
return null;
|
|
},
|
|
getSelectedIndexInFiltered: function() {
|
|
for (var i = 0, j = this.filteredItems.length; i < j; ++i) {
|
|
if (this.filteredItems[i].selected)
|
|
return i;
|
|
}
|
|
return -1;
|
|
},
|
|
scrollToActive: function() {
|
|
var el = this.$refs['listItem' + this.active];
|
|
if (!el || el.length === 0) {
|
|
return;
|
|
}
|
|
if (Array.isArray(el)) {
|
|
el = el[0];
|
|
}
|
|
|
|
var cont = this.$refs.scrollContainer;
|
|
|
|
if (el.offsetTop < cont.scrollTop) {
|
|
cont.scrollTop = el.offsetTop;
|
|
}
|
|
else if (el.offsetTop + el.clientHeight > cont.scrollTop + cont.clientHeight) {
|
|
cont.scrollTop = el.offsetTop + el.clientHeight - cont.clientHeight;
|
|
}
|
|
},
|
|
keydown: function(event) {
|
|
var vm = this;
|
|
if (event.keyCode === 40) {
|
|
// arrow down
|
|
event.preventDefault();
|
|
|
|
if (vm.active === -1) {
|
|
vm.active = vm.getSelectedIndexInFiltered();
|
|
}
|
|
|
|
if (vm.active + (vm.showCreateNewBranch ? 0 : 1) >= vm.filteredItems.length) {
|
|
return;
|
|
}
|
|
vm.active++;
|
|
vm.scrollToActive();
|
|
}
|
|
if (event.keyCode === 38) {
|
|
// arrow up
|
|
event.preventDefault();
|
|
|
|
if (vm.active === -1) {
|
|
vm.active = vm.getSelectedIndexInFiltered();
|
|
}
|
|
|
|
if (vm.active <= 0) {
|
|
return;
|
|
}
|
|
vm.active--;
|
|
vm.scrollToActive();
|
|
}
|
|
if (event.keyCode == 13) {
|
|
// enter
|
|
event.preventDefault();
|
|
|
|
if (vm.active >= vm.filteredItems.length) {
|
|
vm.createNewBranch();
|
|
} else if (vm.active >= 0) {
|
|
vm.selectItem(vm.filteredItems[vm.active]);
|
|
}
|
|
}
|
|
if (event.keyCode == 27) {
|
|
// escape
|
|
event.preventDefault();
|
|
vm.menuVisible = false;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
$(".commit-button").click(function() {
|
|
$(this).parent().find('.commit-body').toggle();
|
|
});
|
|
|
|
function initNavbarContentToggle() {
|
|
var content = $('#navbar');
|
|
var toggle = $('#navbar-expand-toggle');
|
|
var isExpanded = false;
|
|
toggle.click(function() {
|
|
isExpanded = !isExpanded;
|
|
if (isExpanded) {
|
|
content.addClass('shown');
|
|
toggle.addClass('active');
|
|
}
|
|
else {
|
|
content.removeClass('shown');
|
|
toggle.removeClass('active');
|
|
}
|
|
});
|
|
}
|
|
|
|
function initTopicbar() {
|
|
var mgrBtn = $("#manage_topic"),
|
|
editDiv = $("#topic_edit"),
|
|
viewDiv = $("#repo-topic"),
|
|
saveBtn = $("#save_topic"),
|
|
topicDropdown = $('#topic_edit .dropdown'),
|
|
topicForm = $('#topic_edit.ui.form'),
|
|
topicPrompts;
|
|
|
|
mgrBtn.click(function() {
|
|
viewDiv.hide();
|
|
editDiv.show();
|
|
});
|
|
|
|
function getPrompts() {
|
|
var hidePrompt = $("div.hide#validate_prompt"),
|
|
prompts = {
|
|
countPrompt: hidePrompt.children('#count_prompt').text(),
|
|
formatPrompt: hidePrompt.children('#format_prompt').text()
|
|
};
|
|
hidePrompt.remove();
|
|
return prompts;
|
|
}
|
|
|
|
saveBtn.click(function() {
|
|
var topics = $("input[name=topics]").val();
|
|
|
|
$.post(saveBtn.data('link'), {
|
|
"_csrf": csrf,
|
|
"topics": topics
|
|
}, function(data, textStatus, xhr){
|
|
if (xhr.responseJSON.status === 'ok') {
|
|
viewDiv.children(".topic").remove();
|
|
if (topics.length === 0) {
|
|
return
|
|
}
|
|
var topicArray = topics.split(",");
|
|
|
|
var last = viewDiv.children("a").last();
|
|
for (var i=0; i < topicArray.length; i++) {
|
|
$('<div class="ui green basic label topic" style="cursor:pointer;">'+topicArray[i]+'</div>').insertBefore(last)
|
|
}
|
|
editDiv.hide();
|
|
viewDiv.show();
|
|
}
|
|
}).fail(function(xhr){
|
|
if (xhr.status === 422) {
|
|
if (xhr.responseJSON.invalidTopics.length > 0) {
|
|
topicPrompts.formatPrompt = xhr.responseJSON.message;
|
|
|
|
var invalidTopics = xhr.responseJSON.invalidTopics,
|
|
topicLables = topicDropdown.children('a.ui.label');
|
|
|
|
topics.split(',').forEach(function(value, index) {
|
|
for (var i=0; i < invalidTopics.length; i++) {
|
|
if (invalidTopics[i] === value) {
|
|
topicLables.eq(index).removeClass("green").addClass("red");
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
topicPrompts.countPrompt = xhr.responseJSON.message;
|
|
}
|
|
}
|
|
}).always(function() {
|
|
topicForm.form('validate form');
|
|
});
|
|
});
|
|
|
|
topicDropdown.dropdown({
|
|
allowAdditions: true,
|
|
fields: { name: "description", value: "data-value" },
|
|
saveRemoteData: false,
|
|
label: {
|
|
transition : 'horizontal flip',
|
|
duration : 200,
|
|
variation : false,
|
|
blue : true,
|
|
basic: true,
|
|
},
|
|
className: {
|
|
label: 'ui green basic label'
|
|
},
|
|
apiSettings: {
|
|
url: suburl + '/api/v1/topics/search?q={query}',
|
|
throttle: 500,
|
|
cache: false,
|
|
onResponse: function(res) {
|
|
var formattedResponse = {
|
|
success: false,
|
|
results: [],
|
|
};
|
|
|
|
if (res.topics) {
|
|
formattedResponse.success = true;
|
|
for (var i=0;i < res.topics.length;i++) {
|
|
formattedResponse.results.push({"description": res.topics[i].Name, "data-value":res.topics[i].Name})
|
|
}
|
|
}
|
|
|
|
return formattedResponse;
|
|
},
|
|
},
|
|
onLabelCreate: function(value) {
|
|
value = value.toLowerCase().trim();
|
|
this.attr("data-value", value).contents().first().replaceWith(value);
|
|
return $(this);
|
|
},
|
|
onAdd: function(addedValue, addedText, $addedChoice) {
|
|
addedValue = addedValue.toLowerCase().trim();
|
|
$($addedChoice).attr('data-value', addedValue);
|
|
$($addedChoice).attr('data-text', addedValue);
|
|
}
|
|
});
|
|
|
|
$.fn.form.settings.rules.validateTopic = function(values, regExp) {
|
|
var topics = topicDropdown.children('a.ui.label'),
|
|
status = topics.length === 0 || topics.last().attr("data-value").match(regExp);
|
|
if (!status) {
|
|
topics.last().removeClass("green").addClass("red");
|
|
}
|
|
return status && topicDropdown.children('a.ui.label.red').length === 0;
|
|
};
|
|
|
|
topicPrompts = getPrompts();
|
|
topicForm.form({
|
|
on: 'change',
|
|
inline : true,
|
|
fields: {
|
|
topics: {
|
|
identifier: 'topics',
|
|
rules: [
|
|
{
|
|
type: 'validateTopic',
|
|
value: /^[a-z0-9][a-z0-9-]{1,35}$/,
|
|
prompt: topicPrompts.formatPrompt
|
|
},
|
|
{
|
|
type: 'maxCount[25]',
|
|
prompt: topicPrompts.countPrompt
|
|
}
|
|
]
|
|
},
|
|
}
|
|
});
|
|
}
|
|
function toggleDeadlineForm() {
|
|
$('#deadlineForm').fadeToggle(150);
|
|
}
|
|
|
|
function setDeadline() {
|
|
var deadline = $('#deadlineDate').val();
|
|
updateDeadline(deadline);
|
|
}
|
|
|
|
function updateDeadline(deadlineString) {
|
|
$('#deadline-err-invalid-date').hide();
|
|
$('#deadline-loader').addClass('loading');
|
|
|
|
var realDeadline = null;
|
|
if (deadlineString !== '') {
|
|
|
|
var newDate = Date.parse(deadlineString)
|
|
|
|
if (isNaN(newDate)) {
|
|
$('#deadline-loader').removeClass('loading');
|
|
$('#deadline-err-invalid-date').show();
|
|
return false;
|
|
}
|
|
realDeadline = new Date(newDate);
|
|
}
|
|
|
|
$.ajax($('#update-issue-deadline-form').attr('action') + '/deadline', {
|
|
data: JSON.stringify({
|
|
'due_date': realDeadline,
|
|
}),
|
|
contentType: 'application/json',
|
|
type: 'POST',
|
|
success: function () {
|
|
window.location.reload();
|
|
},
|
|
error: function () {
|
|
$('#deadline-loader').removeClass('loading');
|
|
$('#deadline-err-invalid-date').show();
|
|
}
|
|
});
|
|
}
|
|
|
|
function deleteDependencyModal(id, type) {
|
|
$('.remove-dependency')
|
|
.modal({
|
|
closable: false,
|
|
duration: 200,
|
|
onApprove: function () {
|
|
$('#removeDependencyID').val(id);
|
|
$('#dependencyType').val(type);
|
|
$('#removeDependencyForm').submit();
|
|
}
|
|
}).modal('show')
|
|
;
|
|
}
|
|
|
|
function initIssueList() {
|
|
var repolink = $('#repolink').val();
|
|
$('.new-dependency-drop-list')
|
|
.dropdown({
|
|
apiSettings: {
|
|
url: '/api/v1/repos' + repolink + '/issues?q={query}',
|
|
onResponse: function(response) {
|
|
var filteredResponse = {'success': true, 'results': []};
|
|
// Parse the response from the api to work with our dropdown
|
|
$.each(response, function(index, issue) {
|
|
filteredResponse.results.push({
|
|
'name' : '#' + issue.number + ' ' + issue.title,
|
|
'value' : issue.id
|
|
});
|
|
});
|
|
return filteredResponse;
|
|
},
|
|
},
|
|
|
|
fullTextSearch: true
|
|
})
|
|
;
|
|
}
|
|
function cancelCodeComment(btn) {
|
|
var form = $(btn).closest("form");
|
|
if(form.length > 0 && form.hasClass('comment-form')) {
|
|
form.addClass('hide');
|
|
form.parent().find('button.comment-form-reply').show();
|
|
}else {
|
|
console.log("Hey");
|
|
form.closest('.comment-code-cloud').remove()
|
|
}
|
|
}
|