Locker module UI: dashboard, class master, locker list, waiting list, allotment form

src/app/locker/locker-dashboard/locker-dashboard.component.html

@@ -0,0 +1,45 @@
+<!--
+  Copyright since 2025 Mifos Initiative
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+
+<div class="container">
+  <div class="page-header">
+    <h2>{{ 'Locker' | translate }}</h2>
+  </div>
+
+  @for (group of groups; track group.title) {
+    <h3 class="group-title">{{ group.title | translate }}</h3>
+    <div class="cards-grid">
+      @for (screen of group.screens; track screen.label) {
+        @if (screen.ready) {
+          <mat-card class="lk-card" [routerLink]="screen.route">
+            <mat-card-content>
+              <div class="card-head">
+                <span class="card-icon">
+                  <fa-icon [icon]="screen.icon"></fa-icon>
+                </span>
+                <span class="card-title">{{ screen.label | translate }}</span>
+              </div>
+            </mat-card-content>
+          </mat-card>
+        } @else {
+          <mat-card class="lk-card lk-card--disabled" aria-disabled="true">
+            <mat-card-content>
+              <div class="card-head">
+                <span class="card-icon">
+                  <fa-icon [icon]="screen.icon"></fa-icon>
+                </span>
+                <span class="card-title">{{ screen.label | translate }}</span>
+                <span class="soon-badge">{{ 'Coming soon' | translate }}</span>
+              </div>
+            </mat-card-content>
+          </mat-card>
+        }
+      }
+    </div>
+  }
+</div>