added progress bar for competencies
This commit is contained in:
@@ -81,6 +81,22 @@ function countByState(items) {
|
||||
}, {});
|
||||
}
|
||||
|
||||
async function updateProgress(items) {
|
||||
const total = items.length;
|
||||
const completed = items.filter(i => i.state === "completed").length;
|
||||
|
||||
|
||||
const percent = total === 0 ? 0 : Math.round((completed / total) * 100);
|
||||
|
||||
console.log(`Progress: ${percent}% (${completed}/${total})`);
|
||||
|
||||
const fill = document.getElementById("progress-fill");
|
||||
const label = document.getElementById("progress-label");
|
||||
|
||||
if (fill) fill.style.width = `${percent}%`;
|
||||
if (label) label.textContent = `${percent}% completed`;
|
||||
}
|
||||
|
||||
function createCard(item) {
|
||||
const card = document.createElement("div");
|
||||
card.className = "kanban-card";
|
||||
@@ -158,8 +174,9 @@ function renderBoard(items) {
|
||||
async function loadBoard() {
|
||||
const res = await fetch("/api/competencies/items");
|
||||
const items = await res.json();
|
||||
|
||||
updateProgress(items);
|
||||
renderBoard(items);
|
||||
populateMobileControls(items);
|
||||
}
|
||||
|
||||
loadBoard();
|
||||
|
||||
@@ -181,3 +181,28 @@
|
||||
cursor: default;
|
||||
background-image: none;
|
||||
}
|
||||
#progress-wrapper {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
#progress-label {
|
||||
font-size: 14px;
|
||||
margin-bottom: 6px;
|
||||
text-align: right;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#progress-bar {
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: #e5e7eb;
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#progress-fill {
|
||||
height: 100%;
|
||||
width: 0%;
|
||||
background: #22c55e;
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
See the categories: @@html:<a href="../categories.html">Categories</a>@@
|
||||
|
||||
* Blogs:
|
||||
- [[file:2026/2026-list.org][2026 List]] @@html:<span class="post-date">06-01-2026 16:08</span>@@
|
||||
- [[file:2025/2025-list.org][2025 List]] @@html:<span class="post-date">06-01-2026 16:08</span>@@
|
||||
- [[file:2026/2026-list.org][2026 List]] @@html:<span class="post-date">10-01-2026 20:49</span>@@
|
||||
- [[file:2025/2025-list.org][2025 List]] @@html:<span class="post-date">10-01-2026 20:49</span>@@
|
||||
- [[file:2026/01-january/04-01-week-review.org][[04-01-2026] - Weekly Review]] @@html:<span class="post-date">04-01-2026 12:12</span>@@ @@html:<a href="/tags/review.html"> <span class="post-tag">review</span> </a>@@
|
||||
- [[file:2025/12-december/28-12-week-review.org][[28-12-2025] - Weekly Review]] @@html:<span class="post-date">28-12-2025 12:12</span>@@ @@html:<a href="/tags/review.html"> <span class="post-tag">review</span> </a>@@
|
||||
- [[file:2025/12-december/21-12-week-review.org][[21-12-2025] - Weekly Review]] @@html:<span class="post-date">21-12-2025 12:12</span>@@ @@html:<a href="/tags/review.html"> <span class="post-tag">review</span> </a>@@
|
||||
|
||||
@@ -8,6 +8,13 @@
|
||||
This page shows the status of the competencies I am working on (*grad*)
|
||||
|
||||
#+BEGIN_EXPORT html
|
||||
<div id="progress-wrapper">
|
||||
<div id="progress-label">0% completed</div>
|
||||
<div id="progress-bar">
|
||||
<div id="progress-fill"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="kanban-board">
|
||||
<p>Loading status…</p>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
See the categories: @@html:<a href="../categories.html">Categories</a>@@
|
||||
|
||||
* Posts:
|
||||
- [[file:career/career-list.org][Career List]] @@html:<span class="post-date">06-01-2026 16:08</span>@@
|
||||
- [[file:career/career-list.org][Career List]] @@html:<span class="post-date">10-01-2026 20:49</span>@@
|
||||
- [[file:career/probation-objectives.org][Probation Objectives:]] @@html:<span class="post-date">08-12-2025 17:55</span>@@ @@html:<a href="/tags/review.html"> <span class="post-tag">review</span> </a>@@ @@html:<a href="/tags/notes.html"> <span class="post-tag">notes</span> </a>@@
|
||||
- [[file:career/airflow.org][Datamarts, Airflow and DAG's]] @@html:<span class="post-date">15-11-2025 18:37</span>@@ @@html:<a href="/tags/learning.html"> <span class="post-tag">learning</span> </a>@@ @@html:<a href="/tags/notes.html"> <span class="post-tag">notes</span> </a>@@
|
||||
- [[file:career/normalisation.org][Benefits of Normalisation]] @@html:<span class="post-date">10-11-2025 18:04</span>@@ @@html:<a href="/tags/learning.html"> <span class="post-tag">learning</span> </a>@@ @@html:<a href="/tags/notes.html"> <span class="post-tag">notes</span> </a>@@
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
#+OPTIONS: toc:nil num:nil
|
||||
|
||||
* Recently Updated (top 26 files - per lima's request)
|
||||
- [[file:home/status.org][Competency Status Board]] @@html:<span class="post-date">2026-01-10 20:47</span>@@
|
||||
- [[file:posts/career/probation-objectives.org][Probation Objectives:]] @@html:<span class="post-date">2026-01-07 18:03</span>@@
|
||||
- [[file:posts/career/airflow.org][Datamarts, Airflow and DAG's]] @@html:<span class="post-date">2026-01-06 16:08</span>@@
|
||||
- [[file:home/backlog.org][Backlog]] @@html:<span class="post-date">2026-01-06 16:00</span>@@
|
||||
- [[file:posts/career/invest-principles.org][Invest Principles]] @@html:<span class="post-date">2026-01-04 17:15</span>@@
|
||||
@@ -9,10 +11,8 @@
|
||||
- [[file:posts/career/lean.org][Lean]] @@html:<span class="post-date">2025-12-30 21:04</span>@@
|
||||
- [[file:blogs/2025/12-december/21-12-week-review.org][[21-12-2025] - Weekly Review]] @@html:<span class="post-date">2025-12-30 18:47</span>@@
|
||||
- [[file:blogs/2025/12-december/28-12-week-review.org][[28-12-2025] - Weekly Review]] @@html:<span class="post-date">2025-12-30 10:15</span>@@
|
||||
- [[file:posts/career/probation-objectives.org][Probation Objectives:]] @@html:<span class="post-date">2025-12-29 08:11</span>@@
|
||||
- [[file:home/notes.org][Notes]] @@html:<span class="post-date">2025-12-18 22:30</span>@@
|
||||
- [[file:home/setup.org][Setup]] @@html:<span class="post-date">2025-12-18 22:00</span>@@
|
||||
- [[file:home/status.org][Competency Status Board]] @@html:<span class="post-date">2025-12-18 21:16</span>@@
|
||||
- [[file:posts/career/wireframe-designs.org][Wireframe Designs]] @@html:<span class="post-date">2025-12-16 21:44</span>@@
|
||||
- [[file:posts/career/solid-principles.org][SOLID Principles]] @@html:<span class="post-date">2025-12-16 21:44</span>@@
|
||||
- [[file:posts/career/retrospectives.org][Retrospectives]] @@html:<span class="post-date">2025-12-16 21:44</span>@@
|
||||
|
||||
74
sitemap.org
74
sitemap.org
@@ -9,18 +9,36 @@
|
||||
- [[file:lima/gems.org][gems]]
|
||||
- [[file:lima/one.org][one]]
|
||||
- [[file:lima/limas-play-area.org][limas-play-area]]
|
||||
- books
|
||||
- [[file:books/books-list.org][Books List]]
|
||||
- clean-code
|
||||
- [[file:books/clean-code/clean-code-notes.org][Clean Code Notes]]
|
||||
- home
|
||||
- [[file:home/countdown.org][Countdown]]
|
||||
- [[file:home/contact.org][Contact]]
|
||||
- [[file:home/backlog.org][Backlog]]
|
||||
- [[file:home/services.org][Service]]
|
||||
- [[file:home/setup.org][Setup]]
|
||||
- [[file:home/notes.org][Notes]]
|
||||
- [[file:home/status.org][Competency Status Board]]
|
||||
- [[file:home/categories.org][Categories]]
|
||||
- posts
|
||||
- [[file:posts/posts-intro.org][Posts Introduction]]
|
||||
- [[file:posts/posts-list.org][Posts List]]
|
||||
- career
|
||||
- [[file:posts/career/solid-principles.org][SOLID Principles]]
|
||||
- [[file:posts/career/owasp.org][OWASP Top Ten]]
|
||||
- [[file:posts/career/lean.org][Lean]]
|
||||
- [[file:posts/career/retrospectives.org][Retrospectives]]
|
||||
- [[file:posts/career/invest-principles.org][Invest Principles]]
|
||||
- [[file:posts/career/career-intro.org][Career Introduction]]
|
||||
- [[file:posts/career/wireframe-designs.org][Wireframe Designs]]
|
||||
- [[file:posts/career/management-of-self.org][Management of self training]]
|
||||
- [[file:posts/career/requirements-features.org][Requirements, features, user stories, tasks, walking skeletons]]
|
||||
- [[file:posts/career/normalisation.org][Benefits of Normalisation]]
|
||||
- [[file:posts/career/airflow.org][Datamarts, Airflow and DAG's]]
|
||||
- [[file:posts/career/probation-objectives.org][Probation Objectives:]]
|
||||
- [[file:posts/career/career-list.org][Career List]]
|
||||
- blogs
|
||||
- [[file:blogs/blogs-intro.org][Blogs Introduction]]
|
||||
- [[file:blogs/publish-pages.org][How to publish pages using Org Publish]]
|
||||
- [[file:blogs/blogs-list.org][Blogs List]]
|
||||
- 2026
|
||||
- [[file:blogs/2026/2026-list.org][2026 List]]
|
||||
- 01-january
|
||||
- [[file:blogs/2026/01-january/04-01-week-review.org][[04-01-2026] - Weekly Review]]
|
||||
- 2025
|
||||
- [[file:blogs/2025/2025-list.org][2025 List]]
|
||||
- 11-november
|
||||
@@ -42,40 +60,22 @@
|
||||
- [[file:blogs/2025/12-december/14-12-week-review.org][[14-12-2025] - Weekly Review]]
|
||||
- [[file:blogs/2025/12-december/21-12-week-review.org][[21-12-2025] - Weekly Review]]
|
||||
- [[file:blogs/2025/12-december/28-12-week-review.org][[28-12-2025] - Weekly Review]]
|
||||
- home
|
||||
- [[file:home/countdown.org][Countdown]]
|
||||
- [[file:home/contact.org][Contact]]
|
||||
- [[file:home/backlog.org][Backlog]]
|
||||
- [[file:home/services.org][Service]]
|
||||
- [[file:home/status.org][Competency Status Board]]
|
||||
- [[file:home/setup.org][Setup]]
|
||||
- [[file:home/notes.org][Notes]]
|
||||
- [[file:home/categories.org][Categories]]
|
||||
- posts
|
||||
- [[file:posts/posts-intro.org][Posts Introduction]]
|
||||
- [[file:posts/posts-list.org][Posts List]]
|
||||
- career
|
||||
- [[file:posts/career/solid-principles.org][SOLID Principles]]
|
||||
- [[file:posts/career/owasp.org][OWASP Top Ten]]
|
||||
- [[file:posts/career/lean.org][Lean]]
|
||||
- [[file:posts/career/retrospectives.org][Retrospectives]]
|
||||
- [[file:posts/career/invest-principles.org][Invest Principles]]
|
||||
- [[file:posts/career/career-intro.org][Career Introduction]]
|
||||
- [[file:posts/career/wireframe-designs.org][Wireframe Designs]]
|
||||
- [[file:posts/career/management-of-self.org][Management of self training]]
|
||||
- [[file:posts/career/requirements-features.org][Requirements, features, user stories, tasks, walking skeletons]]
|
||||
- [[file:posts/career/normalisation.org][Benefits of Normalisation]]
|
||||
- [[file:posts/career/airflow.org][Datamarts, Airflow and DAG's]]
|
||||
- [[file:posts/career/probation-objectives.org][Probation Objectives:]]
|
||||
- [[file:posts/career/career-list.org][Career List]]
|
||||
- 2026
|
||||
- [[file:blogs/2026/2026-list.org][2026 List]]
|
||||
- 01-january
|
||||
- [[file:blogs/2026/01-january/04-01-week-review.org][[04-01-2026] - Weekly Review]]
|
||||
- books
|
||||
- [[file:books/books-list.org][Books List]]
|
||||
- clean-code
|
||||
- [[file:books/clean-code/clean-code-notes.org][Clean Code Notes]]
|
||||
- tags
|
||||
- [[file:tags/learning.org][Tag: learning]]
|
||||
- [[file:tags/introduction.org][Tag: introduction]]
|
||||
- [[file:tags/website.org][Tag: website]]
|
||||
- [[file:tags/learning.org][Tag: learning]]
|
||||
- [[file:tags/notes.org][Tag: notes]]
|
||||
- [[file:tags/review.org][Tag: review]]
|
||||
- [[file:tags/emacs.org][Tag: emacs]]
|
||||
- [[file:tags/education.org][Tag: education]]
|
||||
- [[file:tags/website.org][Tag: website]]
|
||||
- [[file:tags/review.org][Tag: review]]
|
||||
- [[file:tags/reading.org][Tag: reading]]
|
||||
- [[file:tags/maths.org][Tag: maths]]
|
||||
- [[file:tags/insights.org][Tag: insights]]
|
||||
Reference in New Issue
Block a user