niteshandClaude Sonnet 5
7a2cb25538
- Savings account creation shows a required "Default Share Account" picker once Share Linking is enabled, populated from the client's active share accounts; submits shareAccountId alongside it. - Fixes a real data-loss bug on Share Account creation: the Charges step re-seeded its table from the product's default charges on every ngOnChanges firing (e.g. stepping back to Details and forward again), silently discarding a charge the clerk had already added, edited, or removed - a pristine guard existed for exactly this but wasn't checked in ngOnChanges. Now it is. - Removes the hard "required" on Share Account creation's Default Savings Account field, matching the backend now accepting a share account with no linked savings account. - New /accounting/migrate-cash-denomination screen: counts a branch's opening cash into notes and coins, checks it against (or defines, if unset) the Cash GL account's balance, and opens the branch's first business day with that same count - the vault-side counterpart to Migrate Opening Balances, kept under Accounting rather than Branch Ops/Cashier so it isn't reachable by mistake. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
309 lines
4.7 KiB
SCSS
309 lines
4.7 KiB
SCSS
/**
|
|
* 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/.
|
|
*/
|
|
|
|
.mcd {
|
|
max-width: 760px;
|
|
}
|
|
|
|
.mcd-card {
|
|
margin-bottom: 14px;
|
|
border-radius: 8px;
|
|
|
|
&--flush mat-card-content {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.mcd-intro {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
padding: 10px 14px;
|
|
margin-bottom: 14px;
|
|
background: #eff6ff;
|
|
border: 1px solid #bfdbfe;
|
|
border-radius: 8px;
|
|
color: #1e40af;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
|
|
mat-icon {
|
|
font-size: 18px;
|
|
width: 18px;
|
|
height: 18px;
|
|
flex: none;
|
|
}
|
|
}
|
|
|
|
.mcd-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 16px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.mcd-office {
|
|
flex: 1 1 280px;
|
|
}
|
|
|
|
.mcd-field {
|
|
flex: 1 1 200px;
|
|
}
|
|
|
|
.mcd-loading {
|
|
padding: 10px 14px;
|
|
margin-bottom: 14px;
|
|
font-size: 12px;
|
|
color: #64748b;
|
|
}
|
|
|
|
.mcd-gl {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 10px;
|
|
padding: 10px 14px;
|
|
margin-bottom: 16px;
|
|
background: #f8fafc;
|
|
border: 1px solid #e2e8f0;
|
|
border-left: 4px solid #0ea5e9;
|
|
border-radius: 8px;
|
|
|
|
mat-icon {
|
|
color: #0ea5e9;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
&--fresh {
|
|
border-left-color: #f59e0b;
|
|
|
|
mat-icon {
|
|
color: #f59e0b;
|
|
}
|
|
}
|
|
|
|
&--error {
|
|
border-left-color: #dc2626;
|
|
background: #fef2f2;
|
|
|
|
mat-icon {
|
|
color: #dc2626;
|
|
}
|
|
}
|
|
|
|
&__label {
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.02em;
|
|
color: #64748b;
|
|
}
|
|
|
|
&__value {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #0d1b2a;
|
|
margin: 2px 0 4px;
|
|
}
|
|
|
|
&__hint {
|
|
font-size: 11.5px;
|
|
color: #64748b;
|
|
line-height: 1.4;
|
|
}
|
|
}
|
|
|
|
.mcd-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 160px 120px;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 10px 14px;
|
|
|
|
&--head {
|
|
background: #f8fafc;
|
|
border-bottom: 1px solid #e2e8f0;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.02em;
|
|
color: #64748b;
|
|
}
|
|
|
|
&--row {
|
|
border-bottom: 1px solid #f1f5f9;
|
|
}
|
|
|
|
&__denom {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #0d1b2a;
|
|
}
|
|
|
|
&__kind {
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
color: #94a3b8;
|
|
margin-left: 6px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
&__count {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2px;
|
|
|
|
button {
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
|
|
mat-icon {
|
|
font-size: 16px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__input {
|
|
width: 48px;
|
|
text-align: center;
|
|
font-variant-numeric: tabular-nums;
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 4px;
|
|
padding: 4px 2px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
&__amt {
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
text-align: right;
|
|
color: #0d1b2a;
|
|
}
|
|
}
|
|
|
|
.mcd-balance {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 24px;
|
|
flex-wrap: wrap;
|
|
padding: 12px 16px;
|
|
margin-bottom: 14px;
|
|
background: #fef2f2;
|
|
border: 1px solid #fecaca;
|
|
border-left: 4px solid #dc2626;
|
|
border-radius: 8px;
|
|
|
|
&--ok {
|
|
background: #f0fdf4;
|
|
border-color: #bbf7d0;
|
|
border-left-color: #16a34a;
|
|
}
|
|
|
|
&__figure {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
|
|
&__label {
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.02em;
|
|
color: #64748b;
|
|
}
|
|
|
|
&__amt {
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
white-space: nowrap;
|
|
color: #0d1b2a;
|
|
}
|
|
|
|
&__status {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-left: auto;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
color: #b91c1c;
|
|
|
|
mat-icon {
|
|
font-size: 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
|
|
&--ok &__status {
|
|
color: #15803d;
|
|
}
|
|
}
|
|
|
|
.mcd-reason {
|
|
width: 100%;
|
|
}
|
|
|
|
.mcd-error {
|
|
padding: 10px 14px;
|
|
margin-bottom: 14px;
|
|
background: #fef2f2;
|
|
border: 1px solid #fecaca;
|
|
border-radius: 8px;
|
|
color: #b91c1c;
|
|
font-size: 12.5px;
|
|
}
|
|
|
|
.mcd-success {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 10px;
|
|
padding: 14px 16px;
|
|
margin-bottom: 14px;
|
|
background: #f0fdf4;
|
|
border: 1px solid #bbf7d0;
|
|
border-radius: 8px;
|
|
color: #14532d;
|
|
font-size: 13px;
|
|
|
|
mat-icon {
|
|
color: #16a34a;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
&__actions {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.mcd-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
@media (width <= 560px) {
|
|
.mcd-grid {
|
|
grid-template-columns: 1fr auto;
|
|
row-gap: 4px;
|
|
|
|
&--head {
|
|
display: none;
|
|
}
|
|
|
|
&__amt {
|
|
grid-column: 1 / -1;
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|