asolkar/web-workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated workout done indication

Browse Source
This commit is contained in:
Mahesh Asolkar 2025-03-29 22:16:10 -07:00
parent 115728fe58
commit c46b37756a
Signed by: asolkar
GPG Key ID: 371CA8164433BDCC
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Workout.js
View File

@ -52,8 +52,6 @@ progress_indicator(id) {
// ---------- // ----------
render_workout_header() { render_workout_header() {
const hdr = this.text_element("h1", this.plan.name); const hdr = this.text_element("h1", this.plan.name);
const wo_indicator = this.progress_indicator("wo-indicator");
hdr.appendChild(wo_indicator);
this.container.appendChild(hdr); this.container.appendChild(hdr);
} }
@ -251,9 +249,13 @@ update_active_item() {
// Mark workout done // Mark workout done
if (this.workout_done == 1) { if (this.workout_done == 1) {
const wo_indicator = this.container.querySelector("#wo-indicator"); const wo_h1 = this.container.querySelector(".workout-wrapper h1");
wo_indicator.classList.remove("pending"); wo_h1.classList.add("done");
wo_indicator.classList.add("done"); this.container.classList.add("done");
let buttons = this.container.querySelectorAll("button");
buttons.forEach(function(bttn, bidx) {
bttn.disabled = true;
});
} }
} }

10
style.css
View File

@ -27,6 +27,11 @@ html {
.workout-wrapper { .workout-wrapper {
width: 90%; width: 90%;
} }
.workout-wrapper.done {
color: #777;
background-color: #eee;
}
.workout-wrapper table { .workout-wrapper table {
width: 97%; width: 97%;
} }
@ -57,8 +62,11 @@ html {
font-family: "Boldonse", system-ui; font-family: "Boldonse", system-ui;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-align: center; text-align: center;
text-decoration: underline var(--indicator-pending) solid 0.2em;
}
.workout-wrapper h1.done {
text-decoration: underline var(--indicator-done) solid 0.2em;
} }
.workout-wrapper table { .workout-wrapper table {
margin-left: auto; margin-left: auto;