ttc/micro-frontend
2
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

.

Browse Source
This commit is contained in:
x2Skyz
2025-11-21 19:35:46 +07:00
parent 45259f7b8d
commit f0336a5ead
4 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
accounting-ng-nuttakit/src/app/component/main-dashboard/main-dashboard.component.html
View File

@@ -97,8 +97,8 @@
<label> <label>
<span>ประเภท</span> <span>ประเภท</span>
<div class="quick-log__toggle"> <div class="quick-log__toggle">
<button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'i' }" (click)="mode = 'i'; saveFrm.get('actcat')?.reset()">รายรับ</button> <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'i' }" (click)="mode = 'i'; saveFrm.get('actcat')?.reset('')">รายรับ</button>
<button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'e' }" (click)="mode = 'e'; saveFrm.get('actcat')?.reset()">รายจ่าย</button> <button type="button" class="toggle-btn" [ngClass]="{ 'is-active': mode == 'e' }" (click)="mode = 'e'; saveFrm.get('actcat')?.reset('')">รายจ่าย</button>
</div> </div>
</label> </label>
@@ -131,7 +131,7 @@
<select formControlName="actcat" <select formControlName="actcat"
class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white" class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white"
[class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)"> [class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)">
<option value="">ไม่เลือก</option> <option value="" disabled>ไม่เลือก</option>
@for (item of myDropAct.income; track item.dtlcod) { @for (item of myDropAct.income; track item.dtlcod) {
<option [value]="item.dtlcod">{{ item.dtlnam }}</option> <option [value]="item.dtlcod">{{ item.dtlnam }}</option>
} }
@@ -140,7 +140,7 @@
<select formControlName="actcat" <select formControlName="actcat"
class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white" class="w-full h-auto px-4 py-2 border rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-50 transition-all bg-white"
[class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)"> [class.border-red-500]="saveFrm.get('actcat')?.invalid && (saveFrm.get('actcat')?.dirty || saveFrm.get('actcat')?.touched)">
<option value="">ไม่เลือก</option> <option value="" disabled>ไม่เลือก</option>
@for (item of myDropAct.expense; track item.dtlcod) { @for (item of myDropAct.expense; track item.dtlcod) {
<option [value]="item.dtlcod">{{ item.dtlnam }}</option> <option [value]="item.dtlcod">{{ item.dtlnam }}</option>
} }

6
accounting-ng-nuttakit/src/app/pipe/dtmtodatetime.pipe.ts
View File

@@ -12,9 +12,9 @@ export class AccDateFormatPipe implements PipeTransform {
const str = value.toString(); const str = value.toString();
if (str.length !== 12) return str; if (str.length !== 12) return str;
const dd = str.slice(0, 2); const yyyy = str.slice(0, 4);
const mm = str.slice(2, 4); const mm = str.slice(4, 6);
const yyyy = str.slice(4, 8); const dd = str.slice(6, 8);
const hh = str.slice(8, 10); const hh = str.slice(8, 10);
const min = str.slice(10, 12); const min = str.slice(10, 12);

2
accounting-ng-nuttakit/src/environments/environment.development.ts
View File

@@ -1,4 +1,4 @@
export const environment = { export const environment = {
production: false, production: false,
apiBaseUrl: 'https://magnitude-dawn-generic-refuse.trycloudflare.com' apiBaseUrl: 'http://localhost:8000'
}; };

4
accounting-ng-nuttakit/src/styles.css
View File

@@ -12,6 +12,10 @@
z-index: 999999 !important; z-index: 999999 !important;
} }
input::placeholder{
color: #9aa3ad;
}
/* Make sure the page and app root occupy full height so 100vh aligns */ /* Make sure the page and app root occupy full height so 100vh aligns */
html, body, app-root { html, body, app-root {
height: 100%; height: 100%;