AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move progress bar, cleanup device info

Browse source
This commit is contained in:
Stewart Allen 2024-05-23 10:42:06 -04:00
commit 043398ef65
3 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/kiri/main.js
View file

@ -302,15 +302,10 @@ gapp.register("kiri.main", [], (root, exports) => {
return proto.toLowerCase().indexOf("https") === 0; return proto.toLowerCase().indexOf("https") === 0;
} }
function setProgress(value, msg) { function setProgress(value = 0, msg) {
if (value) {
value = (value * 100).round(4); value = (value * 100).round(4);
UI.loading.display = 'block';
UI.progress.width = value+'%'; UI.progress.width = value+'%';
if (msg) UI.prostatus.innerHTML = msg; if (msg) UI.prostatus.innerHTML = msg;
} else {
UI.loading.display = 'none';
}
} }
function bound(v,min,max) { function bound(v,min,max) {

20
web/kiri/index.css
View file

@ -515,11 +515,16 @@ th, tr, td, label {
align-items: stretch; align-items: stretch;
justify-content: center; justify-content: center;
padding: 3px; padding: 3px;
display: grid !important;
grid-template-columns: auto 1fr;
}
#mode-info > div {
display: contents;
} }
#mode-info label { #mode-info label {
font-size: smaller; font-size: smaller;
font-weight: bold; font-weight: bold;
margin-left: 5px; margin: 2px 0 2px 5px;
padding: 2px 5px 2px 5px; padding: 2px 5px 2px 5px;
color: var(--fg-gray); color: var(--fg-gray);
background-color: #eee; background-color: #eee;
@ -530,6 +535,7 @@ th, tr, td, label {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
#mode-info span { #mode-info span {
margin: 2px 5px 2px 0;
font-size: smaller; font-size: smaller;
padding: 2px 5px 2px 5px; padding: 2px 5px 2px 5px;
color: var(--fg-gray); color: var(--fg-gray);
@ -1079,23 +1085,23 @@ th, tr, td, label {
} }
#progress { #progress {
display: none; left: 0;
position: absolute; right: 0;
top: 0px; height: 6px;
left: 10%; min-height: 6px;
right: 10%;
text-align: center; text-align: center;
background-color: rgba(0,0,0,0.15); background-color: rgba(0,0,0,0.15);
border-radius: 3px; border-radius: 3px;
} }
#progbar { #progbar {
width: 100%; width: 0;
text-align: left; text-align: left;
position: relative; position: relative;
background-color: rgba(255,0,0,0.65); background-color: rgba(255,0,0,0.65);
border-radius: 3px; border-radius: 3px;
} }
#progtxt { #progtxt {
display: none;
color: white; color: white;
margin: 0 5px 0 5px; margin: 0 5px 0 5px;
padding: 0 5px 2px 5px; padding: 0 5px 2px 5px;

3
web/kiri/index.html
View file

@ -244,9 +244,10 @@
<!-- line betwwen menu bar and main application windows --> <!-- line betwwen menu bar and main application windows -->
<div id="top-mid-sep"></div> <div id="top-mid-sep"></div>
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="top-mid-sep"></div>
<div id="mid" class="grow f-row"> <div id="mid" class="grow f-row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<!-- left settings menu --> <!-- left settings menu -->
<div id="mid-left" class="f-col j-left"> <div id="mid-left" class="f-col j-left">