mirror of
https://github.com/nezhahq/nezha.git
synced 2025-01-23 05:08:13 -05:00
237 lines
9.5 KiB
JavaScript
237 lines
9.5 KiB
JavaScript
function readableBytes(bytes) {
|
||
var i = Math.floor(Math.log(bytes) / Math.log(1024)),
|
||
sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
||
return (bytes / Math.pow(1024, i)).toFixed(0) + ' ' + sizes[i];
|
||
}
|
||
|
||
const confirmBtn = $('.mini.confirm.modal .positive.button')
|
||
|
||
function showConfirm(title, content, callFn, extData) {
|
||
const modal = $('.mini.confirm.modal')
|
||
modal.children('.header').text(title)
|
||
modal.children('.content').text(content)
|
||
if (confirmBtn.hasClass('loading')) {
|
||
return false
|
||
}
|
||
modal.modal({
|
||
closable: true,
|
||
onApprove: function () {
|
||
confirmBtn.toggleClass('loading')
|
||
callFn(extData)
|
||
return false
|
||
}
|
||
}).modal('show')
|
||
}
|
||
|
||
function showFormModal(modelSelector, formID, URL, getData) {
|
||
$(modelSelector).modal({
|
||
closable: true,
|
||
onApprove: function () {
|
||
let success = false
|
||
const btn = $(modelSelector + ' .positive.button')
|
||
const form = $(modelSelector + ' form')
|
||
if (btn.hasClass('loading')) {
|
||
return success
|
||
}
|
||
form.children('.message').remove()
|
||
btn.toggleClass('loading')
|
||
const data = getData ? getData() : $(formID).serializeArray().reduce(function (obj, item) {
|
||
// ID 类的数据
|
||
if ((item.name.endsWith('_id') ||
|
||
item.name === 'id' || item.name === 'ID' ||
|
||
item.name === 'RequestType' || item.name === 'RequestMethod' ||
|
||
item.name === 'DisplayIndex' || item.name === 'Type')) {
|
||
obj[item.name] = parseInt(item.value);
|
||
} else {
|
||
obj[item.name] = item.value;
|
||
}
|
||
|
||
if (item.name == 'ServersRaw') {
|
||
if (item.value.length > 2) {
|
||
obj[item.name] = '[' + item.value.substr(3, item.value.length - 1) + ']'
|
||
}
|
||
}
|
||
|
||
return obj;
|
||
}, {});
|
||
$.post(URL, JSON.stringify(data)).done(function (resp) {
|
||
if (resp.code == 200) {
|
||
if (resp.message) {
|
||
$.suiAlert({
|
||
title: '操作成功',
|
||
type: 'success',
|
||
description: resp.message,
|
||
time: '3',
|
||
position: 'top-center',
|
||
});
|
||
}
|
||
window.location.reload()
|
||
} else {
|
||
form.append(`<div class="ui negative message"><div class="header">操作失败</div><p>` + resp.message + `</p></div>`)
|
||
}
|
||
}).fail(function (err) {
|
||
form.append(`<div class="ui negative message"><div class="header">网络错误</div><p>` + err.responseText + `</p></div>`)
|
||
}).always(function () {
|
||
btn.toggleClass('loading')
|
||
});
|
||
return success
|
||
}
|
||
}).modal('show')
|
||
}
|
||
|
||
function addOrEditAlertRule(rule) {
|
||
const modal = $('.rule.modal')
|
||
modal.children('.header').text((rule ? '修改' : '添加') + '报警规则')
|
||
modal.find('.positive.button').html(rule ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>')
|
||
modal.find('input[name=ID]').val(rule ? rule.ID : null)
|
||
modal.find('input[name=Name]').val(rule ? rule.Name : null)
|
||
modal.find('textarea[name=RulesRaw]').val(rule ? rule.RulesRaw : null)
|
||
if (rule && rule.Enable) {
|
||
modal.find('.ui.rule-enable.checkbox').checkbox('set checked')
|
||
} else {
|
||
modal.find('.ui.rule-enable.checkbox').checkbox('set unchecked')
|
||
}
|
||
showFormModal('.rule.modal', '#ruleForm', '/api/alert-rule')
|
||
}
|
||
|
||
function addOrEditNotification(notification) {
|
||
const modal = $('.notification.modal')
|
||
modal.children('.header').text((notification ? '修改' : '添加') + '通知方式')
|
||
modal.find('.positive.button').html(notification ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>')
|
||
modal.find('input[name=ID]').val(notification ? notification.ID : null)
|
||
modal.find('input[name=Name]').val(notification ? notification.Name : null)
|
||
modal.find('input[name=URL]').val(notification ? notification.URL : null)
|
||
modal.find('textarea[name=RequestBody]').val(notification ? notification.RequestBody : null)
|
||
modal.find('select[name=RequestMethod]').val(notification ? notification.RequestMethod : 1)
|
||
modal.find('select[name=RequestType]').val(notification ? notification.RequestType : 1)
|
||
if (notification && notification.VerifySSL) {
|
||
modal.find('.ui.nf-ssl.checkbox').checkbox('set checked')
|
||
} else {
|
||
modal.find('.ui.nf-ssl.checkbox').checkbox('set unchecked')
|
||
}
|
||
showFormModal('.notification.modal', '#notificationForm', '/api/notification')
|
||
}
|
||
|
||
function addOrEditServer(server) {
|
||
const modal = $('.server.modal')
|
||
modal.children('.header').text((server ? '修改' : '添加') + '服务器')
|
||
modal.find('.positive.button').html(server ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>')
|
||
modal.find('input[name=id]').val(server ? server.ID : null)
|
||
modal.find('input[name=name]').val(server ? server.Name : null)
|
||
modal.find('input[name=Tag]').val(server ? server.Tag : null)
|
||
modal.find('input[name=DisplayIndex]').val(server ? server.DisplayIndex : null)
|
||
modal.find('textarea[name=Note]').val(server ? server.Note : null)
|
||
if (server) {
|
||
modal.find('.secret.field').attr('style', '')
|
||
modal.find('input[name=secret]').val(server.Secret)
|
||
} else {
|
||
modal.find('.secret.field').attr('style', 'display:none')
|
||
modal.find('input[name=secret]').val('')
|
||
}
|
||
showFormModal('.server.modal', '#serverForm', '/api/server')
|
||
}
|
||
|
||
function addOrEditMonitor(monitor) {
|
||
const modal = $('.monitor.modal')
|
||
modal.children('.header').text((monitor ? '修改' : '添加') + '监控')
|
||
modal.find('.positive.button').html(monitor ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>')
|
||
modal.find('input[name=ID]').val(monitor ? monitor.ID : null)
|
||
modal.find('input[name=Name]').val(monitor ? monitor.Name : null)
|
||
modal.find('input[name=Target]').val(monitor ? monitor.Target : null)
|
||
modal.find('select[name=Type]').val(monitor ? monitor.Type : 1)
|
||
showFormModal('.monitor.modal', '#monitorForm', '/api/monitor')
|
||
}
|
||
|
||
function addOrEditCron(cron) {
|
||
const modal = $('.cron.modal')
|
||
modal.children('.header').text((cron ? '修改' : '添加') + '计划任务')
|
||
modal.find('.positive.button').html(cron ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>')
|
||
modal.find('input[name=ID]').val(cron ? cron.ID : null)
|
||
modal.find('input[name=Name]').val(cron ? cron.Name : null)
|
||
modal.find('input[name=Scheduler]').val(cron ? cron.Scheduler : null)
|
||
modal.find('a.ui.label.visible').each((i,el) => {
|
||
el.remove()
|
||
})
|
||
var servers
|
||
if (cron) {
|
||
servers = cron.ServersRaw
|
||
serverList = JSON.parse(servers)
|
||
const node = modal.find('i.dropdown.icon')
|
||
for (let i = 0; i < serverList.length; i++) {
|
||
node.after('<a class="ui label transition visible" data-value="' + serverList[i] + '" style="display: inline-block !important;">ID:' + serverList[i] + '<i class="delete icon"></i></a>')
|
||
}
|
||
}
|
||
modal.find('input[name=ServersRaw]').val(cron ? '[],' + servers.substr(1, servers.length - 2) : '[]')
|
||
modal.find('textarea[name=Command]').val(cron ? cron.Command : null)
|
||
if (cron && cron.PushSuccessful) {
|
||
modal.find('.ui.push-successful.checkbox').checkbox('set checked')
|
||
} else {
|
||
modal.find('.ui.push-successful.checkbox').checkbox('set unchecked')
|
||
}
|
||
showFormModal('.cron.modal', '#cronForm', '/api/cron')
|
||
}
|
||
|
||
function deleteRequest(api) {
|
||
$.ajax({
|
||
url: api,
|
||
type: 'DELETE',
|
||
}).done(resp => {
|
||
if (resp.code == 200) {
|
||
if (resp.message) {
|
||
alert(resp.message)
|
||
} else {
|
||
alert('删除成功')
|
||
}
|
||
window.location.reload()
|
||
} else {
|
||
alert('删除失败 ' + resp.code + '：' + resp.message)
|
||
confirmBtn.toggleClass('loading')
|
||
}
|
||
}).fail(err => {
|
||
alert('网络错误：' + err.responseText)
|
||
});
|
||
}
|
||
|
||
function logout(id) {
|
||
$.post('/api/logout', JSON.stringify({ id: id })).done(function (resp) {
|
||
if (resp.code == 200) {
|
||
$.suiAlert({
|
||
title: '注销成功',
|
||
type: 'success',
|
||
description: '如需继续访问请使用 GitHub 再次登录',
|
||
time: '3',
|
||
position: 'top-center',
|
||
});
|
||
window.location.reload()
|
||
} else {
|
||
$.suiAlert({
|
||
title: '注销失败',
|
||
description: resp.code + '：' + resp.message,
|
||
type: 'error',
|
||
time: '3',
|
||
position: 'top-center',
|
||
});
|
||
}
|
||
}).fail(function (err) {
|
||
$.suiAlert({
|
||
title: '网络错误',
|
||
description: err.responseText,
|
||
type: 'error',
|
||
time: '3',
|
||
position: 'top-center',
|
||
});
|
||
})
|
||
}
|
||
|
||
$(document).ready(() => {
|
||
try {
|
||
$('.ui.servers.search.dropdown').dropdown({
|
||
clearable: true,
|
||
apiSettings: {
|
||
url: '/api/search-server?word={query}',
|
||
cache: false,
|
||
},
|
||
})
|
||
} catch (error) {
|
||
}
|
||
}) |