add pipline

.gitea/workflows/test_implement.yml

@@ -23,7 +23,14 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Generate version
-        run: echo "VERSION=$(date +%Y%d%m_%H%M)" >> $GITHUB_ENV
+        run: |
+          VERSION=$(date +%Y%d%m_%H%M)
+          GIT_SHA=$(git rev-parse --short HEAD)
+
+          echo "VERSION=$VERSION" >> $GITHUB_ENV
+          echo "GIT_SHA=$GIT_SHA" >> $GITHUB_ENV
+
+          echo "Version: $VERSION Commit:$GIT_SHA" > public/VERSION
 
       - name: Login to registry
         run: |

public/portal.html

@@ -61,32 +61,59 @@
         </div>
       </div>
 
-      <!-- API documentation -->
-      <div class="card mt-3">
-        <div class="card-body d-flex align-items-center justify-content-between">
-          <div>
-            <h6 class="fw-semibold mb-1"><i class="bi bi-book me-1"></i>API Documentation</h6>
-            <p class="text-muted small mb-0">OpenAPI reference for the Check List backend endpoints.</p>
-          </div>
-          <a href="/api-docs" target="_blank" class="btn btn-outline-secondary btn-sm">View docs</a>
-        </div>
-      </div>
+       <!-- API documentation -->
+       <div class="card mt-3">
+         <div class="card-body d-flex align-items-center justify-content-between">
+           <div>
+             <h6 class="fw-semibold mb-1"><i class="bi bi-book me-1"></i>API Documentation</h6>
+             <p class="text-muted small mb-0">OpenAPI reference for the Check List backend endpoints.</p>
+           </div>
+           <a href="/api-docs" target="_blank" class="btn btn-outline-secondary btn-sm">View docs</a>
+         </div>
+       </div>
+       
+       <!-- Version info -->
+       <div class="card mt-3">
+         <div class="card-body">
+           <div id="versionInfo" class="text-center text-muted small">
+             Loading version...
+           </div>
+         </div>
+       </div>
     </main>
 
-    <script>
-      (function() {
-        // Cleanup button
-        document.getElementById('cleanupBtn').addEventListener('click', () => {
-          if (!confirm('This will remove ALL application data (cached data, settings). Continue?')) return;
-          localStorage.removeItem('user_language');
-          // Clear IndexedDB
-          indexedDB.databases().then(dbs => {
-            dbs.forEach(db => indexedDB.deleteDatabase(db.name));
-          }).catch(() => {});
-          alert('All data cleared. Page will reload.');
-          location.reload();
-        });
-      })();
-    </script>
+     <script>
+       (function() {
+         // Cleanup button
+         document.getElementById('cleanupBtn').addEventListener('click', () => {
+           if (!confirm('This will remove ALL application data (cached data, settings). Continue?')) return;
+           localStorage.removeItem('user_language');
+           // Clear IndexedDB
+           indexedDB.databases().then(dbs => {
+             dbs.forEach(db => indexedDB.deleteDatabase(db.name));
+           }).catch(() => {});
+           alert('All data cleared. Page will reload.');
+           location.reload();
+         });
+       })();
+
+       // Fetch and display version
+       fetch('/VERSION')
+         .then(response => {
+           if (!response.ok) {
+             throw new Error('Network response was not ok');
+           }
+           return response.text();
+         })
+         .then(versionText => {
+           const versionInfo = document.getElementById('versionInfo');
+           versionInfo.textContent = versionText.trim() || 'Version not available';
+         })
+         .catch(error => {
+           console.error('Could not load version:', error);
+           const versionInfo = document.getElementById('versionInfo');
+           versionInfo.textContent = 'Version not available';
+         });
+     </script>
   </body>
 </html>