From 7c55ed072782d5d6cea06d6ea37d691ea1bb35ca Mon Sep 17 00:00:00 2001 From: Wiz <127123086+WizisCool@users.noreply.github.com> Date: Thu, 25 Apr 2024 23:04:11 +0800 Subject: [PATCH] Init Init --- favicon.png | Bin 0 -> 1792 bytes index.html | 126 ++++++++++++++++++++++++++++++++++++++++++ script.js | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 21 +++++++ 4 files changed, 303 insertions(+) create mode 100644 favicon.png create mode 100644 index.html create mode 100644 script.js create mode 100644 styles.css diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..a78b7fe9432e01118d5bfa227348a30750cb5518 GIT binary patch literal 1792 zcmZ{kX*An;7sr2Mi>+dtR1K2nL6t%5m9eH#R4t9vGF598C1_Cp2+5WNw+7p}rplAR9Q32RHvY-zDe2)QO)eit{5dg@jyKNWDj}9UM zj&^v!|56p~2YE-1DA~cuR`i3AoG4br{u(d^KzP;xZ$tEawpMUC+}lo}htDr&?Q$vX z_UUowfVVn1XWkqAZemo4PSmVP5ND!n@yDdCc?EkAann@|Q3V%}hNIDR#I;ckS*c8T z%}}ijvCC1&xXKAHe#*UL;zfBQJ8Zp&9eeedv`_F_^`?e7dU(sk!!S5$_kh0~0=3NZ zEyg3BeO9$f)vRrj-SsoPl{vlR*P_2-VH2AHJJ5hmYQBRC{kQ+-GoQn1*?t_FqON!}vCs;0N$zFIh+xoWHy)^gOa#zCb zXLB=CSnI`J-BH8chxPrcmNi-SMZkzT*^aAx+q&KsgzL4nApB7 z8J;xwO3Nguw-R~X#Lbi3?ZS>5z|ZODTa^wo{;z&F9%=a65 z4y^R1mlJmAm^kL5$UePs;nE6nLhy7LI`ko05)GIHXe7kT>igk#PDW=liZ;k#*0BCg z_EzEjwV>OdER&LNX4Y7`{5pApd20doWc(4Xv*1eMjza#jkFRQ1`|;P^@|iyFGOhJ% z)lYPPyj8j1zhy9Tm=!pUw=2HT^_;`-{%%$9Q}L33@Hl!R8oqq&XK8SwM*p4nS!hZu z)2oT3FtRzUA6|y#(3Yq|Sle8%*xe$LcF~9aUU#Qloin-z=7l%j?794>qIWIimBdqZ z`OxCTe5#=`LWG}A2(pH*-9r-ZTzvA1^vJxjxim5mCug(rBVt<(oHX_)OZvU34#*|a z+v1#LGbF!$noS?O&lSucOS?H=oZ{LbjiAbq<>L|V_L;lqgzCp;szQ(`U6zJ}xNs@W zUPu5hx&R8@1&BS4Gg}4Sp9B&JG?$Mm^M#QJP3R{hhP`X>nE_0=SHQuaF8&-?=9Nt5 z$8-Z{@op=eTJ)H}>~=3LV)%lGl340D$4LlRF9b@>k-4T`(x;hX;}tsEP`1*!A!mf; z_Guz-S49Z+A$^Hc44LkT_EnwQ>tZ5vFBu;NJ@a}3woUZ3OMbWxDGHXDW>W(O`r8*5 z-x$8v@AUVisUDCV8s29wSpF|%Pw>{*cgaUf!sPYEtAcgEeT1_H(F4ikEDA)FYv7P5?Ctkh%R1D%xi6Ttn)|^|V z#U*Bt)wl{Id#1x>{O>ZX0?JuF5sOzJzQLN@8T!Uj0yiu3*tFEEtgx^5)4DwFxXSgm z?XZR$y(Io{DeMu0s+0l2X8UZ>0?TlRmK5!Me4eEX4>s4N{cLXnQQH>GYj*qG^F&WC zo-JXTZ44N(i9)h8C`vpV+M=hc$_WLAC^f?@*8F{TIK0%0?Arv+pW_=6z1+C@^ap>O zbDd1%F>?^<$r)J#*7q`3Sd0z~PeOP`*j|k814Tl=Nj}z1eQ$ku*SdU1(q~hvD9dR^ za;`dRJ#vUUN2))hpJgM?o)p`cT4EtRw9r+336t-3b?Uwit_uI84A0g(7cA`vhd z-r&Y^@PDxsbMRYYWqovi>GQ>feS!3sf4sg*KB4XQ^ImIM-ld{RM#Pw6jZb4S zCfXPb7K16ToA>%ZfE0Np^lJRS1KgeO7LNeU|0R$^NkP$Me^S)HGpvOlutyAVuyw}Q I + + + + + + 哪吒面板流量警告规则生成器 + + + + + + + + + +
+
+

哪吒流量警告规则生成器

+
+ + Doong博客 + + + Give me a Star + +
+
+
+ + +
+
+ +
+ + + +
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..451f8a5 --- /dev/null +++ b/script.js @@ -0,0 +1,156 @@ +$(document).ready(function () { + // 获取所有时区 + const allTimezones = moment.tz.names(); + + // 按 UTC 偏移量排序时区 + allTimezones.sort((a, b) => { + const offsetA = moment.tz(a).utcOffset(); + const offsetB = moment.tz(b).utcOffset(); + return offsetA - offsetB; + }); + + // 生成时区选项 + const timezoneOptions = allTimezones.map(timezone => { + const offset = moment.tz(timezone).format('Z'); + return ``; + }).join(''); + + + $('#cycleStartTimezone').html(timezoneOptions); + + // 设置默认时区为 UTC+8 上海时间 + $('#cycleStartTimezone').val('Asia/Shanghai'); + + // 初始化日期选择器 + const datePickr = flatpickr('#cycleStartDate', { + defaultDate: moment().startOf('month').toDate(), + dateFormat: 'Y-m-d', + onChange: updateCycleStart + }); + + // 初始化时间选择器 + const timePickr = flatpickr('#cycleStartTime', { + noCalendar: true, + enableTime: true, + dateFormat: 'H:i', + time_24hr: true, + defaultDate: '00:00', + onChange: updateCycleStart + }); + + // 页面加载时生成初始的 RFC3339 和 规则 + updateCycleStart(); + generateRule(); + + // 更新统计周期开始时间 + function updateCycleStart() { + const timezone = $('#cycleStartTimezone').val(); + const date = $('#cycleStartDate').val(); + const time = $('#cycleStartTime').val(); + const formattedDate = moment.tz(`${date} ${time}`, timezone).format(); + $('#cycleStart').val(formattedDate); + generateRule(); + } + + // 防止用户编辑 RFC3339 格式时间 + $('#cycleStart').on('input', function () { + showErrorModal('请使用上方的时间选择器选择时间'); + $(this).val(moment.tz($('#cycleStartDate').val() + ' ' + $('#cycleStartTime').val(), $('#cycleStartTimezone').val()).format()); + }); + + // 生成规则按钮 + $('#generateRuleBtn').click(generateRule); + + // 生成规则 + function generateRule() { + const serverIds = $('#serverIds').val().split(',').map(id => id.trim()); + const cycleStart = $('#cycleStart').val(); + const trafficType = $('#trafficType').val(); + const cycleUnit = $('#cycleUnit').val(); + const cycleInterval = parseInt($('#cycleInterval').val()); + const maxTraffic = $('#maxTraffic').val() * $('#trafficUnit').val(); + + if (!validateInput(serverIds, cycleStart, trafficType, cycleUnit, cycleInterval, maxTraffic)) { + return; + } + + const rule = [{ + type: trafficType, + max: maxTraffic, + cycle_start: cycleStart, + cycle_interval: cycleInterval, + cycle_unit: cycleUnit, + cover: 1, + ignore: serverIds.reduce((obj, id) => { + obj[id] = true; + return obj; + }, {}) + }]; + + const ruleJson = JSON.stringify(rule, null, 2); + $('#ruleOutput').text(ruleJson); + hljs.highlightBlock(document.getElementById('ruleOutput')); + } + + // 复制规则按钮 + $('#copyRuleBtn').click(function () { + const ruleOutput = document.getElementById('ruleOutput'); + const range = document.createRange(); + range.selectNode(ruleOutput); + window.getSelection().removeAllRanges(); + window.getSelection().addRange(range); + document.execCommand('copy'); + window.getSelection().removeAllRanges(); + showSuccessModal('JSON 规则已复制到剪贴板'); + }); + + // 输入验证 + function validateInput(serverIds, cycleStart, trafficType, cycleUnit, cycleInterval, maxTraffic) { + if (serverIds.length === 0 || (serverIds.length === 1 && serverIds[0] === '')) { + showErrorModal('请输入服务器 ID'); + return false; + } + + if (!cycleStart) { + showErrorModal('请选择统计周期开始时间'); + return false; + } + + if (!trafficType) { + showErrorModal('请选择流量类型'); + return false; + } + + if (!cycleUnit) { + showErrorModal('请选择周期单位'); + return false; + } + + if (isNaN(cycleInterval) || cycleInterval <= 0) { + showErrorModal('请输入有效的周期间隔 (大于 0 的数字)'); + return false; + } + + if (isNaN(maxTraffic) || maxTraffic <= 0) { + showErrorModal('请输入有效的流量上限 (大于 0 的数字)'); + return false; + } + + return true; + } + + // 时区选择器变更事件 + $('#cycleStartTimezone').change(updateCycleStart); + + + function showErrorModal(message) { + $('#errorMessage').text(message); + $('#errorModal').modal('show'); + } + + + function showSuccessModal(message) { + $('#errorMessage').text(message); + $('#errorModal').modal('show'); + } +}); \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..6f5eab4 --- /dev/null +++ b/styles.css @@ -0,0 +1,21 @@ +body { + background-color: #f8f9fa; +} + +.container { + max-width: 800px; +} + +.form-group label { + font-weight: bold; +} + +#ruleOutput { + font-family: 'Courier New', Courier, monospace; + white-space: pre-wrap; + word-break: break-all; +} + +.rule-output { + min-height: 200px; +} \ No newline at end of file