• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1import{__decorate as e}from"../node_modules/tslib/tslib.es6.js";import{css as t,LitElement as n,html as i}from"https://cdn.jsdelivr.net/gh/lit/dist@2/core/lit-core.min.js";import{property as o,customElement as s}from"https://cdn.skypack.dev/pin/lit@v2.5.0-jYRq0AKQogjUdUh7SCAE/mode=imports/optimized/lit/decorators.js";let c=class extends n{constructor(){super(),this.viewMode="main",this.version="",this.handleChangeModeEvent=e=>{const{detail:t}=e;this.viewMode=t.mode},this.invokeGetVersion()}invokeGetVersion(){fetch("./version",{method:"GET"}).then((e=>e.json())).then((e=>{this.version=e.version})).catch((e=>{console.log("Cannot connect to netsim web server",e)}))}connectedCallback(){super.connectedCallback(),window.addEventListener("changeModeEvent",this.handleChangeModeEvent)}disconnectedCallback(){window.removeEventListener("changeModeEvent",this.handleChangeModeEvent),super.disconnectedCallback()}render(){let e=i``;return"main"===this.viewMode?e=i`
2        <ns-customize-button eventName="map-button-clicked" class="primary" aria-label="Change background of the device map">Change Background</ns-customize-button>
3        <ns-customize-button eventName="isometric-button-clicked" class="primary" aria-label="Toggle view of the device map">Toggle View</ns-customize-button>
4        <div class="container">
5          <div class="contentA">
6            <ns-device-map></ns-device-map>
7            <ns-device-list></ns-device-list>
8          </div>
9          <div class="contentB">
10            <ns-device-info></ns-device-info>
11          </div>
12        </div>
13      `:"trace"===this.viewMode?e=i`
14        <ns-packet-info></ns-packet-info>
15      `:"oslib"===this.viewMode&&(e=i`
16        <ns-license-info></ns-license-info>
17      `),i`
18      <div id="bottom">version: ${this.version}</div>
19      <ns-navigation-bar></ns-navigation-bar>
20      ${e}
21    `}};c.styles=t`
22    .container {
23      display: flex;
24      width: 100%;
25    }
26
27    .contentA {
28      flex: 2;
29    }
30
31    .contentB {
32      flex: 2;
33    }
34
35    #bottom {
36      position: relative;
37      bottom: 0;
38      left: 0;
39      font-size: 20px;
40    }
41  `,e([o()],c.prototype,"viewMode",void 0),e([o()],c.prototype,"version",void 0),c=e([s("netsim-app")],c);export{c as NetsimApp};
42