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-25 21:11:57 +07:00
parent 291485f7b7
commit 368f2ef5e6
19 changed files with 1014 additions and 811 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
ng-ttc-frontend/src/app/content/budget-aproval-content/budget-aproval-content.css Normal file
View File

1
ng-ttc-frontend/src/app/content/budget-aproval-content/budget-aproval-content.html Normal file
View File

@@ -0,0 +1 @@
<app-budget-aproval (ExpenseEventSubmit)="OnBudgetExp($event)"></app-budget-aproval>

92
ng-ttc-frontend/src/app/content/budget-aproval-content/budget-aproval-content.ts Normal file
View File

@@ -0,0 +1,92 @@
import { IDropBdg, ITrnmst } from './../../interfaces/main.interface';
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { GeneralService } from '../../services/generalservice';
import { TransactionStateService } from '../../services/state/transaction-state.service';
@Component({
selector: 'app-budget-aproval-content',
standalone: false,
templateUrl: './budget-aproval-content.html',
styleUrl: './budget-aproval-content.css',
})
export class BudgetAprovalContent implements OnInit {
myTrnmst: ITrnmst[]=[];
myDropBdg: IDropBdg[]=[];
constructor(
private router: Router,
private route: ActivatedRoute,
private generalService: GeneralService,
private transactionStateService: TransactionStateService
){}
ngOnInit(): void {
let param = this.route.snapshot.paramMap.get('seq');
this.OnSearchTrn(param);
this.OnBudgetSearch();
}
OnSearchTrn(value: any): void {
const uri = '/api/ttc/transactionsearch';
let request = {
trnprjseq: value
}
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
this.generalService.trowApi(result);
this.myTrnmst = result.data;
this.transactionStateService.setTransactionState(this.myTrnmst);
}else{
this.generalService.trowApi(result);
}
},
error: (error: any) => {
this.generalService.trowApi(error);
},
complete: () => {}
});
}
OnBudgetExp(value: any): void {
const uri = '/api/ttc/budgetexpense';
let request = value;
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
this.generalService.trowApi(result);
}else{
this.generalService.trowApi(result);
}
},
error: (error: any) => {
this.generalService.trowApi(error);
},
complete: () => {
this.router.navigate(['/main/manager'])
}
});
}
OnBudgetSearch(): void {
const uri = '/api/ttc/budgetsearch';
let request = {}
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
// this.generalService.trowApi(result);
this.myDropBdg = result.data;
this.transactionStateService.setBudgetDrop(this.myDropBdg);
}else{
// this.generalService.trowApi(result);
}
},
error: (error: any) => {
// this.generalService.trowApi(error);
},
complete: () => {}
});
}
}

171
ng-ttc-frontend/src/app/content/main-manager-content/main-manager-content.component.ts
View File

