(()=>{var K=Object.defineProperty;var A=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var M=(i,e,t)=>e in i?K(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,v=(i,e)=>{for(var t in e||(e={}))Q.call(e,t)&&M(i,t,e[t]);if(A)for(var t of A(e))V.call(e,t)&&M(i,t,e[t]);return i};var C=(i,e,t)=>new Promise((r,n)=>{var s=a=>{try{c(t.next(a))}catch(l){n(l)}},o=a=>{try{c(t.throw(a))}catch(l){n(l)}},c=a=>a.done?r(a.value):Promise.resolve(a.value).then(s,o);c((t=t.apply(i,e)).next())});var m,_,N;function X(){m.dataset.navState="displayed",m.classList.remove("state-off"),m.classList.add("state-on"),_.classList.add("a-show")}function O(){m.dataset.navState="hidden",m.classList.remove("state-on"),m.classList.add("state-off"),_.classList.add("a-hide"),_.classList.remove("a-show"),setTimeout(()=>{_.classList.remove("a-hide")},300)}function q(){console.log("HUD init"),m=document.querySelector(".hud .nav-toggle"),_=document.querySelector(".hud .navigation"),N=document.querySelector(".hud .reload-screen"),m.addEventListener("click",i=>{i.currentTarget.dataset.navState!="displayed"?X():O()}),N.addEventListener("click",i=>{Screens.reload()})}var y=class{constructor(e,t,r){this.screens={},this.routesMap={},this.currentScreen=null,this.eventsHandlers={switch:[],reload:[],reinit:[]},this.screensContainer=document.querySelector(e),this.loader=document.querySelector(t),this.errorScreen=document.querySelector(r),console.log("Screens Init")}add(e,t){if(typeof t!="object")return console.error("Screens: screens must be object");if(typeof(t==null?void 0:t.alias)=="undefined")return console.error("Screens: undefined alias");if(typeof(t==null?void 0:t.renderer)!="function")return console.error("Screens: renderer must be function");this.screens[t.alias]=v({route:e},t),this.routesMap[e]=t.alias}switch(e){var r;if(this.runSwitchHandlers(e),this.hideErrorScreen(),this.showLoader(),(r=this.currentScreen)==null||r.DOMObject.remove(),typeof this.screens[e]=="undefined"){console.error(`Screens: "${e}" not found`);return}this.currentScreen=this.screens[e];let t=document.createElement("div");t.classList.add("screen"),t.id=e,t.dataset.alias=e,t.innerHTML=this.currentScreen.renderer(),this.currentScreen.DOMObject=t,this.screensContainer.append(this.currentScreen.DOMObject),this.currentScreen.initer(this)}reload(){this.currentScreen&&(this.runReloadHandlers(this.currentScreen.alias),this.switch(this.currentScreen.alias))}reinit(){this.currentScreen&&(this.currentScreen.initer(this),this.runReinitHandlers())}routing(){setInterval(()=>{let e=document.location.hash.split("#!")[1];if(typeof e=="undefined"||e=="")return;let t=typeof this.routesMap[e]=="undefined"?"not-found-screen":this.routesMap[e];(!this.currentScreen||this.currentScreen.alias!=t)&&this.switch(t)},50)}ready(){this.currentScreen!=null&&(this.currentScreen.DOMObject||(this.currentScreen.DOMObject=document.getElementsById(this.currentScreen.alias)),this.hideLoader(),this.currentScreen.DOMObject.classList.add("a-show"))}error(e,t){var r;(r=this.currentScreen)==null||r.DOMObject.remove(),this.errorScreen.querySelector(".error-title").innerHTML=e,this.errorScreen.querySelector(".error-text").innerHTML=t,this.showErrorScreen()}hideLoader(){this.loader.classList.remove("a-show")}showLoader(){this.loader.classList.add("a-show")}showErrorScreen(){this.errorScreen.classList.add("a-show")}hideErrorScreen(){this.errorScreen.classList.remove("a-show")}getScreens(){return this.screens}getRoutesMap(){return this.routesMap}onSwitch(e){this.eventsHandlers.switch.push(e)}onReaload(e){this.eventsHandlers.reload.push(e)}onReinit(e){this.eventsHandlers.reinit.push(e)}runSwitchHandlers(e){for(let t of this.eventsHandlers.switch)t(this,e)}runReloadHandlers(e){for(let t of this.eventsHandlers.reload)t(this,e)}runReinitHandlers(){for(let e of this.eventsHandlers.reinit)e(this)}};function Z(i,e,t,r){return`
<div class="toast toast-${i}" role="alert">
<div class="toast-content">
<h4 class="toast-title">${e} ${t}</h4>
<p class="toast-text">${r}</p>
</div>
<button class="btn-icon toast-close" type="button" aria-label="Close">\u2715</button>
</div>
`}function ee(i,e){if(e!=null&&e.alone&&document.querySelectorAll(".toast").forEach(t=>t.close()),i.close=function(){this.classList.add("a-hide"),setTimeout(()=>{this.remove()},300)},i.querySelector(".toast-close").addEventListener("click",t=>{i.close()}),i.show=function(){document.querySelector("body").append(i),setTimeout(()=>{i.classList.add("a-show")},10)},Screens.onSwitch((t,r)=>{setTimeout(()=>{i==null||i.close()},1e4)}),i.addEventListener("mouseover",t=>i.ishovered=!0),i.addEventListener("mouseout",t=>i.ishovered=!1),e!=null&&e.lifetime){console.log(e);let t=setInterval(()=>{i.ishovered||(i.close(),clearInterval(t))},e==null?void 0:e.lifetime)}return i}function S(i,e,t,r,n){let s=document.createElement("div");return s.innerHTML=Z(i,e,t,r),ee(s.childNodes[1],n)}function te(i,e,t){return typeof t=="undefined"&&(t={}),typeof t.lifetime=="undefined"&&(t.lifetime=4e3),typeof t.alone=="undefined"&&(t.alone=!0),S("success",'<i class="ph ph-check-circle"></i>',i,e,t)}function ie(i,e,t){return S("info",'<i class="ph ph-info"></i>',i,e,t)}function re(i,e,t){return S("warning",'<i class="ph ph-warning"></i>',i,e,t)}function x(i,e,t){return S("danger",'<i class="ph ph-warning-octagon"></i>',i,e,t)}var U={create:S,createInfo:ie,createSuccess:te,createWarning:re,createError:x,createDanger:x};function ne(i){let e="";for(let t of i){let r="",n="";t.route&&(r=`<a class="list-action" href="${t.route}">`,n="</a>"),e+=`
<li class="list-item ${t.is_active?"list-item-active":""}">
${r}${t.content}${n}
</li>
`}return`
<div class="sidebar block">
<ul class="list list-nav">
${e}
</ul>
</div>
`}function se(i,e,t,r){let n='<tr class="table-row">',s=0;for(let a in e)n+=`<th scope="col">${e[a]}</th>`,s++;n+="</tr>";let o="";for(let a of t){o+='<tr class="table-row">';for(let l in e)o+=`<td>${a[l]}</td>`;o+="</tr>"}let c="";return typeof r!="undefined"&&(c=`
<tfoot class="table-foot">
<tr class="table-row">
<td colspan="${s}">
${r}
</td>
</tr>
</tfoot>
`),`
<table class="table devices-lists">
<caption class="table-caption">${i}</caption>
<thead class="table-head">${n}</thead>
<tbody class="table-body">${o}</tbody>
${c}
</table>
`}function j(i,e,t){let r=document.createElement(i);for(let[n,s]of Object.entries(e))n==="class"?r.className=s:n==="dataset"?Object.assign(r.dataset,s):r.setAttribute(n,s);return r.innerHTML=typeof t!="undefined"?t:"",r}function ae(i,e){return["primary","success","secondary","info","warning","error","danger"].indexOf(i)<0?console.error("createAlert()","Error of type: "+i):j("div",{class:`alert alert-${i}`},e)}function oe(i){let e={device_name:"name",device_hard_id:"device_id",device_ip:"ip",device_type:"type",ip_address:"ip",mac_address:"mac",device_mac:"mac",core_version:"firmware_core_version"},t={};for(let r in i){if(typeof e[r]!="undefined"){t[e[r]]=i[r];continue}t[r]=i[r]}return t}function ce(i,e){if((i==null?void 0:i.isLoading)==e)return!1;if(e)i.isLoading=!0,i.originalContent=i.innerHTML,i.classList.contains("with-icon")?i.originalWithIcon=!0:i.classList.add("with-icon"),i.classList.add("loading-state"),i.setAttribute("disabled","disabled"),i.innerHTML='<i class="ph-bold ph-spinner"></i> Loading';else{if(i.isLoading=!1,!i.originalContent)return!1;i.removeAttribute("disabled"),i.classList.remove("loading-state"),i.originalWithIcon||i.classList.remove("with-icon"),i.innerHTML=i.originalContent}return i}var P={template:{sidebarNav:ne,table:se,createElement:j,createAlert:ae},unification:{deviceFieldsUnification:oe},states:{btnLoadingState:ce}};var w=class{constructor(e){this.core=e}actions_list(e){return this.core.api_get("/api/v1/scripts/actions/list",e)}scopes_list(e){return this.core.api_get("/api/v1/scripts/scopes/list",e)}regular_list(e){return this.core.api_get("/api/v1/scripts/regular/list",e)}scope_get_by_filename(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/scopes/name/${r}`,t,{})}scope_create(e,t){return this.core.api_post("/api/v1/scripts/scopes/new",e,t)}scope_update(e,t){return this.core.api_post("/api/v1/scripts/scopes/update",e,t)}action_enable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/alias/${r}/enable`,t)}action_disable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/alias/${r}/disable`,t)}regular_enable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/regular/${r}/enable`,t)}regular_disable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/regular/${r}/disable`,t)}scope_enable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/scope/${r}/enable`,t)}scope_disable(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/actions/scope/${r}/disable`,t)}scope_remove(e,t){let r=encodeURIComponent(String(e||""));return this.core.api_get(`/api/v1/scripts/scopes/name/${r}/remove`,t)}run(e,t){return this.core.api_post("/api/v1/scripts/actions/run",e,t)}};var $=class{constructor(e){this.core=e}list(e){return this.core.api_get("/api/v1/devices/list",e)}scanning_setup(e){return this.core.api_get("/api/v1/devices/scanning/setup",e)}scanning_all(e){return this.core.api_get("/api/v1/devices/scanning/all",e)}setup_new_device(e,t){return this.core.api_post("/api/v1/devices/setup/new-device",e,t)}info(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/devices/id/${r}/info`,t)}get(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/devices/id/${r}`,t)}status(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/devices/id/${r}/status`,t)}action(e,t){return this.core.api_post("/api/v1/devices/action",e,t)}remove(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/devices/id/${r}/remove`,t)}reboot(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/devices/id/${r}/reboot`,t)}};var L=class{constructor(e){this.core=e}list(e){return this.core.api_get("/api/v1/areas/list",e)}inner_list(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/areas/id/${r}/list`,t)}new_area(e,t){return this.core.api_post("/api/v1/areas/new-area",e,t)}remove(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/areas/id/${r}/remove`,t)}place_in_area(e,t){return this.core.api_post("/api/v1/areas/place-in-area",e,t)}update_display_name(e,t){return this.core.api_post("/api/v1/areas/update-display-name",e,t)}update_alias(e,t){return this.core.api_post("/api/v1/areas/update-alias",e,t)}devices(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/areas/id/${r}/devices`,t)}unassign_from_area(e,t){let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/areas/id/${r}/unassign-from-area`,t)}types_list(e){return this.core.api_get("/api/v1/areas/types/list",e)}reboot_devices(e,t){if(e==null)return this.core.api_get("/api/v1/areas/reboot_devices",t);let r=encodeURIComponent(String(e));return this.core.api_get(`/api/v1/areas/id/${r}/reboot_devices`,t)}};function F(i){if(!i||typeof i!="object")return"";let e=new URLSearchParams;Object.entries(i).forEach(([r,n])=>{n!=null&&e.append(r,String(n))});let t=e.toString();return t?`?${t}`:""}function le(i,e){let t=String(i||"").replace(/\/+$/,""),r=String(e||"").replace(/^\/+/,"");return`${t}/${r}`}function de(i){try{return{ok:!0,data:JSON.parse(i)}}catch(e){return{ok:!1,error:e}}}var T=class{constructor(e){this.base_url=(e==null?void 0:e.base_url)||"",this.token=(e==null?void 0:e.token)||"",this.timeout_ms=Number.isFinite(e==null?void 0:e.timeout_ms)?e.timeout_ms:15e3,this.default_headers=(e==null?void 0:e.default_headers)||{},this.on_unauthorized=typeof(e==null?void 0:e.on_unauthorized)=="function"?e.on_unauthorized:null,this.proxy_path=(e==null?void 0:e.proxy_path)||"",this.scripts=new w(this),this.devices=new $(this),this.areas=new L(this)}set_base_url(e){this.base_url=e||""}set_token(e){this.token=e||""}set_proxy_path(e){this.proxy_path=e||""}_wrap_path(e,t){if(!this.proxy_path)return t?`${e}${F(t)}`:e;let r=v({path:e},t||{});return`${this.proxy_path}${F(r)}`}request(e,t,r,n,s){let o=typeof n=="function"?n:()=>{},c=le(this.base_url,t),a=new AbortController,l=Number.isFinite(s==null?void 0:s.timeout_ms)?s.timeout_ms:this.timeout_ms,d=setTimeout(()=>a.abort(),l),b=v(v({},this.default_headers),(s==null?void 0:s.headers)||{});this.token&&(b.Authorization=`Bearer ${this.token}`);let H;r!=null&&(b["Content-Type"]="application/json",H=JSON.stringify(r)),fetch(c,{method:e,headers:b,body:H,signal:a.signal}).then(u=>C(this,null,function*(){clearTimeout(d);let f={url:c,method:e,status_code:u.status,headers:u.headers},p=yield u.text(),R=de(p),h=R.ok?R.data:p;if(!u.ok){let g={type:"http_error",message:`HTTP ${u.status}`,status_code:u.status,raw:h};if((u.status===401||u.status===403)&&this.on_unauthorized)try{this.on_unauthorized({error:g,meta:f})}catch(D){}return o(g,null,f)}if(R.ok&&h&&typeof h=="object"){let g=h.status;if(g===!1||g==="error"){let D={type:"api_error",message:h.message||"API error",status_code:u.status,raw:h,field:h.field};return o(D,null,f)}}return o(null,h,f)})).catch(u=>{clearTimeout(d);let p=u&&(u.name==="AbortError"||String(u).includes("AbortError"))?{type:"timeout",message:`Timeout after ${l}ms`}:{type:"network_error",message:(u==null?void 0:u.message)||"Network error",details:u};return o(p,null,{url:c,method:e,status_code:0,headers:null})})}get(e,t,r){return this.request("GET",e,null,t,r)}post(e,t,r,n){return this.request("POST",e,t,r,n)}api_get(e,t,r,n){return this.get(this._wrap_path(e,r),t,n)}api_post(e,t,r,n,s){return this.post(this._wrap_path(e,n),t,r,s)}};function E(i){return Helper.template.sidebarNav([{content:'<span class="list-label"><i class="ph ph-cpu"></i> Devices</span>',route:"/#!/devices",is_active:i=="devices"},{content:'<span class="list-label"><i class="ph ph-magnifying-glass"></i> Scanning</span>',route:"/#!/devices/scanning",is_active:i=="scanning"}])}function z(i,e){return console.log(i),Modals.create("device-popup",{title:`Device ${i.name}`,body:t=>{let r="";for(let n in i)r+=`
<tr class="table-row">
<th>${n}: </th>
<td>${i[n]}</td>
</tr>
`;return`
<div class="block">
<table class="table" style="border: 0">
<tbody class="table-body">
${r}
</tbody>
</table>
</div>
`},actions:t=>{let r=Helper.template.createElement("button",{class:"btn btn-primary"},"Close"),n=Helper.template.createElement("button",{class:"btn btn-warning with-icon"},'<i class="ph ph-arrow-clockwise"></i> Reboot'),s=Helper.template.createElement("button",{class:"btn btn-danger with-icon"},'<i class="ph ph-trash"></i> Remove');return r.addEventListener("click",o=>{t.close()}),n.addEventListener("click",o=>{n.getAttribute("disabled")||(Helper.states.btnLoadingState(n,!0),e.devices.reboot(i.id,(c,a,l)=>{Helper.states.btnLoadingState(n,!1),console.log("Reboot done"),t.close(),setTimeout(()=>{a?Toasts.createSuccess("Reboot successful",`Device: ${i.name}<br>
Alias: <b>${i.alias}</b>`).show():Toasts.createError("Reboot failed",`Device: ${i.name}<br>
Alias: <b>${i.alias}</b>`).show()},300)}))}),s.addEventListener("click",o=>{s.getAttribute("disabled")||(Helper.states.btnLoadingState(s,!0),confirmPopup("Are you sure you want to remove this device?",()=>{e.devices.remove(i.id,(c,a,l)=>{Helper.states.btnLoadingState(s,!1),console.log("Was removed"),t.close(),setTimeout(()=>{Toasts.createSuccess("Removed",`
Device: ${i.name}<br>
Alias: <b>${i.alias}</b><br>
IP: <b>${i.ip}</b>
`).show()},300)})},()=>{Helper.states.btnLoadingState(s,!1),console.log("CANCELED")}))}),[r,n,s]}})}function ue(i){let e=[];for(let t of i.devices){t=Helper.unification.deviceFieldsUnification(t);let r=t.connection_state=="active"?'<span class="badge badge-success">Online</span>':'<span class="badge badge-warning">Offline</span>';e.push({deviceName:t.name,alias:t.alias,status:r,ip:`<code class="code">${t.ip}</code>`,actions:`
<button
class="btn btn-secondary btn-small details-btn"
data-device='${JSON.stringify(t)}'
type="button"
>Details</button>
<button
class="btn btn-warning btn-small reboot-btn"
data-device-id="${t.id}"
data-device-name="${t.name}"
data-device-alias="${t.alias}"
type="button"
>Reboot</button>
`})}return e}function pe(i,e,t){i.currentScreen.DOMObject.querySelector(".devices-container").innerHTML=Helper.template.table("Devices list",{deviceName:"Device name",alias:"Device alias",status:"Status",ip:"IP",actions:"Actions"},e,`<span class="table-meta">Total: <span class="total">${t}</span> devices</span>`)}function fe(i,e){i.currentScreen.DOMObject.querySelectorAll(".reboot-btn").forEach(t=>{t.addEventListener("click",r=>{if(r.currentTarget.getAttribute("disabled"))return;let n=r.currentTarget;Helper.states.btnLoadingState(n,!0);let s=r.currentTarget.dataset.deviceId,o=r.currentTarget.dataset.deviceName,c=r.currentTarget.dataset.deviceAlias;e.devices.reboot(s,(a,l,d)=>{Helper.states.btnLoadingState(n,!1),console.log("Reboot done",a,l,d),l?Toasts.createSuccess("Reboot successful",`Device: ${o}<br>
Alias: <b>${c}</b>`).show():Toasts.createError("Reboot failed",`Device: ${o}<br>
Alias: <b>${c}</b>`).show()})})}),i.currentScreen.DOMObject.querySelectorAll(".details-btn").forEach(t=>{t.addEventListener("click",r=>{let n=JSON.parse(r.currentTarget.dataset.device);z(n,e).show()})})}function J(i){return{alias:"devices",renderer:()=>`
<div class="container">
<div class="row g-6">
<div class="col sidebar-container">
${E("devices")}
</div>
<div class="col devices-container"></div>
</div>
</div>
`,initer:e=>{i.devices.list((t,r,n)=>{if(console.log("sh_api.devices.list",t,r,n),n.status_code!=200)return e.error("Server API ERROR","");pe(e,ue(r.data),r.data.total),fe(e,i),e.ready()})}}}function B(i,e){return i=Helper.unification.deviceFieldsUnification(i),Modals.create("device-setup",{title:`Setup new device ${i.ip}`,body:t=>{let r="";for(let s in i)s[0]!="_"&&(r+=`
<tr class="table-row">
<th>${s}: </th>
<td>${i[s]}</td>
</tr>
`);return`
<div class="row g-6">
<div class="col device-info">
${`
<div class="block">
<table class="table" style="border: 0">
<tbody class="table-body">
${r}
</tbody>
</table>
</div>
`}
</div>
<div class="col setup-form w-100">
<div class="block form-group">
<label class="label">
Device alias
<i class="ph ph-asterisk"></i>
<input type="text" name="alias" class="input" placeholder="Input alias">
</label>
</div>
<div class="block form-group">
<label class="label">
Device name
<i class="ph ph-asterisk"></i>
<input type="text" name="name" class="input" placeholder="Input name">
</label>
</div>
<div class="block form-group">
<label class="label">
About device
<i class="ph ph-note-pencil"></i>
<textarea class="input" name="description" placeholder="Input description"></textarea>
</label>
</div>
<div class="alert-container"></div>
</div>
</div>
`},actions:t=>{let r=Helper.template.createElement("button",{class:"btn btn-primary"},"Cancel");r.addEventListener("click",s=>{t.close()});let n=Helper.template.createElement("button",{class:"btn btn-success with-icon"},'<i class="ph ph-gear"></i> Setup');return n.addEventListener("click",s=>{if(s.currentTarget.getAttribute("disabled"))return!1;let o={device_ip:i.ip},c=document.querySelector("#device-setup .setup-form");if(c.querySelectorAll("input[type='text']").forEach(d=>{d.dispatchEvent(new Event("input",{bubbles:!0}))}),c.querySelectorAll(".label.error").length)return!1;let a=c.querySelectorAll("input"),l=c.querySelector("textarea");for(let d of a)o[d.getAttribute("name")]=d.value;o[l.getAttribute("name")]=l.value,Helper.states.btnLoadingState(n,!0),e.devices.setup_new_device(o,(d,b,H)=>{var u,f;if(Helper.states.btnLoadingState(n,!1),(d==null?void 0:d.type)=="api_error"){if(console.error("ERR! sh_api.devices.setup_new_device",d.raw),(u=d.raw)!=null&&u.failed_fields)for(let p of d.raw.failed_fields)t.querySelector(`[name="${p}"]`).parentNode.classList.add("error");if((f=d.raw)!=null&&f.msg){let p=t.querySelector(".setup-form .alert-container");p.innerHTML="",p==null||p.append(Helper.template.createAlert("error",d.raw.msg))}return!1}if(!b)return!1;a.forEach(p=>p.value=""),l.value="",t.close(),setTimeout(()=>{Toasts.createSuccess("Setup successful",`Added new device <b>ID ${i.device_id}</b>`).show()},300)})}),[r,n]},onready:t=>{t.querySelector(".setup-form").querySelectorAll("input").forEach(n=>{n.addEventListener("input",s=>{var o;s.currentTarget.value.length?(s.currentTarget.parentNode.classList.remove("error"),(o=s.currentTarget.parentNode.parentNode.querySelector(".input-info.error"))==null||o.remove()):(s.currentTarget.parentNode.classList.add("error"),s.currentTarget.parentNode.parentNode.querySelector(".input-info.error")||s.currentTarget.parentNode.parentNode.append(Helper.template.createElement("div",{class:"input-info error"},'<i class="ph ph-warning-circle"></i> Field cannot be empty')))})})}})}function he(i){let e=[];for(let t of i.devices)t=Helper.unification.deviceFieldsUnification(t),e.push({deviceId:t.device_id,deviceName:t.name,deviceType:t.type,status:`<span class="badge badge-primary">${t.status}</span>`,ip:`<code class="code">${t.ip}</code>`,mac:`<code class="code">${t.mac}</code>`,wifiSignal:t.wifi_signal,actions:t.status=="setup"?`
<button
class="btn btn-secondary btn-small setup-btn"
data-device='${JSON.stringify(t)}'
type="button"
>Setup</button>
`:""});return e}function me(i,e,t){i.currentScreen.DOMObject.querySelector(".devices-container").innerHTML=Helper.template.table("Found devices",{deviceId:"Device ID",deviceName:"Device name",deviceType:"Type",status:"Status",ip:"IP",mac:"Mac",wifiSignal:"Signal",actions:"Actions"},e,`<span class="table-meta">Total: <span class="total">${t}</span> devices</span>`)}function ve(i,e){i.currentScreen.DOMObject.querySelectorAll(".setup-btn").forEach(t=>{t.addEventListener("click",r=>{let n=JSON.parse(r.currentTarget.dataset.device);B(n,e).show()})})}function W(i){return{alias:"devices-scanning",renderer:()=>`
<div class="container">
<div class="row g-6">
<div class="col sidebar-container">
${E("scanning")}
</div>
<div class="col devices-container"></div>
</div>
</div>
`,initer:e=>{i.devices.scanning_all((t,r,n)=>{if(console.log("sh_api.devices.scanning_all",t,r),n.status_code!=200)return e.error("Server API ERROR","");me(e,he(r.data),r.data.devices.length),ve(e,i),e.ready()})}}}var I={list:J,scanning:W};function Y(i,e){i.add("/",{alias:"home",renderer:()=>'<h2 class="mt-4">Hello world</h2>',initer:t=>{setTimeout(()=>t.ready(),1e3),setTimeout(()=>t.error("Error","Just testing"),2e3)}}),i.add("-",{alias:"not-found-screen",renderer:()=>'<h2 class="mt-4">404 NOT FOUND</h2>',initer:t=>{t.ready()}}),i.add("/devices",I.list(e)),i.add("/devices/scanning",I.scanning(e))}function be(i,e,t){return`
<div class="modal" aria-hidden="true" id="${i}">
<div class="modal-backdrop"></div>
<div class="modal-panel" role="dialog" aria-modal="true" aria-labelledby="modal-title-basic">
<header class="modal-header">
<h4 class="modal-title" id="modal-title-basic">${e}</h4>
<button class="btn-icon modal-close" type="button" aria-label="Close">\u2715</button>
</header>
<div class="modal-body"></div>
<footer class="modal-footer">${t}</footer>
</div>
</div>
`}function ge(i,e){return i.show=function(){document.querySelector("body").append(i),setTimeout(()=>{this.classList.add("a-show")},10)},i.close=function(){this.classList.add("a-hide"),setTimeout(()=>{this.remove()},300)},i.querySelector(".modal-close").addEventListener("click",t=>{i.close()}),typeof e=="function"&&e(i),i}function _e(i,e){let t=e.title||"",r=e.footer||"",n=document.createElement("div");n.innerHTML=be(i,t,r);let s=n.childNodes[1],o=s.querySelector(".modal-body"),c=s.querySelector(".modal-footer");if(typeof e.actions=="function"){let a=e.actions(s);if(typeof a[0]=="object"){let l=document.createElement("div");l.classList.add("actions");for(let d of a)l.append(d);c.append(l)}}if(typeof e.body=="function"){let a=e.body(s);typeof a=="object"?o.append(a):typeof a=="string"&&(o.innerHTML=a)}return ge(s,e==null?void 0:e.onready)}var G={create:_e};function k(i,e,t){Modals.create("confirm-popup",{title:"Requires confirmation",body:r=>`
<p>${i}</p>
`,actions:r=>{let n=Helper.template.createElement("button",{class:"btn btn-primary"},"NO"),s=Helper.template.createElement("button",{class:"btn btn-warning"},"YES");return n.addEventListener("click",o=>{r.close(),t()}),s.addEventListener("click",o=>{r.close(),e()}),[n,s]}}).show()}document.addEventListener("DOMContentLoaded",i=>{console.log("App init"),window.Toasts=U,window.Helper=P,window.Modals=G,window.confirmPopup=k,q();let e=new T({base_url:"http://shswebclient.local",token:"YOUR_TOKEN",timeout_ms:3e3,on_unauthorized:({error:r})=>console.log("auth problem:",r),proxy_path:"/proxy.php"}),t=new y(".screens",".load-screen",".error-screen");Y(t,e),console.log(t.getScreens()),t.onSwitch((r,n)=>{O()}),t.routing(),window.Screens=t});})();
//# sourceMappingURL=main.js.map
