CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: Client & CKYC UI improvements — filters, KYC management, image crop+merge

Browse Source 
- Clients list: CKYC icon, CKYC Number column, status/legal form/CKYC filters
- CKYC: SFTP upload logs, date formatting, modal z-index fix, non-dismissible dialogs
- KYC Management: new standalone module with alert dashboard, notification scheduler, audit inventory, account status
- Image cropper: ngx-image-cropper integration for front+back document merge into single PNG
- Sidebar: KYC Management menu entry after CKYC

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Aditya
2026-04-16 13:51:11 +05:30
co-authored by Claude Opus 4.6
parent 79e455c4ed
commit d72e969dc3
210 changed files with 14273 additions and 1139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/users/create-user/create-user.component.scss
+1 -1
View File
@@ -92,7 +92,7 @@ $gray-900: #202124;
gap: 4px 16px;
padding: 16px 24px;
@media (max-width: 600px) { grid-template-columns: 1fr; }
@media (width <= 600px) { grid-template-columns: 1fr; }
}
.cu-field {
src/app/users/edit-user/edit-user.component.scss
+1 -1
View File
@@ -92,7 +92,7 @@ $gray-900: #202124;
gap: 4px 16px;
padding: 16px 24px;
@media (max-width: 600px) { grid-template-columns: 1fr; }
@media (width <= 600px) { grid-template-columns: 1fr; }
}
.eu-field {
src/app/users/view-user/view-user.component.scss
+20 -23
View File
@@ -22,8 +22,8 @@ $accent: #0ea5e9;
background: #fff;
border-radius: 10px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
border: 1px solid rgb(0 0 0 / 6%);
box-shadow: 0 1px 4px rgb(0 0 0 / 4%);
}
// ── Dark gradient header ──
@@ -39,10 +39,7 @@ $accent: #0ea5e9;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
background: repeating-linear-gradient(108deg, transparent 0, transparent 80px, rgb(255 255 255 / 2.5%) 80px, rgb(255 255 255 / 2.5%) 160px);
pointer-events: none;
}
@@ -59,7 +56,7 @@ $accent: #0ea5e9;
&__icon {
font-size: 56px;
color: rgba(255, 255, 255, 0.25);
color: rgb(255 255 255 / 25%);
}
}
@@ -92,23 +89,23 @@ $accent: #0ea5e9;
&__username {
font-size: 13px;
font-weight: 500;
color: rgba(255, 255, 255, 0.5);
font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
color: rgb(255 255 255 / 50%);
font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace;
}
}
.vu-menu-btn {
color: rgba(255, 255, 255, 0.7) !important;
color: rgb(255 255 255 / 70%) !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.15);
border: 1px solid rgb(255 255 255 / 15%);
border-radius: 5px !important;
line-height: 28px !important;
&:hover {
background: rgba(255, 255, 255, 0.1);
background: rgb(255 255 255 / 10%);
color: #fff !important;
}
}
@@ -125,14 +122,14 @@ $accent: #0ea5e9;
align-items: center;
gap: 8px;
padding: 4px 11px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.13);
background: rgb(255 255 255 / 10%);
border: 1px solid rgb(255 255 255 / 13%);
border-radius: 5px;
&__label {
font-size: 9px;
font-weight: 700;
color: rgba(255, 255, 255, 0.4);
color: rgb(255 255 255 / 40%);
text-transform: uppercase;
letter-spacing: 0.4px;
}
@@ -144,15 +141,15 @@ $accent: #0ea5e9;
}
&--active {
background: rgba(16, 185, 129, 0.15);
border-color: rgba(16, 185, 129, 0.25);
background: rgb(16 185 129 / 15%);
border-color: rgb(16 185 129 / 25%);
.vu-chip__val { color: #6ee7b7; }
}
&--inactive {
background: rgba(239, 68, 68, 0.12);
border-color: rgba(239, 68, 68, 0.2);
background: rgb(239 68 68 / 12%);
border-color: rgb(239 68 68 / 20%);
.vu-chip__val { color: #fca5a5; }
}
@@ -171,7 +168,7 @@ $accent: #0ea5e9;
padding: 14px 16px;
background: #f8fafc;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.04);
border: 1px solid rgb(0 0 0 / 4%);
margin: 3px;
transition: background 0.12s;
@@ -269,7 +266,7 @@ $accent: #0ea5e9;
}
// ── Responsive ──
@media (max-width: 768px) {
@media (width <= 768px) {
.vu-top {
flex-direction: column;
align-items: center;
@@ -281,7 +278,7 @@ $accent: #0ea5e9;
.vu-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
@media (width <= 480px) {
.vu-grid { grid-template-columns: 1fr; }
}
@@ -298,7 +295,7 @@ $accent: #0ea5e9;
.vu-cell {
background: #2a2a2a;
border-color: rgba(255, 255, 255, 0.06);
border-color: rgb(255 255 255 / 6%);
&:hover { background: #333; }