@@ -3,7 +3,8 @@ import { Component, OnInit, ViewChild } from '@angular/core';
import { ChartConfiguration, ChartOptions } from 'chart.js';
import { BaseChartDirective } from 'ng2-charts';
import { GeneralService } from '../../services/generalservice';
import { IDropAct, IStateDrop, IActData, IActSumData } from '../../interfaces/dashboard.interface';
import { IPrjMst } from '../../interfaces/main.interface';
import { ProjectStateService } from '../../services/state/project-state.service';
@Component({
@@ -14,46 +15,41 @@ import { IDropAct, IStateDrop, IActData, IActSumData } from '../../interfaces/da
})
export class MainManagerContentComponent implements OnInit {
// @ViewChild(BaseChartDirective) chart?: BaseChartDirective;
myDropAct!: IStateDrop;
myActData: IActData[] = [];
myActSumData: IActSumData = {
summary: {
totalIncome: '',
totalExpense: '',
netProfit: '',
profitRate: '',
adjustedProfitRate: '',
period: ''
},
pie: {
income: [],
expense: []
}
};
myPrjMst: IPrjMst[]=[];
// myActData: IActData[] = [];
// myActSumData: IActSumData = {
// summary: {
// totalIncome: '',
// totalExpense: '',
// netProfit: '',
// profitRate: '',
// adjustedProfitRate: '',
// period: ''
// },
// pie: {
// income: [],
// expense: []
// }
// };
constructor(
private generalService: GeneralService,
private dashboardStateService: DashboardStateService
private projectStateService: ProjectStateService
) {}
ngOnInit(): void {
let token = localStorage.getItem('access_token')
// this.OnSearchAct(token, true);
// this.OnSetupDashboard(token, true);
// this.OnSearchSum(token, true);
this.OnSearchPrj({}, true);
}
OnSearchAct(value: any, setupFirst: boolean): void {
const uri = '/api/web/accountingSearch';
let request = {
token: value
}
OnSearchPrj(value: any, setupFirst: boolean): void {
const uri = '/api/ttc/projectsearch';
let request = {}
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
this.generalService.trowApi(result);
this.myActData = result.data;
this.dashboardStateService.setStateAccountResult(this.myActData);
this.myPrjMst = result.data;
this.projectStateService.setProjectState(this.myPrjMst);
}else{
this.generalService.trowApi(result);
}
@@ -69,94 +65,51 @@ export class MainManagerContentComponent implements OnInit {
OnSetupDashboard(value: any, setupFirst: boolean): void {
const uri = '/api/web/accountingSetup';
let request = {
token: value
}
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
this.generalService.trowApi(result);
this.myDropAct = result.data
this.dashboardStateService.setStateResult(this.myDropAct)
}else{
this.generalService.trowApi(result);
}
},
error: (error: any) => {
this.generalService.trowApi(error);
},
complete: () => {
}
});
}
OnSearchSum(value: any, setupFirst: boolean): void {
const uri = '/api/web/accountingSum';
let request = {
token: value
}
this.generalService.postRequest(uri, request).subscribe({
next: (result: any) => {
if (result.code === '200') {
this.generalService.trowApi(result);
this.myActSumData = result.data
this.dashboardStateService.setStateSumResult(this.myActSumData);
}else{
this.generalService.trowApi(result);
}
},
error: (error: any) => {
this.generalService.trowApi(error);
},
complete: () => {
}
});
}
// fetchChartData(): void {
// // NOTE: Using a placeholder endpoint as the actual one was not provided.
// const uri = '/api/dashboard/summary-last-6-months';
// this.generalService.getRequest(uri).subscribe({
// OnSetupDashboard(value: any, setupFirst: boolean): void {
// const uri = '/api/web/accountingSetup';
// let request = {
// token: value
// }
// this.generalService.postRequest(uri, request).subscribe({
// next: (result: any) => {
// if (result.code === '200' && result.data) {
// this.processChartData(result.data);
// } else {
// console.warn('Could not fetch chart data:', result.message_th);
// // Optionally, display placeholder data or an error message
// this.setupPlaceholderData();
// if (result.code === '200') {
// this.generalService.trowApi(result);
// this.myDropAct = result.data
// this.dashboardStateService.setStateResult(this.myDropAct)
// }else{
// this.generalService.trowApi(result);
// }
// },
// error: (error: any) => {
// console.error('Error fetching chart data:', error);
// // Display placeholder data on error to show the graph structure
// this.setupPlaceholderData();
// this.generalService.trowApi(error);
// },
// complete: () => {
// }
// });
// }
// processChartData(data: any[]): void {
// const labels = data.map(item => item.month);
// const revenues = data.map(item => item.revenue);
// OnSearchSum(value: any, setupFirst: boolean): void {
// const uri = '/api/web/accountingSum';
// let request = {
// token: value
// }
// this.generalService.postRequest(uri, request).subscribe({
// next: (result: any) => {
// if (result.code === '200') {
// this.generalService.trowApi(result);
// this.myActSumData = result.data
// this.dashboardStateService.setStateSumResult(this.myActSumData);
// }else{
// this.generalService.trowApi(result);
// }
// },
// error: (error: any) => {
// this.generalService.trowApi(error);
// },
// complete: () => {
// this.lineChartData.labels = labels;
// this.lineChartData.datasets[0].data = revenues;
// this.chart?.update();
// }
// setupPlaceholderData(): void {
// // This function is called if the API fails, to show a sample graph.
// const labels = ['January', 'February', 'March', 'April', 'May', 'June'];
// const revenues = [1200, 1900, 3000, 5000, 2300, 3200]; // Sample data
// this.lineChartData.labels = labels;
// this.lineChartData.datasets[0].data = revenues;
// this.chart?.update();
// }
// });
// }
}