Update with new components

2025-09-23 19:41:25 +05:30
parent cfe68a276f
commit bd2f5b95ce
129 changed files with 5848 additions and 1168 deletions
@@ -7,41 +7,61 @@
      <i class="bi bi-plus"></i> Add New Event
    </a>
  </div>
-  <table class="table table-bordered">
-    <thead>
-      <tr>
-        <th>Code</th>
-        <th>Year</th>
-        <th>Subject</th>
-        <th>Title</th>
-        <th>Subtitle</th>
-        <th>Date</th>
-        <th>Phone</th>
-        <th>Email</th>
-        <th>Active</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr *ngFor="let event of events">
-        <td>{{ event.code }}</td>
-        <td>{{ event.year }}</td>
-        <td>{{ event.subject }}</td>
-        <td>{{ event.title }}</td>
-        <td>{{ event.subTitle }}</td>
-        <td>{{ event.date }}</td>
-        <td>{{ event.phone }}</td>
-        <td>{{ event.email }}</td>
-        <td>{{ event.isActive ? 'Yes' : 'No' }}</td>
-        <td>
-          <a [routerLink]="['/eventForm', event.id]" class="btn btn-warning btn-sm">
-            <i class="bi bi-pencil"></i> Edit
-          </a>
-          <button (click)="deleteEvent(event.id)" class="btn btn-danger btn-sm">
-            <i class="bi bi-trash"></i> Delete
-          </button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+  <div class="table-responsive">
+    <table class="table table-bordered">
+      <thead>
+        <tr>
+          <th>Code</th>
+          <th>Year</th>
+          <th>Subject</th>
+          <th>Title</th>
+          <th>Description</th>
+          <th>Date</th>
+          <th>Fees</th>
+          <th>Main Image</th>
+          <th>Active</th>
+          <th>Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr *ngFor="let event of events">
+          <td>{{ event.code }}</td>
+          <td>{{ event.year }}</td>
+          <td>{{ event.subject }}</td>
+          <td>{{ event.title }}</td>
+          <td>{{ event.description?.substring(0, 50) }}{{ event.description?.length > 50 ? '...' : '' }}</td>
+          <td>{{ event.date }}</td>
+          <td>
+            <span *ngIf="event.fee && event.fee.length > 0">
+              {{ event.fee[0].description }}: ₹{{ event.fee[0].cost }}
+              <span *ngIf="event.fee.length > 1"> (+{{ event.fee.length - 1 }} more)</span>
+            </span>
+            <span *ngIf="!event.fee || event.fee.length === 0" class="text-muted">No fees</span>
+          </td>
+          <td>
+            <img *ngIf="event.mainImage" 
+                 [src]="event.mainImage" 
+                 alt="Event Image" 
+                 style="width: 50px; height: 30px; object-fit: cover; border-radius: 4px;"
+                 onerror="this.style.display='none'">
+            <span *ngIf="!event.mainImage" class="text-muted">No image</span>
+          </td>
+          <td>
+            <span class="badge" 
+                  [ngClass]="event.isActive ? 'bg-success' : 'bg-secondary'">
+              {{ event.isActive ? 'Yes' : 'No' }}
+            </span>
+          </td>
+          <td>
+            <a [routerLink]="['/dashboard/eventForm', event.id]" class="btn btn-warning btn-sm me-2">
+              <i class="bi bi-pencil"></i> Edit
+            </a>
+            <button (click)="deleteEvent(event.id)" class="btn btn-danger btn-sm">
+              <i class="bi bi-trash"></i> Delete
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>