@cccarv82/freya 1.0.56 → 1.0.57
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/cli/web-ui.css +15 -0
- package/cli/web-ui.js +6 -4
- package/cli/web.js +5 -5
- package/package.json +1 -1
package/cli/web-ui.css
CHANGED
|
@@ -171,6 +171,21 @@ body {
|
|
|
171
171
|
.dot { width: 10px; height: 10px; border-radius: 6px; background: rgba(148,163,184,.6); }
|
|
172
172
|
.dot.ok { background: rgba(16,185,129,.85); }
|
|
173
173
|
.dot.err { background: rgba(239,68,68,.85); }
|
|
174
|
+
.dot.run { background: rgba(56,189,248,.9); }
|
|
175
|
+
.dot.plan { background: rgba(250,204,21,.9); }
|
|
176
|
+
|
|
177
|
+
.railStatus {
|
|
178
|
+
width: 16px;
|
|
179
|
+
height: 16px;
|
|
180
|
+
border-radius: 999px;
|
|
181
|
+
border: 1px solid var(--line2);
|
|
182
|
+
background: rgba(148,163,184,.6);
|
|
183
|
+
box-shadow: 0 0 0 4px rgba(0,0,0,.25);
|
|
184
|
+
}
|
|
185
|
+
.railStatus.ok { background: rgba(16,185,129,.9); }
|
|
186
|
+
.railStatus.err { background: rgba(239,68,68,.9); }
|
|
187
|
+
.railStatus.run { background: rgba(56,189,248,.9); }
|
|
188
|
+
.railStatus.plan { background: rgba(250,204,21,.9); }
|
|
174
189
|
|
|
175
190
|
.sidePath {
|
|
176
191
|
margin: 10px 6px 10px;
|
package/cli/web-ui.js
CHANGED
|
@@ -32,10 +32,12 @@
|
|
|
32
32
|
|
|
33
33
|
function setPill(kind, text) {
|
|
34
34
|
const dot = $('dot');
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
if (
|
|
38
|
-
if (
|
|
35
|
+
const rail = $('railStatus');
|
|
36
|
+
const classes = ['ok', 'err', 'run', 'plan'];
|
|
37
|
+
if (dot) dot.classList.remove(...classes);
|
|
38
|
+
if (rail) rail.classList.remove(...classes);
|
|
39
|
+
if (dot && classes.includes(kind)) dot.classList.add(kind);
|
|
40
|
+
if (rail && classes.includes(kind)) rail.classList.add(kind);
|
|
39
41
|
const pill = $('pill');
|
|
40
42
|
if (pill) pill.textContent = text;
|
|
41
43
|
const status = $('status');
|
package/cli/web.js
CHANGED
|
@@ -901,14 +901,14 @@ function buildHtml(safeDefault, appVersion) {
|
|
|
901
901
|
<div class="railLogo">F</div>
|
|
902
902
|
</div>
|
|
903
903
|
<div class="railNav">
|
|
904
|
-
<button class="railBtn active" type="button" title="Dashboard">
|
|
905
|
-
<button class="railBtn" type="button" title="
|
|
906
|
-
<button class="railBtn" type="button" title="Relatórios">R</button>
|
|
904
|
+
<button class="railBtn active" type="button" title="Dashboard" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">D</button>
|
|
905
|
+
<button class="railBtn" type="button" title="Relatórios" onclick="document.getElementById('reportsSection')?.scrollIntoView({ behavior: 'smooth' })">R</button>
|
|
906
|
+
<button class="railBtn" type="button" title="Relatórios (atalho 2)">R</button>
|
|
907
907
|
<button class="railBtn" type="button" title="Preview">P</button>
|
|
908
908
|
<button class="railBtn" type="button" title="Conversa">C</button>
|
|
909
909
|
</div>
|
|
910
910
|
<div class="railBottom">
|
|
911
|
-
<
|
|
911
|
+
<div class="railStatus" id="railStatus" title="status"></div>
|
|
912
912
|
</div>
|
|
913
913
|
</aside>
|
|
914
914
|
|
|
@@ -954,7 +954,7 @@ function buildHtml(safeDefault, appVersion) {
|
|
|
954
954
|
</div>
|
|
955
955
|
</section>
|
|
956
956
|
|
|
957
|
-
<section class="utilityGrid">
|
|
957
|
+
<section class="utilityGrid" id="reportsSection">
|
|
958
958
|
<div class="utilityCard">
|
|
959
959
|
<div class="utilityHead">Área de trabalho</div>
|
|
960
960
|
<div class="sidePath" id="sidePath">./freya</div>
|