891 lines
174 KiB
JavaScript
891 lines
174 KiB
JavaScript
|
var htmx_min = {};
|
|||
|
|
|||
|
var hasRequiredHtmx_min;
|
|||
|
|
|||
|
function requireHtmx_min () {
|
|||
|
if (hasRequiredHtmx_min) return htmx_min;
|
|||
|
hasRequiredHtmx_min = 1;
|
|||
|
(function(){const Q={onLoad:null,process:null,on:null,off:null,trigger:null,ajax:null,find:null,findAll:null,closest:null,values:function(e,t){const n=cn(e,t||"post");return n.values},remove:null,addClass:null,removeClass:null,toggleClass:null,takeClass:null,swap:null,defineExtension:null,removeExtension:null,logAll:null,logNone:null,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",inlineStyleNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",scrollBehavior:"instant",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get","delete"],selfRequestsOnly:true,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null,disableInheritance:false,responseHandling:[{code:"204",swap:false},{code:"[23]..",swap:true},{code:"[45]..",swap:false,error:true}],allowNestedOobSwaps:true},parseInterval:null,_:null,version:"2.0.0-beta4"};Q.onLoad=$;Q.process=Dt;Q.on=be;Q.off=we;Q.trigger=he;Q.ajax=Hn;Q.find=r;Q.findAll=p;Q.closest=g;Q.remove=K;Q.addClass=W;Q.removeClass=o;Q.toggleClass=Y;Q.takeClass=ge;Q.swap=ze;Q.defineExtension=Un;Q.removeExtension=Bn;Q.logAll=z;Q.logNone=J;Q.parseInterval=d;Q._=_;const n={addTriggerHandler:Et,bodyContains:le,canAccessLocalStorage:j,findThisElement:Ee,filterValues:dn,swap:ze,hasAttribute:s,getAttributeValue:te,getClosestAttributeValue:re,getClosestMatch:T,getExpressionVars:Cn,getHeaders:hn,getInputValues:cn,getInternalData:ie,getSwapSpecification:pn,getTriggerSpecs:lt,getTarget:Ce,makeFragment:D,mergeObjects:ue,makeSettleInfo:xn,oobSwap:Te,querySelectorExt:fe,settleImmediately:Gt,shouldCancel:dt,triggerEvent:he,triggerErrorEvent:ae,withExtensions:Ut};const v=["get","post","put","delete","patch"];const R=v.map(function(e){return "[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");const O=e("head");function e(e,t=false){return new RegExp(`<${e}(\\s[^>]*>|>)([\\s\\S]*?)<\\/${e}>`,t?"gim":"im")}function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2));}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3;}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60;}else {t=parseFloat(e);}return isNaN(t)?undefined:t}function ee(e,t){return e instanceof Element&&e.getAttribute(t)}function s(e,t){return !!e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function te(e,t){return ee(e,t)||ee(e,"data-"+t)}function u(e){const t=e.parentElement;if(!t&&e.parentNode instanceof ShadowRoot)return e.parentNode;return t}function ne(){return document}function H(e,t){return e.getRootNode?e.getRootNode({composed:t}):ne()}function T(e,t){while(e&&!t(e)){e=u(e);}return e||null}function q(e,t,n){const r=te(t,n);const o=te(t,"hx-disinherit");var i=te(t,"hx-inherit");if(e!==t){if(Q.config.disableInheritance){if(i&&(i==="*"||i.split(" ").indexOf(n)>=0)){return r}else {return null}}if(o&&(o==="*"||o.split(" ").indexOf(n)>=0)){return "unset"}}return r}function re(t,n){let r=null;T(t,function(e){return !!(r=q(t,ce(e),n))});if(r!=="unset"){return r}}function a(e,t){const n=e instanceof Element&&(e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector);return !!n&&n.call(e,t)}function L(e){const t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;const n=t.exec(e);if(n){return n[1].toLowerCase()}else {return ""}}function N(e){const t=new DOMParser;return t.parseFromString(e,"text/html")}function A(e,t){while(t.childNodes.length>0){e.append(t.childNodes[0]);}}function I(e){const t=ne().createElement("script");se(e.attributes,function(e){t.setAttribute(e.name,e.value);});t.textContent=e.textContent;t.asy
|
|||
|
return htmx_min;
|
|||
|
}
|
|||
|
|
|||
|
requireHtmx_min();
|
|||
|
|
|||
|
var _hyperscript_min$1 = {exports: {}};
|
|||
|
|
|||
|
var _hyperscript_min = _hyperscript_min$1.exports;
|
|||
|
|
|||
|
var hasRequired_hyperscript_min;
|
|||
|
|
|||
|
function require_hyperscript_min () {
|
|||
|
if (hasRequired_hyperscript_min) return _hyperscript_min$1.exports;
|
|||
|
hasRequired_hyperscript_min = 1;
|
|||
|
(function (module, exports) {
|
|||
|
(function(e,t){const r=t(e);if(typeof exports["nodeName"]!=="string"){module.exports=r;}else {e["_hyperscript"]=r;if("document"in e)e["_hyperscript"].browserInit();}})(typeof self!=="undefined"?self:_hyperscript_min,(e=>{const t={dynamicResolvers:[function(e,t){if(e==="Fixed"){return Number(t).toFixed()}else if(e.indexOf("Fixed:")===0){let r=e.split(":")[1];return Number(t).toFixed(parseInt(r))}}],String:function(e){if(e.toString){return e.toString()}else {return ""+e}},Int:function(e){return parseInt(e)},Float:function(e){return parseFloat(e)},Number:function(e){return Number(e)},Date:function(e){return new Date(e)},Array:function(e){return Array.from(e)},JSON:function(e){return JSON.stringify(e)},Object:function(e){if(e instanceof String){e=e.toString();}if(typeof e==="string"){return JSON.parse(e)}else {return Object.assign({},e)}}};const r={attributes:"_, script, data-script",defaultTransition:"all 500ms ease-in",disableSelector:"[disable-scripting], [data-disable-scripting]",hideShowStrategies:{},conversions:t};class n{static OP_TABLE={"+":"PLUS","-":"MINUS","*":"MULTIPLY","/":"DIVIDE",".":"PERIOD","..":"ELLIPSIS","\\":"BACKSLASH",":":"COLON","%":"PERCENT","|":"PIPE","!":"EXCLAMATION","?":"QUESTION","#":"POUND","&":"AMPERSAND",$:"DOLLAR",";":"SEMI",",":"COMMA","(":"L_PAREN",")":"R_PAREN","<":"L_ANG",">":"R_ANG","<=":"LTE_ANG",">=":"GTE_ANG","==":"EQ","===":"EQQ","!=":"NEQ","!==":"NEQQ","{":"L_BRACE","}":"R_BRACE","[":"L_BRACKET","]":"R_BRACKET","=":"EQUALS","~":"TILDE"};static isValidCSSClassChar(e){return n.isAlpha(e)||n.isNumeric(e)||e==="-"||e==="_"||e===":"}static isValidCSSIDChar(e){return n.isAlpha(e)||n.isNumeric(e)||e==="-"||e==="_"||e===":"}static isWhitespace(e){return e===" "||e==="\t"||n.isNewline(e)}static positionString(e){return "[Line: "+e.line+", Column: "+e.column+"]"}static isNewline(e){return e==="\r"||e==="\n"}static isNumeric(e){return e>="0"&&e<="9"}static isAlpha(e){return e>="a"&&e<="z"||e>="A"&&e<="Z"}static isIdentifierChar(e,t){return e==="_"||e==="$"}static isReservedChar(e){return e==="`"||e==="^"}static isValidSingleQuoteStringStart(e){if(e.length>0){var t=e[e.length-1];if(t.type==="IDENTIFIER"||t.type==="CLASS_REF"||t.type==="ID_REF"){return false}if(t.op&&(t.value===">"||t.value===")")){return false}}return true}static tokenize(e,t){var r=[];var a=e;var o=0;var s=0;var u=1;var l="<START>";var c=0;function f(){return t&&c===0}while(o<a.length){if(q()==="-"&&I()==="-"&&(n.isWhitespace(C(2))||C(2)===""||C(2)==="-")||q()==="/"&&I()==="/"&&(n.isWhitespace(C(2))||C(2)===""||C(2)==="/")){h();}else if(q()==="/"&&I()==="*"&&(n.isWhitespace(C(2))||C(2)===""||C(2)==="*")){v();}else {if(n.isWhitespace(q())){r.push(L());}else if(!A()&&q()==="."&&(n.isAlpha(I())||I()==="{"||I()==="-")){r.push(d());}else if(!A()&&q()==="#"&&(n.isAlpha(I())||I()==="{")){r.push(k());}else if(q()==="["&&I()==="@"){r.push(E());}else if(q()==="@"){r.push(T());}else if(q()==="*"&&n.isAlpha(I())){r.push(y());}else if(f()&&(n.isAlpha(q())||q()==="\\")){r.push(x());}else if(!f()&&(n.isAlpha(q())||n.isIdentifierChar(q()))){r.push(g());}else if(n.isNumeric(q())){r.push(b());}else if(!f()&&(q()==='"'||q()==="`")){r.push(S());}else if(!f()&&q()==="'"){if(n.isValidSingleQuoteStringStart(r)){r.push(S());}else {r.push(w());}}else if(n.OP_TABLE[q()]){if(l==="$"&&q()==="{"){c++;}if(q()==="}"){c--;}r.push(w());}else if(f()||n.isReservedChar(q())){r.push(p("RESERVED",R()));}else {if(o<a.length){throw Error("Unknown token: "+q()+" ")}}}}return new i(r,[],a);function m(e,t){var r=p(e,t);r.op=true;return r}function p(e,t){return {type:e,value:t||"",start:o,end:o+1,column:s,line:u}}function h(){while(q()&&!n.isNewline(q())){R();}R();}function v(){while(q()&&!(q()==="*"&&I()==="/")){R();}R();R();}function d(){var e=p("CLASS_REF");var t=R();if(q()==="{"){e.template=true;t+=R();while(q()&&q()!=="}"){t+=R();}if(q()!=="}"){throw Error("Unterminated class reference")}else {t+=R();}}else {while(n.isValidCSSClassChar(q())||q()==="\\"){if(q()==="\\"){R();}t+=R();}}e.value=t;e.end=o;return e}function E(){var e=p("ATTRIBUTE_REF");var t=R();while(
|
|||
|
} (_hyperscript_min$1, _hyperscript_min$1.exports));
|
|||
|
return _hyperscript_min$1.exports;
|
|||
|
}
|
|||
|
|
|||
|
var _hyperscript_minExports = require_hyperscript_min();
|
|||
|
|
|||
|
/**!
|
|||
|
* hotkeys-js v3.13.9
|
|||
|
* A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
|
|||
|
*
|
|||
|
* Copyright (c) 2024 kenny wong <wowohoo@qq.com>
|
|||
|
* https://github.com/jaywcjlove/hotkeys-js.git
|
|||
|
*
|
|||
|
* @website: https://jaywcjlove.github.io/hotkeys-js
|
|||
|
|
|||
|
* Licensed under the MIT license
|
|||
|
*/
|
|||
|
|
|||
|
const isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false;
|
|||
|
|
|||
|
// 绑定事件
|
|||
|
function addEvent(object, event, method, useCapture) {
|
|||
|
if (object.addEventListener) {
|
|||
|
object.addEventListener(event, method, useCapture);
|
|||
|
} else if (object.attachEvent) {
|
|||
|
object.attachEvent("on".concat(event), method);
|
|||
|
}
|
|||
|
}
|
|||
|
function removeEvent(object, event, method, useCapture) {
|
|||
|
if (object.removeEventListener) {
|
|||
|
object.removeEventListener(event, method, useCapture);
|
|||
|
} else if (object.detachEvent) {
|
|||
|
object.detachEvent("on".concat(event), method);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 修饰键转换成对应的键码
|
|||
|
function getMods(modifier, key) {
|
|||
|
const mods = key.slice(0, key.length - 1);
|
|||
|
for (let i = 0; i < mods.length; i++) mods[i] = modifier[mods[i].toLowerCase()];
|
|||
|
return mods;
|
|||
|
}
|
|||
|
|
|||
|
// 处理传的key字符串转换成数组
|
|||
|
function getKeys(key) {
|
|||
|
if (typeof key !== 'string') key = '';
|
|||
|
key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等
|
|||
|
const keys = key.split(','); // 同时设置多个快捷键,以','分割
|
|||
|
let index = keys.lastIndexOf('');
|
|||
|
|
|||
|
// 快捷键可能包含',',需特殊处理
|
|||
|
for (; index >= 0;) {
|
|||
|
keys[index - 1] += ',';
|
|||
|
keys.splice(index, 1);
|
|||
|
index = keys.lastIndexOf('');
|
|||
|
}
|
|||
|
return keys;
|
|||
|
}
|
|||
|
|
|||
|
// 比较修饰键的数组
|
|||
|
function compareArray(a1, a2) {
|
|||
|
const arr1 = a1.length >= a2.length ? a1 : a2;
|
|||
|
const arr2 = a1.length >= a2.length ? a2 : a1;
|
|||
|
let isIndex = true;
|
|||
|
for (let i = 0; i < arr1.length; i++) {
|
|||
|
if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
|
|||
|
}
|
|||
|
return isIndex;
|
|||
|
}
|
|||
|
|
|||
|
// Special Keys
|
|||
|
const _keyMap = {
|
|||
|
backspace: 8,
|
|||
|
'⌫': 8,
|
|||
|
tab: 9,
|
|||
|
clear: 12,
|
|||
|
enter: 13,
|
|||
|
'↩': 13,
|
|||
|
return: 13,
|
|||
|
esc: 27,
|
|||
|
escape: 27,
|
|||
|
space: 32,
|
|||
|
left: 37,
|
|||
|
up: 38,
|
|||
|
right: 39,
|
|||
|
down: 40,
|
|||
|
del: 46,
|
|||
|
delete: 46,
|
|||
|
ins: 45,
|
|||
|
insert: 45,
|
|||
|
home: 36,
|
|||
|
end: 35,
|
|||
|
pageup: 33,
|
|||
|
pagedown: 34,
|
|||
|
capslock: 20,
|
|||
|
num_0: 96,
|
|||
|
num_1: 97,
|
|||
|
num_2: 98,
|
|||
|
num_3: 99,
|
|||
|
num_4: 100,
|
|||
|
num_5: 101,
|
|||
|
num_6: 102,
|
|||
|
num_7: 103,
|
|||
|
num_8: 104,
|
|||
|
num_9: 105,
|
|||
|
num_multiply: 106,
|
|||
|
num_add: 107,
|
|||
|
num_enter: 108,
|
|||
|
num_subtract: 109,
|
|||
|
num_decimal: 110,
|
|||
|
num_divide: 111,
|
|||
|
'⇪': 20,
|
|||
|
',': 188,
|
|||
|
'.': 190,
|
|||
|
'/': 191,
|
|||
|
'`': 192,
|
|||
|
'-': isff ? 173 : 189,
|
|||
|
'=': isff ? 61 : 187,
|
|||
|
';': isff ? 59 : 186,
|
|||
|
'\'': 222,
|
|||
|
'[': 219,
|
|||
|
']': 221,
|
|||
|
'\\': 220
|
|||
|
};
|
|||
|
|
|||
|
// Modifier Keys
|
|||
|
const _modifier = {
|
|||
|
// shiftKey
|
|||
|
'⇧': 16,
|
|||
|
shift: 16,
|
|||
|
// altKey
|
|||
|
'⌥': 18,
|
|||
|
alt: 18,
|
|||
|
option: 18,
|
|||
|
// ctrlKey
|
|||
|
'⌃': 17,
|
|||
|
ctrl: 17,
|
|||
|
control: 17,
|
|||
|
// metaKey
|
|||
|
'⌘': 91,
|
|||
|
cmd: 91,
|
|||
|
command: 91
|
|||
|
};
|
|||
|
const modifierMap = {
|
|||
|
16: 'shiftKey',
|
|||
|
18: 'altKey',
|
|||
|
17: 'ctrlKey',
|
|||
|
91: 'metaKey',
|
|||
|
shiftKey: 16,
|
|||
|
ctrlKey: 17,
|
|||
|
altKey: 18,
|
|||
|
metaKey: 91
|
|||
|
};
|
|||
|
const _mods = {
|
|||
|
16: false,
|
|||
|
18: false,
|
|||
|
17: false,
|
|||
|
91: false
|
|||
|
};
|
|||
|
const _handlers = {};
|
|||
|
|
|||
|
// F1~F12 special key
|
|||
|
for (let k = 1; k < 20; k++) {
|
|||
|
_keyMap["f".concat(k)] = 111 + k;
|
|||
|
}
|
|||
|
|
|||
|
let _downKeys = []; // 记录摁下的绑定键
|
|||
|
let winListendFocus = null; // window是否已经监听了focus事件
|
|||
|
let _scope = 'all'; // 默认热键范围
|
|||
|
const elementEventMap = new Map(); // 已绑定事件的节点记录
|
|||
|
|
|||
|
// 返回键码
|
|||
|
const code = x => _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
|
|||
|
const getKey = x => Object.keys(_keyMap).find(k => _keyMap[k] === x);
|
|||
|
const getModifier = x => Object.keys(_modifier).find(k => _modifier[k] === x);
|
|||
|
|
|||
|
// 设置获取当前范围(默认为'所有')
|
|||
|
function setScope(scope) {
|
|||
|
_scope = scope || 'all';
|
|||
|
}
|
|||
|
// 获取当前范围
|
|||
|
function getScope() {
|
|||
|
return _scope || 'all';
|
|||
|
}
|
|||
|
// 获取摁下绑定键的键值
|
|||
|
function getPressedKeyCodes() {
|
|||
|
return _downKeys.slice(0);
|
|||
|
}
|
|||
|
function getPressedKeyString() {
|
|||
|
return _downKeys.map(c => getKey(c) || getModifier(c) || String.fromCharCode(c));
|
|||
|
}
|
|||
|
function getAllKeyCodes() {
|
|||
|
const result = [];
|
|||
|
Object.keys(_handlers).forEach(k => {
|
|||
|
_handlers[k].forEach(_ref => {
|
|||
|
let {
|
|||
|
key,
|
|||
|
scope,
|
|||
|
mods,
|
|||
|
shortcut
|
|||
|
} = _ref;
|
|||
|
result.push({
|
|||
|
scope,
|
|||
|
shortcut,
|
|||
|
mods,
|
|||
|
keys: key.split('+').map(v => code(v))
|
|||
|
});
|
|||
|
});
|
|||
|
});
|
|||
|
return result;
|
|||
|
}
|
|||
|
|
|||
|
// 表单控件控件判断 返回 Boolean
|
|||
|
// hotkey is effective only when filter return true
|
|||
|
function filter(event) {
|
|||
|
const target = event.target || event.srcElement;
|
|||
|
const {
|
|||
|
tagName
|
|||
|
} = target;
|
|||
|
let flag = true;
|
|||
|
const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
|
|||
|
// ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
|
|||
|
if (target.isContentEditable || (isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
|
|||
|
flag = false;
|
|||
|
}
|
|||
|
return flag;
|
|||
|
}
|
|||
|
|
|||
|
// 判断摁下的键是否为某个键,返回true或者false
|
|||
|
function isPressed(keyCode) {
|
|||
|
if (typeof keyCode === 'string') {
|
|||
|
keyCode = code(keyCode); // 转换成键码
|
|||
|
}
|
|||
|
return _downKeys.indexOf(keyCode) !== -1;
|
|||
|
}
|
|||
|
|
|||
|
// 循环删除handlers中的所有 scope(范围)
|
|||
|
function deleteScope(scope, newScope) {
|
|||
|
let handlers;
|
|||
|
let i;
|
|||
|
|
|||
|
// 没有指定scope,获取scope
|
|||
|
if (!scope) scope = getScope();
|
|||
|
for (const key in _handlers) {
|
|||
|
if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
|
|||
|
handlers = _handlers[key];
|
|||
|
for (i = 0; i < handlers.length;) {
|
|||
|
if (handlers[i].scope === scope) {
|
|||
|
const deleteItems = handlers.splice(i, 1);
|
|||
|
deleteItems.forEach(_ref2 => {
|
|||
|
let {
|
|||
|
element
|
|||
|
} = _ref2;
|
|||
|
return removeKeyEvent(element);
|
|||
|
});
|
|||
|
} else {
|
|||
|
i++;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 如果scope被删除,将scope重置为all
|
|||
|
if (getScope() === scope) setScope(newScope || 'all');
|
|||
|
}
|
|||
|
|
|||
|
// 清除修饰键
|
|||
|
function clearModifier(event) {
|
|||
|
let key = event.keyCode || event.which || event.charCode;
|
|||
|
const i = _downKeys.indexOf(key);
|
|||
|
|
|||
|
// 从列表中清除按压过的键
|
|||
|
if (i >= 0) {
|
|||
|
_downKeys.splice(i, 1);
|
|||
|
}
|
|||
|
// 特殊处理 cmmand 键,在 cmmand 组合快捷键 keyup 只执行一次的问题
|
|||
|
if (event.key && event.key.toLowerCase() === 'meta') {
|
|||
|
_downKeys.splice(0, _downKeys.length);
|
|||
|
}
|
|||
|
|
|||
|
// 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
|
|||
|
if (key === 93 || key === 224) key = 91;
|
|||
|
if (key in _mods) {
|
|||
|
_mods[key] = false;
|
|||
|
|
|||
|
// 将修饰键重置为false
|
|||
|
for (const k in _modifier) if (_modifier[k] === key) hotkeys[k] = false;
|
|||
|
}
|
|||
|
}
|
|||
|
function unbind(keysInfo) {
|
|||
|
// unbind(), unbind all keys
|
|||
|
if (typeof keysInfo === 'undefined') {
|
|||
|
Object.keys(_handlers).forEach(key => {
|
|||
|
Array.isArray(_handlers[key]) && _handlers[key].forEach(info => eachUnbind(info));
|
|||
|
delete _handlers[key];
|
|||
|
});
|
|||
|
removeKeyEvent(null);
|
|||
|
} else if (Array.isArray(keysInfo)) {
|
|||
|
// support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
|
|||
|
keysInfo.forEach(info => {
|
|||
|
if (info.key) eachUnbind(info);
|
|||
|
});
|
|||
|
} else if (typeof keysInfo === 'object') {
|
|||
|
// support like unbind({key: 'ctrl+a, ctrl+b', scope:'abc'})
|
|||
|
if (keysInfo.key) eachUnbind(keysInfo);
|
|||
|
} else if (typeof keysInfo === 'string') {
|
|||
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|||
|
args[_key - 1] = arguments[_key];
|
|||
|
}
|
|||
|
// support old method
|
|||
|
// eslint-disable-line
|
|||
|
let [scope, method] = args;
|
|||
|
if (typeof scope === 'function') {
|
|||
|
method = scope;
|
|||
|
scope = '';
|
|||
|
}
|
|||
|
eachUnbind({
|
|||
|
key: keysInfo,
|
|||
|
scope,
|
|||
|
method,
|
|||
|
splitKey: '+'
|
|||
|
});
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 解除绑定某个范围的快捷键
|
|||
|
const eachUnbind = _ref3 => {
|
|||
|
let {
|
|||
|
key,
|
|||
|
scope,
|
|||
|
method,
|
|||
|
splitKey = '+'
|
|||
|
} = _ref3;
|
|||
|
const multipleKeys = getKeys(key);
|
|||
|
multipleKeys.forEach(originKey => {
|
|||
|
const unbindKeys = originKey.split(splitKey);
|
|||
|
const len = unbindKeys.length;
|
|||
|
const lastKey = unbindKeys[len - 1];
|
|||
|
const keyCode = lastKey === '*' ? '*' : code(lastKey);
|
|||
|
if (!_handlers[keyCode]) return;
|
|||
|
// 判断是否传入范围,没有就获取范围
|
|||
|
if (!scope) scope = getScope();
|
|||
|
const mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
|
|||
|
const unbindElements = [];
|
|||
|
_handlers[keyCode] = _handlers[keyCode].filter(record => {
|
|||
|
// 通过函数判断,是否解除绑定,函数相等直接返回
|
|||
|
const isMatchingMethod = method ? record.method === method : true;
|
|||
|
const isUnbind = isMatchingMethod && record.scope === scope && compareArray(record.mods, mods);
|
|||
|
if (isUnbind) unbindElements.push(record.element);
|
|||
|
return !isUnbind;
|
|||
|
});
|
|||
|
unbindElements.forEach(element => removeKeyEvent(element));
|
|||
|
});
|
|||
|
};
|
|||
|
|
|||
|
// 对监听对应快捷键的回调函数进行处理
|
|||
|
function eventHandler(event, handler, scope, element) {
|
|||
|
if (handler.element !== element) {
|
|||
|
return;
|
|||
|
}
|
|||
|
let modifiersMatch;
|
|||
|
|
|||
|
// 看它是否在当前范围
|
|||
|
if (handler.scope === scope || handler.scope === 'all') {
|
|||
|
// 检查是否匹配修饰符(如果有返回true)
|
|||
|
modifiersMatch = handler.mods.length > 0;
|
|||
|
for (const y in _mods) {
|
|||
|
if (Object.prototype.hasOwnProperty.call(_mods, y)) {
|
|||
|
if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
|
|||
|
modifiersMatch = false;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 调用处理程序,如果是修饰键不做处理
|
|||
|
if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
|
|||
|
handler.keys = [];
|
|||
|
handler.keys = handler.keys.concat(_downKeys);
|
|||
|
if (handler.method(event, handler) === false) {
|
|||
|
if (event.preventDefault) event.preventDefault();else event.returnValue = false;
|
|||
|
if (event.stopPropagation) event.stopPropagation();
|
|||
|
if (event.cancelBubble) event.cancelBubble = true;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 处理keydown事件
|
|||
|
function dispatch(event, element) {
|
|||
|
const asterisk = _handlers['*'];
|
|||
|
let key = event.keyCode || event.which || event.charCode;
|
|||
|
|
|||
|
// 表单控件过滤 默认表单控件不触发快捷键
|
|||
|
if (!hotkeys.filter.call(this, event)) return;
|
|||
|
|
|||
|
// Gecko(Firefox)的command键值224,在Webkit(Chrome)中保持一致
|
|||
|
// Webkit左右 command 键值不一样
|
|||
|
if (key === 93 || key === 224) key = 91;
|
|||
|
|
|||
|
/**
|
|||
|
* Collect bound keys
|
|||
|
* If an Input Method Editor is processing key input and the event is keydown, return 229.
|
|||
|
* https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
|
|||
|
* http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
|
|||
|
*/
|
|||
|
if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
|
|||
|
/**
|
|||
|
* Jest test cases are required.
|
|||
|
* ===============================
|
|||
|
*/
|
|||
|
['metaKey', 'ctrlKey', 'altKey', 'shiftKey'].forEach(keyName => {
|
|||
|
const keyNum = modifierMap[keyName];
|
|||
|
if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
|
|||
|
_downKeys.push(keyNum);
|
|||
|
} else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
|
|||
|
_downKeys.splice(_downKeys.indexOf(keyNum), 1);
|
|||
|
} else if (keyName === 'metaKey' && event[keyName]) {
|
|||
|
// 如果command被按下,那就清空所有除event按键外的非装饰键。
|
|||
|
// 因为command被按下的情况下非装饰键的keyup永远都不会触发。这是已知的浏览器限制。
|
|||
|
// If command key is pressed, clear all non-decorating keys except for key in event.
|
|||
|
// This is because keyup for a non-decorating key will NEVER be triggered when command is pressed.
|
|||
|
// This is a known browser limitation.
|
|||
|
_downKeys = _downKeys.filter(k => k in modifierMap || k === key);
|
|||
|
}
|
|||
|
});
|
|||
|
/**
|
|||
|
* -------------------------------
|
|||
|
*/
|
|||
|
|
|||
|
if (key in _mods) {
|
|||
|
_mods[key] = true;
|
|||
|
|
|||
|
// 将特殊字符的key注册到 hotkeys 上
|
|||
|
for (const k in _modifier) {
|
|||
|
if (_modifier[k] === key) hotkeys[k] = true;
|
|||
|
}
|
|||
|
if (!asterisk) return;
|
|||
|
}
|
|||
|
|
|||
|
// 将 modifierMap 里面的修饰键绑定到 event 中
|
|||
|
for (const e in _mods) {
|
|||
|
if (Object.prototype.hasOwnProperty.call(_mods, e)) {
|
|||
|
_mods[e] = event[modifierMap[e]];
|
|||
|
}
|
|||
|
}
|
|||
|
/**
|
|||
|
* https://github.com/jaywcjlove/hotkeys/pull/129
|
|||
|
* This solves the issue in Firefox on Windows where hotkeys corresponding to special characters would not trigger.
|
|||
|
* An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
|
|||
|
* Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
|
|||
|
*/
|
|||
|
if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
|
|||
|
if (_downKeys.indexOf(17) === -1) {
|
|||
|
_downKeys.push(17);
|
|||
|
}
|
|||
|
if (_downKeys.indexOf(18) === -1) {
|
|||
|
_downKeys.push(18);
|
|||
|
}
|
|||
|
_mods[17] = true;
|
|||
|
_mods[18] = true;
|
|||
|
}
|
|||
|
|
|||
|
// 获取范围 默认为 `all`
|
|||
|
const scope = getScope();
|
|||
|
// 对任何快捷键都需要做的处理
|
|||
|
if (asterisk) {
|
|||
|
for (let i = 0; i < asterisk.length; i++) {
|
|||
|
if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
|
|||
|
eventHandler(event, asterisk[i], scope, element);
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
// key 不在 _handlers 中返回
|
|||
|
if (!(key in _handlers)) return;
|
|||
|
const handlerKey = _handlers[key];
|
|||
|
const keyLen = handlerKey.length;
|
|||
|
for (let i = 0; i < keyLen; i++) {
|
|||
|
if (event.type === 'keydown' && handlerKey[i].keydown || event.type === 'keyup' && handlerKey[i].keyup) {
|
|||
|
if (handlerKey[i].key) {
|
|||
|
const record = handlerKey[i];
|
|||
|
const {
|
|||
|
splitKey
|
|||
|
} = record;
|
|||
|
const keyShortcut = record.key.split(splitKey);
|
|||
|
const _downKeysCurrent = []; // 记录当前按键键值
|
|||
|
for (let a = 0; a < keyShortcut.length; a++) {
|
|||
|
_downKeysCurrent.push(code(keyShortcut[a]));
|
|||
|
}
|
|||
|
if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
|
|||
|
// 找到处理内容
|
|||
|
eventHandler(event, record, scope, element);
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
function hotkeys(key, option, method) {
|
|||
|
_downKeys = [];
|
|||
|
const keys = getKeys(key); // 需要处理的快捷键列表
|
|||
|
let mods = [];
|
|||
|
let scope = 'all'; // scope默认为all,所有范围都有效
|
|||
|
let element = document; // 快捷键事件绑定节点
|
|||
|
let i = 0;
|
|||
|
let keyup = false;
|
|||
|
let keydown = true;
|
|||
|
let splitKey = '+';
|
|||
|
let capture = false;
|
|||
|
let single = false; // 单个callback
|
|||
|
|
|||
|
// 对为设定范围的判断
|
|||
|
if (method === undefined && typeof option === 'function') {
|
|||
|
method = option;
|
|||
|
}
|
|||
|
if (Object.prototype.toString.call(option) === '[object Object]') {
|
|||
|
if (option.scope) scope = option.scope; // eslint-disable-line
|
|||
|
if (option.element) element = option.element; // eslint-disable-line
|
|||
|
if (option.keyup) keyup = option.keyup; // eslint-disable-line
|
|||
|
if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
|
|||
|
if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
|
|||
|
if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
|
|||
|
if (option.single === true) single = true; // eslint-disable-line
|
|||
|
}
|
|||
|
if (typeof option === 'string') scope = option;
|
|||
|
|
|||
|
// 如果只允许单个callback,先unbind
|
|||
|
if (single) unbind(key, scope);
|
|||
|
|
|||
|
// 对于每个快捷键进行处理
|
|||
|
for (; i < keys.length; i++) {
|
|||
|
key = keys[i].split(splitKey); // 按键列表
|
|||
|
mods = [];
|
|||
|
|
|||
|
// 如果是组合快捷键取得组合快捷键
|
|||
|
if (key.length > 1) mods = getMods(_modifier, key);
|
|||
|
|
|||
|
// 将非修饰键转化为键码
|
|||
|
key = key[key.length - 1];
|
|||
|
key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
|
|||
|
|
|||
|
// 判断key是否在_handlers中,不在就赋一个空数组
|
|||
|
if (!(key in _handlers)) _handlers[key] = [];
|
|||
|
_handlers[key].push({
|
|||
|
keyup,
|
|||
|
keydown,
|
|||
|
scope,
|
|||
|
mods,
|
|||
|
shortcut: keys[i],
|
|||
|
method,
|
|||
|
key: keys[i],
|
|||
|
splitKey,
|
|||
|
element
|
|||
|
});
|
|||
|
}
|
|||
|
// 在全局document上设置快捷键
|
|||
|
if (typeof element !== 'undefined' && window) {
|
|||
|
if (!elementEventMap.has(element)) {
|
|||
|
const keydownListener = function () {
|
|||
|
let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
|
|||
|
return dispatch(event, element);
|
|||
|
};
|
|||
|
const keyupListenr = function () {
|
|||
|
let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
|
|||
|
dispatch(event, element);
|
|||
|
clearModifier(event);
|
|||
|
};
|
|||
|
elementEventMap.set(element, {
|
|||
|
keydownListener,
|
|||
|
keyupListenr,
|
|||
|
capture
|
|||
|
});
|
|||
|
addEvent(element, 'keydown', keydownListener, capture);
|
|||
|
addEvent(element, 'keyup', keyupListenr, capture);
|
|||
|
}
|
|||
|
if (!winListendFocus) {
|
|||
|
const listener = () => {
|
|||
|
_downKeys = [];
|
|||
|
};
|
|||
|
winListendFocus = {
|
|||
|
listener,
|
|||
|
capture
|
|||
|
};
|
|||
|
addEvent(window, 'focus', listener, capture);
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
function trigger(shortcut) {
|
|||
|
let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
|
|||
|
Object.keys(_handlers).forEach(key => {
|
|||
|
const dataList = _handlers[key].filter(item => item.scope === scope && item.shortcut === shortcut);
|
|||
|
dataList.forEach(data => {
|
|||
|
if (data && data.method) {
|
|||
|
data.method();
|
|||
|
}
|
|||
|
});
|
|||
|
});
|
|||
|
}
|
|||
|
|
|||
|
// 销毁事件,unbind之后判断element上是否还有键盘快捷键,如果没有移除监听
|
|||
|
function removeKeyEvent(element) {
|
|||
|
const values = Object.values(_handlers).flat();
|
|||
|
const findindex = values.findIndex(_ref4 => {
|
|||
|
let {
|
|||
|
element: el
|
|||
|
} = _ref4;
|
|||
|
return el === element;
|
|||
|
});
|
|||
|
if (findindex < 0) {
|
|||
|
const {
|
|||
|
keydownListener,
|
|||
|
keyupListenr,
|
|||
|
capture
|
|||
|
} = elementEventMap.get(element) || {};
|
|||
|
if (keydownListener && keyupListenr) {
|
|||
|
removeEvent(element, 'keyup', keyupListenr, capture);
|
|||
|
removeEvent(element, 'keydown', keydownListener, capture);
|
|||
|
elementEventMap.delete(element);
|
|||
|
}
|
|||
|
}
|
|||
|
if (values.length <= 0 || elementEventMap.size <= 0) {
|
|||
|
// 移除所有的元素上的监听
|
|||
|
const eventKeys = Object.keys(elementEventMap);
|
|||
|
eventKeys.forEach(el => {
|
|||
|
const {
|
|||
|
keydownListener,
|
|||
|
keyupListenr,
|
|||
|
capture
|
|||
|
} = elementEventMap.get(el) || {};
|
|||
|
if (keydownListener && keyupListenr) {
|
|||
|
removeEvent(el, 'keyup', keyupListenr, capture);
|
|||
|
removeEvent(el, 'keydown', keydownListener, capture);
|
|||
|
elementEventMap.delete(el);
|
|||
|
}
|
|||
|
});
|
|||
|
// 清空 elementEventMap
|
|||
|
elementEventMap.clear();
|
|||
|
// 清空 _handlers
|
|||
|
Object.keys(_handlers).forEach(key => delete _handlers[key]);
|
|||
|
// 移除window上的focus监听
|
|||
|
if (winListendFocus) {
|
|||
|
const {
|
|||
|
listener,
|
|||
|
capture
|
|||
|
} = winListendFocus;
|
|||
|
removeEvent(window, 'focus', listener, capture);
|
|||
|
winListendFocus = null;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
const _api = {
|
|||
|
getPressedKeyString,
|
|||
|
setScope,
|
|||
|
getScope,
|
|||
|
deleteScope,
|
|||
|
getPressedKeyCodes,
|
|||
|
getAllKeyCodes,
|
|||
|
isPressed,
|
|||
|
filter,
|
|||
|
trigger,
|
|||
|
unbind,
|
|||
|
keyMap: _keyMap,
|
|||
|
modifier: _modifier,
|
|||
|
modifierMap
|
|||
|
};
|
|||
|
for (const a in _api) {
|
|||
|
if (Object.prototype.hasOwnProperty.call(_api, a)) {
|
|||
|
hotkeys[a] = _api[a];
|
|||
|
}
|
|||
|
}
|
|||
|
if (typeof window !== 'undefined') {
|
|||
|
const _hotkeys = window.hotkeys;
|
|||
|
hotkeys.noConflict = deep => {
|
|||
|
if (deep && window.hotkeys === hotkeys) {
|
|||
|
window.hotkeys = _hotkeys;
|
|||
|
}
|
|||
|
return hotkeys;
|
|||
|
};
|
|||
|
window.hotkeys = hotkeys;
|
|||
|
}
|
|||
|
|
|||
|
var SUPPORTED_THEMES = ["taskwarrior-dark", "taskwarrior-light"];
|
|||
|
var THEME_ICONS = ["⚹", "☽", "🌣"];
|
|||
|
var STORAGE_THEME_KEY = "TWK_THEME";
|
|||
|
var DOM_THEME_KEY = "data-theme";
|
|||
|
function getThemeStorage() {
|
|||
|
var theme = localStorage.getItem(STORAGE_THEME_KEY);
|
|||
|
return theme;
|
|||
|
}
|
|||
|
function getThemeDom() {
|
|||
|
var theme = document.getElementsByTagName('html')[0].getAttribute(DOM_THEME_KEY);
|
|||
|
return theme;
|
|||
|
}
|
|||
|
function getTheme() {
|
|||
|
var themeStorage = getThemeStorage();
|
|||
|
var themeDom = getThemeDom();
|
|||
|
return themeDom === null ? themeStorage : themeDom;
|
|||
|
}
|
|||
|
function setTheme(theme) {
|
|||
|
var _a;
|
|||
|
if (theme === null) {
|
|||
|
localStorage.removeItem(STORAGE_THEME_KEY);
|
|||
|
document.getElementsByTagName('html')[0].removeAttribute(DOM_THEME_KEY);
|
|||
|
}
|
|||
|
else {
|
|||
|
localStorage.setItem(STORAGE_THEME_KEY, theme);
|
|||
|
document.getElementsByTagName('html')[0].setAttribute(DOM_THEME_KEY, theme);
|
|||
|
}
|
|||
|
var themeIndex = -1;
|
|||
|
if (theme != null) {
|
|||
|
themeIndex = SUPPORTED_THEMES.indexOf(theme);
|
|||
|
}
|
|||
|
var iconIndex = themeIndex + 1;
|
|||
|
(_a = document.getElementById('theme-switcher')) === null || _a === void 0 ? void 0 : _a.innerText = THEME_ICONS.at(iconIndex);
|
|||
|
return true;
|
|||
|
}
|
|||
|
function switchTheme() {
|
|||
|
var currentTheme = getTheme();
|
|||
|
var themeIndex = -1;
|
|||
|
if (currentTheme != null) {
|
|||
|
themeIndex = SUPPORTED_THEMES.indexOf(currentTheme);
|
|||
|
}
|
|||
|
themeIndex = themeIndex + 1;
|
|||
|
if (themeIndex >= SUPPORTED_THEMES.length) {
|
|||
|
themeIndex = -1;
|
|||
|
}
|
|||
|
if (themeIndex >= 0) {
|
|||
|
setTheme(SUPPORTED_THEMES.at(themeIndex));
|
|||
|
}
|
|||
|
else {
|
|||
|
setTheme(null);
|
|||
|
}
|
|||
|
}
|
|||
|
function init() {
|
|||
|
// Ensure, that the icon is set correctly.
|
|||
|
var themeDom = getThemeDom();
|
|||
|
setTheme(themeDom);
|
|||
|
// Check if there is anything different.
|
|||
|
// Local storage is overriding DOM on initial read.
|
|||
|
var theme = getThemeStorage();
|
|||
|
if (theme != null) {
|
|||
|
setTheme(theme);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
_hyperscript_minExports.browserInit();
|
|||
|
var doing_something = function () {
|
|||
|
console.log("Hello world");
|
|||
|
};
|
|||
|
hotkeys.filter = function (event) {
|
|||
|
// @ts-ignore
|
|||
|
var tagName = event.target.tagName;
|
|||
|
hotkeys.setScope(/^(INPUT|TEXTAREA|SELECT)$/.test(tagName) ? 'input' : 'other');
|
|||
|
return true;
|
|||
|
};
|
|||
|
function focusTextInput(event) {
|
|||
|
var ss = document.getElementById('task-details-inp');
|
|||
|
if (ss !== null) {
|
|||
|
event.preventDefault();
|
|||
|
ss.focus();
|
|||
|
}
|
|||
|
else {
|
|||
|
document.getElementById('cmd-inp').focus();
|
|||
|
}
|
|||
|
}
|
|||
|
hotkeys('esc', function (event, handler) {
|
|||
|
// Prevent the default refresh event under WINDOWS system
|
|||
|
if (event.target != document.getElementById('tag-inp')) {
|
|||
|
console.log("not processing");
|
|||
|
return;
|
|||
|
}
|
|||
|
event.preventDefault();
|
|||
|
var tag_selector = document.getElementById('cmd-inp');
|
|||
|
document.querySelector('#tags_map_drawer').classList.toggle('hidden');
|
|||
|
if (tag_selector.checkVisibility()) {
|
|||
|
tag_selector.focus();
|
|||
|
}
|
|||
|
return false;
|
|||
|
});
|
|||
|
hotkeys('t', function (event, handler) {
|
|||
|
// Prevent the default refresh event under WINDOWS system
|
|||
|
if (event.target != document.getElementById('cmd-inp')) {
|
|||
|
console.log("not processing");
|
|||
|
return;
|
|||
|
}
|
|||
|
event.preventDefault();
|
|||
|
window['toggleTagPanel']();
|
|||
|
});
|
|||
|
hotkeys('ctrl+shift+K', function (event, handler) {
|
|||
|
// Prevent the default refresh event under WINDOWS system
|
|||
|
event.preventDefault();
|
|||
|
focusTextInput(event);
|
|||
|
return false;
|
|||
|
});
|
|||
|
window['toggleTagPanel'] = function () {
|
|||
|
var tagSelector = document.getElementById('tag-inp');
|
|||
|
document.querySelector('#tags_map_drawer').classList.toggle('hidden');
|
|||
|
if (tagSelector.checkVisibility()) {
|
|||
|
tagSelector.focus();
|
|||
|
}
|
|||
|
return false;
|
|||
|
};
|
|||
|
document.addEventListener('click', function (event) {
|
|||
|
var element = document.getElementsByTagName('html')[0];
|
|||
|
switch (event.target) {
|
|||
|
case element:
|
|||
|
focusTextInput(event);
|
|||
|
break;
|
|||
|
case document.getElementById('theme-switcher'):
|
|||
|
event.preventDefault();
|
|||
|
switchTheme();
|
|||
|
break;
|
|||
|
}
|
|||
|
return;
|
|||
|
});
|
|||
|
document.addEventListener("DOMContentLoaded", function () {
|
|||
|
init();
|
|||
|
setInterval(function () {
|
|||
|
var whichOne = 0;
|
|||
|
var dd = document.getElementById('active-timer');
|
|||
|
if (dd === undefined || dd === null) {
|
|||
|
return;
|
|||
|
}
|
|||
|
var timeBox = dd.children[1].children[whichOne];
|
|||
|
var s = timeBox.textContent.split(":");
|
|||
|
var second = parseInt(s.pop());
|
|||
|
var minute = parseInt(s.pop());
|
|||
|
if (isNaN(minute)) {
|
|||
|
minute = 0;
|
|||
|
}
|
|||
|
var hour = parseInt(s.pop());
|
|||
|
if (isNaN(hour)) {
|
|||
|
hour = 0;
|
|||
|
}
|
|||
|
second += 1;
|
|||
|
if (second >= 60) {
|
|||
|
second = 0;
|
|||
|
minute += 1;
|
|||
|
if (minute > 60) {
|
|||
|
hour += 1;
|
|||
|
}
|
|||
|
}
|
|||
|
timeBox.textContent = hour.toString()
|
|||
|
// @ts-ignore
|
|||
|
.padStart(2, "0") + ":" +
|
|||
|
minute.toString()
|
|||
|
// @ts-ignore
|
|||
|
.padStart(2, "0") + ":" +
|
|||
|
second.toString()
|
|||
|
// @ts-ignore
|
|||
|
.padStart(2, "0");
|
|||
|
}, 1000);
|
|||
|
setInterval(function () {
|
|||
|
var dd = document.getElementById('time_of_the_day');
|
|||
|
if (dd === undefined || dd === null) {
|
|||
|
return;
|
|||
|
}
|
|||
|
// <progress id="time_of_the_day" class="fill-amber-200 bg-blue-900 w-full shadow-inner shadow-blue-950" max="100" value=""></progress>
|
|||
|
var now = new Date();
|
|||
|
var total_minutes_passed = now.getMinutes() + (now.getHours() * 60);
|
|||
|
var total_minutes_in_day = 24 * 60;
|
|||
|
var hours_left = 24 - now.getHours();
|
|||
|
dd.style.width = total_minutes_passed * 100 / total_minutes_in_day + "%";
|
|||
|
dd.children[0].children[0].innerHTML = hours_left + "h";
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
|
|||
|
export { doing_something };
|