forgejo/public/js/gogs.js

680 lines
23 KiB
JavaScript
Raw Normal View History

2015-08-05 07:24:26 +00:00
'use strict';
var csrf;
2015-09-06 10:57:25 +00:00
var suburl;
2015-08-19 20:31:28 +00:00
function initCommentPreviewTab($form) {
var $tab_menu = $form.find('.tabular.menu');
$tab_menu.find('.item').tab();
$tab_menu.find('.item[data-tab="' + $tab_menu.data('preview') + '"]').click(function () {
2015-08-10 10:57:57 +00:00
var $this = $(this);
$.post($this.data('url'), {
"_csrf": csrf,
"mode": "gfm",
"context": $this.data('context'),
2015-08-19 20:31:28 +00:00
"text": $form.find('.tab.segment[data-tab="' + $tab_menu.data('write') + '"] textarea').val()
2015-08-10 10:57:57 +00:00
},
function (data) {
2015-09-05 18:11:05 +00:00
var $preview_tab = $form.find('.tab.segment[data-tab="' + $tab_menu.data('preview') + '"]');
$preview_tab.html(data);
emojify.run($preview_tab[0]);
2015-08-10 10:57:57 +00:00
}
);
});
2015-08-19 20:31:28 +00:00
}
function initCommentForm() {
if ($('.comment.form').length == 0) {
return
}
initCommentPreviewTab($('.comment.form'));
2015-08-10 10:57:57 +00:00
// Labels
var $list = $('.ui.labels.list');
var $no_select = $list.find('.no-select');
var $label_menu = $('.select-label .menu');
var has_label_update_action = $label_menu.data('action') == 'update';
function updateIssueMeta(url, action, id) {
$.post(url, {
"_csrf": csrf,
"action": action,
"id": id
});
}
$label_menu.find('.item:not(.no-select)').click(function () {
2015-08-10 10:57:57 +00:00
if ($(this).hasClass('checked')) {
2015-09-05 18:11:05 +00:00
$(this).removeClass('checked');
$(this).find('.octicon').removeClass('octicon-check');
if (has_label_update_action) {
updateIssueMeta($label_menu.data('update-url'), "detach", $(this).data('id'));
}
2015-08-10 10:57:57 +00:00
} else {
2015-09-05 18:11:05 +00:00
$(this).addClass('checked');
$(this).find('.octicon').addClass('octicon-check');
if (has_label_update_action) {
updateIssueMeta($label_menu.data('update-url'), "attach", $(this).data('id'));
}
2015-08-10 10:57:57 +00:00
}
var label_ids = "";
$(this).parent().find('.item').each(function () {
if ($(this).hasClass('checked')) {
label_ids += $(this).data('id') + ",";
$($(this).data('id-selector')).removeClass('hide');
} else {
$($(this).data('id-selector')).addClass('hide');
}
});
if (label_ids.length == 0) {
$no_select.removeClass('hide');
} else {
$no_select.addClass('hide');
}
$($(this).parent().data('id')).val(label_ids);
return false;
});
$label_menu.find('.no-select.item').click(function () {
if (has_label_update_action) {
updateIssueMeta($label_menu.data('update-url'), "clear", '');
}
2015-08-10 10:57:57 +00:00
$(this).parent().find('.item').each(function () {
$(this).removeClass('checked');
$(this).find('.octicon').removeClass('octicon-check');
});
$list.find('.item').each(function () {
$(this).addClass('hide');
});
$no_select.removeClass('hide');
$($(this).parent().data('id')).val('');
});
function selectItem(select_id, input_id) {
var $menu = $(select_id + ' .menu');
2015-09-05 18:11:05 +00:00
var $list = $('.ui' + select_id + '.list');
var has_update_action = $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 (has_update_action) {
updateIssueMeta($menu.data('update-url'), '', $(this).data('id'));
}
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'));
2015-08-10 10:57:57 +00:00
});
$menu.find('.no-select.item').click(function () {
$(this).parent().find('.item:not(.no-select)').each(function () {
$(this).removeClass('selected active')
});
2015-08-10 10:57:57 +00:00
if (has_update_action) {
updateIssueMeta($menu.data('update-url'), '', '');
}
$list.find('.selected').html('');
$list.find('.no-select').removeClass('hide');
$(input_id).val('');
2015-08-10 10:57:57 +00:00
});
}
2015-08-10 10:57:57 +00:00
// Milestone and assignee
selectItem('.select-milestone', '#milestone_id');
selectItem('.select-assignee', '#assignee_id');
2015-08-10 10:57:57 +00:00
}
2015-07-07 17:09:03 +00:00
function initInstall() {
if ($('.install').length == 0) {
return;
}
// Database type change detection.
$("#db_type").change(function () {
var sqlite_default = 'data/gogs.db';
var tidb_default = 'data/gogs_tidb';
2015-09-10 21:11:41 +00:00
var db_type = $(this).val();
if (db_type === "SQLite3" || db_type === "TiDB") {
2015-07-07 17:09:03 +00:00
$('#sql_settings').hide();
$('#pgsql_settings').hide();
$('#sqlite_settings').show();
if (db_type === "SQLite3" && $('#db_path').val() == tidb_default) {
$('#db_path').val(sqlite_default);
} else if (db_type === "TiDB" && $('#db_path').val() == sqlite_default) {
$('#db_path').val(tidb_default);
}
2015-07-07 17:09:03 +00:00
return;
}
var mysql_default = '127.0.0.1:3306';
var postgres_default = '127.0.0.1:5432';
$('#sqlite_settings').hide();
$('#sql_settings').show();
if (db_type === "PostgreSQL") {
$('#pgsql_settings').show();
if ($('#db_host').val() == mysql_default) {
$('#db_host').val(postgres_default);
}
} else {
$('#pgsql_settings').hide();
if ($('#db_host').val() == postgres_default) {
$('#db_host').val(mysql_default);
}
}
});
$('#offline-mode input').change(function () {
if ($(this).is(':checked')) {
$('#disable-gravatar').checkbox('check');
}
});
2015-09-13 16:14:32 +00:00
$('#disable-registration input').change(function () {
if ($(this).is(':checked')) {
$('#enable-captcha').checkbox('uncheck');
}
});
$('#enable-captcha input').change(function () {
if ($(this).is(':checked')) {
$('#disable-registration').checkbox('uncheck');
}
});
2015-09-05 18:11:05 +00:00
}
2015-07-07 17:09:03 +00:00
function initRepository() {
if ($('.repository').length == 0) {
return;
}
2015-08-31 05:36:31 +00:00
// Options
if ($('.repository.settings.options').length > 0) {
$('#repo_name').keyup(function () {
var $prompt_span = $('#repo-name-change-prompt');
2015-09-01 13:37:41 +00:00
if ($(this).val().toString().toLowerCase() != $(this).data('repo-name').toString().toLowerCase()) {
2015-08-31 05:36:31 +00:00
$prompt_span.show();
2015-08-31 08:10:28 +00:00
} else {
2015-08-31 05:36:31 +00:00
$prompt_span.hide();
}
});
}
// Labels
2015-08-05 07:24:26 +00:00
if ($('.repository.labels').length > 0) {
2015-08-09 14:45:38 +00:00
// Create label
var $new_label_panel = $('.new-label.segment');
$('.new-label.button').click(function () {
$new_label_panel.show();
});
$('.new-label.segment .cancel').click(function () {
$new_label_panel.hide();
});
2015-08-05 07:24:26 +00:00
$('.color-picker').each(function () {
$(this).minicolors();
});
$('.precolors .color').click(function () {
2015-09-05 18:11:05 +00:00
var color_hex = $(this).data('color-hex');
2015-08-05 07:24:26 +00:00
$('.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'));
2015-08-09 14:45:38 +00:00
$('.edit-label .new-label-input').val($(this).data('title'));
$('.edit-label .color-picker').val($(this).data('color'));
2015-08-05 07:24:26 +00:00
$('.minicolors-swatch-color').css("background-color", $(this).data('color'));
$('.edit-label.modal').modal({
onApprove: function () {
$('.edit-label.form').submit();
}
}).modal('show');
return false;
});
}
2015-08-05 07:24:26 +00:00
// Milestones
2015-08-05 12:23:08 +00:00
if ($('.repository.milestones').length > 0) {
}
2015-08-05 07:24:26 +00:00
if ($('.repository.new.milestone').length > 0) {
2015-09-05 18:11:05 +00:00
var $datepicker = $('.milestone.datepicker');
2015-08-05 07:24:26 +00:00
$datepicker.datetimepicker({
lang: $datepicker.data('lang'),
inline: true,
timepicker: false,
startDate: $datepicker.data('start-date'),
2015-08-05 10:26:18 +00:00
formatDate: 'Y-m-d',
2015-08-05 07:24:26 +00:00
onSelectDate: function (ct) {
2015-08-05 10:26:18 +00:00
$('#deadline').val(ct.dateFormat('Y-m-d'));
}
2015-08-05 07:24:26 +00:00
});
$('#clear-date').click(function () {
$('#deadline').val('');
return false;
});
2015-08-06 14:48:11 +00:00
}
2015-08-13 15:21:43 +00:00
// Issues
if ($('.repository.view.issue').length > 0) {
2015-08-19 15:14:57 +00:00
// Edit issue title
var $issue_title = $('#issue-title');
var $edit_input = $('#edit-title-input input');
var editTitleToggle = function () {
$issue_title.toggle();
$('.not-in-edit').toggle();
$('#edit-title-input').toggle();
$('.in-edit').toggle();
$edit_input.focus();
return false;
2015-09-05 18:11:05 +00:00
};
2015-08-19 15:14:57 +00:00
$('#edit-title').click(editTitleToggle);
$('#cancel-edit-title').click(editTitleToggle);
$('#save-edit-title').click(editTitleToggle).
click(function () {
if ($edit_input.val().length == 0 ||
$edit_input.val() == $issue_title.text()) {
$edit_input.val($issue_title.text());
return false;
}
$.post($(this).data('update-url'), {
"_csrf": csrf,
"title": $edit_input.val()
},
function (data) {
$edit_input.val(data.title);
$issue_title.text(data.title);
});
return false;
});
2015-08-19 20:31:28 +00:00
// Edit issue or comment content
$('.edit-content').click(function () {
var $segment = $(this).parent().parent().next();
var $edit_content_zone = $segment.find('.edit-content-zone');
var $render_content = $segment.find('.render-content');
var $raw_content = $segment.find('.raw-content');
var $textarea;
// Setup new form
if ($edit_content_zone.html().length == 0) {
$edit_content_zone.html($('#edit-content-form').html());
$textarea = $segment.find('textarea');
// Give new write/preview data-tab name to distinguish from others
var $edit_content_form = $edit_content_zone.find('.ui.comment.form');
var $tabular_menu = $edit_content_form.find('.tabular.menu');
$tabular_menu.attr('data-write', $edit_content_zone.data('write'));
$tabular_menu.attr('data-preview', $edit_content_zone.data('preview'));
$tabular_menu.find('.write.item').attr('data-tab', $edit_content_zone.data('write'));
$tabular_menu.find('.preview.item').attr('data-tab', $edit_content_zone.data('preview'));
$edit_content_form.find('.write.segment').attr('data-tab', $edit_content_zone.data('write'));
$edit_content_form.find('.preview.segment').attr('data-tab', $edit_content_zone.data('preview'));
initCommentPreviewTab($edit_content_form);
$edit_content_zone.find('.cancel.button').click(function () {
$render_content.show();
$edit_content_zone.hide();
});
$edit_content_zone.find('.save.button').click(function () {
$render_content.show();
$edit_content_zone.hide();
$.post($edit_content_zone.data('update-url'), {
"_csrf": csrf,
"content": $textarea.val(),
"context": $edit_content_zone.data('context')
},
function (data) {
if (data.length == 0) {
$render_content.html($('#no-content').html());
} else {
$render_content.html(data.content);
2015-09-05 18:18:02 +00:00
emojify.run($render_content[0]);
2015-08-19 20:31:28 +00:00
}
});
});
} else {
$textarea = $segment.find('textarea');
}
// Show write/preview tab and copy raw content as needed
$edit_content_zone.show();
$render_content.hide();
if ($textarea.val().length == 0) {
$textarea.val($raw_content.text());
}
$textarea.focus();
return false;
});
2015-08-19 15:14:57 +00:00
// Change status
2015-08-13 15:21:43 +00:00
var $status_btn = $('#status-button');
$('#content').keyup(function () {
if ($(this).val().length == 0) {
$status_btn.text($status_btn.data('status'))
} else {
$status_btn.text($status_btn.data('status-and-comment'))
}
});
$status_btn.click(function () {
$('#status').val($status_btn.data('status-val'));
$('#comment-form').submit();
})
}
2015-08-20 16:18:30 +00:00
// Diff
if ($('.repository.diff').length > 0) {
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 + "%");
});
}
2015-10-02 23:58:36 +00:00
// Quick start
if ($('.repository.quickstart').length > 0) {
$('#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');
});
$('#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');
});
}
2015-08-08 14:43:14 +00:00
// Pull request
if ($('.repository.compare.pull').length > 0) {
2015-09-05 18:11:05 +00:00
var $branch_dropdown = $('.choose.branch .dropdown');
2015-08-09 17:04:23 +00:00
$branch_dropdown.dropdown({
2015-08-08 14:43:14 +00:00
fullTextSearch: true,
onChange: function (text, value, $choice) {
window.location.href = $choice.data('url');
2015-08-09 17:04:23 +00:00
},
message: {noResults: $branch_dropdown.data('no-results')}
2015-08-08 14:43:14 +00:00
});
2015-08-05 07:24:26 +00:00
}
2015-09-05 18:11:05 +00:00
}
function initOrganization() {
2015-09-06 14:56:31 +00:00
if ($('.organization').length == 0) {
return;
}
// Options
if ($('.organization.settings.options').length > 0) {
$('#org_name').keyup(function () {
var $prompt_span = $('#org-name-change-prompt');
if ($(this).val().toString().toLowerCase() != $(this).data('org-name').toString().toLowerCase()) {
$prompt_span.show();
} else {
$prompt_span.hide();
}
});
}
}
2015-09-06 14:56:31 +00:00
function initUser() {
if ($('.user').length == 0) {
return;
}
2015-09-06 14:56:31 +00:00
// Options
if ($('.user.settings.profile').length > 0) {
$('#username').keyup(function () {
var $prompt_span = $('#name-change-prompt');
if ($(this).val().toString().toLowerCase() != $(this).data('name').toString().toLowerCase()) {
$prompt_span.show();
} else {
$prompt_span.hide();
}
});
}
2015-09-06 14:56:31 +00:00
}
2015-08-28 15:36:13 +00:00
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();
}
});
}
2015-09-10 21:11:41 +00:00
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();
2015-10-02 23:58:36 +00:00
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');
}
});
}
2015-09-10 21:11:41 +00:00
// New authentication
if ($('.admin.new.authentication').length > 0) {
$('#auth_type').change(function () {
$('.ldap').hide();
$('.dldap').hide();
$('.smtp').hide();
$('.pam').hide();
2015-09-10 21:11:41 +00:00
var auth_type = $(this).val();
switch (auth_type) {
case '2': // LDAP
$('.ldap').show();
break;
case '3': // SMTP
$('.smtp').show();
break;
case '4': // PAM
$('.pam').show();
break;
case '5': // LDAP
$('.dldap').show();
break;
}
});
}
}
2015-03-07 20:12:13 +00:00
$(document).ready(function () {
csrf = $('meta[name=_csrf]').attr("content");
2015-09-06 10:57:25 +00:00
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', '');
});
2015-07-07 17:09:03 +00:00
// Semantic UI modules.
$('.dropdown').dropdown();
$('.jump.dropdown').dropdown({
2015-08-10 14:38:21 +00:00
action: 'hide',
2015-08-11 04:44:14 +00:00
onShow: function () {
2015-08-10 14:38:21 +00:00
$('.poping.up').popup('hide');
}
2015-07-23 20:50:05 +00:00
});
2015-07-07 17:09:03 +00:00
$('.slide.up.dropdown').dropdown({
2015-03-07 20:12:13 +00:00
transition: 'slide up'
});
2015-07-08 11:47:56 +00:00
$('.ui.accordion').accordion();
$('.ui.checkbox').checkbox();
2015-08-03 09:42:09 +00:00
$('.ui.progress').progress({
showActivity: false
});
2015-07-09 05:17:48 +00:00
$('.poping.up').popup();
2015-08-10 14:38:21 +00:00
$('.top.menu .poping.up').popup({
2015-08-11 04:44:14 +00:00
onShow: function () {
if ($('.top.menu .menu.transition').hasClass('visible')) {
2015-08-10 14:38:21 +00:00
return false;
}
}
});
2015-08-27 15:06:14 +00:00
$('.tabular.menu .item').tab();
$('.toggle.button').click(function () {
$($(this).data('target')).slideToggle(100);
});
2015-07-07 17:09:03 +00:00
2015-08-27 15:58:50 +00:00
// Highlight JS
2015-08-28 06:24:05 +00:00
if (typeof hljs != 'undefined') {
hljs.initHighlightingOnLoad();
}
2015-08-27 15:58:50 +00:00
2015-08-11 09:54:00 +00:00
// Dropzone
if ($('#dropzone').length > 0) {
// Disable auto discover for all elements:
Dropzone.autoDiscover = false;
var filenameDict = {};
var $dropz = $('#dropzone');
$dropz.dropzone({
url: $dropz.data('upload-url'),
headers: {"X-Csrf-Token": csrf},
2015-08-11 15:24:40 +00:00
maxFiles: $dropz.data('max-file'),
2015-08-11 09:54:00 +00:00
maxFilesize: $dropz.data('max-size'),
acceptedFiles: $dropz.data('accepts'),
addRemoveLinks: true,
dictDefaultMessage: $dropz.data('default-message'),
dictInvalidFileType: $dropz.data('invalid-input-type'),
dictFileTooBig: $dropz.data('file-too-big'),
dictRemoveFile: $dropz.data('remove-file'),
init: function () {
this.on("success", function (file, data) {
filenameDict[file.name] = data.uuid;
2015-08-11 15:24:40 +00:00
$('.attachments').append('<input id="' + data.uuid + '" name="attachments" type="hidden" value="' + data.uuid + '">');
2015-09-05 18:11:05 +00:00
});
2015-08-11 09:54:00 +00:00
this.on("removedfile", function (file) {
2015-08-11 15:24:40 +00:00
if (file.name in filenameDict) {
$('#' + filenameDict[file.name]).remove();
}
2015-08-11 09:54:00 +00:00
})
}
});
}
2015-09-05 18:11:05 +00:00
// Emojify
emojify.setConfig({
2015-09-06 10:57:25 +00:00
img_dir: suburl + '/img/emoji'
2015-09-05 18:11:05 +00:00
});
2015-09-06 10:57:25 +00:00
$('.emojify').each(function () {
2015-09-05 18:11:05 +00:00
emojify.run($(this)[0]);
});
2015-10-02 23:58:36 +00:00
// 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'))
});
2015-08-05 12:23:08 +00:00
// Helpers.
$('.delete-button').click(function () {
var $this = $(this);
$('.delete.modal').modal({
closable: false,
onApprove: function () {
if ($this.data('type') == "form") {
$($this.data('form')).submit();
return;
}
2015-08-05 12:23:08 +00:00
$.post($this.data('url'), {
"_csrf": csrf,
"id": $this.data("id")
}).done(function (data) {
window.location.href = data.redirect;
});
}
}).modal('show');
return false;
});
2015-08-18 19:36:16 +00:00
$('.show-panel.button').click(function () {
$($(this).data('panel')).show();
});
2015-08-29 19:21:59 +00:00
$('.show-modal.button').click(function () {
$($(this).data('modal')).modal('show');
});
2015-08-05 12:23:08 +00:00
2015-08-10 10:57:57 +00:00
initCommentForm();
2015-07-07 17:09:03 +00:00
initInstall();
initRepository();
2015-09-06 14:56:31 +00:00
initOrganization();
initUser();
2015-08-28 15:36:13 +00:00
initWebhook();
2015-09-10 21:11:41 +00:00
initAdmin();
2015-03-07 20:12:13 +00:00
});