feat: add Pending Account and Reject Account tabs to Approval Center

- Added Pending Account tab showing savings/FD/RD/current accounts with status=pending (100) - Added Reject Account tab showing accounts with status=rejected (500) - Each tab displays: account no, client name, product, type badge, office, field officer, submitted/rejected date, status - Bulk approve with correct endpoint per deposit type (savings/FD/RD/current) - Resolvers use forkJoin to fetch savings + current accounts in parallel - Office name resolved via /offices map; field officer name taken directly from API response Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-22 14:02:40 +05:30
parent 3370a95235
commit df96be9a0e
11 changed files with 1009 additions and 1 deletions
@@ -0,0 +1,171 @@
+/**
+ * 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/.
+ */
+
+$brand: #1353a0;
+$border: #e2e8f0;
+$text-muted: #64748b;
+
+.cv-tab-content {
+  padding: 16px 0;
+}
+
+.cv-action-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+}
+
+.cv-search-field {
+  flex: 1;
+  min-width: 200px;
+  max-width: 320px;
+
+  ::ng-deep {
+    .mat-mdc-form-field-flex {
+      height: 36px;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding: 6px 0;
+      min-height: 36px;
+    }
+
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mdc-notched-outline {
+      .mdc-notched-outline__leading {
+        border-radius: 8px 0 0 8px;
+      }
+
+      .mdc-notched-outline__trailing {
+        border-radius: 0 8px 8px 0;
+      }
+    }
+
+    .mat-mdc-form-field-icon-prefix {
+      padding: 0 6px 0 8px;
+      color: $text-muted;
+      font-size: 16px;
+    }
+
+    input {
+      font-size: 13px;
+    }
+  }
+}
+
+.cv-action-buttons {
+  display: flex;
+  gap: 8px;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.cv-btn {
+  font-size: 12px;
+  font-weight: 600;
+  border-radius: 8px !important;
+  height: 36px;
+  padding: 0 16px;
+  font-family: 'DM Sans', Roboto, sans-serif;
+
+  fa-icon {
+    margin-right: 4px;
+    font-size: 11px;
+  }
+}
+
+.cv-btn-approve {
+  border-color: #16a34a;
+  color: #16a34a;
+
+  &:hover {
+    background: #f0fdf4;
+  }
+}
+
+.type-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 10px;
+  border-radius: 20px;
+  font-size: 11px;
+  font-weight: 600;
+  background: #dbeafe;
+  color: #1e40af;
+
+  &--current {
+    background: #ede9fe;
+    color: #5b21b6;
+  }
+
+  &--fd {
+    background: #fef3c7;
+    color: #92400e;
+  }
+
+  &--rd {
+    background: #d1fae5;
+    color: #065f46;
+  }
+}
+
+.status-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 10px;
+  border-radius: 20px;
+  font-size: 11px;
+  font-weight: 600;
+  background: #fef9c3;
+  color: #854d0e;
+
+  &--pending {
+    background: #fef9c3;
+    color: #854d0e;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 24px;
+  background: #fff;
+  border: 1px dashed $border;
+  border-radius: 14px;
+  text-align: center;
+  margin: 16px 0;
+
+  .empty-icon {
+    font-size: 42px;
+    color: #cbd5e1;
+    margin-bottom: 14px;
+  }
+
+  .empty-title {
+    margin: 0 0 4px;
+    font-size: 15px;
+    font-weight: 700;
+    color: #0d1b2a;
+  }
+
+  .empty-text {
+    margin: 0;
+    font-size: 12.5px;
+    color: $text-muted;
+    max-width: 380px;
+    line-height: 1.5;
+  }
+}