ChrisChen/ROLAC
1
0
Fork 0
Code Issues 66 Pull Requests Actions Packages Projects Releases Wiki Activity

update mobile view for expense.

Browse Source
This commit is contained in:
Chris Chen
2026-06-23 13:49:38 -07:00
parent 5dfca873dd
commit 47aec287aa
8 changed files with 234 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
APP/src/app/features/expense/pages/expenses-page/expenses-page.component.html
+8 -1
View File
@@ -68,8 +68,9 @@
</ng-template>
</kendo-grid-column>
<kendo-grid-column title="Actions" [width]="100">
<kendo-grid-column title="Actions" [width]="160">
<ng-template kendoGridCellTemplate let-dataItem>
<button *ngIf="canEdit(dataItem)" kendoButton fillMode="flat" (click)="openEdit(dataItem)">Edit</button>
<ng-container *ngIf="canApproveOrReject(dataItem)">
<button kendoButton themeColor="success" fillMode="flat" (click)="approve(dataItem)">Approve</button>
<button kendoButton themeColor="error" fillMode="flat" (click)="openReject(dataItem)">Reject</button>
@@ -93,6 +94,12 @@
title="Reimbursement (on behalf)" (save)="onReimbSave($event)" (cancel)="reimbDialogOpen = false">
</app-expense-form-dialog>
<!-- Edit dialog -->
<app-expense-form-dialog *ngIf="editRow" [mode]="editMode" [expense]="editRow"
[title]="editMode === 'vendor' ? 'Edit Vendor Payment' : 'Edit Reimbursement'"
(save)="onEditSave($event)" (cancel)="closeEdit()">
</app-expense-form-dialog>
<!-- Mark Paid dialog -->
<kendo-dialog *ngIf="payRow" title="Mark Paid" [width]="400" (close)="payRow = null">
<div class="grid grid-cols-1 gap-3 p-2">