@design.estate/dees-catalog 1.0.270 → 1.0.273
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_bundle/bundle.js +28 -16
- package/dist_bundle/bundle.js.map +3 -3
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/dees-simple-appdash.js +32 -19
- package/dist_watch/bundle.js +31 -18
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/dees-simple-appdash.ts +31 -18
package/package.json
CHANGED
|
@@ -45,6 +45,16 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
45
45
|
position: relative;
|
|
46
46
|
height: 100%;
|
|
47
47
|
}
|
|
48
|
+
|
|
49
|
+
.maincontainer {
|
|
50
|
+
position: absolute;
|
|
51
|
+
width: 100%;
|
|
52
|
+
height: 100%;
|
|
53
|
+
top: 0px;
|
|
54
|
+
left: 0px;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
}
|
|
57
|
+
|
|
48
58
|
.appbar {
|
|
49
59
|
position: fixed;
|
|
50
60
|
top: 0;
|
|
@@ -113,22 +123,24 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
113
123
|
|
|
114
124
|
public render(): TemplateResult {
|
|
115
125
|
return html`
|
|
116
|
-
<div class="
|
|
117
|
-
<div class="
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
<div class="
|
|
126
|
+
<div class="maincontainer">
|
|
127
|
+
<div class="appbar">
|
|
128
|
+
<div class="appName">${this.name}</div>
|
|
129
|
+
<div class="viewTabs"></div>
|
|
130
|
+
<div class="appActions">
|
|
131
|
+
<div class="action">Logout</div>
|
|
132
|
+
</div>
|
|
121
133
|
</div>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
<slot></slot>
|
|
125
|
-
</div>
|
|
126
|
-
<div class="controlbar">
|
|
127
|
-
<div class="control">
|
|
128
|
-
<dees-icon .iconFA=${'networkWired'}></dees-icon>
|
|
134
|
+
<div class="appcontent">
|
|
135
|
+
<slot></slot>
|
|
129
136
|
</div>
|
|
130
|
-
<div class="
|
|
131
|
-
<
|
|
137
|
+
<div class="controlbar">
|
|
138
|
+
<div class="control">
|
|
139
|
+
<dees-icon .iconFA=${'networkWired'}></dees-icon>
|
|
140
|
+
</div>
|
|
141
|
+
<div class="control" @click=${this.launchTerminal}>
|
|
142
|
+
<dees-icon .iconFA=${'terminal'}></dees-icon>
|
|
143
|
+
</div>
|
|
132
144
|
</div>
|
|
133
145
|
</div>
|
|
134
146
|
`;
|
|
@@ -140,17 +152,18 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
140
152
|
}
|
|
141
153
|
|
|
142
154
|
public async launchTerminal() {
|
|
143
|
-
const
|
|
155
|
+
const maincontainer = this.shadowRoot.querySelector('.maincontainer');
|
|
144
156
|
const terminal = new DeesTerminal();
|
|
157
|
+
maincontainer.appendChild(terminal);
|
|
145
158
|
terminal.style.position = 'absolute';
|
|
146
|
-
terminal.style.
|
|
159
|
+
terminal.style.zIndex = '1';
|
|
160
|
+
terminal.style.top = '32px';
|
|
147
161
|
terminal.style.left = '0px';
|
|
148
162
|
terminal.style.right = '0px';
|
|
149
|
-
terminal.style.bottom = '
|
|
163
|
+
terminal.style.bottom = '24px';
|
|
150
164
|
terminal.style.opacity = '0';
|
|
151
165
|
terminal.style.transform = 'translateY(20px)';
|
|
152
166
|
terminal.style.transition = 'all 0.2s';
|
|
153
|
-
appcontent.appendChild(terminal);
|
|
154
167
|
await domtools.plugins.smartdelay.delayFor(0);
|
|
155
168
|
terminal.style.opacity = '1';
|
|
156
169
|
terminal.style.transform = 'translateY(0px)';
|