@design.estate/dees-catalog 1.0.272 → 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 +27 -25
- 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 +31 -28
- 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 +30 -27
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;
|
|
@@ -87,14 +97,6 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
87
97
|
background: ${cssManager.bdTheme('#eeeeeb', '#000')};
|
|
88
98
|
}
|
|
89
99
|
|
|
90
|
-
.slotted {
|
|
91
|
-
top: 0px;
|
|
92
|
-
left: 0px;
|
|
93
|
-
position: absolute;
|
|
94
|
-
height: 100%;
|
|
95
|
-
width: 100%;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
100
|
.controlbar {
|
|
99
101
|
color: #fff;
|
|
100
102
|
position: absolute;
|
|
@@ -121,24 +123,24 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
121
123
|
|
|
122
124
|
public render(): TemplateResult {
|
|
123
125
|
return html`
|
|
124
|
-
<div class="
|
|
125
|
-
<div class="
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
<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>
|
|
129
133
|
</div>
|
|
130
|
-
|
|
131
|
-
<div class="appcontent">
|
|
132
|
-
<div class="slotted">
|
|
134
|
+
<div class="appcontent">
|
|
133
135
|
<slot></slot>
|
|
134
136
|
</div>
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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>
|
|
142
144
|
</div>
|
|
143
145
|
</div>
|
|
144
146
|
`;
|
|
@@ -150,17 +152,18 @@ export class DeesSimpleAppDash extends DeesElement {
|
|
|
150
152
|
}
|
|
151
153
|
|
|
152
154
|
public async launchTerminal() {
|
|
153
|
-
const
|
|
155
|
+
const maincontainer = this.shadowRoot.querySelector('.maincontainer');
|
|
154
156
|
const terminal = new DeesTerminal();
|
|
157
|
+
maincontainer.appendChild(terminal);
|
|
155
158
|
terminal.style.position = 'absolute';
|
|
156
|
-
terminal.style.
|
|
159
|
+
terminal.style.zIndex = '1';
|
|
160
|
+
terminal.style.top = '32px';
|
|
157
161
|
terminal.style.left = '0px';
|
|
158
162
|
terminal.style.right = '0px';
|
|
159
|
-
terminal.style.bottom = '
|
|
163
|
+
terminal.style.bottom = '24px';
|
|
160
164
|
terminal.style.opacity = '0';
|
|
161
165
|
terminal.style.transform = 'translateY(20px)';
|
|
162
166
|
terminal.style.transition = 'all 0.2s';
|
|
163
|
-
appcontent.appendChild(terminal);
|
|
164
167
|
await domtools.plugins.smartdelay.delayFor(0);
|
|
165
168
|
terminal.style.opacity = '1';
|
|
166
169
|
terminal.style.transform = 'translateY(0px)';
|