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

Miscellaneous cleanup and beautification

Browse Source
This commit is contained in:
Mahesh Asolkar 2025-03-16 12:23:44 -07:00
parent 26fff26fef
commit 114f92c3d0
1 changed files with 249 additions and 230 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
Workout.js
View File

@ -1,30 +1,39 @@
class Workout { class Workout {
// ----------
constructor(cont, plan) { constructor(cont, plan) {
const wo_cont = document.createElement("div"); const wo_cont = document.createElement("div");
wo_cont.classList.add("workout-wrapper"); wo_cont.classList.add("workout-wrapper");
cont.appendChild(wo_cont); cont.appendChild(wo_cont);
this.cont = wo_cont;
// Inputs to the class. Workout plan and container to display it in
this.container = wo_cont;
this.plan = plan; this.plan = plan;
// Status tracking information
this.action = ""; this.action = "";
this.set_idx = 0; this.set_idx = 0;
this.exercise_idx = 0; this.exercise_idx = 0;
this.workout_done = 0; this.workout_done = 0;
// this.show_debug_status = 1; // Enable debug
this.show_debug_status = 1;
} }
// ----------
text_element(typ, txt) { text_element(typ, txt) {
const ret_elem = document.createElement(typ); const el = document.createElement(typ);
ret_elem.textContent = txt; el.textContent = txt;
return ret_elem; return el;
} }
// ----------
render_workout_header() { render_workout_header() {
this.cont.appendChild(this.text_element("h1", this.plan.name)); this.container.appendChild(this.text_element("h1", this.plan.name));
} }
// ----------
render_debug_status() { render_debug_status() {
const dbg_div = document.createElement("div"); const dbg_div = document.createElement("div");
dbg_div.classList.add("app_debug"); dbg_div.classList.add("app_debug");
@ -32,17 +41,19 @@ class Workout {
const dt = document.createElement("p"); const dt = document.createElement("p");
dt.setAttribute("id", "app_debug_div"); dt.setAttribute("id", "app_debug_div");
dbg_div.appendChild(dt); dbg_div.appendChild(dt);
this.cont.appendChild(dbg_div); this.container.appendChild(dbg_div);
} }
// ----------
update_debug_info() { update_debug_info() {
if (this.show_debug_status) { if (this.show_debug_status) {
const dt = this.cont.querySelector("#app_debug_div"); const dt = this.container.querySelector("#app_debug_div");
const done_str = (this.workout_done === 1) ? "Done " : ""; const done_str = (this.workout_done === 1) ? "Done " : "";
dt.textContent = `${done_str}Action: ${this.action} Current: Set-${this.set_idx}/Exercise-${this.exercise_idx}`; dt.textContent = `${done_str}Action: ${this.action} Current: Set-${this.set_idx}/Exercise-${this.exercise_idx}`;
} }
} }
// ----------
render_exercise(prnt, el, idx) { render_exercise(prnt, el, idx) {
const tblr = document.createElement("tr"); const tblr = document.createElement("tr");
tblr.setAttribute("class", `exercise-row exercise-idx-${idx} exercise-pending`); tblr.setAttribute("class", `exercise-row exercise-idx-${idx} exercise-pending`);
@ -69,6 +80,7 @@ class Workout {
prnt.appendChild(tblr); prnt.appendChild(tblr);
} }
// ----------
render_set(el, idx) { render_set(el, idx) {
const wo = this; const wo = this;
@ -106,9 +118,10 @@ class Workout {
}); });
tbl.appendChild(tblb); tbl.appendChild(tblb);
this.cont.appendChild(tbl); this.container.appendChild(tbl);
} }
// ----------
render_workout() { render_workout() {
const wo = this; const wo = this;
this.render_workout_header(); this.render_workout_header();
@ -122,9 +135,10 @@ class Workout {
this.update_debug_info(); this.update_debug_info();
} }
// ----------
update_active_item() { update_active_item() {
// Make current active exercise row inactive // Make current active exercise row inactive
const curr_active_tr = this.cont.querySelector(".exercise-row.active"); const curr_active_tr = this.container.querySelector(".exercise-row.active");
if (curr_active_tr != null) { if (curr_active_tr != null) {
curr_active_tr.classList.remove("active"); curr_active_tr.classList.remove("active");
} }
@ -132,7 +146,7 @@ class Workout {
// Set active exercise row // Set active exercise row
let qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx}`; let qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx}`;
console.log(`Looking for ${qstr}`); console.log(`Looking for ${qstr}`);
const next_active_tr = this.cont.querySelector(qstr); const next_active_tr = this.container.querySelector(qstr);
console.log(next_active_tr); console.log(next_active_tr);
if (next_active_tr != null) { if (next_active_tr != null) {
next_active_tr.classList.add("active"); next_active_tr.classList.add("active");
@ -140,13 +154,14 @@ class Workout {
// Mark workout done // Mark workout done
qstr = `table tr.exercise-pending`; qstr = `table tr.exercise-pending`;
let pending_trs = this.cont.querySelectorAll(qstr); let pending_trs = this.container.querySelectorAll(qstr);
console.log(`Remaining to be done ${pending_trs.length}`); console.log(`Remaining to be done ${pending_trs.length}`);
if (pending_trs.length === 0) { if (pending_trs.length === 0) {
this.workout_done = 1; this.workout_done = 1;
} }
} }
// ----------
handle_exercise_advance() { handle_exercise_advance() {
const curr_exercise_max_idx = this.plan.set[this.set_idx].exercise.length-1; const curr_exercise_max_idx = this.plan.set[this.set_idx].exercise.length-1;
const curr_set_max_idx = this.plan.set.length-1; const curr_set_max_idx = this.plan.set.length-1;
@ -169,6 +184,7 @@ class Workout {
this.update_active_item(); this.update_active_item();
} }
// ----------
handle_exercise_regress() { handle_exercise_regress() {
const curr_set_max_idx = this.plan.set.length-1; const curr_set_max_idx = this.plan.set.length-1;
@ -188,24 +204,25 @@ class Workout {
this.update_active_item(); this.update_active_item();
} }
// ----------
handle_exercise_done() { handle_exercise_done() {
// Set active exercise row // Set active exercise row
let qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx} input`; let qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx} input`;
console.log(`Looking for ${qstr}`); console.log(`Looking for ${qstr}`);
const active_chkbox = this.cont.querySelector(qstr); const active_chkbox = this.container.querySelector(qstr);
if (!active_chkbox.checked) { if (!active_chkbox.checked) {
active_chkbox.checked = true; active_chkbox.checked = true;
active_chkbox.disabled = true; active_chkbox.disabled = true;
qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx}`; qstr = `table.set-table-idx-${this.set_idx} tr.exercise-idx-${this.exercise_idx}`;
const active_tr = this.cont.querySelector(qstr); const active_tr = this.container.querySelector(qstr);
active_tr.classList.remove("exercise-pending"); active_tr.classList.remove("exercise-pending");
} }
this.update_active_item(); this.update_active_item();
} }
// ----------
handle_key_press(app, ev) { handle_key_press(app, ev) {
if (this.workout_done) { if (this.workout_done) {
return; return;
@ -231,6 +248,7 @@ class Workout {
app.update_debug_info(); app.update_debug_info();
} }
// ----------
render() { render() {
const app = this; const app = this;
this.render_workout(); this.render_workout();
@ -240,5 +258,6 @@ class Workout {
app.handle_key_press(app, ev); app.handle_key_press(app, ev);
}); });
} }
} }