feat: add database export, welcome kit dialog, and DIP/sanctions updates

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-17 17:52:28 +05:30
parent c18219fce5
commit 7ef75c902d
33 changed files with 3042 additions and 208 deletions
@@ -0,0 +1,213 @@
+/**
+ * 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/.
+ */
+
+.container {
+  padding: 20px;
+}
+
+.page-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 16px;
+
+  h2 {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  .header-icon {
+    color: #1074b9;
+    font-size: 20px;
+  }
+}
+
+/* The consequence of this screen is stated up front, not buried in a tooltip. */
+.warning-banner {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+  margin-bottom: 20px;
+  border-radius: 8px;
+  background-color: rgb(180 83 9 / 7%);
+  border: 1px solid rgb(180 83 9 / 30%);
+  font-size: 13px;
+  line-height: 1.55;
+  color: #7c2d12;
+
+  &__icon {
+    color: #b45309;
+    font-size: 18px;
+    margin-top: 2px;
+  }
+}
+
+.request-card {
+  padding: 18px 20px;
+  margin-bottom: 22px;
+  border-radius: 10px;
+  background-color: #f7f9fc;
+  border: 1px solid #e3e7ee;
+
+  &__title {
+    margin: 0 0 14px;
+    font-size: 15px;
+    font-weight: 600;
+  }
+
+  &__actions {
+    display: flex;
+    justify-content: flex-end;
+
+    .chip-icon {
+      margin-right: 6px;
+    }
+  }
+}
+
+.full-width {
+  width: 100%;
+}
+
+.filters-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 14px;
+}
+
+.filter-chips {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  button {
+    font-size: 13px;
+    border-radius: 20px;
+  }
+
+  .chip-icon {
+    margin-right: 6px;
+  }
+
+  .active-filter {
+    background-color: #1074b9;
+    color: #fff;
+    border-color: #1074b9;
+  }
+
+  .chip-pending.active-filter {
+    background-color: #b45309;
+    border-color: #b45309;
+  }
+
+  .chip-approved.active-filter {
+    background-color: #388e3c;
+    border-color: #388e3c;
+  }
+
+  .chip-rejected.active-filter {
+    background-color: #d32f2f;
+    border-color: #d32f2f;
+  }
+}
+
+.result-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 10px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+
+  &.badge-pending {
+    background-color: rgb(180 83 9 / 12%);
+    color: #b45309;
+  }
+
+  &.badge-approved {
+    background-color: rgb(56 142 60 / 14%);
+    color: #2e7d32;
+  }
+
+  &.badge-rejected {
+    background-color: rgb(211 47 47 / 12%);
+    color: #c62828;
+  }
+
+  &.badge-generated {
+    background-color: rgb(16 116 185 / 12%);
+    color: #1074b9;
+  }
+}
+
+.reason-cell {
+  max-width: 320px;
+
+  span {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .rejection-note {
+    margin-top: 2px;
+    font-size: 11px;
+    color: #c62828;
+  }
+}
+
+.stacked {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.35;
+}
+
+.muted {
+  color: #6b7280;
+  font-size: 11px;
+}
+
+.row-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+
+  button {
+    font-size: 12px;
+  }
+
+  fa-icon {
+    margin-right: 5px;
+  }
+}
+
+/* Stands in for the download button on rows the viewer did not raise. */
+.withheld-note {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+  font-style: italic;
+  white-space: nowrap;
+}
+
+.no-data {
+  padding: 40px 0;
+  text-align: center;
+  color: #6b7280;
+
+  &-icon {
+    font-size: 30px;
+    margin-bottom: 10px;
+    opacity: 0.5;
+  }
+}