yoganandhank
/
gccmanpower
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
All GCC vendors and employee details for IT department management
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 Commits
1 Branch
0 Tags
17 MiB
Tree: 4ec8b33328
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '4ec8b33328'
${ noResults }
gccmanpower/src/main/resources/templates/gccadjustmentmanagement/dashboard.html

4124 lines
191 KiB
Raw Normal View History

new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
​
​
​
added new adjustment management api's service and controller , html pages and javascript and some UI changes in payment tracker and manpower
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
​
​
​
​
​
new UI and query changes in gccadjustment management project and payment tracker , gcc manpower
3 months ago
new changes added adjustment management controller, service, pages and manpower standby count, and payment tracker last updated files
3 months ago
​
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org" lang="en">
  4. <head>
  5. <script th:inline="javascript">
  6. (function () {
  7. const currentUser = /*[[${session.adj_usrName}]]*/ null;
  8. if (currentUser && sessionStorage.getItem("adj_usrName") !== currentUser) {
  9. window.location.replace(/*[[@{/gccadjustmentmanagement/login}]]*/ '/gccadjustmentmanagement/login');
  10. }
  11. })();
  12. </script>
  13. <meta charset="UTF-8">
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <title>Adjustment File Management System</title>
  17. <!-- CSRF Tokens -->
  18. <meta th:if="${_csrf != null}" name="_csrf" th:content="${_csrf.token}" />
  19. <meta th:if="${_csrf != null}" name="_csrf_header" th:content="${_csrf.headerName}" />
  21. <!-- Google Fonts -->
  22. <link
  23. href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap"
  24. rel="stylesheet">
  26. <!-- Bootstrap & FontAwesome -->
  27. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
  28. <link rel="stylesheet" th:href="@{/assets/font-awesome-6.5.2/css/all.min.css}" type="text/css">
  30. <!-- SweetAlert2 -->
  31. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  33. <!-- SheetJS (Excel Export) -->
  34. <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
  36. <!-- Core Style Design System -->
  37. <style>
  38. :root {
  39. --primary: #0a4b64;
  40. --primary-light: #f0f6f8;
  41. --primary-hover: #083c50;
  42. --accent: #e28b12;
  43. --accent-light: #fef8eb;
  44. --slate-50: #f8fafc;
  45. --slate-100: #f1f5f9;
  46. --slate-200: #e2e8f0;
  47. --slate-300: #cbd5e1;
  48. --slate-400: #94a3b8;
  49. --slate-600: #475569;
  50. --slate-700: #334155;
  51. --slate-800: #1e293b;
  52. --success: #10b981;
  53. --success-light: #ecfdf5;
  54. --warning: #f59e0b;
  55. --warning-light: #fffbeb;
  56. --danger: #ef4444;
  57. --danger-light: #fef2f2;
  58. --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  59. --hover-shadow: 0 15px 35px rgba(10, 75, 100, 0.08);
  60. --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  61. }
  63. body {
  64. background-color: #f3f7f9;
  65. font-family: 'Poppins', sans-serif;
  66. color: var(--slate-700);
  67. min-height: 100vh;
  68. overflow-x: hidden;
  69. }
  71. /* Premium Header Styling */
  72. .header {
  73. background: linear-gradient(135deg, #06232e, #0a4b64);
  74. color: #fff;
  75. padding: 15px 30px;
  76. display: flex;
  77. justify-content: space-between;
  78. align-items: center;
  79. box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  80. position: relative;
  81. }
  83. .logo-left {
  84. display: flex;
  85. align-items: center;
  86. gap: 15px;
  87. }
  89. .logo-left img {
  90. width: 50px;
  91. height: 50px;
  92. filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
  93. }
  95. .logo-text h2 {
  96. font-family: 'Outfit', sans-serif;
  97. font-size: 1.1rem;
  98. font-weight: 800;
  99. margin: 0;
  100. line-height: 1.2;
  101. letter-spacing: 0.5px;
  102. text-transform: uppercase;
  103. }
  105. .logo-text p {
  106. font-size: 0.7rem;
  107. margin: 0;
  108. color: #8ed0e8;
  109. font-weight: 500;
  110. }
  112. .header-title {
  113. position: absolute;
  114. left: 50%;
  115. transform: translateX(-50%);
  116. text-align: center;
  117. z-index: 1;
  118. }
  120. .header-title h2 {
  121. font-family: 'Outfit', sans-serif;
  122. font-size: 1.4rem;
  123. font-weight: 800;
  124. margin: 0;
  125. color: #ffffff;
  126. letter-spacing: 0.5px;
  127. text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  128. }
  130. .user-menu {
  131. display: flex;
  132. align-items: center;
  133. gap: 15px;
  134. z-index: 2;
  135. }
  137. .user-badge {
  138. background: rgba(255, 255, 255, 0.12);
  139. padding: 8px 16px;
  140. border-radius: 30px;
  141. font-size: 0.85rem;
  142. font-weight: 600;
  143. display: flex;
  144. align-items: center;
  145. gap: 8px;
  146. border: 1px solid rgba(255, 255, 255, 0.1);
  147. }
  149. .btn-logout {
  150. background: #ef4444;
  151. color: #fff;
  152. border: none;
  153. padding: 8px 18px;
  154. border-radius: 30px;
  155. font-size: 0.85rem;
  156. font-weight: 600;
  157. cursor: pointer;
  158. transition: var(--transition);
  159. text-decoration: none;
  160. display: inline-flex;
  161. align-items: center;
  162. gap: 6px;
  163. box-shadow: 0 4px 10px rgba(239, 68, 68, 0.2);
  164. }
  166. .btn-logout:hover {
  167. background: #dc2626;
  168. color: #fff;
  169. transform: translateY(-2px);
  170. box-shadow: 0 6px 15px rgba(220, 38, 38, 0.3);
  171. }
  173. /* Top Module Navigation (Pills style from screenshot) */
  174. .top-navbar {
  175. background-color: #ffffff;
  176. border-bottom: 1px solid var(--slate-200);
  177. padding: 10px 30px;
  178. display: flex;
  179. justify-content: space-between;
  180. align-items: center;
  181. }
  183. .nav-pills-container {
  184. display: flex;
  185. gap: 12px;
  186. }
  188. .nav-pill-btn {
  189. background: none;
  190. border: 1px solid var(--slate-200);
  191. padding: 8px 20px;
  192. border-radius: 20px;
  193. font-size: 0.9rem;
  194. font-weight: 600;
  195. color: var(--slate-600);
  196. cursor: pointer;
  197. transition: var(--transition);
  198. display: flex;
  199. align-items: center;
  200. gap: 8px;
  201. }
  203. .nav-pill-btn:hover {
  204. background-color: var(--slate-50);
  205. color: var(--primary);
  206. border-color: var(--slate-300);
  207. }
  209. .nav-pill-btn.active {
  210. background: var(--primary);
  211. color: #ffffff;
  212. border-color: var(--primary);
  213. box-shadow: 0 4px 12px rgba(10, 75, 100, 0.2);
  214. }
  216. /* App Container & Panels */
  217. .app-content {
  218. padding: 30px;
  219. max-width: 1800px;
  220. margin: 0 auto;
  221. }
  223. .view-panel {
  224. display: none;
  225. animation: fadeIn 0.4s ease forwards;
  226. }
  228. .view-panel.active {
  229. display: block;
  230. }
  232. @keyframes fadeIn {
  233. from {
  234. opacity: 0;
  235. transform: translateY(15px);
  236. }
  238. to {
  239. opacity: 1;
  240. transform: translateY(0);
  241. }
  242. }
  244. /* Sidebar & Vendor Filtering Cards (Left side) */
  245. .filter-sidebar {
  246. background-color: #ffffff;
  247. border-radius: 20px;
  248. padding: 24px;
  249. box-shadow: var(--card-shadow);
  250. border: 1px solid rgba(10, 75, 100, 0.05);
  251. margin-bottom: 30px;
  252. }
  254. .sidebar-header-title {
  255. font-family: 'Outfit', sans-serif;
  256. font-size: 1.1rem;
  257. font-weight: 800;
  258. color: var(--primary);
  259. margin-bottom: 20px;
  260. display: flex;
  261. align-items: center;
  262. gap: 10px;
  263. border-bottom: 1.5px solid var(--slate-100);
  264. padding-bottom: 10px;
  265. }
  267. .vendor-pill {
  268. background-color: var(--slate-50);
  269. border: 1px solid var(--slate-200);
  270. padding: 10px 16px;
  271. border-radius: 12px;
  272. margin-bottom: 10px;
  273. font-size: 0.88rem;
  274. font-weight: 600;
  275. color: var(--slate-700);
  276. cursor: pointer;
  277. transition: var(--transition);
  278. display: flex;
  279. justify-content: space-between;
  280. align-items: center;
  281. }
  283. .vendor-pill:hover,
  284. .vendor-pill.active {
  285. background-color: var(--primary-light);
  286. border-color: var(--primary);
  287. color: var(--primary);
  288. transform: translateX(3px);
  289. }
  291. .vendor-count-badge {
  292. background-color: var(--primary);
  293. color: #ffffff;
  294. padding: 3px 8px;
  295. font-size: 0.75rem;
  296. font-weight: 700;
  297. border-radius: 20px;
  298. }
  300. .vendor-pill:hover .vendor-count-badge,
  301. .vendor-pill.active .vendor-count-badge {
  302. background-color: var(--accent);
  303. }
  305. /* Styling Cards */
  306. .card-custom {
  307. background: #ffffff;
  308. border-radius: 20px;
  309. box-shadow: var(--card-shadow);
  310. border: 1px solid rgba(10, 75, 100, 0.05);
  311. padding: 30px;
  312. margin-bottom: 30px;
  313. transition: var(--transition);
  314. }
  316. .card-custom:hover {
  317. box-shadow: var(--hover-shadow);
  318. }
  320. .section-header-title {
  321. font-family: 'Outfit', sans-serif;
  322. font-size: 1.5rem;
  323. font-weight: 800;
  324. color: var(--primary);
  325. margin-bottom: 25px;
  326. display: flex;
  327. align-items: center;
  328. gap: 12px;
  329. }
  331. .form-section-title {
  332. font-family: 'Outfit', sans-serif;
  333. font-size: 1.15rem;
  334. font-weight: 700;
  335. color: var(--primary);
  336. margin-top: 15px;
  337. margin-bottom: 20px;
  338. padding-bottom: 8px;
  339. border-bottom: 2px solid var(--primary-light);
  340. display: flex;
  341. align-items: center;
  342. gap: 10px;
  343. }
  345. /* Form Inputs */
  346. .form-label {
  347. font-size: 0.85rem;
  348. font-weight: 700;
  349. color: var(--slate-600);
  350. margin-bottom: 6px;
  351. text-transform: uppercase;
  352. letter-spacing: 0.3px;
  353. }
  355. .form-control-custom {
  356. height: 46px;
  357. border-radius: 10px;
  358. border: 1.5px solid var(--slate-200);
  359. padding: 8px 16px;
  360. font-size: 0.92rem;
  361. font-weight: 500;
  362. color: var(--slate-800);
  363. background-color: var(--slate-50);
  364. transition: var(--transition);
  365. width: 100%;
  366. }
  368. .form-control-custom:focus {
  369. outline: none;
  370. border-color: var(--primary);
  371. background-color: #ffffff;
  372. box-shadow: 0 0 0 3px rgba(10, 75, 100, 0.15);
  373. }
  375. /* Premium File Upload Button */
  376. .file-upload-wrapper {
  377. position: relative;
  378. margin-bottom: 15px;
  379. }
  381. .file-upload-btn-custom {
  382. height: 46px;
  383. border-radius: 10px;
  384. border: 1.5px dashed var(--slate-300);
  385. background-color: var(--slate-50);
  386. display: flex;
  387. align-items: center;
  388. justify-content: center;
  389. gap: 8px;
  390. font-size: 0.88rem;
  391. font-weight: 600;
  392. color: var(--slate-600);
  393. cursor: pointer;
  394. transition: var(--transition);
  395. }
  397. .file-upload-wrapper input[type="file"] {
  398. position: absolute;
  399. top: 0;
  400. left: 0;
  401. width: 100%;
  402. height: 100%;
  403. opacity: 0;
  404. cursor: pointer;
  405. }
  407. .file-upload-wrapper:hover .file-upload-btn-custom {
  408. background-color: var(--primary-light);
  409. border-color: var(--primary);
  410. color: var(--primary);
  411. }
  413. .file-selected-indicator {
  414. font-size: 0.72rem;
  415. color: var(--success);
  416. font-weight: 600;
  417. margin-top: 4px;
  418. display: none;
  419. align-items: center;
  420. gap: 4px;
  421. }
  423. /* Buttons styling */
  424. .btn-custom {
  425. padding: 10px 24px;
  426. border-radius: 10px;
  427. font-size: 0.92rem;
  428. font-weight: 600;
  429. transition: var(--transition);
  430. display: inline-flex;
  431. align-items: center;
  432. gap: 8px;
  433. border: none;
  434. }
  436. .btn-custom-primary {
  437. background-color: var(--primary);
  438. color: #ffffff;
  439. box-shadow: 0 4px 10px rgba(10, 75, 100, 0.2);
  440. }
  442. .btn-custom-primary:hover {
  443. background-color: var(--primary-hover);
  444. transform: translateY(-2px);
  445. box-shadow: 0 6px 15px rgba(10, 75, 100, 0.3);
  446. color: #ffffff;
  447. }
  449. .btn-custom-secondary {
  450. background-color: var(--slate-200);
  451. color: var(--slate-700);
  452. }
  454. .btn-custom-secondary:hover {
  455. background-color: var(--slate-300);
  456. transform: translateY(-2px);
  457. }
  459. /* Table styles */
  460. .table-responsive-custom {
  461. border-radius: 12px;
  462. overflow-x: auto;
  463. border: 1px solid var(--slate-200);
  464. }
  466. .table-responsive-custom::-webkit-scrollbar {
  467. height: 8px;
  468. }
  470. .table-responsive-custom::-webkit-scrollbar-track {
  471. background: var(--slate-100);
  472. border-radius: 10px;
  473. }
  475. .table-responsive-custom::-webkit-scrollbar-thumb {
  476. background: var(--slate-300);
  477. border-radius: 10px;
  478. transition: var(--transition);
  479. }
  481. .table-responsive-custom::-webkit-scrollbar-thumb:hover {
  482. background: var(--primary);
  483. }
  485. .table-custom {
  486. margin-bottom: 0;
  487. font-size: 0.88rem;
  488. }
  490. .table-custom th {
  491. background-color: var(--primary) !important;
  492. color: #ffffff !important;
  493. font-family: 'Outfit', sans-serif;
  494. font-weight: 600;
  495. padding: 14px 16px;
  496. border: none;
  497. vertical-align: middle;
  498. white-space: nowrap;
  499. }
  501. .table-custom td {
  502. padding: 14px 16px;
  503. vertical-align: middle;
  504. border-bottom: 1px solid var(--slate-200);
  505. white-space: nowrap;
  506. color: var(--slate-800);
  507. }
  509. .table-custom tr:last-child td {
  510. border-bottom: none;
  511. }
  513. .table-custom tbody tr:hover {
  514. background-color: var(--slate-50) !important;
  515. }
  517. /* Action Buttons */
  518. .action-btn-group {
  519. display: flex;
  520. gap: 6px;
  521. }
  523. .action-btn {
  524. width: 32px;
  525. height: 32px;
  526. border-radius: 8px;
  527. display: inline-flex;
  528. align-items: center;
  529. justify-content: center;
  530. color: #ffffff;
  531. text-decoration: none;
  532. transition: var(--transition);
  533. border: none;
  534. font-size: 0.85rem;
  535. }
  537. .action-btn:hover {
  538. transform: scale(1.1);
  539. color: #ffffff;
  540. }
  542. .btn-view {
  543. background-color: var(--primary);
  544. }
  546. .btn-edit {
  547. background-color: var(--accent);
  548. }
  550. .btn-delete {
  551. background-color: var(--danger);
  552. }
  554. /* Loader Overlay */
  555. #loader-overlay {
  556. position: fixed;
  557. top: 0;
  558. left: 0;
  559. width: 100vw;
  560. height: 100vh;
  561. background-color: rgba(6, 35, 46, 0.4);
  562. display: none;
  563. justify-content: center;
  564. align-items: center;
  565. z-index: 9999;
  566. backdrop-filter: blur(4px);
  567. }
  569. .loader-spinner {
  570. width: 55px;
  571. height: 55px;
  572. border: 5px solid rgba(255, 255, 255, 0.2);
  573. border-top: 5px solid #ffffff;
  574. border-radius: 50%;
  575. animation: spin 1s linear infinite;
  576. }
  578. @keyframes spin {
  579. 0% {
  580. transform: rotate(0deg);
  581. }
  583. 100% {
  584. transform: rotate(360deg);
  585. }
  586. }
  588. /* Document download/view labels */
  589. .doc-link {
  590. font-size: 0.8rem;
  591. color: var(--primary);
  592. text-decoration: none;
  593. font-weight: 600;
  594. display: inline-flex;
  595. align-items: center;
  596. gap: 4px;
  597. border: 1px solid var(--primary);
  598. padding: 3px 8px;
  599. border-radius: 6px;
  600. background-color: #ffffff;
  601. transition: var(--transition);
  602. }
  604. .doc-link:hover {
  605. background-color: var(--primary);
  606. color: #ffffff;
  607. }
  609. .doc-missing {
  610. font-size: 0.78rem;
  611. color: var(--slate-400);
  612. font-style: italic;
  613. }
  615. .count-badge-btn {
  616. background-color: #ffffff;
  617. border: 1px solid var(--slate-300);
  618. padding: 8px 16px;
  619. border-radius: 12px;
  620. font-size: 0.9rem;
  621. font-weight: 600;
  622. color: var(--primary);
  623. cursor: pointer;
  624. transition: var(--transition);
  625. display: inline-flex;
  626. align-items: center;
  627. justify-content: space-between;
  628. box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  629. text-decoration: none;
  630. width: 100%;
  631. }
  633. .count-badge-btn:hover {
  634. background-color: var(--primary-light);
  635. border-color: var(--primary);
  636. color: var(--primary);
  637. transform: translateY(-1px);
  638. box-shadow: 0 4px 12px rgba(10, 75, 100, 0.08);
  639. }
  641. .count-badge-btn.active-card {
  642. background-color: var(--primary-light) !important;
  643. border: 2px solid var(--primary) !important;
  644. box-shadow: 0 4px 12px rgba(10, 75, 100, 0.12) !important;
  645. transform: translateY(-1px) scale(1.01);
  646. }
  648. .count-card-label {
  649. font-family: 'Outfit', sans-serif;
  650. font-size: 0.92rem;
  651. font-weight: 700;
  652. display: flex;
  653. align-items: center;
  654. gap: 8px;
  655. }
  657. .count-card-number {
  658. background-color: var(--primary-light);
  659. color: var(--primary);
  660. padding: 2px 10px;
  661. border-radius: 12px;
  662. font-size: 0.82rem;
  663. font-weight: 800;
  664. transition: var(--transition);
  665. }
  667. .count-badge-btn:hover .count-card-number {
  668. background-color: var(--primary);
  669. color: #ffffff;
  670. }
  672. /* Pagination custom styles */
  673. .pagination .page-link {
  674. color: var(--primary);
  675. border-color: var(--slate-200);
  676. background-color: #ffffff;
  677. transition: var(--transition);
  678. }
  680. .pagination .page-item.active .page-link {
  681. background-color: var(--primary) !important;
  682. border-color: var(--primary) !important;
  683. color: #ffffff !important;
  684. }
  686. .pagination .page-link:hover {
  687. background-color: var(--primary-light);
  688. color: var(--primary);
  689. border-color: var(--primary);
  690. }
  692. .pagination .page-item.disabled .page-link {
  693. color: var(--slate-400);
  694. background-color: var(--slate-50);
  695. border-color: var(--slate-200);
  696. }
  698. /* Split-up compact table cells styling */
  699. #panel-split-content table th,
  700. #panel-split-content table td {
  701. padding: 5px 8px !important;
  702. font-size: 0.88rem !important;
  703. }
  705. /* Mobile and Tablet Responsiveness */
  706. @media (max-width: 991px) {
  707. .header {
  708. flex-direction: column;
  709. gap: 15px;
  710. padding: 15px 20px;
  711. align-items: center;
  712. text-align: center;
  713. }
  715. .logo-left {
  716. flex-direction: column;
  717. gap: 5px;
  718. text-align: center;
  719. }
  721. .logo-text h2 {
  722. font-size: 0.95rem;
  723. }
  725. .header-title {
  726. position: static;
  727. transform: none;
  728. margin: 10px 0;
  729. }
  731. .header-title h2 {
  732. font-size: 1.15rem;
  733. }
  735. .user-menu {
  736. flex-direction: row;
  737. justify-content: center;
  738. width: 100%;
  739. gap: 10px;
  740. }
  742. .user-badge {
  743. padding: 6px 12px;
  744. font-size: 0.8rem;
  745. }
  747. .btn-logout {
  748. padding: 6px 14px;
  749. font-size: 0.8rem;
  750. }
  752. .top-navbar {
  753. padding: 10px 15px;
  754. overflow-x: auto;
  755. display: block;
  756. }
  758. .nav-pills-container {
  759. display: inline-flex;
  760. flex-wrap: nowrap;
  761. padding-bottom: 5px;
  762. width: max-content;
  763. }
  765. .nav-pill-btn {
  766. padding: 6px 14px;
  767. font-size: 0.8rem;
  768. white-space: nowrap;
  769. }
  770. }
  772. @media (max-width: 767px) {
  773. .app-content {
  774. padding: 12px;
  775. }
  777. .card-custom {
  778. padding: 15px;
  779. border-radius: 12px;
  780. margin-bottom: 15px;
  781. }
  783. .section-header-title {
  784. font-size: 1.2rem;
  785. margin-bottom: 15px;
  786. flex-direction: column;
  787. align-items: flex-start;
  788. gap: 5px;
  789. }
  791. .count-badge-btn {
  792. padding: 10px 14px;
  793. }
  795. .count-card-label {
  796. font-size: 0.82rem;
  797. }
  799. .count-card-number {
  800. padding: 1px 8px;
  801. font-size: 0.78rem;
  802. }
  804. /* Table filters grid layout */
  805. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap {
  806. width: 100%;
  807. display: grid !important;
  808. grid-template-columns: 1fr 1fr;
  809. gap: 8px !important;
  810. }
  812. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap select,
  813. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap input,
  814. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap button {
  815. width: 100% !important;
  816. height: 38px !important;
  817. font-size: 0.85rem !important;
  818. margin: 0 !important;
  819. }
  821. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap input {
  822. grid-column: span 2;
  823. }
  825. .view-panel .card-custom .d-flex.gap-2.align-items-center.flex-wrap button {
  826. grid-column: span 2;
  827. }
  829. /* Split up report filters stack */
  830. .bg-light.p-2.rounded.d-flex {
  831. display: grid !important;
  832. grid-template-columns: 1fr;
  833. gap: 10px !important;
  834. width: 100%;
  835. }
  837. .bg-light.p-2.rounded.d-flex .d-flex {
  838. width: 100%;
  839. justify-content: space-between;
  840. }
  842. .bg-light.p-2.rounded.d-flex select {
  843. width: 70% !important;
  844. }
  846. /* Pagination stacked layout */
  847. .mt-4.flex-wrap {
  848. flex-direction: column !important;
  849. align-items: center !important;
  850. text-align: center;
  851. gap: 15px !important;
  852. }
  853. }
  854. </style>
  855. </head>
  857. <body>
  858. <!-- Loader Overlay -->
  859. <div id="loader-overlay">
  860. <div class="loader-spinner"></div>
  861. </div>
  863. <!-- Header block containing title & logo -->
  864. <div class="header">
  865. <div class="logo-left">
  866. <img th:src="@{/assets/header-images/gcc1.png}" alt="Greater Chennai Corporation Logo">
  867. <div class="logo-text">
  868. <h2>GREATER</h2>
  869. <h2>CHENNAI</h2>
  870. <h2>CORPORATION</h2>
  871. <p>பெருநகர சென்னை மாநகராட்சி</p>
  872. </div>
  873. </div>
  874. <div class="header-title">
  875. <h2>Adjustment File Management System</h2>
  876. </div>
  877. <div class="user-menu" style="display: flex; align-items: center; gap: 15px;">
  878. <!-- Latest Update Badge -->
  879. <div id="latest-update-badge" class="d-flex align-items-center gap-2 p-2 px-3 rounded text-white"
  880. style="display: none !important; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); font-size: 0.8rem; font-family: 'Outfit', sans-serif; cursor: pointer; transition: all 0.3s;"
  881. onclick="openLatestUpdatesModal()">
  882. <i class="fa-solid fa-bell text-warning fa-bounce animate-bounce"></i>
  883. <div>
  884. Latest Update: <span class="fw-bold text-warning" id="latest-update-count">0</span> File(s) on
  885. <span class="fw-semibold" id="latest-update-time">-</span>
  886. </div>
  887. </div>
  889. <span class="user-badge">
  890. <i class="fa-solid fa-user-shield"></i>
  891. <span th:text="${usrName}">Guest</span>
  892. </span>
  893. <a th:href="@{/gccadjustmentmanagement/logout}" class="btn-logout">
  894. <i class="fa-solid fa-right-from-bracket"></i> Logout
  895. </a>
  896. </div>
  897. </div>
  899. <!-- Top navigation tabs -->
  900. <div class="top-navbar">
  901. <div class="nav-pills-container">
  902. <button class="nav-pill-btn active" id="tab-counts" onclick="switchView('counts')">
  903. <i class="fa-solid fa-chart-simple"></i> Counts Dashboard
  904. </button>
  905. <button class="nav-pill-btn" id="tab-reg" onclick="openRegistrationModal()">
  906. <i class="fa-solid fa-file-signature"></i> New File Registration
  907. </button>
  908. <button class="nav-pill-btn" id="tab-list" onclick="switchView('list')">
  909. <i class="fa-solid fa-folder-open"></i> Existing File Details
  910. </button>
  911. <!-- <button class="nav-pill-btn" id="tab-oc" onclick="switchView('oc')">
  912. <i class="fa-solid fa-copy"></i> OC Copies Details
  913. </button> -->
  914. <button class="nav-pill-btn" id="tab-ejv" onclick="switchView('ejv')">
  915. <i class="fa-solid fa-file-pen"></i> Update EJV Number
  916. </button>
  918. </div>
  919. <div class="d-flex align-items-center gap-3" style="display: none !important;">
  920. <!-- Financial Year selector -->
  921. <label for="filter-fin-year" class="fw-bold text-secondary mb-0"
  922. style="font-size: 0.85rem; text-transform: uppercase;">Financial Year :</label>
  923. <select id="filter-fin-year" class="form-control-custom"
  924. style="width: 150px; height: 38px; padding: 4px 12px;" onchange="loadRecordsData()">
  925. <option value="All">All</option>
  926. </select>
  927. <button class="btn btn-primary btn-sm rounded-pill px-3 py-1.5 fw-semibold"
  928. onclick="loadRecordsData()">Apply</button>
  929. </div>
  930. </div>
  932. <div class="app-content">
  933. <div class="row">
  934. <!-- Main Panel (Centered Full Width) -->
  935. <div class="col-12" id="main-content-col">
  937. <!-- 0. VIEW PANEL: COUNTS DASHBOARD -->
  938. <div class="view-panel active" id="panel-counts">
  939. <div class="card-custom py-2 mb-2">
  940. <div class="d-flex justify-content-between align-items-center px-4 mb-2">
  941. <div style="width: 80px;"></div> <!-- Spacer to balance the right button -->
  942. <div class="section-header-title mb-0 text-center flex-grow-1">
  943. <i class="fa-solid fa-chart-simple text-primary"></i> Adjustment Summary Counts
  944. </div>
  945. <button class="btn btn-sm btn-outline-secondary rounded-pill px-3 py-1 fw-semibold"
  946. style="font-size: 0.8rem;" onclick="resetDashboardFilters()">
  947. <i class="fa-solid fa-arrow-rotate-left me-1"></i> Reset
  948. </button>
  949. </div>
  950. <div class="row g-2 justify-content-center mt-1" id="dashboard-counts-list"
  951. style="max-width: 1200px; margin: 0 auto;">
  952. <!-- Dynamic Counts loaded here -->
  953. </div>
  954. </div>
  956. <!-- Split-up & Details Report inside Counts Dashboard -->
  957. <div class="card-custom p-3">
  958. <div
  959. class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom flex-wrap gap-3">
  960. <h4 class="text-primary fw-bold mb-0 text-center flex-grow-1"
  961. id="dash-report-title-container"
  962. style="font-family: 'Outfit', sans-serif; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; gap: 8px;">
  963. <i id="dash-report-title-icon" class="fa-solid fa-folder-open text-primary"></i>
  964. <span id="dash-report-title-text">Existing Adjustment Files</span>
  965. <span id="split-filter-indicator" class="badge bg-secondary ms-2"
  966. style="font-size: 0.75rem; vertical-align: middle;">All Files</span>
  967. </h4>
  968. <div class="d-flex align-items-center gap-3">
  969. <div class="btn-group" role="group" aria-label="Dashboard Report Toggle">
  970. <input type="radio" class="btn-check" name="dash-view-mode" id="mode-details"
  971. autocomplete="off" checked onclick="setDashboardViewMode('details')">
  972. <label class="btn btn-outline-primary btn-sm px-3 rounded-start-pill"
  973. for="mode-details">
  974. <i class="fa-solid fa-list me-1"></i> File Details
  975. </label>
  977. <input type="radio" class="btn-check" name="dash-view-mode" id="mode-split"
  978. autocomplete="off" onclick="setDashboardViewMode('split')">
  979. <label class="btn btn-outline-primary btn-sm px-3 rounded-end-pill"
  980. for="mode-split">
  981. <i class="fa-solid fa-table-list me-1"></i> Split-up
  982. </label>
  983. </div>
  984. <button class="btn btn-sm btn-success px-4 py-2 rounded-pill fw-semibold"
  985. id="btn-dash-export" onclick="exportDashboardData()">
  986. <i class="fa-solid fa-file-excel me-1"></i> Export Excel
  987. </button>
  988. </div>
  989. </div>
  991. <!-- Dropdown filters for split-up report / details -->
  992. <div class="d-flex align-items-center gap-3 mb-3 flex-wrap bg-light p-2 rounded">
  993. <div class="d-flex align-items-center gap-2">
  994. <label for="split-filter-vendor" class="fw-bold text-secondary mb-0"
  995. style="font-size: 0.85rem;">Vendor:</label>
  996. <select id="split-filter-vendor" class="form-control-custom"
  997. style="width: 200px; height: 36px; padding: 2px 10px;"
  998. onchange="onDashboardFilterChange()">
  999. <option value="All">All Vendors</option>
  1000. </select>
  1001. </div>
  1002. <div class="d-flex align-items-center gap-2">
  1003. <label for="split-filter-advance-type" class="fw-bold text-secondary mb-0"
  1004. style="font-size: 0.85rem;">Advance Type:</label>
  1005. <select id="split-filter-advance-type" class="form-control-custom"
  1006. style="width: 200px; height: 36px; padding: 2px 10px;"
  1007. onchange="onDashboardFilterChange()">
  1008. <option value="All">All Advance Types</option>
  1009. </select>
  1010. </div>
  1011. <div class="d-flex align-items-center gap-2 ms-auto" id="dash-search-container">
  1012. <input type="text" id="dash-table-search" class="form-control-custom"
  1013. style="width: 220px; height: 36px; padding: 2px 10px;"
  1014. placeholder="Search files/vendors..." oninput="renderDashboardDetails()">
  1015. </div>
  1016. </div>
  1018. <!-- Details Table Mode -->
  1019. <div id="panel-details-content">
  1020. <div class="table-responsive table-responsive-custom">
  1021. <table class="table table-custom text-nowrap align-middle" id="dash-records-table">
  1022. <thead>
  1023. <tr>
  1024. <th class="text-center">S.No</th>
  1025. <th class="text-center" style="cursor: pointer;"
  1026. onclick="toggleDashSort('fin_year')">
  1027. Fin Year <span id="dash-sort-icon-fin_year"><i
  1028. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1029. </th>
  1030. <th>File Num</th>
  1031. <th class="text-center">Advance Type</th>
  1032. <!-- <th class="text-center">Fund Type</th> -->
  1033. <!-- <th class="text-center">A/C Code</th> -->
  1034. <th class="text-center">File Available</th>
  1035. <th class="text-end" style="cursor: pointer;"
  1036. onclick="toggleDashSort('bal_amt')">
  1037. Bal Amount <span id="dash-sort-icon-bal_amt"><i
  1038. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1039. </th>
  1040. <th class="text-end" style="cursor: pointer;"
  1041. onclick="toggleDashSort('pi_amt')">
  1042. PI Amount <span id="dash-sort-icon-pi_amt"><i
  1043. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1044. </th>
  1045. <th class="text-end" style="cursor: pointer;"
  1046. onclick="toggleDashSort('fi_amt')">
  1047. FI Amount <span id="dash-sort-icon-fi_amt"><i
  1048. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1049. </th>
  1050. <!-- <th>EJV Number</th> -->
  1051. <th
  1052. style="white-space: normal !important; min-width: 200px; max-width: 350px;">
  1053. Remarks</th>
  1054. <th style="cursor: pointer;" onclick="toggleDashSort('cdate')">
  1055. Created Date <span id="dash-sort-icon-cdate"><i
  1056. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1057. </th>
  1058. <th style="cursor: pointer;" onclick="toggleDashSort('updated_date')">
  1059. Last Updated <span id="dash-sort-icon-updated_date"><i
  1060. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1061. </th>
  1062. <th>Updated By</th>
  1063. <th class="text-center">Actions</th>
  1064. </tr>
  1065. </thead>
  1066. <tbody id="dash-records-table-body">
  1067. <!-- Loaded dynamically -->
  1068. </tbody>
  1069. </table>
  1070. </div>
  1072. <!-- Dashboard Pagination Controls -->
  1073. <div class="d-flex justify-content-between align-items-center mt-4 flex-wrap gap-3">
  1074. <div class="d-flex align-items-center gap-2">
  1075. <span class="text-muted" style="font-size: 0.9rem;">Show</span>
  1076. <select id="dash-pagination-page-size" class="form-control-custom"
  1077. style="width: 80px; height: 38px; padding: 4px 8px; font-size: 0.9rem;"
  1078. onchange="changeDashPageSize()">
  1079. <option value="15">15</option>
  1080. <option value="30">30</option>
  1081. <option value="50">50</option>
  1082. <option value="All">All</option>
  1083. </select>
  1084. <span class="text-muted" style="font-size: 0.9rem;">entries</span>
  1085. </div>
  1086. <div class="text-muted fw-semibold" id="dash-pagination-info"
  1087. style="font-size: 0.9rem;">
  1088. Showing 0 to 0 of 0 entries
  1089. </div>
  1090. <nav aria-label="Page navigation">
  1091. <ul class="pagination pagination-sm mb-0" id="dash-pagination-buttons">
  1092. <!-- Dynamic pagination links -->
  1093. </ul>
  1094. </nav>
  1095. </div>
  1096. </div>
  1098. <!-- Split-up Table Mode -->
  1099. <div id="panel-split-content" style="display: none;"></div>
  1100. </div>
  1101. </div>
  1105. <!-- 2. VIEW PANEL: EXISTING FILES LIST -->
  1106. <div class="view-panel" id="panel-list">
  1107. <div class="card-custom">
  1108. <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-3">
  1109. <div class="section-header-title mb-0">
  1110. <i class="fa-solid fa-folder-open text-primary"></i> <span id="list-title">Existing
  1111. Adjustment Files</span>
  1112. </div>
  1113. <div class="d-flex gap-2 align-items-center flex-wrap">
  1114. <select id="filter-vendor" class="form-control-custom"
  1115. style="width: 180px; height: 40px;" onchange="filterRecordsList()">
  1116. <option value="All">All Vendors</option>
  1117. </select>
  1118. <select id="filter-adjustment-status" class="form-control-custom"
  1119. style="width: 180px; height: 40px;" onchange="filterRecordsList()">
  1120. <option value="All">All Statuses</option>
  1121. <option value="Adjusted">Adjusted Only</option>
  1122. <option value="Pending">Pending/Not Adjusted</option>
  1123. </select>
  1124. <select id="filter-advance-type" class="form-control-custom"
  1125. style="width: 180px; height: 40px;" onchange="filterRecordsList()">
  1126. <option value="All">All Advance Types</option>
  1127. </select>
  1128. <select id="filter-fund-type" class="form-control-custom"
  1129. style="width: 180px; height: 40px;" onchange="filterRecordsList()">
  1130. <option value="All">All Fund Types</option>
  1131. </select>
  1132. <select id="filter-file-available" class="form-control-custom"
  1133. style="width: 180px; height: 40px;" onchange="filterRecordsList()">
  1134. <option value="All">All Availability</option>
  1135. <option value="Available">Available Files Only</option>
  1136. <option value="NotAvailable">Not Available Files Only</option>
  1137. </select>
  1138. <input type="text" id="table-search" class="form-control-custom"
  1139. style="width: 220px; height: 40px;" placeholder="Search files/vendors..."
  1140. oninput="filterRecordsList()">
  1141. <button class="btn-custom btn-custom-primary py-2" onclick="exportToExcel()">
  1142. <i class="fa-solid fa-file-excel"></i> Export Excel
  1143. </button>
  1144. </div>
  1145. </div>
  1147. <!-- Data Table -->
  1148. <div class="table-responsive table-responsive-custom">
  1149. <table class="table table-custom text-nowrap align-middle" id="main-records-table">
  1150. <thead>
  1151. <tr>
  1152. <th class="text-center">S.No</th>
  1153. <!-- <th>Vendor Name</th> -->
  1154. <th class="text-center" style="cursor: pointer;"
  1155. onclick="toggleSort('fin_year')">
  1156. Fin Year <span id="sort-icon-fin_year"><i
  1157. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1158. </th>
  1159. <th>File Num</th>
  1160. <th class="text-center">Advance Type</th>
  1161. <th class="text-center">Fund Type</th>
  1162. <th class="text-center">A/C Code</th>
  1163. <th class="text-center">File Available</th>
  1164. <th class="text-end" style="cursor: pointer;" onclick="toggleSort('bal_amt')">
  1165. Bal Amount <span id="sort-icon-bal_amt"><i
  1166. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1167. </th>
  1168. <th class="text-end" style="cursor: pointer;" onclick="toggleSort('pi_amt')">
  1169. PI Amount <span id="sort-icon-pi_amt"><i
  1170. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1171. </th>
  1172. <th class="text-end" style="cursor: pointer;" onclick="toggleSort('fi_amt')">
  1173. FI Amount <span id="sort-icon-fi_amt"><i
  1174. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1175. </th>
  1176. <th>EJV Number</th>
  1177. <th style="cursor: pointer;" onclick="toggleSort('cdate')">
  1178. Created Date <span id="sort-icon-cdate"><i
  1179. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1180. </th>
  1181. <th style="cursor: pointer;" onclick="toggleSort('updated_date')">
  1182. Last Updated <span id="sort-icon-updated_date"><i
  1183. class="fa-solid fa-sort text-muted opacity-50 ms-1"></i></span>
  1184. </th>
  1185. <th>Updated By</th>
  1186. <th class="text-center">Actions</th>
  1187. </tr>
  1188. </thead>
  1189. <tbody id="records-table-body">
  1190. <!-- Loaded dynamically -->
  1191. </tbody>
  1192. </table>
  1193. </div>
  1195. <!-- Pagination Controls -->
  1196. <div class="d-flex justify-content-between align-items-center mt-4 flex-wrap gap-3">
  1197. <div class="d-flex align-items-center gap-2">
  1198. <span class="text-muted" style="font-size: 0.9rem;">Show</span>
  1199. <select id="pagination-page-size" class="form-control-custom"
  1200. style="width: 80px; height: 38px; padding: 4px 8px; font-size: 0.9rem;"
  1201. onchange="changePageSize()">
  1202. <option value="15">15</option>
  1203. <option value="30">30</option>
  1204. <option value="50">50</option>
  1205. <option value="All">All</option>
  1206. </select>
  1207. <span class="text-muted" style="font-size: 0.9rem;">entries</span>
  1208. </div>
  1209. <div class="text-muted fw-semibold" id="pagination-info" style="font-size: 0.9rem;">
  1210. Showing 0 to 0 of 0 entries
  1211. </div>
  1212. <nav aria-label="Page navigation">
  1213. <ul class="pagination pagination-sm mb-0" id="pagination-buttons">
  1214. <!-- Dynamic pagination links -->
  1215. </ul>
  1216. </nav>
  1217. </div>
  1218. </div>
  1219. </div>
  1221. <!-- 3. VIEW PANEL: ELCOT OC COPIES VIEW -->
  1222. <div class="view-panel" id="panel-oc">
  1223. <div class="card-custom">
  1224. <div class="d-flex justify-content-between align-items-center mb-4">
  1225. <div class="section-header-title mb-0">
  1226. <i class="fa-solid fa-copy text-primary"></i> Elcot OC Files Registry
  1227. </div>
  1228. <div class="d-flex gap-2">
  1229. <input type="text" id="oc-table-search" class="form-control-custom"
  1230. style="width: 250px; height: 40px;" placeholder="Search ELCOT copies..."
  1231. oninput="filterOcList()">
  1232. </div>
  1233. </div>
  1235. <!-- OC Copies Data Table -->
  1236. <div class="table-responsive table-responsive-custom">
  1237. <table class="table table-custom text-nowrap align-middle">
  1238. <thead>
  1239. <tr>
  1240. <th>ID</th>
  1241. <th>Vendor</th>
  1242. <th>Fin Year</th>
  1243. <th>File Num</th>
  1244. <th>Original File</th>
  1245. <th>PO File</th>
  1246. <th>DC File</th>
  1247. <th>Inward File</th>
  1248. <th>Stock File</th>
  1249. <th>Temp Bill</th>
  1250. <th>RTGS File</th>
  1251. <th>EJV File</th>
  1252. <th>Final AS File</th>
  1253. </tr>
  1254. </thead>
  1255. <tbody id="oc-table-body">
  1256. <!-- Loaded dynamically -->
  1257. </tbody>
  1258. </table>
  1259. </div>
  1260. </div>
  1261. </div>
  1263. <!-- 4. VIEW PANEL: UPDATE EJV NUMBER -->
  1264. <div class="view-panel" id="panel-ejv">
  1265. <div class="card-custom p-4">
  1266. <div class="d-flex justify-content-between align-items-center mb-4 pb-2 border-bottom">
  1267. <button class="btn btn-outline-secondary btn-sm px-3 rounded-pill"
  1268. onclick="switchView('list')">
  1269. <i class="fa-solid fa-arrow-left"></i> Back
  1270. </button>
  1271. <h4 class="text-primary fw-bold mb-0 text-center flex-grow-1"
  1272. style="font-family: 'Outfit', sans-serif;">Update EJV Number</h4>
  1273. <div style="width: 80px;"></div> <!-- Spacer for centering -->
  1274. </div>
  1275. <form id="ejv-update-form" onsubmit="submitEJVForm(event)" enctype="multipart/form-data">
  1276. <div class="row g-4 justify-content-center">
  1277. <!-- File Number Selector -->
  1278. <div class="col-md-5">
  1279. <label for="ejv-file-num-input" class="form-label fw-bold">Select File Number :
  1280. *</label>
  1281. <input type="text" id="ejv-file-num-input" class="form-control-custom"
  1282. list="file-numbers-list" placeholder="Type or select a file number" required
  1283. oninput="handleEJVFileNumberInput()">
  1284. <datalist id="file-numbers-list"></datalist>
  1285. <input type="hidden" id="ejv-file-id" name="id">
  1286. </div>
  1288. <!-- Adjustment Order Uploaded Status -->
  1289. <div class="col-md-5">
  1290. <label for="ejv-adj-order-status" class="form-label fw-bold">Adjustment Order
  1291. Uploaded :</label>
  1292. <input type="text" id="ejv-adj-order-status" class="form-control-custom" readonly
  1293. disabled value="No">
  1294. </div>
  1296. <!-- EJV Number File -->
  1297. <div class="col-md-5">
  1298. <label class="form-label fw-bold">EJV Number File : *</label>
  1299. <div class="file-upload-wrapper">
  1300. <div class="file-upload-btn-custom">
  1301. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1302. </div>
  1303. <input type="file" id="ejv-num-file" name="ejvFile" accept=".pdf"
  1304. onchange="indicateFileSelected(this)" required disabled>
  1305. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i>
  1306. <span></span>
  1307. </div>
  1308. </div>
  1309. </div>
  1311. <!-- EJV Number -->
  1312. <div class="col-md-5">
  1313. <label for="ejv-number-input" class="form-label fw-bold">EJV Number : *</label>
  1314. <input type="text" id="ejv-number-input" name="ejv_num" class="form-control-custom"
  1315. placeholder="Enter EJV Number" required disabled>
  1316. </div>
  1318. <!-- Submit Button -->
  1319. <div class="col-12 text-center mt-4">
  1320. <button type="submit" class="btn-custom btn-custom-primary px-5 py-2.5">
  1321. <i class="fa-solid fa-paper-plane me-2"></i>Submit
  1322. </button>
  1323. </div>
  1324. </div>
  1325. </form>
  1326. </div>
  1327. </div>
  1331. </div>
  1332. </div>
  1333. </div>
  1335. <!-- Modal: New File Registration / Edit File -->
  1336. <div class="modal fade" id="registrationModal" tabindex="-1" aria-labelledby="registrationModalLabel"
  1337. aria-hidden="true">
  1338. <div class="modal-dialog modal-lg">
  1339. <div class="modal-content" style="border-radius: 16px;">
  1340. <div class="modal-header bg-dark text-white" style="border-radius: 16px 16px 0 0;">
  1341. <h5 class="modal-title" id="registrationModalLabel">
  1342. <i class="fa-solid fa-file-signature text-primary"></i> <span id="registration-title">New File
  1343. Registration</span>
  1344. </h5>
  1345. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1346. aria-label="Close"></button>
  1347. </div>
  1348. <div class="modal-body p-4">
  1349. <form id="adjustment-registration-form" onsubmit="submitRegistrationForm(event)"
  1350. enctype="multipart/form-data">
  1351. <!-- Hidden ID input for editing -->
  1352. <input type="hidden" id="form-id" name="id">
  1354. <div class="row g-4">
  1355. <!-- File Number -->
  1356. <div class="col-md-6">
  1357. <label for="form-file-data-num" class="form-label">File Number : *</label>
  1358. <input type="text" id="form-file-data-num" name="file_data_num"
  1359. class="form-control-custom" placeholder="Enter File Number" required>
  1360. </div>
  1362. <!-- Financial Year -->
  1363. <div class="col-md-6" id="form-fin-year-container">
  1364. <label for="form-fin-year" class="form-label">Financial Year : *</label>
  1365. <select id="form-fin-year" name="fin_year" class="form-control-custom" required>
  1366. <option value="">- Select Year -</option>
  1367. </select>
  1368. </div>
  1370. <!-- Subject -->
  1371. <div class="col-12">
  1372. <label for="form-subject" class="form-label">Subject :</label>
  1373. <input type="text" id="form-subject" name="subject" class="form-control-custom"
  1374. placeholder="Enter Subject">
  1375. </div>
  1377. <!-- AS File -->
  1378. <div class="col-md-6">
  1379. <label class="form-label">AS :</label>
  1380. <div class="file-upload-wrapper">
  1381. <div class="file-upload-btn-custom">
  1382. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1383. </div>
  1384. <input type="file" id="form-as-file" name="asFile" accept=".pdf"
  1385. onchange="indicateFileSelected(this)">
  1386. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1387. </div>
  1388. </div>
  1389. </div>
  1391. <!-- AS Signed Date -->
  1392. <div class="col-md-6">
  1393. <label for="form-as-date" class="form-label">AS Signed Date :</label>
  1394. <input type="date" id="form-as-date" name="as_file_gen_date"
  1395. class="form-control-custom">
  1396. </div>
  1398. <!-- Proforma Invoice File -->
  1399. <div class="col-md-6">
  1400. <label class="form-label">Proforma Invoice :</label>
  1401. <div class="file-upload-wrapper">
  1402. <div class="file-upload-btn-custom">
  1403. <i class="fa-solid fa-file-invoice"></i> Choose File
  1404. </div>
  1405. <input type="file" id="form-pi-file" name="piFile" accept=".pdf"
  1406. onchange="indicateFileSelected(this)">
  1407. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1408. </div>
  1409. </div>
  1410. </div>
  1412. <!-- Proforma Invoice Amount -->
  1413. <div class="col-md-6">
  1414. <label for="form-pi-amt" class="form-label">Proforma Invoice Amount :</label>
  1415. <input type="number" step="0.01" id="form-pi-amt" name="pi_amt"
  1416. class="form-control-custom" placeholder="Enter PI amount"
  1417. oninput="calculateBalance()">
  1418. </div>
  1420. <!-- Proforma Invoice Generated Date -->
  1421. <div class="col-md-6">
  1422. <label for="form-pi-gen-date" class="form-label">Proforma Invoice Generated Date
  1423. :</label>
  1424. <input type="date" id="form-pi-gen-date" name="pi_file_gen_date"
  1425. class="form-control-custom">
  1426. </div>
  1428. <!-- Advance Type -->
  1429. <div class="col-md-6">
  1430. <label for="form-adv-type" class="form-label">Advance Type : *</label>
  1431. <select id="form-adv-type" name="adv_type_id" class="form-control-custom" required
  1432. onchange="toggleVendorNameVisibility()">
  1433. <option value="">- Select Type -</option>
  1434. </select>
  1435. </div>
  1437. <div class="col-md-6" id="vendor-name-container" style="display: none;">
  1438. <label for="form-vend-name" class="form-label">Vendor Name *</label>
  1439. <input type="text" id="form-vend-name" name="vend_name" class="form-control-custom"
  1440. placeholder="Enter Vendor Name">
  1441. </div>
  1443. <!-- Fund Type -->
  1444. <div class="col-md-6">
  1445. <label for="form-fund-type" class="form-label">Fund : *</label>
  1446. <select id="form-fund-type" name="fund_type_id" class="form-control-custom" required>
  1447. <option value="">-- Select Fund --</option>
  1448. </select>
  1449. </div>
  1451. <!-- A/C Code -->
  1452. <div class="col-md-6">
  1453. <label for="form-ac-code" class="form-label">A/C Code :</label>
  1454. <input type="text" id="form-ac-code" name="ac_code" class="form-control-custom"
  1455. placeholder="Enter A/C Code">
  1456. </div>
  1458. <!-- Has File Available -->
  1459. <div class="col-md-6">
  1460. <label for="form-file-available-status" class="form-label">Has File Available :</label>
  1461. <select id="form-file-available-status" name="file_available_status"
  1462. class="form-control-custom">
  1463. <option value="">- Select -</option>
  1464. <option value="Yes">Yes</option>
  1465. <option value="No">No</option>
  1466. </select>
  1467. </div>
  1469. <!-- RTGS File -->
  1470. <div class="col-md-6 edit-only-field">
  1471. <label class="form-label">RTGS File :</label>
  1472. <div class="file-upload-wrapper">
  1473. <div class="file-upload-btn-custom">
  1474. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1475. </div>
  1476. <input type="file" id="form-rtgs-file" name="rtgsFile" accept=".pdf"
  1477. onchange="indicateFileSelected(this)">
  1478. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1479. </div>
  1480. </div>
  1481. </div>
  1483. <!-- RTGS Upload Date -->
  1484. <div class="col-md-6 edit-only-field">
  1485. <label for="form-rtgs-date" class="form-label">RTGS Upload Date :</label>
  1486. <input type="date" id="form-rtgs-date" name="rtgs_date" class="form-control-custom">
  1487. </div>
  1489. <!-- Purchase Order File -->
  1490. <div class="col-md-6 edit-only-field">
  1491. <label class="form-label">Purchase Order File :</label>
  1492. <div class="file-upload-wrapper">
  1493. <div class="file-upload-btn-custom">
  1494. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1495. </div>
  1496. <input type="file" id="form-po-file" name="poFile" accept=".pdf"
  1497. onchange="indicateFileSelected(this)">
  1498. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1499. </div>
  1500. </div>
  1501. </div>
  1503. <!-- Delivery Challan File -->
  1504. <div class="col-md-6 edit-only-field">
  1505. <label class="form-label">Delivery Challan File :</label>
  1506. <div class="file-upload-wrapper">
  1507. <div class="file-upload-btn-custom">
  1508. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1509. </div>
  1510. <input type="file" id="form-dc-file" name="dcFile" accept=".pdf"
  1511. onchange="indicateFileSelected(this)">
  1512. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1513. </div>
  1514. </div>
  1515. </div>
  1517. <!-- DC Completed Date -->
  1518. <div class="col-md-6 edit-only-field">
  1519. <label for="form-dc-completed-date" class="form-label">DC Completed Date :</label>
  1520. <input type="date" id="form-dc-completed-date" name="dc_completed_date"
  1521. class="form-control-custom">
  1522. </div>
  1524. <!-- Stock Register Copy File -->
  1525. <div class="col-md-6 edit-only-field">
  1526. <label class="form-label">Stock Register Copy File :</label>
  1527. <div class="file-upload-wrapper">
  1528. <div class="file-upload-btn-custom">
  1529. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1530. </div>
  1531. <input type="file" id="form-sr-file" name="srFile" accept=".pdf"
  1532. onchange="indicateFileSelected(this)">
  1533. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1534. </div>
  1535. </div>
  1536. </div>
  1538. <!-- Installation Report File -->
  1539. <div class="col-md-6 edit-only-field">
  1540. <label class="form-label">Installation Report File :</label>
  1541. <div class="file-upload-wrapper">
  1542. <div class="file-upload-btn-custom">
  1543. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1544. </div>
  1545. <input type="file" id="form-ir-file" name="irFile" accept=".pdf"
  1546. onchange="indicateFileSelected(this)">
  1547. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1548. </div>
  1549. </div>
  1550. </div>
  1552. <!-- Final Invoice File -->
  1553. <div class="col-md-6 edit-only-field">
  1554. <label class="form-label">Final Invoice File :</label>
  1555. <div class="file-upload-wrapper">
  1556. <div class="file-upload-btn-custom">
  1557. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1558. </div>
  1559. <input type="file" id="form-fi-file" name="fiFile" accept=".pdf"
  1560. onchange="indicateFileSelected(this)">
  1561. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1562. </div>
  1563. </div>
  1564. </div>
  1566. <!-- Final Invoice Amount -->
  1567. <div class="col-md-6 edit-only-field">
  1568. <label for="form-fi-amt" class="form-label">Final Invoice Amount :</label>
  1569. <input type="number" step="0.01" id="form-fi-amt" name="fi_amt"
  1570. class="form-control-custom" placeholder="Enter FI amount"
  1571. oninput="calculateBalance()">
  1572. </div>
  1574. <!-- Final Invoice Generated Date -->
  1575. <div class="col-md-6 edit-only-field">
  1576. <label for="form-fi-gen-date" class="form-label">Final Invoice Generated Date :</label>
  1577. <input type="date" id="form-fi-gen-date" name="fi_file_gen_date"
  1578. class="form-control-custom">
  1579. </div>
  1581. <!-- Balance Amount -->
  1582. <div class="col-md-6 edit-only-field">
  1583. <label for="form-bal-amt" class="form-label">Balance Amount :</label>
  1584. <input type="number" step="0.01" id="form-bal-amt" name="bal_amt"
  1585. class="form-control-custom" placeholder="0" readonly>
  1586. </div>
  1588. <!-- Adjustment Order File -->
  1589. <div class="col-md-6 edit-only-field">
  1590. <label class="form-label">Adjustment Order :</label>
  1591. <div class="file-upload-wrapper">
  1592. <div class="file-upload-btn-custom">
  1593. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1594. </div>
  1595. <input type="file" id="form-as-final-file" name="asFinalFile" accept=".pdf"
  1596. onchange="indicateFileSelected(this)">
  1597. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1598. </div>
  1599. </div>
  1600. </div>
  1602. <!-- Adjustment Order Signed Date -->
  1603. <div class="col-md-6 edit-only-field">
  1604. <label for="form-as-final-date" class="form-label">Adjustment Order Signed Date
  1605. :</label>
  1606. <input type="date" id="form-as-final-date" name="as_final_file_gen_date"
  1607. class="form-control-custom">
  1608. </div>
  1610. <!-- Treasury Challan File -->
  1611. <div class="col-md-6 edit-only-field">
  1612. <label class="form-label">Treasury Challan :</label>
  1613. <div class="file-upload-wrapper">
  1614. <div class="file-upload-btn-custom">
  1615. <i class="fa-solid fa-cloud-arrow-up"></i> Choose File
  1616. </div>
  1617. <input type="file" id="form-tc-file" name="tcFile" accept=".pdf"
  1618. onchange="indicateFileSelected(this)">
  1619. <div class="file-selected-indicator"><i class="fa-solid fa-check"></i> <span></span>
  1620. </div>
  1621. </div>
  1622. </div>
  1624. <!-- Treasury Challan Signed Date -->
  1625. <div class="col-md-6 edit-only-field">
  1626. <label for="form-tc-date" class="form-label">Treasury Challan Signed Date :</label>
  1627. <input type="date" id="form-tc-date" name="tc_file_gen_date"
  1628. class="form-control-custom">
  1629. </div>
  1631. <!-- Remarks -->
  1632. <div class="col-12">
  1633. <label for="form-file-remark" class="form-label">Remarks :*</label>
  1634. <textarea id="form-file-remark" name="file_remark" class="form-control-custom"
  1635. style="height: 100px; padding: 12px;" placeholder="Remarks :*" required></textarea>
  1636. </div>
  1637. </div>
  1639. <div class="d-flex justify-content-center gap-3 mt-5">
  1640. <button type="submit" class="btn-custom btn-custom-primary px-5 py-2.5 fs-6"
  1641. style="background-color: #005a70 !important;">
  1642. <i class="fa-solid fa-circle-check"></i> Submit
  1643. </button>
  1644. <button type="button" class="btn-custom btn-custom-secondary px-5 py-2.5 fs-6"
  1645. data-bs-dismiss="modal">
  1646. <i class="fa-solid fa-circle-xmark"></i> Cancel
  1647. </button>
  1648. </div>
  1649. </form>
  1650. </div>
  1651. </div>
  1652. </div>
  1653. </div>
  1655. <!-- Modal: View Document Details / Checklist Timeline -->
  1656. <div class="modal fade" id="viewDetailsModal" tabindex="-1" aria-labelledby="viewDetailsModalLabel"
  1657. aria-hidden="true">
  1658. <div class="modal-dialog modal-lg">
  1659. <div class="modal-content" style="border-radius: 16px;">
  1660. <div class="modal-header bg-dark text-white" style="border-radius: 16px 16px 0 0;">
  1661. <h5 class="modal-title" id="viewDetailsModalLabel"><i class="fa-solid fa-circle-info text-info"></i>
  1662. File Complete Lifecycle</h5>
  1663. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1664. aria-label="Close"></button>
  1665. </div>
  1666. <div class="modal-body p-4" id="modal-details-content">
  1667. <!-- Dynamic Checklist will load here -->
  1668. </div>
  1669. <div class="modal-footer">
  1670. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1671. </div>
  1672. </div>
  1673. </div>
  1674. </div>
  1676. <!-- Modal: Latest Updates Files List -->
  1677. <div class="modal fade" id="latestUpdatesModal" tabindex="-1" aria-labelledby="latestUpdatesModalLabel"
  1678. aria-hidden="true">
  1679. <div class="modal-dialog modal-xl modal-dialog-centered">
  1680. <div class="modal-content" style="border-radius: 16px;">
  1681. <div class="modal-header bg-dark text-white" style="border-radius: 16px 16px 0 0;">
  1682. <h5 class="modal-title" id="latestUpdatesModalLabel">
  1683. <i class="fa-solid fa-bell text-warning me-2"></i> <span id="latest-updates-modal-title">Latest
  1684. Updates</span>
  1685. </h5>
  1686. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1687. aria-label="Close"></button>
  1688. </div>
  1689. <div class="modal-body p-4">
  1690. <div class="table-responsive table-responsive-custom">
  1691. <table class="table table-custom text-nowrap align-middle">
  1692. <thead>
  1693. <tr>
  1694. <th class="text-center">S.No</th>
  1695. <th class="text-center">Fin Year</th>
  1696. <th>File Num</th>
  1697. <th>Vendor Name</th>
  1698. <th class="text-center">Advance Type</th>
  1699. <th class="text-center">Update Status</th>
  1700. <th class="text-center">File Available</th>
  1701. <th class="text-end">Bal Amount</th>
  1702. <th>Remarks</th>
  1703. <th>createdDate</th>
  1704. <th>Updated By</th>
  1705. <th>Updated Date</th>
  1706. <th class="text-center">Actions</th>
  1707. </tr>
  1708. </thead>
  1709. <tbody id="latest-updates-modal-body">
  1710. <!-- Loaded dynamically -->
  1711. </tbody>
  1712. </table>
  1713. </div>
  1714. </div>
  1715. <div class="modal-footer">
  1716. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1717. </div>
  1718. </div>
  1719. </div>
  1720. </div>
  1722. <!-- Bootstrap Bundle with Popper -->
  1723. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  1725. <!-- SPA Application JS Logic -->
  1726. <script th:inline="javascript">
  1727. const contextPath = /*[[@{/}]]*/ '';
  1728. let allRecords = [];
  1729. let allRecordsIncludingDeleted = [];
  1730. let filteredRecords = [];
  1731. let activeVendorFilter = 'All';
  1732. let currentTab = 'counts';
  1733. let currentSplitFilter = 'All';
  1734. let detailsModalObj = null;
  1735. let registrationModalObj = null;
  1736. let currentPage = 1;
  1737. let pageSize = 15;
  1738. let sortField = 'fin_year';
  1739. let sortDirection = 'desc';
  1741. // Dashboard specific view state
  1742. let dashboardViewMode = 'details';
  1743. let dashCurrentPage = 1;
  1744. let dashPageSize = 15;
  1745. let dashSortField = 'fin_year';
  1746. let dashSortDirection = 'desc';
  1747. let dashFilteredRecords = [];
  1749. // On document load
  1750. document.addEventListener("DOMContentLoaded", () => {
  1751. populateFinancialYears();
  1752. loadInitialDropdowns();
  1753. loadRecordsData();
  1754. detailsModalObj = new bootstrap.Modal(document.getElementById('viewDetailsModal'));
  1755. registrationModalObj = new bootstrap.Modal(document.getElementById('registrationModal'));
  1756. });
  1758. function showLoader(show) {
  1759. document.getElementById('loader-overlay').style.display = show ? 'flex' : 'none';
  1760. }
  1762. // Generate Financial Years dynamically from 2005 - 2006 to current
  1763. function populateFinancialYears() {
  1764. const selectFilter = document.getElementById('filter-fin-year');
  1765. const selectForm = document.getElementById('form-fin-year');
  1767. if (selectFilter) {
  1768. selectFilter.innerHTML = '<option value="All">All</option>';
  1769. }
  1770. if (selectForm) {
  1771. selectForm.innerHTML = '<option value="">- Select Year -</option>';
  1772. }
  1774. const startYear = 2005;
  1775. const currentYear = new Date().getFullYear() + 2;
  1777. for (let y = startYear; y <= currentYear; y++) {
  1778. const fy = `${y} - ${y + 1}`;
  1780. if (selectFilter) {
  1781. const opt = document.createElement('option');
  1782. opt.value = fy;
  1783. opt.textContent = fy;
  1784. selectFilter.appendChild(opt);
  1785. }
  1787. if (selectForm) {
  1788. const opt = document.createElement('option');
  1789. opt.value = fy;
  1790. opt.textContent = fy;
  1791. selectForm.appendChild(opt);
  1792. }
  1793. }
  1794. }
  1796. // Toggle SPA tabs
  1797. function switchView(tabName) {
  1798. currentTab = tabName;
  1799. document.querySelectorAll('.nav-pill-btn').forEach(btn => btn.classList.remove('active'));
  1800. document.querySelectorAll('.view-panel').forEach(panel => panel.classList.remove('active'));
  1802. if (tabName === 'counts') {
  1803. document.getElementById('tab-counts').classList.add('active');
  1804. document.getElementById('panel-counts').classList.add('active');
  1805. renderCountsDashboard();
  1806. setDashboardViewMode(dashboardViewMode);
  1807. } else if (tabName === 'list') {
  1808. document.getElementById('tab-list').classList.add('active');
  1809. document.getElementById('panel-list').classList.add('active');
  1810. filterRecordsList();
  1811. } else if (tabName === 'oc') {
  1812. document.getElementById('tab-oc').classList.add('active');
  1813. document.getElementById('panel-oc').classList.add('active');
  1814. filterOcList();
  1815. } else if (tabName === 'ejv') {
  1816. document.getElementById('tab-ejv').classList.add('active');
  1817. document.getElementById('panel-ejv').classList.add('active');
  1818. resetEJVForm();
  1819. }
  1820. }
  1822. // File indicator selection text
  1823. function indicateFileSelected(input) {
  1824. const indicator = input.parentElement.querySelector('.file-selected-indicator');
  1825. if (indicator) {
  1826. if (input.files && input.files[0]) {
  1827. indicator.querySelector('span').textContent = input.files[0].name;
  1828. indicator.style.display = 'inline-flex';
  1829. } else {
  1830. indicator.style.display = 'none';
  1831. }
  1832. }
  1833. }
  1835. // Populate Select File Number for Update EJV
  1836. function populateEJVFileDropdown() {
  1837. const datalist = document.getElementById('file-numbers-list');
  1838. if (!datalist) return;
  1840. datalist.innerHTML = '';
  1842. const sortedRecords = [...allRecords].sort((a, b) => {
  1843. const numA = String(a.file_data_num || '').toLowerCase();
  1844. const numB = String(b.file_data_num || '').toLowerCase();
  1845. return numA.localeCompare(numB);
  1846. });
  1848. sortedRecords.forEach(r => {
  1849. if (r.file_data_num) {
  1850. const opt = document.createElement('option');
  1851. opt.value = r.file_data_num;
  1852. datalist.appendChild(opt);
  1853. }
  1854. });
  1855. }
  1857. // Handle File Number change in Update EJV view
  1858. function handleEJVFileNumberInput() {
  1859. const input = document.getElementById('ejv-file-num-input');
  1860. const hiddenId = document.getElementById('ejv-file-id');
  1861. const statusInput = document.getElementById('ejv-adj-order-status');
  1862. const fileInput = document.getElementById('ejv-num-file');
  1863. const numInput = document.getElementById('ejv-number-input');
  1865. if (!input || !hiddenId || !statusInput || !fileInput || !numInput) return;
  1867. const typedVal = input.value.trim().toLowerCase();
  1868. if (!typedVal) {
  1869. hiddenId.value = '';
  1870. statusInput.value = '';
  1871. fileInput.value = '';
  1872. fileInput.setAttribute('disabled', 'true');
  1873. fileInput.required = false;
  1874. numInput.value = '';
  1875. numInput.setAttribute('disabled', 'true');
  1877. const container = fileInput.closest('.file-upload-wrapper');
  1878. if (container) {
  1879. const ind = container.querySelector('.file-selected-indicator');
  1880. if (ind) ind.style.display = 'none';
  1881. }
  1882. return;
  1883. }
  1885. const r = allRecords.find(item => String(item.file_data_num || '').trim().toLowerCase() === typedVal);
  1886. if (!r) {
  1887. hiddenId.value = '';
  1888. statusInput.value = '';
  1889. fileInput.value = '';
  1890. fileInput.setAttribute('disabled', 'true');
  1891. fileInput.required = false;
  1892. numInput.value = '';
  1893. numInput.setAttribute('disabled', 'true');
  1895. const container = fileInput.closest('.file-upload-wrapper');
  1896. if (container) {
  1897. const ind = container.querySelector('.file-selected-indicator');
  1898. if (ind) ind.style.display = 'none';
  1899. }
  1900. return;
  1901. }
  1903. hiddenId.value = r.id;
  1905. // Check condition: as_final_file_gen_date and as_final_file_path is not null/empty/'-'
  1906. const finalPath = r.as_final_file_path;
  1907. const finalDate = r.as_final_file_gen_date;
  1909. const isFinalUploaded = finalPath && finalPath !== '-' && finalPath !== 'null' && String(finalPath).trim() !== '' &&
  1910. finalDate && finalDate !== '-' && finalDate !== 'null' && String(finalDate).trim() !== '';
  1912. if (isFinalUploaded) {
  1913. statusInput.value = 'Yes';
  1914. fileInput.removeAttribute('disabled');
  1915. numInput.removeAttribute('disabled');
  1917. numInput.value = (r.ejv_num && r.ejv_num !== '-') ? r.ejv_num : '';
  1919. const hasExistingFile = r.ejv_num_file_path && r.ejv_num_file_path !== '-' && r.ejv_num_file_path !== 'null';
  1920. fileInput.required = !hasExistingFile;
  1922. const container = fileInput.closest('.file-upload-wrapper');
  1923. if (container) {
  1924. const ind = container.querySelector('.file-selected-indicator');
  1925. if (ind) {
  1926. if (hasExistingFile) {
  1927. ind.style.display = 'inline-block';
  1928. const fileName = r.ejv_num_file_path.substring(r.ejv_num_file_path.lastIndexOf('/') + 1);
  1929. ind.querySelector('span').textContent = 'Existing: ' + fileName;
  1930. } else {
  1931. ind.style.display = 'none';
  1932. }
  1933. }
  1934. }
  1935. } else {
  1936. statusInput.value = 'No';
  1937. fileInput.value = '';
  1938. fileInput.setAttribute('disabled', 'true');
  1939. fileInput.required = false;
  1940. numInput.value = '';
  1941. numInput.setAttribute('disabled', 'true');
  1943. const container = fileInput.closest('.file-upload-wrapper');
  1944. if (container) {
  1945. const ind = container.querySelector('.file-selected-indicator');
  1946. if (ind) ind.style.display = 'none';
  1947. }
  1949. Swal.fire({
  1950. title: 'Upload Locked',
  1951. text: 'Adjustment Order (Final AS Copy) is not uploaded for this file. EJV upload is locked.',
  1952. icon: 'warning',
  1953. confirmButtonColor: '#0a4b64'
  1954. });
  1955. }
  1956. }
  1958. // Submit EJV Update Form
  1959. function submitEJVForm(event) {
  1960. event.preventDefault();
  1962. const fileSelect = document.getElementById('ejv-file-id');
  1963. const fileInput = document.getElementById('ejv-num-file');
  1964. const numInput = document.getElementById('ejv-number-input');
  1965. const statusInput = document.getElementById('ejv-adj-order-status');
  1967. if (!fileSelect || !fileSelect.value) {
  1968. Swal.fire({ title: 'Error', text: 'Please select a valid registered file number.', icon: 'error' });
  1969. return;
  1970. }
  1971. if (statusInput.value !== 'Yes') {
  1972. Swal.fire({ title: 'Locked', text: 'EJV upload is locked because the Adjustment Order is missing.', icon: 'warning' });
  1973. return;
  1974. }
  1976. const ejvNum = numInput.value.trim();
  1977. if (!ejvNum) {
  1978. Swal.fire({ title: 'Error', text: 'Please enter EJV Number.', icon: 'error' });
  1979. return;
  1980. }
  1982. const fileId = parseInt(fileSelect.value);
  1983. const r = allRecords.find(item => item.id === fileId);
  1984. const hasExistingFile = r && r.ejv_num_file_path && r.ejv_num_file_path !== '-' && r.ejv_num_file_path !== 'null';
  1986. if (!hasExistingFile && (!fileInput.files || fileInput.files.length === 0)) {
  1987. Swal.fire({ title: 'Error', text: 'Please choose an EJV file.', icon: 'error' });
  1988. return;
  1989. }
  1991. showLoader(true);
  1993. const form = document.getElementById('ejv-update-form');
  1994. const formData = new FormData(form);
  1996. const csrfMeta = document.querySelector("meta[name='_csrf']");
  1997. const csrfHeaderMeta = document.querySelector("meta[name='_csrf_header']");
  1998. const headers = {};
  1999. if (csrfMeta && csrfHeaderMeta) {
  2000. headers[csrfHeaderMeta.getAttribute("content")] = csrfMeta.getAttribute("content");
  2001. }
  2003. fetch(contextPath + 'gccadjustmentmanagement/api/update-ejv', {
  2004. method: 'POST',
  2005. headers: headers,
  2006. body: formData
  2007. })
  2008. .then(res => res.json())
  2009. .then(data => {
  2010. showLoader(false);
  2011. if (data.success) {
  2012. Swal.fire({
  2013. title: 'Success!',
  2014. text: data.message,
  2015. icon: 'success',
  2016. confirmButtonColor: '#0a4b64'
  2017. }).then(() => {
  2018. resetEJVForm();
  2019. loadRecordsData();
  2020. switchView('list');
  2021. });
  2022. } else {
  2023. Swal.fire({
  2024. title: 'Failed!',
  2025. text: data.error || 'Failed to save EJV details.',
  2026. icon: 'error',
  2027. confirmButtonColor: '#ef4444'
  2028. });
  2029. }
  2030. })
  2031. .catch(err => {
  2032. showLoader(false);
  2033. Swal.fire({
  2034. title: 'Error!',
  2035. text: 'An error occurred during submission: ' + err,
  2036. icon: 'error',
  2037. confirmButtonColor: '#ef4444'
  2038. });
  2039. });
  2040. }
  2042. // Reset EJV Form
  2043. function resetEJVForm() {
  2044. const form = document.getElementById('ejv-update-form');
  2045. if (form) form.reset();
  2046. const input = document.getElementById('ejv-file-num-input');
  2047. if (input) input.value = '';
  2048. const hiddenId = document.getElementById('ejv-file-id');
  2049. if (hiddenId) hiddenId.value = '';
  2050. handleEJVFileNumberInput();
  2051. }
  2053. // Fetch Dropdown options (Advance Types & Fund Types)
  2054. function loadInitialDropdowns() {
  2055. fetch(contextPath + 'gccadjustmentmanagement/api/advance-types')
  2056. .then(res => res.json())
  2057. .then(data => {
  2058. const sel = document.getElementById('form-adv-type');
  2059. sel.innerHTML = '<option value="">- Select Type -</option>';
  2061. const filSel = document.getElementById('filter-advance-type');
  2062. if (filSel) filSel.innerHTML = '<option value="All">All Advance Types</option>';
  2064. const splitFilSel = document.getElementById('split-filter-advance-type');
  2065. if (splitFilSel) splitFilSel.innerHTML = '<option value="All">All Advance Types</option>';
  2067. data.forEach(t => {
  2068. sel.innerHTML += `<option value="${t.id}">${t.adv_type}</option>`;
  2069. if (filSel) filSel.innerHTML += `<option value="${t.id}">${t.adv_type}</option>`;
  2070. if (splitFilSel) splitFilSel.innerHTML += `<option value="${t.id}">${t.adv_type}</option>`;
  2071. });
  2072. });
  2074. fetch(contextPath + 'gccadjustmentmanagement/api/fund-types')
  2075. .then(res => res.json())
  2076. .then(data => {
  2077. const sel = document.getElementById('form-fund-type');
  2078. sel.innerHTML = '<option value="">- Select Type -</option>';
  2080. const filSel = document.getElementById('filter-fund-type');
  2081. if (filSel) filSel.innerHTML = '<option value="All">All Fund Types</option>';
  2083. data.forEach(t => {
  2084. sel.innerHTML += `<option value="${t.id}">${t.fund_type}</option>`;
  2085. if (filSel) filSel.innerHTML += `<option value="${t.id}">${t.fund_type}</option>`;
  2086. });
  2087. });
  2088. }
  2090. // Populate the vendor dropdown filter dynamically
  2091. function populateVendorFilterDropdown() {
  2092. const select = document.getElementById('filter-vendor');
  2093. const splitSelect = document.getElementById('split-filter-vendor');
  2095. const curVal = select ? select.value : 'All';
  2096. const curSplitVal = splitSelect ? splitSelect.value : 'All';
  2098. if (select) select.innerHTML = '<option value="All">All Vendors</option>';
  2099. if (splitSelect) splitSelect.innerHTML = '<option value="All">All Vendors</option>';
  2101. const vendors = new Set();
  2102. allRecords.forEach(r => {
  2103. let v = String(r.vend_name || '').trim();
  2104. if (v !== '') vendors.add(v);
  2105. });
  2107. const sortedVendors = Array.from(vendors).sort();
  2108. sortedVendors.forEach(v => {
  2109. if (select) {
  2110. const opt = document.createElement('option');
  2111. opt.value = v;
  2112. opt.textContent = v;
  2113. select.appendChild(opt);
  2114. }
  2115. if (splitSelect) {
  2116. const opt = document.createElement('option');
  2117. opt.value = v;
  2118. opt.textContent = v;
  2119. splitSelect.appendChild(opt);
  2120. }
  2121. });
  2123. if (select && Array.from(select.options).some(opt => opt.value === curVal)) {
  2124. select.value = curVal;
  2125. }
  2126. if (splitSelect && Array.from(splitSelect.options).some(opt => opt.value === curSplitVal)) {
  2127. splitSelect.value = curSplitVal;
  2128. }
  2129. }
  2131. // Load all database files
  2132. function loadRecordsData() {
  2133. showLoader(true);
  2134. Promise.all([
  2135. fetch(contextPath + 'gccadjustmentmanagement/api/list').then(res => res.json()),
  2136. fetch(contextPath + 'gccadjustmentmanagement/api/list-all').then(res => res.json())
  2137. ])
  2138. .then(([activeData, allData]) => {
  2139. allRecords = activeData;
  2140. allRecordsIncludingDeleted = allData;
  2141. populateVendorFilterDropdown();
  2142. populateEJVFileDropdown();
  2143. renderCountsDashboard();
  2144. updateLatestUpdateBadge();
  2145. renderSplitUpReport();
  2146. renderDashboardDetails();
  2147. filterRecordsList();
  2148. showLoader(false);
  2149. })
  2150. .catch(err => {
  2151. showLoader(false);
  2152. console.error("Error loading records:", err);
  2153. });
  2154. }
  2156. // Render dynamic counts badges in Dashboard Landing view
  2157. function renderCountsDashboard() {
  2158. const fyFilter = document.getElementById('filter-fin-year').value;
  2159. const cleanFy = str => String(str || '').replace(/\s+/g, '');
  2161. let records = allRecords;
  2162. if (fyFilter !== 'All') {
  2163. records = records.filter(r => cleanFy(r.fin_year) === cleanFy(fyFilter));
  2164. }
  2166. // Calculate vendor and adjustment status counts
  2167. const counts = {};
  2168. let total = 0;
  2169. let adjustedCount = 0;
  2170. let pendingCount = 0;
  2172. records.forEach(r => {
  2173. let v = String(r.vend_name || '').trim();
  2174. if (v === '') v = '-';
  2175. counts[v] = (counts[v] || 0) + 1;
  2176. total++;
  2178. // Check adjustment status
  2179. const ejvNum = String(r.ejv_num || '').trim();
  2180. const ejvPath = String(r.ejv_num_file_path || '').trim();
  2181. const isAdjusted = (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  2182. if (isAdjusted) {
  2183. adjustedCount++;
  2184. } else {
  2185. pendingCount++;
  2186. }
  2187. });
  2189. const sortedVendors = Object.keys(counts).sort();
  2190. const container = document.getElementById('dashboard-counts-list');
  2191. if (!container) return;
  2193. let html = '';
  2195. // Total Files count shows records.length (representing active database files only)
  2196. const displayTotal = records.length;
  2198. // 1. Total Files Button
  2199. html += `
  2200. <div class="col-lg-4 col-md-6 col-12">
  2201. <div class="count-badge-btn justify-content-between animate-fade-in ${currentSplitFilter === 'All' ? 'active-card' : ''}"
  2202. id="card-total-files" onclick="setSplitFilter('All')">
  2203. <span class="count-card-label"><i class="fa-solid fa-folder me-2 text-primary"></i> Total Files</span>
  2204. <span class="count-card-number text-white" style="background-color: var(--primary) !important;">${displayTotal}</span>
  2205. </div>
  2206. </div>
  2207. `;
  2209. // 1.1. Adjusted Files Button
  2210. html += `
  2211. <div class="col-lg-4 col-md-6 col-12">
  2212. <div class="count-badge-btn justify-content-between animate-fade-in ${currentSplitFilter === 'Adjusted' ? 'active-card' : ''}"
  2213. id="card-adjusted-files" onclick="setSplitFilter('Adjusted')">
  2214. <span class="count-card-label"><i class="fa-solid fa-circle-check me-2 text-success"></i> Adjusted Files</span>
  2215. <span class="count-card-number text-white" style="background-color: var(--success) !important;">${adjustedCount}</span>
  2216. </div>
  2217. </div>
  2218. `;
  2220. // 1.2. Pending / Not Adjusted Files Button
  2221. html += `
  2222. <div class="col-lg-4 col-md-6 col-12">
  2223. <div class="count-badge-btn justify-content-between animate-fade-in ${currentSplitFilter === 'Pending' ? 'active-card' : ''}"
  2224. id="card-pending-files" onclick="setSplitFilter('Pending')">
  2225. <span class="count-card-label"><i class="fa-solid fa-circle-xmark me-2 text-danger"></i> Pending / Not Adjusted</span>
  2226. <span class="count-card-number text-white" style="background-color: var(--danger) !important;">${pendingCount}</span>
  2227. </div>
  2228. </div>
  2229. `;
  2230. // Calculate Election and Not Available Files
  2231. let electionUploaded = records.filter(r => String(r.adv_type_id) === '9').length;
  2232. let notAvailableUploaded = records.filter(r => r.file_available_status === 'No').length;
  2234. // 1.3. Election Files
  2235. html += `
  2236. <div class="col-lg-4 col-md-6 col-12">
  2237. <div class="count-badge-btn justify-content-between animate-fade-in ${currentSplitFilter === 'Election' ? 'active-card' : ''}"
  2238. id="card-election-files" onclick="setSplitFilter('Election')">
  2239. <span class="count-card-label"><i class="fa-solid fa-square-poll-vertical me-2 text-warning"></i> Election Files</span>
  2240. <span class="count-card-number text-white" style="background-color: var(--warning) !important;">${electionUploaded}</span>
  2241. </div>
  2242. </div>
  2243. `;
  2245. // 1.4. Not Available Files
  2246. html += `
  2247. <div class="col-lg-4 col-md-6 col-12">
  2248. <div class="count-badge-btn justify-content-between animate-fade-in ${currentSplitFilter === 'NotAvailable' ? 'active-card' : ''}"
  2249. id="card-notavailable-files" onclick="setSplitFilter('NotAvailable')">
  2250. <span class="count-card-label"><i class="fa-solid fa-ban me-2 text-secondary"></i> Not Available Files</span>
  2251. <span class="count-card-number text-white" style="background-color: #64748b !important;">${notAvailableUploaded}</span>
  2252. </div>
  2253. </div>
  2254. `;
  2256. // 2. Vendor buttons (hidden as requested)
  2258. container.innerHTML = html;
  2259. }
  2261. function goToListViewWithFilter(vendor) {
  2262. const select = document.getElementById('filter-vendor');
  2263. if (select) {
  2264. if (vendor === 'All' || !Array.from(select.options).some(opt => opt.value === vendor)) {
  2265. select.value = 'All';
  2266. } else {
  2267. select.value = vendor;
  2268. }
  2269. }
  2270. const statusSelect = document.getElementById('filter-adjustment-status');
  2271. if (statusSelect) {
  2272. statusSelect.value = 'All';
  2273. }
  2274. const advSelect = document.getElementById('filter-advance-type');
  2275. if (advSelect) advSelect.value = 'All';
  2276. const fundSelect = document.getElementById('filter-fund-type');
  2277. if (fundSelect) fundSelect.value = 'All';
  2278. switchView('list');
  2279. }
  2281. function goToListViewWithStatusFilter(status) {
  2282. const statusSelect = document.getElementById('filter-adjustment-status');
  2283. if (statusSelect) {
  2284. statusSelect.value = status;
  2285. }
  2286. const vendorSelect = document.getElementById('filter-vendor');
  2287. if (vendorSelect) {
  2288. vendorSelect.value = 'All';
  2289. }
  2290. const advSelect = document.getElementById('filter-advance-type');
  2291. if (advSelect) advSelect.value = 'All';
  2292. const fundSelect = document.getElementById('filter-fund-type');
  2293. if (fundSelect) fundSelect.value = 'All';
  2294. switchView('list');
  2295. }
  2297. // Filter and display files list
  2298. function filterRecordsList(keepPage = false) {
  2299. if (!keepPage) {
  2300. currentPage = 1;
  2301. }
  2303. const fyFilter = document.getElementById('filter-fin-year').value;
  2304. const vendorFilter = document.getElementById('filter-vendor') ? document.getElementById('filter-vendor').value : 'All';
  2305. const searchVal = document.getElementById('table-search').value.toLowerCase().trim();
  2306. const cleanFy = str => String(str || '').replace(/\s+/g, '');
  2308. let records = allRecords;
  2310. // 1. FY Filter
  2311. if (fyFilter !== 'All') {
  2312. records = records.filter(r => cleanFy(r.fin_year) === cleanFy(fyFilter));
  2313. }
  2315. // 2. Vendor Dropdown Filter
  2316. if (vendorFilter !== 'All') {
  2317. records = records.filter(r => (r.vend_name || '').trim() === vendorFilter);
  2318. }
  2320. // 2.5. Adjustment Status Filter
  2321. const statusFilter = document.getElementById('filter-adjustment-status') ? document.getElementById('filter-adjustment-status').value : 'All';
  2322. if (statusFilter !== 'All') {
  2323. records = records.filter(r => {
  2324. const ejvNum = String(r.ejv_num || '').trim();
  2325. const ejvPath = String(r.ejv_num_file_path || '').trim();
  2326. const isAdjusted = (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  2327. return statusFilter === 'Adjusted' ? isAdjusted : !isAdjusted;
  2328. });
  2329. }
  2331. // 2.6. Advance Type Filter
  2332. const advTypeFilter = document.getElementById('filter-advance-type') ? document.getElementById('filter-advance-type').value : 'All';
  2333. if (advTypeFilter !== 'All') {
  2334. records = records.filter(r => String(r.adv_type_id || '').trim() === advTypeFilter);
  2335. }
  2337. // 2.7. Fund Type Filter
  2338. const fundTypeFilter = document.getElementById('filter-fund-type') ? document.getElementById('filter-fund-type').value : 'All';
  2339. if (fundTypeFilter !== 'All') {
  2340. records = records.filter(r => String(r.fund_type_id || '').trim() === fundTypeFilter);
  2341. }
  2343. // 2.8. File Available Filter
  2344. const availFilter = document.getElementById('filter-file-available') ? document.getElementById('filter-file-available').value : 'All';
  2345. if (availFilter !== 'All') {
  2346. records = records.filter(r => {
  2347. let isAvail = false;
  2348. if (r.file_available_status === 'Yes') {
  2349. isAvail = true;
  2350. } else if (r.file_available_status === 'No') {
  2351. isAvail = false;
  2352. } else {
  2353. // Check physical files
  2354. const paths = [
  2355. r.file_path, r.po_file_path, r.dc_file_path, r.ir_file_path,
  2356. r.sr_filepath, r.pi_file_path, r.fi_file_path, r.tc_file_path,
  2357. r.rtgs_file_path, r.ejv_num_file_path, r.as_file_path, r.as_final_file_path
  2358. ];
  2359. isAvail = paths.some(p => p && p !== '-' && p !== 'null' && String(p).trim() !== '');
  2360. }
  2361. return availFilter === 'Available' ? isAvail : !isAvail;
  2362. });
  2363. }
  2365. // 3. Search input filter
  2366. if (searchVal !== '') {
  2367. records = records.filter(r =>
  2368. String(r.vend_name || '').toLowerCase().includes(searchVal) ||
  2369. String(r.file_data_num || '').toLowerCase().includes(searchVal) ||
  2370. String(r.subject || '').toLowerCase().includes(searchVal) ||
  2371. String(r.ejv_num || '').toLowerCase().includes(searchVal)
  2372. );
  2373. }
  2375. // 4. Sort records dynamically
  2376. records.sort((a, b) => {
  2377. let valA, valB;
  2378. if (sortField === 'fin_year') {
  2379. valA = String(a.fin_year || '').trim();
  2380. valB = String(b.fin_year || '').trim();
  2381. } else if (sortField === 'bal_amt') {
  2382. valA = Number(a.bal_amt || 0);
  2383. valB = Number(b.bal_amt || 0);
  2384. } else if (sortField === 'pi_amt') {
  2385. valA = Number(a.pi_amt || 0);
  2386. valB = Number(b.pi_amt || 0);
  2387. } else if (sortField === 'fi_amt') {
  2388. valA = Number(a.fi_amt || 0);
  2389. valB = Number(b.fi_amt || 0);
  2390. } else if (sortField === 'updated_date') {
  2391. valA = new Date(a.updated_date || a.cdate).getTime();
  2392. valB = new Date(b.updated_date || b.cdate).getTime();
  2393. } else {
  2394. valA = a.id;
  2395. valB = b.id;
  2396. }
  2398. if (valA === valB) return b.id - a.id; // secondary sort by ID descending
  2400. if (sortDirection === 'asc') {
  2401. if (typeof valA === 'string') {
  2402. return valA.localeCompare(valB);
  2403. }
  2404. return valA > valB ? 1 : -1;
  2405. } else {
  2406. if (typeof valA === 'string') {
  2407. return valB.localeCompare(valA);
  2408. }
  2409. return valA < valB ? 1 : -1;
  2410. }
  2411. });
  2413. // Store filtered records globally for Excel export
  2414. filteredRecords = records;
  2416. const totalRecords = records.length;
  2417. const startIndex = (currentPage - 1) * pageSize;
  2418. const endIndex = Math.min(startIndex + pageSize, totalRecords);
  2419. const paginatedRecords = records.slice(startIndex, endIndex);
  2421. if (currentTab === 'list') {
  2422. renderTableData(paginatedRecords, startIndex + 1);
  2423. renderPagination(totalRecords);
  2424. updateSortIcons();
  2425. } else if (currentTab === 'oc') {
  2426. // For OC Copy list, show records with ELCOT vendor primarily or filter ELCOT
  2427. const elcotRecords = records.filter(r => String(r.vend_name || '').toUpperCase().includes('ELCOT'));
  2428. renderOcTableData(elcotRecords);
  2429. }
  2430. }
  2432. function changePageSize() {
  2433. const val = document.getElementById('pagination-page-size').value;
  2434. if (val === 'All') {
  2435. pageSize = 999999;
  2436. } else {
  2437. pageSize = parseInt(val, 10);
  2438. }
  2439. currentPage = 1;
  2440. filterRecordsList(true);
  2441. }
  2443. function renderPagination(totalRecords) {
  2444. const info = document.getElementById('pagination-info');
  2445. const buttons = document.getElementById('pagination-buttons');
  2446. if (!info || !buttons) return;
  2448. const totalPages = Math.ceil(totalRecords / pageSize);
  2449. const startRange = totalRecords === 0 ? 0 : (currentPage - 1) * pageSize + 1;
  2450. const endRange = Math.min(currentPage * pageSize, totalRecords);
  2452. info.textContent = `Showing ${startRange} to ${endRange} of ${totalRecords} entries`;
  2454. buttons.innerHTML = '';
  2456. if (totalPages <= 1) {
  2457. return;
  2458. }
  2460. // Previous Button
  2461. const prevLi = document.createElement('li');
  2462. prevLi.className = `page-item ${currentPage === 1 ? 'disabled' : ''}`;
  2463. prevLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToPage(${currentPage - 1})">&laquo;</a>`;
  2464. buttons.appendChild(prevLi);
  2466. // Page Numbers
  2467. const maxPageButtons = 5;
  2468. let startPage = Math.max(1, currentPage - 2);
  2469. let endPage = Math.min(totalPages, startPage + maxPageButtons - 1);
  2471. if (endPage - startPage < maxPageButtons - 1) {
  2472. startPage = Math.max(1, endPage - maxPageButtons + 1);
  2473. }
  2475. for (let p = startPage; p <= endPage; p++) {
  2476. const li = document.createElement('li');
  2477. li.className = `page-item ${currentPage === p ? 'active' : ''}`;
  2478. li.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToPage(${p})">${p}</a>`;
  2479. buttons.appendChild(li);
  2480. }
  2482. // Next Button
  2483. const nextLi = document.createElement('li');
  2484. nextLi.className = `page-item ${currentPage === totalPages ? 'disabled' : ''}`;
  2485. nextLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToPage(${currentPage + 1})">&raquo;</a>`;
  2486. buttons.appendChild(nextLi);
  2487. }
  2489. function goToPage(page) {
  2490. currentPage = page;
  2491. filterRecordsList(true);
  2492. }
  2494. function toggleSort(field) {
  2495. if (sortField === field) {
  2496. sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';
  2497. } else {
  2498. sortField = field;
  2499. sortDirection = 'desc';
  2500. }
  2501. filterRecordsList(true);
  2502. }
  2504. function updateSortIcons() {
  2505. const fields = ['fin_year', 'bal_amt', 'pi_amt', 'fi_amt', 'cdate', 'updated_date'];
  2506. fields.forEach(f => {
  2507. const el = document.getElementById(`sort-icon-${f}`);
  2508. if (!el) return;
  2509. if (sortField === f) {
  2510. el.innerHTML = sortDirection === 'asc' ? '<i class="fa-solid fa-sort-up text-warning ms-1"></i>' : '<i class="fa-solid fa-sort-down text-warning ms-1"></i>';
  2511. } else {
  2512. el.innerHTML = '<i class="fa-solid fa-sort text-muted opacity-50 ms-1"></i>';
  2513. }
  2514. });
  2515. }
  2517. // Search in OC Copies Tab Specifically
  2518. function filterOcList() {
  2519. const searchVal = document.getElementById('oc-table-search').value.toLowerCase().trim();
  2520. let records = allRecords.filter(r => String(r.vend_name || '').toUpperCase().includes('ELCOT'));
  2522. const fyFilter = document.getElementById('filter-fin-year').value;
  2523. const cleanFy = str => String(str || '').replace(/\s+/g, '');
  2524. if (fyFilter !== 'All') {
  2525. records = records.filter(r => cleanFy(r.fin_year) === cleanFy(fyFilter));
  2526. }
  2528. if (searchVal !== '') {
  2529. records = records.filter(r =>
  2530. String(r.file_data_num || '').toLowerCase().includes(searchVal) ||
  2531. String(r.ejv_num || '').toLowerCase().includes(searchVal)
  2532. );
  2533. }
  2534. renderOcTableData(records);
  2535. }
  2537. // Format Date
  2538. function formatDate(dateStr) {
  2539. if (!dateStr) return '-';
  2540. try {
  2541. const d = new Date(dateStr);
  2542. if (isNaN(d.getTime())) return dateStr;
  2543. const dd = String(d.getDate()).padStart(2, '0');
  2544. const MM = String(d.getMonth() + 1).padStart(2, '0');
  2545. const yyyy = d.getFullYear();
  2546. return `${dd}/${MM}/${yyyy}`;
  2547. } catch (e) {
  2548. return dateStr;
  2549. }
  2550. }
  2552. // Format DateTime
  2553. function formatDateTime(dateTimeStr) {
  2554. if (!dateTimeStr) return '-';
  2555. try {
  2556. const d = new Date(dateTimeStr);
  2557. if (isNaN(d.getTime())) return dateTimeStr;
  2558. const dd = String(d.getDate()).padStart(2, '0');
  2559. const MM = String(d.getMonth() + 1).padStart(2, '0');
  2560. const yyyy = d.getFullYear();
  2561. const hh = String(d.getHours()).padStart(2, '0');
  2562. const mm = String(d.getMinutes()).padStart(2, '0');
  2563. return `${dd}/${MM}/${yyyy} ${hh}:${mm}`;
  2564. } catch (e) {
  2565. return dateTimeStr;
  2566. }
  2567. }
  2569. // Render main table rows
  2570. function renderTableData(records, startSNo = 1) {
  2571. const tbody = document.getElementById('records-table-body');
  2572. tbody.innerHTML = '';
  2574. if (records.length === 0) {
  2575. tbody.innerHTML = '<tr><td colspan="14" class="text-center text-muted">No files found matching criteria.</td></tr>';
  2576. return;
  2577. }
  2579. let currentSNo = startSNo;
  2580. records.forEach(r => {
  2581. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  2582. const piAmt = r.pi_amt ? Number(r.pi_amt).toLocaleString('en-IN') : '-';
  2583. const fiAmt = r.fi_amt ? Number(r.fi_amt).toLocaleString('en-IN') : '-';
  2585. tbody.innerHTML += `
  2586. <tr>
  2587. <td class="text-center">${currentSNo++}</td>
  2588. <td class="text-center">${escapeHtml(r.fin_year)}</td>
  2589. <td>${escapeHtml(r.file_data_num || '-')}</td>
  2590. <td class="text-center"><span class="badge bg-secondary">${escapeHtml(r.resolved_adv_type || '-')}</span></td>
  2591. <td class="text-center"><span class="badge bg-info text-dark">${escapeHtml(r.resolved_fund_type || '-')}</span></td>
  2592. <td class="text-center">${escapeHtml(r.ac_code || '-')}</td>
  2593. <td class="text-center">
  2594. ${r.file_available_status === 'Yes'
  2595. ? `<span class="badge bg-success-light text-success border border-success px-2 py-0.5">Yes</span>`
  2596. : r.file_available_status === 'No'
  2597. ? `<span class="badge bg-danger-light text-danger border border-danger px-2 py-0.5">No</span>`
  2598. : '-'}
  2599. </td>
  2600. <td class="fw-semibold text-primary text-end">₹ ${balAmt}</td>
  2601. <td class="text-end">₹ ${piAmt}</td>
  2602. <td class="text-end">₹ ${fiAmt}</td>
  2603. <td>${escapeHtml(r.ejv_num || '-')}</td>
  2604. <td class="text-muted" style="font-size: 0.8rem;">${formatDateTime(r.cdate)}</td>
  2605. <td class="text-muted" style="font-size: 0.8rem;">${formatDateTime(r.updated_date)}</td>
  2606. <td>${escapeHtml(r.updated_by_name || r.updated_by || '-')}</td>
  2607. <td class="text-center">
  2608. <div class="action-btn-group justify-content-center">
  2609. <button class="action-btn btn-view" title="View Lifecycle" onclick="viewRecordDetails(${r.id})">
  2610. <i class="fa-solid fa-eye"></i>
  2611. </button>
  2612. <button class="action-btn btn-edit" title="Edit File" onclick="editRecord(${r.id})">
  2613. <i class="fa-solid fa-pen-to-square"></i>
  2614. </button>
  2615. <button class="action-btn btn-delete" title="Delete File" onclick="deleteRecord(${r.id})">
  2616. <i class="fa-solid fa-trash"></i>
  2617. </button>
  2618. </div>
  2619. </td>
  2620. </tr>
  2621. `;
  2622. });
  2623. }
  2625. // Render ELCOT OC Copies Table
  2626. function renderOcTableData(records) {
  2627. const tbody = document.getElementById('oc-table-body');
  2628. tbody.innerHTML = '';
  2630. if (records.length === 0) {
  2631. tbody.innerHTML = '<tr><td colspan="13" class="text-center text-muted">No ELCOT files found.</td></tr>';
  2632. return;
  2633. }
  2635. records.forEach(r => {
  2636. tbody.innerHTML += `
  2637. <tr>
  2638. <td>${r.id}</td>
  2639. <td class="fw-bold">${escapeHtml(r.vend_name)}</td>
  2640. <td>${escapeHtml(r.fin_year)}</td>
  2641. <td>${escapeHtml(r.file_data_num || '-')}</td>
  2642. <td>${getFileLink(r.file_path, 'Original')}</td>
  2643. <td>${getFileLink(r.po_file_path, 'PO')}</td>
  2644. <td>${getFileLink(r.dc_file_path, 'DC')}</td>
  2645. <td>${getFileLink(r.ir_file_path, 'Inward')}</td>
  2646. <td>${getFileLink(r.sr_filepath, 'Stock')}</td>
  2647. <td>${getFileLink(r.tc_file_path, 'Temp Bill')}</td>
  2648. <td>${getFileLink(r.rtgs_file_path, 'RTGS')}</td>
  2649. <td>${getFileLink(r.ejv_num_file_path, 'EJV')}</td>
  2650. <td>${getFileLink(r.as_final_file_path, 'Final AS')}</td>
  2651. </tr>
  2652. `;
  2653. });
  2654. }
  2656. function isValidFilePath(path) {
  2657. if (!path) return false;
  2658. const p = String(path).trim();
  2659. return p !== '' && p !== '-' && p !== 'null';
  2660. }
  2662. function getFileLink(path, label) {
  2663. if (!isValidFilePath(path)) return '<span class="doc-missing">-</span>';
  2664. let cleanPath = String(path).trim();
  2665. if (cleanPath.startsWith('/')) {
  2666. cleanPath = cleanPath.substring(1);
  2667. }
  2668. return `<a href="${contextPath}${cleanPath}" target="_blank" class="doc-link"><i class="fa-solid fa-file-pdf"></i> ${label}</a>`;
  2669. }
  2671. // Details Modal View / Lifecycle
  2672. function viewRecordDetails(id) {
  2673. const r = allRecords.find(item => item.id === id);
  2674. if (!r) return;
  2676. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  2677. const piAmt = r.pi_amt ? Number(r.pi_amt).toLocaleString('en-IN') : '-';
  2678. const fiAmt = r.fi_amt ? Number(r.fi_amt).toLocaleString('en-IN') : '-';
  2680. // Define checklist document array
  2681. const docs = [
  2682. { name: "Original / Main Registration File", path: r.file_path, extra: `Ref Num: ${r.file_data_num || '-'}` },
  2683. { name: "Purchase Order (PO) Document", path: r.po_file_path, extra: null },
  2684. { name: "Delivery Challan (DC) Document", path: r.dc_file_path, extra: r.dc_completed_date ? `Completed Date: ${formatDate(r.dc_completed_date)}` : null },
  2685. { name: "Inward Register Document", path: r.ir_file_path, extra: null },
  2686. { name: "Stock Register (SR) Document", path: r.sr_filepath, extra: null },
  2687. { name: "Proforma Invoice (PI) Document", path: r.pi_file_path, extra: `PI Amount: ₹ ${piAmt} | Date: ${formatDate(r.pi_file_gen_date)}` },
  2688. { name: "Final Invoice (FI) Document", path: r.fi_file_path, extra: `FI Amount: ₹ ${fiAmt} | Date: ${formatDate(r.fi_file_gen_date)}` },
  2689. { name: "Temporary Bill (TC) Document", path: r.tc_file_path, extra: `Date: ${formatDate(r.tc_file_gen_date)}` },
  2690. { name: "RTGS Bank Payment Proof", path: r.rtgs_file_path, extra: r.rtgs_date ? `Upload Date: ${formatDate(r.rtgs_date)}` : null },
  2691. { name: "EJV Adjustment Bill Copy", path: r.ejv_num_file_path, extra: `EJV Num: ${r.ejv_num || '-'} | Date: ${formatDate(r.ejv_num_file_gen_date)}` },
  2692. { name: "AS Sanction Copy", path: r.as_file_path, extra: `Date: ${formatDate(r.as_file_gen_date)}` },
  2693. { name: "Final AS Copy", path: r.as_final_file_path, extra: `Date: ${r.as_final_file_gen_date || '-'}` }
  2694. ];
  2696. let html = `
  2697. <div class="row mb-3">
  2698. <div class="col-md-6">
  2699. <strong>Vendor Name:</strong> ${escapeHtml(r.vend_name)}<br>
  2700. <strong>Financial Year:</strong> ${escapeHtml(r.fin_year)}<br>
  2701. <strong>Advance Type:</strong> ${escapeHtml(r.resolved_adv_type || '-')}<br>
  2702. <strong>Fund Type:</strong> ${escapeHtml(r.resolved_fund_type || '-')}<br>
  2703. <strong>A/C Code:</strong> ${escapeHtml(r.ac_code || '-')}<br>
  2704. <strong>File Available Status:</strong> ${escapeHtml(r.file_available_status || '-')}
  2705. </div>
  2706. <div class="col-md-6 text-md-end">
  2707. <strong>Balance Amount:</strong> <span class="text-primary fw-bold">₹ ${balAmt}</span><br>
  2708. <strong>Last Updated By:</strong> ${escapeHtml(r.updated_by_name || r.updated_by || '-')}<br>
  2709. <strong>Last Updated Date:</strong> ${formatDateTime(r.updated_date || r.cdate)}
  2710. </div>
  2711. <div class="col-12 mt-2">
  2712. <strong>Subject:</strong> <span class="text-muted">${escapeHtml(r.subject || 'No subject provided.')}</span>
  2713. </div>
  2714. <div class="col-12 mt-2">
  2715. <strong>File Remarks:</strong> <span class="text-muted">${escapeHtml(r.file_remark || 'No remarks provided.')}</span>
  2716. </div>
  2717. </div>
  2718. <hr>
  2719. <h6 class="fw-bold mb-3"><i class="fa-solid fa-list-check text-success"></i> Document Checklist Lifecycle</h6>
  2720. <div class="list-group">
  2721. `;
  2723. docs.forEach((d, index) => {
  2724. const serial = index + 1;
  2725. const statusIcon = isValidFilePath(d.path)
  2726. ? `<span class="badge bg-success-light text-success border border-success px-2 py-1"><i class="fa-solid fa-check-circle"></i> Uploaded</span>`
  2727. : `<span class="badge bg-danger-light text-danger border border-danger px-2 py-1"><i class="fa-solid fa-circle-xmark"></i> Missing</span>`;
  2729. let cleanPath = '';
  2730. if (d.path) {
  2731. cleanPath = String(d.path).trim();
  2732. if (cleanPath.startsWith('/')) {
  2733. cleanPath = cleanPath.substring(1);
  2734. }
  2735. }
  2736. const linkBtn = isValidFilePath(d.path)
  2737. ? `<a href="${contextPath}${cleanPath}" target="_blank" class="btn btn-sm btn-outline-primary ms-3"><i class="fa-solid fa-eye"></i> View File</a>`
  2738. : '';
  2740. html += `
  2741. <div class="list-group-item d-flex justify-content-between align-items-center flex-wrap gap-2 py-3">
  2742. <div>
  2743. <span class="fw-bold text-dark me-2">${serial}.</span>
  2744. <span class="fw-semibold text-secondary" style="font-size: 0.95rem;">${d.name}</span>
  2745. ${d.extra ? `<br><small class="text-muted ms-4">${escapeHtml(d.extra)}</small>` : ''}
  2746. </div>
  2747. <div class="d-flex align-items-center">
  2748. ${statusIcon}
  2749. ${linkBtn}
  2750. </div>
  2751. </div>
  2752. `;
  2753. });
  2755. html += `</div>`;
  2757. document.getElementById('modal-details-content').innerHTML = html;
  2758. detailsModalObj.show();
  2759. }
  2761. // Edit Record
  2762. function editRecord(id) {
  2763. const r = allRecords.find(item => item.id === id);
  2764. if (!r) return;
  2766. // Check if file is adjusted
  2767. const ejvNum = String(r.ejv_num || '').trim();
  2768. const ejvPath = String(r.ejv_num_file_path || '').trim();
  2769. const isAdjusted = (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  2771. if (isAdjusted) {
  2772. Swal.fire({
  2773. title: 'Access Denied',
  2774. text: 'This file has already been adjusted and cannot be updated.',
  2775. icon: 'warning',
  2776. confirmButtonColor: '#0a4b64'
  2777. });
  2778. return;
  2779. }
  2781. // Pre-populate form fields
  2782. document.getElementById('form-id').value = r.id;
  2783. document.getElementById('form-vend-name').value = r.vend_name;
  2784. document.getElementById('form-fin-year').value = r.fin_year;
  2785. document.getElementById('form-subject').value = r.subject || '';
  2786. document.getElementById('form-adv-type').value = r.adv_type_id || '';
  2787. document.getElementById('form-fund-type').value = r.fund_type_id || '';
  2788. document.getElementById('form-ac-code').value = r.ac_code || '';
  2789. document.getElementById('form-file-available-status').value = r.file_available_status || '';
  2790. document.getElementById('form-bal-amt').value = r.bal_amt || '';
  2791. document.getElementById('form-file-remark').value = r.file_remark || '';
  2792. document.getElementById('form-file-data-num').value = r.file_data_num || '';
  2793. document.getElementById('form-pi-amt').value = r.pi_amt || '';
  2794. document.getElementById('form-pi-gen-date').value = r.pi_file_gen_date || '';
  2795. document.getElementById('form-as-date').value = r.as_file_gen_date || '';
  2797. // Pre-populate new update-only fields
  2798. document.getElementById('form-fi-amt').value = r.fi_amt || '';
  2799. document.getElementById('form-fi-gen-date').value = r.fi_file_gen_date || '';
  2800. document.getElementById('form-as-final-date').value = r.as_final_file_gen_date || '';
  2801. document.getElementById('form-tc-date').value = r.tc_file_gen_date || '';
  2802. document.getElementById('form-rtgs-date').value = r.rtgs_date || '';
  2803. document.getElementById('form-dc-completed-date').value = r.dc_completed_date || '';
  2805. // Hide financial year input in edit mode (keep enabled but hidden so its value gets submitted)
  2806. document.getElementById('form-fin-year-container').style.display = 'none';
  2807. document.getElementById('form-fin-year').removeAttribute('disabled');
  2808. document.getElementById('form-fin-year').required = false;
  2810. // Run visibility check after populating fields
  2811. toggleVendorNameVisibility();
  2813. // Reset indicators
  2814. document.querySelectorAll('.file-selected-indicator').forEach(ind => {
  2815. ind.style.display = 'none';
  2816. ind.querySelector('span').textContent = '';
  2817. });
  2819. // Existing file paths links
  2820. setupExistingFileLink('form-as-file', r.as_file_path);
  2821. setupExistingFileLink('form-pi-file', r.pi_file_path);
  2822. setupExistingFileLink('form-rtgs-file', r.rtgs_file_path);
  2823. setupExistingFileLink('form-po-file', r.po_file_path);
  2824. setupExistingFileLink('form-dc-file', r.dc_file_path);
  2825. setupExistingFileLink('form-sr-file', r.sr_filepath);
  2826. setupExistingFileLink('form-ir-file', r.ir_file_path);
  2827. setupExistingFileLink('form-fi-file', r.fi_file_path);
  2828. setupExistingFileLink('form-as-final-file', r.as_final_file_path);
  2829. setupExistingFileLink('form-tc-file', r.tc_file_path);
  2831. // Show all edit-only fields
  2832. document.querySelectorAll('.edit-only-field').forEach(el => el.style.display = 'block');
  2834. // Set Form Title
  2835. document.getElementById('registration-title').innerHTML = `Edit File Registration (ID: ${r.id})`;
  2837. // Show registration modal for editing
  2838. registrationModalObj.show();
  2839. }
  2841. function openRegistrationModal() {
  2842. // Count active database records
  2843. // if (allRecords.length >= 257) {
  2844. // Swal.fire({
  2845. // title: 'Upload Locked',
  2846. // text: 'The database files count has reached the maximum cap of 257. No more file registrations are allowed.',
  2847. // icon: 'warning',
  2848. // confirmButtonColor: '#0a4b64'
  2849. // });
  2850. // return;
  2851. // }
  2853. resetForm();
  2854. // Show financial year input in new registration mode
  2855. document.getElementById('form-fin-year-container').style.display = 'block';
  2856. document.getElementById('form-fin-year').removeAttribute('disabled');
  2857. document.getElementById('form-fin-year').required = true;
  2858. // Hide edit-only fields in new registration mode
  2859. document.querySelectorAll('.edit-only-field').forEach(el => el.style.display = 'none');
  2860. // Hide any existing file links
  2861. document.querySelectorAll('.existing-file-link').forEach(el => el.style.display = 'none');
  2862. registrationModalObj.show();
  2863. }
  2865. // Reset form
  2866. function resetForm() {
  2867. document.getElementById('adjustment-registration-form').reset();
  2868. document.getElementById('form-id').value = '';
  2869. document.getElementById('registration-title').innerHTML = `New File Registration`;
  2870. // Show financial year input on form reset
  2871. document.getElementById('form-fin-year-container').style.display = 'block';
  2872. document.getElementById('form-fin-year').removeAttribute('disabled');
  2873. document.getElementById('form-fin-year').required = true;
  2874. document.querySelectorAll('.file-selected-indicator').forEach(ind => {
  2875. ind.style.display = 'none';
  2876. });
  2877. document.querySelectorAll('.existing-file-link').forEach(link => {
  2878. link.style.display = 'none';
  2879. });
  2880. toggleVendorNameVisibility();
  2881. }
  2883. function calculateBalance() {
  2884. const piVal = parseFloat(document.getElementById('form-pi-amt').value) || 0;
  2885. const fiVal = parseFloat(document.getElementById('form-fi-amt').value) || 0;
  2886. const balVal = piVal - fiVal;
  2887. document.getElementById('form-bal-amt').value = balVal.toFixed(2);
  2888. }
  2890. function setupExistingFileLink(inputId, filePath) {
  2891. const input = document.getElementById(inputId);
  2892. if (!input) return;
  2893. const container = input.closest('.file-upload-wrapper');
  2894. if (!container) return;
  2896. let linkDiv = container.querySelector('.existing-file-link');
  2897. if (!linkDiv) {
  2898. linkDiv = document.createElement('div');
  2899. linkDiv.className = 'existing-file-link mt-1';
  2900. linkDiv.style.fontSize = '0.85rem';
  2901. container.appendChild(linkDiv);
  2902. }
  2904. if (filePath && filePath !== '-' && filePath !== 'null') {
  2905. let cleanPath = String(filePath).trim();
  2906. if (cleanPath.startsWith('/')) {
  2907. cleanPath = cleanPath.substring(1);
  2908. }
  2909. const fileName = cleanPath.substring(cleanPath.lastIndexOf('/') + 1);
  2910. linkDiv.innerHTML = `<a href="${contextPath}${cleanPath}" target="_blank" class="text-primary"><i class="fa-solid fa-file-pdf"></i> View Existing: ${fileName}</a>`;
  2911. linkDiv.style.display = 'block';
  2912. } else {
  2913. linkDiv.style.display = 'none';
  2914. }
  2915. }
  2917. // Toggle vendor name visibility based on Senior System Manager (ID 6)
  2918. function toggleVendorNameVisibility() {
  2919. const advTypeSelect = document.getElementById('form-adv-type');
  2920. const vendorContainer = document.getElementById('vendor-name-container');
  2921. const vendorInput = document.getElementById('form-vend-name');
  2923. if (!advTypeSelect || !vendorContainer || !vendorInput) return;
  2925. if (advTypeSelect.value === '6') {
  2926. vendorContainer.style.display = 'block';
  2927. vendorInput.required = true;
  2928. } else {
  2929. vendorContainer.style.display = 'none';
  2930. vendorInput.required = false;
  2931. vendorInput.value = ''; // Reset when hidden
  2932. }
  2933. }
  2935. // Submit form (Save / Update)
  2936. function submitRegistrationForm(event) {
  2937. event.preventDefault();
  2938. showLoader(true);
  2940. const form = document.getElementById('adjustment-registration-form');
  2942. // Temporarily enable disabled fields (like fin_year in edit mode) so they are submitted in FormData
  2943. const disabledInputs = form.querySelectorAll(':disabled');
  2944. disabledInputs.forEach(input => input.removeAttribute('disabled'));
  2946. const formData = new FormData(form);
  2948. // Re-disable them
  2949. disabledInputs.forEach(input => input.setAttribute('disabled', 'true'));
  2951. // Append CSRF tokens if available
  2952. const csrfMeta = document.querySelector("meta[name='_csrf']");
  2953. const csrfHeaderMeta = document.querySelector("meta[name='_csrf_header']");
  2954. const headers = {};
  2955. if (csrfMeta && csrfHeaderMeta) {
  2956. headers[csrfHeaderMeta.getAttribute("content")] = csrfMeta.getAttribute("content");
  2957. }
  2959. fetch(contextPath + 'gccadjustmentmanagement/api/save', {
  2960. method: 'POST',
  2961. headers: headers,
  2962. body: formData
  2963. })
  2964. .then(res => res.json())
  2965. .then(data => {
  2966. showLoader(false);
  2967. if (data.success) {
  2968. Swal.fire({
  2969. title: 'Success!',
  2970. text: data.message,
  2971. icon: 'success',
  2972. confirmButtonColor: '#0a4b64'
  2973. }).then(() => {
  2974. if (registrationModalObj) {
  2975. registrationModalObj.hide();
  2976. }
  2977. resetForm();
  2978. loadRecordsData();
  2979. switchView('list');
  2980. });
  2981. } else {
  2982. Swal.fire({
  2983. title: 'Failed!',
  2984. text: data.error || 'Failed to save record details.',
  2985. icon: 'error',
  2986. confirmButtonColor: '#ef4444'
  2987. });
  2988. }
  2989. })
  2990. .catch(err => {
  2991. showLoader(false);
  2992. Swal.fire({
  2993. title: 'Error!',
  2994. text: 'An error occurred during submission: ' + err,
  2995. icon: 'error',
  2996. confirmButtonColor: '#ef4444'
  2997. });
  2998. });
  2999. }
  3001. // Delete Record with remarks
  3002. function deleteRecord(id) {
  3003. Swal.fire({
  3004. title: 'Delete Record?',
  3005. text: 'Please enter remarks/reason for deletion:',
  3006. input: 'text',
  3007. inputAttributes: {
  3008. autocapitalize: 'off',
  3009. required: true
  3010. },
  3011. showCancelButton: true,
  3012. confirmButtonText: 'Delete',
  3013. confirmButtonColor: '#ef4444',
  3014. cancelButtonColor: '#475569',
  3015. preConfirm: (remarks) => {
  3016. if (!remarks || remarks.trim() === '') {
  3017. Swal.showValidationMessage('Deletion remarks are required!');
  3018. }
  3019. return remarks;
  3020. }
  3021. }).then((result) => {
  3022. if (result.isConfirmed) {
  3023. showLoader(true);
  3025. const csrfMeta = document.querySelector("meta[name='_csrf']");
  3026. const csrfHeaderMeta = document.querySelector("meta[name='_csrf_header']");
  3027. const headers = {};
  3028. if (csrfMeta && csrfHeaderMeta) {
  3029. headers[csrfHeaderMeta.getAttribute("content")] = csrfMeta.getAttribute("content");
  3030. }
  3032. const formData = new FormData();
  3033. formData.append('id', id);
  3034. formData.append('remarks', result.value);
  3036. fetch(contextPath + 'gccadjustmentmanagement/api/delete', {
  3037. method: 'POST',
  3038. headers: headers,
  3039. body: formData
  3040. })
  3041. .then(res => res.json())
  3042. .then(data => {
  3043. showLoader(false);
  3044. if (data.success) {
  3045. Swal.fire({
  3046. title: 'Deleted!',
  3047. text: data.message,
  3048. icon: 'success',
  3049. confirmButtonColor: '#0a4b64'
  3050. }).then(() => {
  3051. loadRecordsData();
  3052. });
  3053. } else {
  3054. Swal.fire({
  3055. title: 'Failed!',
  3056. text: data.error || 'Failed to delete record.',
  3057. icon: 'error',
  3058. confirmButtonColor: '#ef4444'
  3059. });
  3060. }
  3061. })
  3062. .catch(err => {
  3063. showLoader(false);
  3064. Swal.fire('Error', 'Error deleting record: ' + err, 'error');
  3065. });
  3066. }
  3067. });
  3068. }
  3070. // Export data to Excel
  3071. function exportToExcel() {
  3072. const tempTable = document.createElement('table');
  3073. tempTable.innerHTML = `
  3074. <thead>
  3075. <tr>
  3076. <th style="text-align: center;">S.No</th>
  3077. <th>Vendor Name</th>
  3078. <th style="text-align: center;">Fin Year</th>
  3079. <th>File Num</th>
  3080. <th>Subject</th>
  3081. <th style="text-align: center;">Advance Type</th>
  3082. <th style="text-align: center;">Fund Type</th>
  3083. <th style="text-align: center;">A/C Code</th>
  3084. <th style="text-align: center;">File Available Status</th>
  3085. <th style="text-align: right;">Bal Amount</th>
  3086. <th style="text-align: right;">PI Amount</th>
  3087. <th style="text-align: right;">FI Amount</th>
  3088. <th>EJV Number</th>
  3089. <th>Created Date</th>
  3090. <th>Last Updated</th>
  3091. <th>Updated By</th>
  3092. </tr>
  3093. </thead>
  3094. <tbody>
  3095. </tbody>
  3096. `;
  3097. const tbody = tempTable.querySelector('tbody');
  3098. let currentSNo = 1;
  3099. filteredRecords.forEach(r => {
  3100. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  3101. const piAmt = r.pi_amt ? Number(r.pi_amt).toLocaleString('en-IN') : '-';
  3102. const fiAmt = r.fi_amt ? Number(r.fi_amt).toLocaleString('en-IN') : '-';
  3104. tbody.innerHTML += `
  3105. <tr>
  3106. <td style="text-align: center;">${currentSNo++}</td>
  3107. <td>${escapeHtml(r.vend_name || '')}</td>
  3108. <td style="text-align: center;">${escapeHtml(r.fin_year || '')}</td>
  3109. <td>${escapeHtml(r.file_data_num || '-')}</td>
  3110. <td>${escapeHtml(r.subject || '-')}</td>
  3111. <td style="text-align: center;">${escapeHtml(r.resolved_adv_type || '-')}</td>
  3112. <td style="text-align: center;">${escapeHtml(r.resolved_fund_type || '-')}</td>
  3113. <td style="text-align: center;">${escapeHtml(r.ac_code || '-')}</td>
  3114. <td style="text-align: center;">${escapeHtml(r.file_available_status || '-')}</td>
  3115. <td style="text-align: right;">₹ ${balAmt}</td>
  3116. <td style="text-align: right;">₹ ${piAmt}</td>
  3117. <td style="text-align: right;">₹ ${fiAmt}</td>
  3118. <td>${escapeHtml(r.ejv_num || '-')}</td>
  3119. <td>${formatDateTime(r.cdate)}</td>
  3120. <td>${formatDateTime(r.updated_date)}</td>
  3121. <td>${escapeHtml(r.updated_by_name || r.updated_by || '-')}</td>
  3122. </tr>
  3123. `;
  3124. });
  3126. const wb = XLSX.utils.table_to_book(tempTable, { sheet: "Adjustments" });
  3127. XLSX.writeFile(wb, "Adjustment_Files_Report.xlsx");
  3128. }
  3130. // Dashboard view toggling and detail list functions
  3131. function setDashboardViewMode(mode) {
  3132. dashboardViewMode = mode;
  3134. // Sync radio button checks
  3135. const detailsRadio = document.getElementById('mode-details');
  3136. const splitRadio = document.getElementById('mode-split');
  3137. if (detailsRadio) detailsRadio.checked = (mode === 'details');
  3138. if (splitRadio) splitRadio.checked = (mode === 'split');
  3140. // Update title text and icon
  3141. const titleText = document.getElementById('dash-report-title-text');
  3142. const titleIcon = document.getElementById('dash-report-title-icon');
  3143. const exportBtn = document.getElementById('btn-dash-export');
  3144. const searchContainer = document.getElementById('dash-search-container');
  3146. if (mode === 'details') {
  3147. if (titleText) titleText.textContent = 'Existing Adjustment Files';
  3148. if (titleIcon) {
  3149. titleIcon.className = 'fa-solid fa-folder-open text-primary me-2';
  3150. }
  3151. if (exportBtn) {
  3152. exportBtn.innerHTML = '<i class="fa-solid fa-file-excel me-1"></i> Export Excel';
  3153. }
  3154. if (searchContainer) searchContainer.style.display = 'block';
  3156. document.getElementById('panel-details-content').style.display = 'block';
  3157. document.getElementById('panel-split-content').style.display = 'none';
  3159. renderDashboardDetails();
  3160. } else {
  3161. if (titleText) titleText.textContent = 'Advance Split-up Report';
  3162. if (titleIcon) {
  3163. titleIcon.className = 'fa-solid fa-table-list text-primary me-2';
  3164. }
  3165. if (exportBtn) {
  3166. exportBtn.innerHTML = '<i class="fa-solid fa-file-excel me-1"></i> Export Split-up';
  3167. }
  3168. if (searchContainer) searchContainer.style.display = 'none';
  3170. document.getElementById('panel-details-content').style.display = 'none';
  3171. document.getElementById('panel-split-content').style.display = 'block';
  3173. renderSplitUpReport();
  3174. }
  3175. }
  3177. function onDashboardFilterChange() {
  3178. dashCurrentPage = 1;
  3179. renderSplitUpReport();
  3180. renderDashboardDetails();
  3181. }
  3183. function renderDashboardDetails() {
  3184. const fyFilter = document.getElementById('filter-fin-year').value;
  3185. const splitVendorSelect = document.getElementById('split-filter-vendor');
  3186. const splitVendorFilter = splitVendorSelect ? splitVendorSelect.value : 'All';
  3187. const splitAdvSelect = document.getElementById('split-filter-advance-type');
  3188. const splitAdvFilter = splitAdvSelect ? splitAdvSelect.value : 'All';
  3189. const searchVal = document.getElementById('dash-table-search') ? document.getElementById('dash-table-search').value.toLowerCase().trim() : '';
  3190. const cleanFy = str => String(str || '').replace(/\s+/g, '');
  3192. let records = allRecords;
  3194. // 1. FY Filter
  3195. if (fyFilter !== 'All') {
  3196. records = records.filter(r => cleanFy(r.fin_year) === cleanFy(fyFilter));
  3197. }
  3199. // 2. Click Filter (Total, Adjusted, Pending, Election, NotAvailable, LatestUpdates)
  3200. if (currentSplitFilter === 'Adjusted') {
  3201. records = records.filter(r => {
  3202. const ejvNum = String(r.ejv_num || '').trim();
  3203. const ejvPath = String(r.ejv_num_file_path || '').trim();
  3204. return (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  3205. });
  3206. } else if (currentSplitFilter === 'Pending') {
  3207. records = records.filter(r => {
  3208. const ejvNum = String(r.ejv_num || '').trim();
  3209. const ejvPath = String(r.ejv_num_file_path || '').trim();
  3210. return !((ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-'));
  3211. });
  3212. } else if (currentSplitFilter === 'Election') {
  3213. records = records.filter(r => String(r.adv_type_id) === '9');
  3214. } else if (currentSplitFilter === 'NotAvailable') {
  3215. records = records.filter(r => r.file_available_status === 'No');
  3216. } else if (currentSplitFilter === 'LatestUpdates') {
  3217. records = records.filter(r => {
  3218. const dateStr = r.updated_date || r.cdate;
  3219. return dateStr && getLocalDateString(dateStr) === latestUpdateDateString;
  3220. });
  3221. }
  3223. // 3. Vendor Dropdown
  3224. if (splitVendorFilter !== 'All') {
  3225. records = records.filter(r => String(r.vend_name || '').trim() === splitVendorFilter);
  3226. }
  3228. // 4. Advance Type Dropdown
  3229. if (splitAdvFilter !== 'All') {
  3230. records = records.filter(r => String(r.adv_type_id || '').trim() === splitAdvFilter);
  3231. }
  3233. // 5. Search text filter
  3234. if (searchVal !== '') {
  3235. records = records.filter(r =>
  3236. String(r.vend_name || '').toLowerCase().includes(searchVal) ||
  3237. String(r.file_data_num || '').toLowerCase().includes(searchVal) ||
  3238. String(r.subject || '').toLowerCase().includes(searchVal) ||
  3239. String(r.ejv_num || '').toLowerCase().includes(searchVal)
  3240. );
  3241. }
  3243. // 6. Sorting
  3244. records.sort((a, b) => {
  3245. let valA, valB;
  3246. if (dashSortField === 'fin_year') {
  3247. valA = String(a.fin_year || '').trim();
  3248. valB = String(b.fin_year || '').trim();
  3249. } else if (dashSortField === 'bal_amt') {
  3250. valA = Number(a.bal_amt || 0);
  3251. valB = Number(b.bal_amt || 0);
  3252. } else if (dashSortField === 'pi_amt') {
  3253. valA = Number(a.pi_amt || 0);
  3254. valB = Number(b.pi_amt || 0);
  3255. } else if (dashSortField === 'fi_amt') {
  3256. valA = Number(a.fi_amt || 0);
  3257. valB = Number(b.fi_amt || 0);
  3258. } else if (dashSortField === 'updated_date') {
  3259. valA = new Date(a.updated_date || a.cdate).getTime();
  3260. valB = new Date(b.updated_date || b.cdate).getTime();
  3261. } else {
  3262. valA = a.id;
  3263. valB = b.id;
  3264. }
  3266. if (valA === valB) return b.id - a.id; // secondary sort by ID descending
  3268. if (dashSortDirection === 'asc') {
  3269. if (typeof valA === 'string') {
  3270. return valA.localeCompare(valB);
  3271. }
  3272. return valA > valB ? 1 : -1;
  3273. } else {
  3274. if (typeof valA === 'string') {
  3275. return valB.localeCompare(valA);
  3276. }
  3277. return valA < valB ? 1 : -1;
  3278. }
  3279. });
  3281. dashFilteredRecords = records;
  3283. const totalRecords = records.length;
  3284. const startIndex = (dashCurrentPage - 1) * dashPageSize;
  3285. const endIndex = Math.min(startIndex + dashPageSize, totalRecords);
  3286. const paginatedRecords = records.slice(startIndex, endIndex);
  3288. const tbody = document.getElementById('dash-records-table-body');
  3289. tbody.innerHTML = '';
  3291. if (paginatedRecords.length === 0) {
  3292. tbody.innerHTML = '<tr><td colspan="14" class="text-center text-muted">No files found matching criteria.</td></tr>';
  3293. renderDashPagination(0);
  3294. return;
  3295. }
  3297. let currentSNo = startIndex + 1;
  3298. paginatedRecords.forEach(r => {
  3299. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  3300. const piAmt = r.pi_amt ? Number(r.pi_amt).toLocaleString('en-IN') : '-';
  3301. const fiAmt = r.fi_amt ? Number(r.fi_amt).toLocaleString('en-IN') : '-';
  3303. // <td class="text-center"><span class="badge bg-info text-dark">${escapeHtml(r.resolved_fund_type || '-')}</span></td>
  3304. // <td class="text-center">${escapeHtml(r.ac_code || '-')}</td>
  3306. tbody.innerHTML += `
  3307. <tr>
  3308. <td class="text-center">${currentSNo++}</td>
  3309. <td class="text-center">${escapeHtml(r.fin_year)}</td>
  3310. <td>${escapeHtml(r.file_data_num || '-')}</td>
  3311. <td class="text-center"><span class="badge bg-secondary">${escapeHtml(r.resolved_adv_type || '-')}</span></td>
  3312. <td class="text-center">
  3313. ${r.file_available_status === 'Yes'
  3314. ? `<span class="badge bg-success-light text-success border border-success px-2 py-0.5">Yes</span>`
  3315. : r.file_available_status === 'No'
  3316. ? `<span class="badge bg-danger-light text-danger border border-danger px-2 py-0.5">No</span>`
  3317. : '-'}
  3318. </td>
  3319. <td class="fw-semibold text-primary text-end">₹ ${balAmt}</td>
  3320. <td class="text-end">₹ ${piAmt}</td>
  3321. <td class="text-end">₹ ${fiAmt}</td>
  3322. <td class="text-left text-wrap" style="white-space: normal !important; min-width: 200px; max-width: 350px; word-break: break-word;">${escapeHtml(r.file_remark || '-')}</td>
  3323. <td class="text-muted" style="font-size: 0.8rem;">${formatDateTime(r.cdate)}</td>
  3324. <td class="text-muted" style="font-size: 0.8rem;">${formatDateTime(r.updated_date)}</td>
  3325. <td>${escapeHtml(r.updated_by_name || r.updated_by || '-')}</td>
  3326. <td class="text-center">
  3327. <div class="action-btn-group justify-content-center">
  3328. <button class="action-btn btn-view" title="View Lifecycle" onclick="viewRecordDetails(${r.id})">
  3329. <i class="fa-solid fa-eye"></i>
  3330. </button>
  3331. <button class="action-btn btn-edit" title="Edit File" onclick="editRecord(${r.id})">
  3332. <i class="fa-solid fa-pen-to-square"></i>
  3333. </button>
  3334. <button class="action-btn btn-delete" title="Delete File" onclick="deleteRecord(${r.id})">
  3335. <i class="fa-solid fa-trash"></i>
  3336. </button>
  3337. </div>
  3338. </td>
  3339. </tr>
  3340. `;
  3341. });
  3343. renderDashPagination(totalRecords);
  3344. updateDashSortIcons();
  3345. }
  3347. function renderDashPagination(totalRecords) {
  3348. const info = document.getElementById('dash-pagination-info');
  3349. const buttons = document.getElementById('dash-pagination-buttons');
  3350. if (!info || !buttons) return;
  3352. const totalPages = Math.ceil(totalRecords / dashPageSize);
  3353. const startRange = totalRecords === 0 ? 0 : (dashCurrentPage - 1) * dashPageSize + 1;
  3354. const endRange = Math.min(dashCurrentPage * dashPageSize, totalRecords);
  3356. info.textContent = `Showing ${startRange} to ${endRange} of ${totalRecords} entries`;
  3358. buttons.innerHTML = '';
  3360. if (totalPages <= 1) {
  3361. return;
  3362. }
  3364. // Previous Button
  3365. const prevLi = document.createElement('li');
  3366. prevLi.className = `page-item ${dashCurrentPage === 1 ? 'disabled' : ''}`;
  3367. prevLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToDashPage(${dashCurrentPage - 1})">&laquo;</a>`;
  3368. buttons.appendChild(prevLi);
  3370. // Page Numbers
  3371. const maxPageButtons = 5;
  3372. let startPage = Math.max(1, dashCurrentPage - 2);
  3373. let endPage = Math.min(totalPages, startPage + maxPageButtons - 1);
  3375. if (endPage - startPage < maxPageButtons - 1) {
  3376. startPage = Math.max(1, endPage - maxPageButtons + 1);
  3377. }
  3379. for (let p = startPage; p <= endPage; p++) {
  3380. const li = document.createElement('li');
  3381. li.className = `page-item ${dashCurrentPage === p ? 'active' : ''}`;
  3382. li.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToDashPage(${p})">${p}</a>`;
  3383. buttons.appendChild(li);
  3384. }
  3386. // Next Button
  3387. const nextLi = document.createElement('li');
  3388. nextLi.className = `page-item ${dashCurrentPage === totalPages ? 'disabled' : ''}`;
  3389. nextLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="goToDashPage(${dashCurrentPage + 1})">&raquo;</a>`;
  3390. buttons.appendChild(nextLi);
  3391. }
  3393. function changeDashPageSize() {
  3394. const val = document.getElementById('dash-pagination-page-size').value;
  3395. if (val === 'All') {
  3396. dashPageSize = 999999;
  3397. } else {
  3398. dashPageSize = parseInt(val, 10);
  3399. }
  3400. dashCurrentPage = 1;
  3401. renderDashboardDetails();
  3402. }
  3404. function goToDashPage(page) {
  3405. dashCurrentPage = page;
  3406. renderDashboardDetails();
  3407. }
  3409. function toggleDashSort(field) {
  3410. if (dashSortField === field) {
  3411. dashSortDirection = dashSortDirection === 'asc' ? 'desc' : 'asc';
  3412. } else {
  3413. dashSortField = field;
  3414. dashSortDirection = 'desc';
  3415. }
  3416. renderDashboardDetails();
  3417. }
  3419. function updateDashSortIcons() {
  3420. const fields = ['fin_year', 'bal_amt', 'pi_amt', 'fi_amt', 'cdate', 'updated_date'];
  3421. fields.forEach(f => {
  3422. const el = document.getElementById(`dash-sort-icon-${f}`);
  3423. if (!el) return;
  3424. if (dashSortField === f) {
  3425. el.innerHTML = dashSortDirection === 'asc' ? '<i class="fa-solid fa-sort-up text-warning ms-1"></i>' : '<i class="fa-solid fa-sort-down text-warning ms-1"></i>';
  3426. } else {
  3427. el.innerHTML = '<i class="fa-solid fa-sort text-muted opacity-50 ms-1"></i>';
  3428. }
  3429. });
  3430. }
  3432. function exportDashboardDetailsToExcel() {
  3433. const tempTable = document.createElement('table');
  3434. tempTable.innerHTML = `
  3435. <thead>
  3436. <tr>
  3437. <th style="text-align: center;">S.No</th>
  3438. <th>Vendor Name</th>
  3439. <th style="text-align: center;">Fin Year</th>
  3440. <th>File Num</th>
  3441. <th>Subject</th>
  3442. <th style="text-align: center;">Advance Type</th>
  3443. <th style="text-align: center;">Fund Type</th>
  3444. <th style="text-align: center;">A/C Code</th>
  3445. <th style="text-align: center;">File Available Status</th>
  3446. <th style="text-align: right;">Bal Amount</th>
  3447. <th style="text-align: right;">PI Amount</th>
  3448. <th style="text-align: right;">FI Amount</th>
  3449. <th>EJV Number</th>
  3450. <th>Created Date</th>
  3451. <th>Last Updated</th>
  3452. <th>Updated By</th>
  3453. </tr>
  3454. </thead>
  3455. <tbody>
  3456. </tbody>
  3457. `;
  3458. const tbody = tempTable.querySelector('tbody');
  3459. let currentSNo = 1;
  3460. dashFilteredRecords.forEach(r => {
  3461. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  3462. const piAmt = r.pi_amt ? Number(r.pi_amt).toLocaleString('en-IN') : '-';
  3463. const fiAmt = r.fi_amt ? Number(r.fi_amt).toLocaleString('en-IN') : '-';
  3465. tbody.innerHTML += `
  3466. <tr>
  3467. <td style="text-align: center;">${currentSNo++}</td>
  3468. <td>${escapeHtml(r.vend_name || '')}</td>
  3469. <td style="text-align: center;">${escapeHtml(r.fin_year || '')}</td>
  3470. <td>${escapeHtml(r.file_data_num || '-')}</td>
  3471. <td>${escapeHtml(r.subject || '-')}</td>
  3472. <td style="text-align: center;">${escapeHtml(r.resolved_adv_type || '-')}</td>
  3473. <td style="text-align: center;">${escapeHtml(r.resolved_fund_type || '-')}</td>
  3474. <td style="text-align: center;">${escapeHtml(r.ac_code || '-')}</td>
  3475. <td style="text-align: center;">${escapeHtml(r.file_available_status || '-')}</td>
  3476. <td style="text-align: right;">₹ ${balAmt}</td>
  3477. <td style="text-align: right;">₹ ${piAmt}</td>
  3478. <td style="text-align: right;">₹ ${fiAmt}</td>
  3479. <td>${escapeHtml(r.ejv_num || '-')}</td>
  3480. <td>${formatDateTime(r.cdate)}</td>
  3481. <td>${formatDateTime(r.updated_date)}</td>
  3482. <td>${escapeHtml(r.updated_by_name || r.updated_by || '-')}</td>
  3483. </tr>
  3484. `;
  3485. });
  3487. const wb = XLSX.utils.table_to_book(tempTable, { sheet: "Dashboard Details" });
  3488. XLSX.writeFile(wb, "Dashboard_Files_Report.xlsx");
  3489. }
  3491. function exportDashboardData() {
  3492. if (dashboardViewMode === 'details') {
  3493. exportDashboardDetailsToExcel();
  3494. } else {
  3495. exportSplitUpToExcel();
  3496. }
  3497. }
  3499. // Generate Year-wise and Advance Type-wise Split-up Report
  3500. function renderSplitUpReport() {
  3501. const container = document.getElementById('panel-split-content');
  3502. if (!container) return;
  3504. if (!allRecords || allRecords.length === 0) {
  3505. container.innerHTML = `<div class="text-center text-muted p-5">No records loaded to generate split-up report.</div>`;
  3506. return;
  3507. }
  3509. // Filter allRecords based on currentSplitFilter
  3510. let recordsToProcess = allRecords;
  3511. if (currentSplitFilter === 'Adjusted') {
  3512. recordsToProcess = recordsToProcess.filter(r => {
  3513. const ejvNum = String(r.ejv_num || '').trim();
  3514. const ejvPath = String(r.ejv_num_file_path || '').trim();
  3515. return (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  3516. });
  3517. } else if (currentSplitFilter === 'Pending') {
  3518. recordsToProcess = recordsToProcess.filter(r => {
  3519. const ejvNum = String(r.ejv_num || '').trim();
  3520. const ejvPath = String(r.ejv_num_file_path || '').trim();
  3521. return !((ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-'));
  3522. });
  3523. } else if (currentSplitFilter === 'Election') {
  3524. recordsToProcess = recordsToProcess.filter(r => String(r.adv_type_id) === '9');
  3525. } else if (currentSplitFilter === 'NotAvailable') {
  3526. recordsToProcess = recordsToProcess.filter(r => r.file_available_status === 'No');
  3527. } else if (currentSplitFilter === 'LatestUpdates') {
  3528. recordsToProcess = recordsToProcess.filter(r => {
  3529. const dateStr = r.updated_date || r.cdate;
  3530. return dateStr && getLocalDateString(dateStr) === latestUpdateDateString;
  3531. });
  3532. }
  3534. // 1.1. Filter by split-page vendor dropdown filter
  3535. const splitVendorSelect = document.getElementById('split-filter-vendor');
  3536. const splitVendorFilter = splitVendorSelect ? splitVendorSelect.value : 'All';
  3537. if (splitVendorFilter !== 'All') {
  3538. recordsToProcess = recordsToProcess.filter(r => String(r.vend_name || '').trim() === splitVendorFilter);
  3539. }
  3541. // 1.2. Filter by split-page advance type dropdown filter
  3542. const splitAdvSelect = document.getElementById('split-filter-advance-type');
  3543. const splitAdvFilter = splitAdvSelect ? splitAdvSelect.value : 'All';
  3544. if (splitAdvFilter !== 'All') {
  3545. recordsToProcess = recordsToProcess.filter(r => String(r.adv_type_id || '').trim() === splitAdvFilter);
  3546. }
  3548. if (recordsToProcess.length === 0) {
  3549. container.innerHTML = `<div class="text-center text-muted p-5">No records matching the filter ("${currentSplitFilter === 'All' ? 'All Files' : (currentSplitFilter === 'Adjusted' ? 'Adjusted Files Only' : 'Pending / Not Adjusted Only')}") are available.</div>`;
  3550. return;
  3551. }
  3553. // 1. Group records by advance type (resolved_adv_type)
  3554. const groups = {};
  3555. recordsToProcess.forEach(r => {
  3556. const advType = String(r.resolved_adv_type || 'Others').trim();
  3557. if (!groups[advType]) {
  3558. groups[advType] = [];
  3559. }
  3560. groups[advType].push(r);
  3561. });
  3563. const sortedAdvTypes = Object.keys(groups).sort();
  3565. let html = `
  3566. <div class="table-responsive">
  3567. <table class="table table-bordered table-striped align-middle table-sm" style="border-color: #cbd5e1;">
  3568. <thead class="bg-primary text-white text-center fw-bold" style="background-color: #0a4b64 !important; color: white !important;">
  3569. <tr>
  3570. <th style="width: 60px;">Sl. No.</th>
  3571. <th>Advance Type</th>
  3572. <th>A/C Code</th>
  3573. <th>Year</th>
  3574. <th>To Whom paid</th>
  3575. <th>No. of Files</th>
  3576. <th>No. Of file not available</th>
  3577. <th>No.of file available</th>
  3578. <th>Amt.of Adv.paid</th>
  3579. <th>No.of file adjusted</th>
  3580. <th>adjusted amount</th>
  3581. </tr>
  3582. </thead>
  3583. <tbody>
  3584. `;
  3586. let slNo = 1;
  3587. let grandTotalFiles = 0;
  3588. let grandNotAvailable = 0;
  3589. let grandAvailable = 0;
  3590. let grandAdvPaid = 0;
  3591. let grandAdjustedCount = 0;
  3592. let grandAdjustedAmt = 0;
  3594. sortedAdvTypes.forEach(advType => {
  3595. const recordsInGroup = groups[advType];
  3597. // 2. Sub-group by financial year (fin_year)
  3598. const yearGroups = {};
  3599. recordsInGroup.forEach(r => {
  3600. const fy = String(r.fin_year || '-').trim();
  3601. if (!yearGroups[fy]) {
  3602. yearGroups[fy] = [];
  3603. }
  3604. yearGroups[fy].push(r);
  3605. });
  3607. // Sort years chronologically
  3608. const sortedYears = Object.keys(yearGroups).sort((a, b) => a.localeCompare(b));
  3609. const totalRowsForAdvType = sortedYears.length;
  3611. // Sums for this advance type
  3612. let subTotalFiles = 0;
  3613. let subNotAvailable = 0;
  3614. let subAvailable = 0;
  3615. let subAdvPaid = 0;
  3616. let subAdjustedCount = 0;
  3617. let subAdjustedAmt = 0;
  3619. // Unique A/C Codes for this advance type group
  3620. const acCodes = new Set();
  3621. recordsInGroup.forEach(r => {
  3622. if (r.ac_code && r.ac_code !== '-' && r.ac_code !== 'null') acCodes.add(r.ac_code);
  3623. });
  3624. const acCodeStr = acCodes.size > 0 ? Array.from(acCodes).join(', ') : '-';
  3626. sortedYears.forEach((fy, index) => {
  3627. const subRecords = yearGroups[fy];
  3628. const noOfFiles = subRecords.length;
  3630. let notAvailableCount = 0;
  3631. let availableCount = 0;
  3632. let sumAdvPaid = 0;
  3633. let adjustedCount = 0;
  3634. let sumAdjustedAmt = 0;
  3636. subRecords.forEach(r => {
  3637. // Availability calculation
  3638. let isAvail = false;
  3639. if (r.file_available_status === 'Yes') {
  3640. isAvail = true;
  3641. } else if (r.file_available_status === 'No') {
  3642. isAvail = false;
  3643. } else {
  3644. // Check physical files presence
  3645. const paths = [
  3646. r.file_path, r.po_file_path, r.dc_file_path, r.ir_file_path,
  3647. r.sr_filepath, r.pi_file_path, r.fi_file_path, r.tc_file_path,
  3648. r.rtgs_file_path, r.ejv_num_file_path, r.as_file_path, r.as_final_file_path
  3649. ];
  3650. isAvail = paths.some(p => p && p !== '-' && p !== 'null' && String(p).trim() !== '');
  3651. }
  3653. if (isAvail) {
  3654. availableCount++;
  3655. } else {
  3656. notAvailableCount++;
  3657. }
  3659. // Advance amount sum
  3660. const piAmtVal = r.pi_amt ? Number(r.pi_amt) : 0;
  3661. sumAdvPaid += piAmtVal;
  3663. // Adjusted count & sum
  3664. const ejvNum = String(r.ejv_num || '').trim();
  3665. const ejvPath = String(r.ejv_num_file_path || '').trim();
  3666. const isAdjusted = (ejvNum !== '' && ejvNum !== '-') || (ejvPath !== '' && ejvPath !== '-');
  3668. if (isAdjusted) {
  3669. adjustedCount++;
  3670. sumAdjustedAmt += piAmtVal;
  3671. }
  3672. });
  3674. // Add to sub-totals
  3675. subTotalFiles += noOfFiles;
  3676. subNotAvailable += notAvailableCount;
  3677. subAvailable += availableCount;
  3678. subAdvPaid += sumAdvPaid;
  3679. subAdjustedCount += adjustedCount;
  3680. subAdjustedAmt += sumAdjustedAmt;
  3682. html += `<tr>`;
  3683. if (index === 0) {
  3684. html += `
  3685. <td class="text-center" rowspan="${totalRowsForAdvType}">${slNo}</td>
  3686. <td class="text-center" rowspan="${totalRowsForAdvType}"><strong>${escapeHtml(advType)}</strong></td>
  3687. <td class="text-center font-monospace" rowspan="${totalRowsForAdvType}">${escapeHtml(acCodeStr)}</td>
  3688. `;
  3689. }
  3691. html += `
  3692. <td class="text-center">${escapeHtml(fy)}</td>
  3693. <td class="text-center">${escapeHtml(advType)}</td>
  3694. <td class="text-center">
  3695. <span class="text-primary text-decoration-underline fw-semibold" style="cursor: pointer;" onclick="goToListViewWithSplitFilters('${advType.replace(/'/g, "\\'")}', '${fy}', 'All', 'All')">${noOfFiles}</span>
  3696. </td>
  3697. <td class="text-center">
  3698. <span class="text-danger text-decoration-underline fw-semibold" style="cursor: pointer;" onclick="goToListViewWithSplitFilters('${advType.replace(/'/g, "\\'")}', '${fy}', 'NotAvailable', 'All')">${notAvailableCount}</span>
  3699. </td>
  3700. <td class="text-center">
  3701. <span class="text-success text-decoration-underline fw-semibold" style="cursor: pointer;" onclick="goToListViewWithSplitFilters('${advType.replace(/'/g, "\\'")}', '${fy}', 'Available', 'All')">${availableCount}</span>
  3702. </td>
  3703. <td class="text-end fw-semibold">₹ ${sumAdvPaid.toLocaleString('en-IN')}</td>
  3704. <td class="text-center">
  3705. <span class="text-info text-decoration-underline fw-semibold" style="cursor: pointer;" onclick="goToListViewWithSplitFilters('${advType.replace(/'/g, "\\'")}', '${fy}', 'All', 'Adjusted')">${adjustedCount > 0 ? adjustedCount : ''}</span>
  3706. </td>
  3707. <td class="text-end">${sumAdjustedAmt > 0 ? '₹ ' + sumAdjustedAmt.toLocaleString('en-IN') : ''}</td>
  3708. </tr>
  3709. `;
  3710. });
  3712. // Render Sub-totals Row
  3713. html += `
  3714. <tr class="table-warning fw-bold text-dark" style="background-color: #fef08a !important;">
  3715. <td colspan="5" class="text-end">Total ${escapeHtml(advType)} Advance</td>
  3716. <td class="text-center">${subTotalFiles}</td>
  3717. <td class="text-center">${subNotAvailable}</td>
  3718. <td class="text-center">${subAvailable}</td>
  3719. <td class="text-end">₹ ${subAdvPaid.toLocaleString('en-IN')}</td>
  3720. <td class="text-center">${subAdjustedCount}</td>
  3721. <td class="text-end">₹ ${subAdjustedAmt.toLocaleString('en-IN')}</td>
  3722. </tr>
  3723. `;
  3725. // Add to grand totals
  3726. grandTotalFiles += subTotalFiles;
  3727. grandNotAvailable += subNotAvailable;
  3728. grandAvailable += subAvailable;
  3729. grandAdvPaid += subAdvPaid;
  3730. grandAdjustedCount += subAdjustedCount;
  3731. grandAdjustedAmt += subAdjustedAmt;
  3733. slNo++;
  3734. });
  3736. // Render Grand Total Row
  3737. html += `
  3738. <tr class="bg-dark text-white fw-bold">
  3739. <td colspan="5" class="text-end fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">Grand Total</td>
  3740. <td class="text-center fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">${grandTotalFiles}</td>
  3741. <td class="text-center fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">${grandNotAvailable}</td>
  3742. <td class="text-center fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">${grandAvailable}</td>
  3743. <td class="text-end fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">₹ ${grandAdvPaid.toLocaleString('en-IN')}</td>
  3744. <td class="text-center fw-bold" style="background-color: #1e293b !important; color: #ffffff !important;">${grandAdjustedCount}</td>
  3745. <td class="text-end fw-bold" style="background-color: #10b981 !important; color: #ffffff !important;">₹ ${grandAdjustedAmt.toLocaleString('en-IN')}</td>
  3746. </tr>
  3747. </tbody>
  3748. </table>
  3749. </div>
  3750. `;
  3752. container.innerHTML = html;
  3753. }
  3755. // Export split up report to Excel
  3756. function exportSplitUpToExcel() {
  3757. const table = document.querySelector('#panel-split-content table');
  3758. if (!table) {
  3759. Swal.fire({ title: 'Error', text: 'No table data available to export.', icon: 'error' });
  3760. return;
  3761. }
  3762. const wb = XLSX.utils.table_to_book(table, { sheet: "Split-up Report" });
  3763. XLSX.writeFile(wb, "Advance_Split_up_Report.xlsx");
  3764. }
  3766. // Navigate to Existing Files Details view with custom pre-applied filters
  3767. function goToListViewWithSplitFilters(advType, fy, availability, isAdjusted) {
  3768. const cleanFy = str => String(str || '').replace(/\s+/g, '');
  3770. // 1. Set Financial Year dropdown filter (whitespace-insensitive matching)
  3771. const fySelect = document.getElementById('filter-fin-year');
  3772. if (fySelect) {
  3773. const cleanTarget = cleanFy(fy);
  3774. const matchedOpt = Array.from(fySelect.options).find(opt => cleanFy(opt.value) === cleanTarget);
  3775. if (matchedOpt) {
  3776. fySelect.value = matchedOpt.value;
  3777. } else {
  3778. fySelect.value = 'All';
  3779. }
  3780. }
  3782. // 2. Set Advance Type dropdown filter (case-insensitive & trimmed matching)
  3783. const advSelect = document.getElementById('filter-advance-type');
  3784. if (advSelect) {
  3785. const matchedOption = Array.from(advSelect.options).find(opt => opt.textContent.trim().toLowerCase() === advType.trim().toLowerCase());
  3786. if (matchedOption) {
  3787. advSelect.value = matchedOption.value;
  3788. } else {
  3789. advSelect.value = 'All';
  3790. }
  3791. }
  3793. // 3. Set File Available dropdown filter
  3794. const availSelect = document.getElementById('filter-file-available');
  3795. if (availSelect) {
  3796. availSelect.value = availability;
  3797. }
  3799. // 4. Set Adjustment Status dropdown filter
  3800. const statusSelect = document.getElementById('filter-adjustment-status');
  3801. if (statusSelect) {
  3802. statusSelect.value = isAdjusted;
  3803. }
  3805. // 5. Reset other filters to 'All' or empty
  3806. const vendorSelect = document.getElementById('filter-vendor');
  3807. if (vendorSelect) vendorSelect.value = 'All';
  3809. const fundSelect = document.getElementById('filter-fund-type');
  3810. if (fundSelect) fundSelect.value = 'All';
  3812. const searchInput = document.getElementById('table-search');
  3813. if (searchInput) searchInput.value = '';
  3815. // 6. Switch SPA view to list and refresh data grid
  3816. switchView('list');
  3817. }
  3819. // Filter split-up report from dashboard card clicks
  3820. function setSplitFilter(filterType) {
  3821. currentSplitFilter = filterType;
  3823. // 1. Update visual card active indicators
  3824. const totalCard = document.getElementById('card-total-files');
  3825. const adjCard = document.getElementById('card-adjusted-files');
  3826. const pendCard = document.getElementById('card-pending-files');
  3827. const electCard = document.getElementById('card-election-files');
  3828. const notAvailCard = document.getElementById('card-notavailable-files');
  3830. if (totalCard) totalCard.classList.remove('active-card');
  3831. if (adjCard) adjCard.classList.remove('active-card');
  3832. if (pendCard) pendCard.classList.remove('active-card');
  3833. if (electCard) electCard.classList.remove('active-card');
  3834. if (notAvailCard) notAvailCard.classList.remove('active-card');
  3836. if (filterType === 'All') {
  3837. if (totalCard) totalCard.classList.add('active-card');
  3838. const ind = document.getElementById('split-filter-indicator');
  3839. if (ind) ind.textContent = 'All Files';
  3840. } else if (filterType === 'Adjusted') {
  3841. if (adjCard) adjCard.classList.add('active-card');
  3842. const ind = document.getElementById('split-filter-indicator');
  3843. if (ind) ind.textContent = 'Adjusted Files Only';
  3844. } else if (filterType === 'Pending') {
  3845. if (pendCard) pendCard.classList.add('active-card');
  3846. const ind = document.getElementById('split-filter-indicator');
  3847. if (ind) ind.textContent = 'Pending / Not Adjusted Only';
  3848. } else if (filterType === 'Election') {
  3849. if (electCard) electCard.classList.add('active-card');
  3850. const ind = document.getElementById('split-filter-indicator');
  3851. if (ind) ind.textContent = 'Election Files Only';
  3852. } else if (filterType === 'NotAvailable') {
  3853. if (notAvailCard) notAvailCard.classList.add('active-card');
  3854. const ind = document.getElementById('split-filter-indicator');
  3855. if (ind) ind.textContent = 'Not Available Files Only';
  3856. } else if (filterType === 'LatestUpdates') {
  3857. const ind = document.getElementById('split-filter-indicator');
  3858. if (ind) ind.textContent = 'Latest Updates Only';
  3859. }
  3861. // 2. Refresh Split-up table & Details table below
  3862. dashCurrentPage = 1;
  3863. renderSplitUpReport();
  3864. renderDashboardDetails();
  3865. }
  3867. // Reset all dashboard summary counts and filter selections
  3868. function resetDashboardFilters() {
  3869. // 1. Reset Split filter to All
  3870. currentSplitFilter = 'All';
  3871. const ind = document.getElementById('split-filter-indicator');
  3872. if (ind) ind.textContent = 'All Files';
  3874. const totalCard = document.getElementById('card-total-files');
  3875. const adjCard = document.getElementById('card-adjusted-files');
  3876. const pendCard = document.getElementById('card-pending-files');
  3877. const electCard = document.getElementById('card-election-files');
  3878. const notAvailCard = document.getElementById('card-notavailable-files');
  3880. if (totalCard) totalCard.classList.add('active-card');
  3881. if (adjCard) adjCard.classList.remove('active-card');
  3882. if (pendCard) pendCard.classList.remove('active-card');
  3883. if (electCard) electCard.classList.remove('active-card');
  3884. if (notAvailCard) notAvailCard.classList.remove('active-card');
  3886. // 2. Reset Financial Year selector to All
  3887. const fySelect = document.getElementById('filter-fin-year');
  3888. if (fySelect) fySelect.value = 'All';
  3890. // 3. Reset all list view filters to All / Empty
  3891. const vendorSelect = document.getElementById('filter-vendor');
  3892. if (vendorSelect) vendorSelect.value = 'All';
  3894. const statusSelect = document.getElementById('filter-adjustment-status');
  3895. if (statusSelect) statusSelect.value = 'All';
  3897. const advSelect = document.getElementById('filter-advance-type');
  3898. if (advSelect) advSelect.value = 'All';
  3900. const fundSelect = document.getElementById('filter-fund-type');
  3901. if (fundSelect) fundSelect.value = 'All';
  3903. const availSelect = document.getElementById('filter-file-available');
  3904. if (availSelect) availSelect.value = 'All';
  3906. const searchInput = document.getElementById('table-search');
  3907. if (searchInput) searchInput.value = '';
  3909. // 3.1. Reset split-page/dashboard selectors & search as well
  3910. const splitVendorSelect = document.getElementById('split-filter-vendor');
  3911. if (splitVendorSelect) splitVendorSelect.value = 'All';
  3913. const splitAdvSelect = document.getElementById('split-filter-advance-type');
  3914. if (splitAdvSelect) splitAdvSelect.value = 'All';
  3916. const dashSearchInput = document.getElementById('dash-table-search');
  3917. if (dashSearchInput) dashSearchInput.value = '';
  3919. // 3.2. Reset dashboard details paging/sorting state
  3920. dashCurrentPage = 1;
  3921. dashPageSize = 15;
  3922. dashSortField = 'fin_year';
  3923. dashSortDirection = 'desc';
  3925. // 4. Reload database data to ensure counts are fully fresh
  3926. loadRecordsData();
  3927. }
  3929. // --- LATEST UPDATES CORNER BADGE LOGIC ---
  3930. let latestUpdateDateString = null;
  3932. function updateLatestUpdateBadge() {
  3933. const badge = document.getElementById('latest-update-badge');
  3934. if (!badge) return;
  3936. if (!allRecordsIncludingDeleted || allRecordsIncludingDeleted.length === 0) {
  3937. badge.style.setProperty('display', 'none', 'important');
  3938. return;
  3939. }
  3941. // Find the maximum updated_date
  3942. let maxTime = 0;
  3943. let maxDateStr = null;
  3945. allRecordsIncludingDeleted.forEach(r => {
  3946. const dateStr = r.updated_date || r.cdate;
  3947. if (dateStr) {
  3948. const time = new Date(dateStr).getTime();
  3949. if (!isNaN(time) && time > maxTime) {
  3950. maxTime = time;
  3951. maxDateStr = dateStr;
  3952. }
  3953. }
  3954. });
  3956. if (maxTime === 0 || !maxDateStr) {
  3957. badge.style.setProperty('display', 'none', 'important');
  3958. return;
  3959. }
  3961. const latestDateOnly = getLocalDateString(maxDateStr);
  3962. latestUpdateDateString = latestDateOnly;
  3964. // Count how many files share this exact latest update date stamp
  3965. let count = 0;
  3966. allRecordsIncludingDeleted.forEach(r => {
  3967. const dateStr = r.updated_date || r.cdate;
  3968. if (dateStr && getLocalDateString(dateStr) === latestDateOnly) {
  3969. count++;
  3970. }
  3971. });
  3973. // Formatted date string helper
  3974. const formatDateTimeHelper = dateTimeStr => {
  3975. if (!dateTimeStr) return '-';
  3976. try {
  3977. const d = new Date(dateTimeStr);
  3978. if (isNaN(d.getTime())) return dateTimeStr;
  3979. const pad = n => String(n).padStart(2, '0');
  3980. return `${pad(d.getDate())}/${pad(d.getMonth() + 1)}/${d.getFullYear()} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
  3981. } catch (e) {
  3982. return dateTimeStr;
  3983. }
  3984. };
  3986. const countEl = document.getElementById('latest-update-count');
  3987. const timeEl = document.getElementById('latest-update-time');
  3988. if (countEl) countEl.textContent = count;
  3989. if (timeEl) timeEl.textContent = formatDateTimeHelper(maxDateStr);
  3991. badge.style.setProperty('display', 'flex', 'important');
  3992. }
  3994. // Get local date string YYYY-MM-DD
  3995. function getLocalDateString(dateStr) {
  3996. if (!dateStr) return null;
  3997. try {
  3998. const d = new Date(dateStr);
  3999. if (isNaN(d.getTime())) return null;
  4000. const yyyy = d.getFullYear();
  4001. const mm = String(d.getMonth() + 1).padStart(2, '0');
  4002. const dd = String(d.getDate()).padStart(2, '0');
  4003. return `${yyyy}-${mm}-${dd}`;
  4004. } catch (e) {
  4005. return null;
  4006. }
  4007. }
  4009. let latestUpdatesModalObj = null;
  4011. function openLatestUpdatesModal() {
  4012. if (!latestUpdateDateString) return;
  4014. // Filter allRecordsIncludingDeleted to find files updated on the latest date
  4015. const files = allRecordsIncludingDeleted.filter(r => {
  4016. const dateStr = r.updated_date || r.cdate;
  4017. return dateStr && getLocalDateString(dateStr) === latestUpdateDateString;
  4018. });
  4020. if (files.length === 0) return;
  4022. // Set modal title
  4023. const timeEl = document.getElementById('latest-update-time');
  4024. const timeStr = timeEl ? timeEl.textContent : '';
  4025. document.getElementById('latest-updates-modal-title').innerHTML = `<i class="fa-solid fa-bell text-warning me-2"></i> Latest Updates (${timeStr})`;
  4027. // Populate the modal table body
  4028. const tbody = document.getElementById('latest-updates-modal-body');
  4029. tbody.innerHTML = '';
  4031. let currentSNo = 1;
  4032. files.forEach(r => {
  4033. const balAmt = r.bal_amt ? Number(r.bal_amt).toLocaleString('en-IN') : '0';
  4035. // Determine update status tag
  4036. let statusBadge = '';
  4037. const cTime = r.cdate ? new Date(r.cdate).getTime() : 0;
  4038. const uTime = r.updated_date ? new Date(r.updated_date).getTime() : 0;
  4039. const isSoftDeleted = r.is_delete === 1 || r.is_delete === '1' || r.is_active === 0 || r.is_active === '0';
  4041. if (isSoftDeleted) {
  4042. statusBadge = `<span class="badge bg-danger">Deleted</span>`;
  4043. } else if (cTime > 0 && uTime > 0 && Math.abs(cTime - uTime) < 2000) {
  4044. statusBadge = `<span class="badge bg-success">Added</span>`;
  4045. } else {
  4046. statusBadge = `<span class="badge bg-primary">Updated</span>`;
  4047. }
  4049. tbody.innerHTML += `
  4050. <tr>
  4051. <td class="text-center">${currentSNo++}</td>
  4052. <td class="text-center">${escapeHtml(r.fin_year)}</td>
  4053. <td>${escapeHtml(r.file_data_num || '-')}</td>
  4054. <td>${escapeHtml(r.vend_name || '-')}</td>
  4055. <td class="text-center"><span class="badge bg-secondary">${escapeHtml(r.resolved_adv_type || '-')}</span></td>
  4056. <td class="text-center">${statusBadge}</td>
  4057. <td class="text-center">
  4058. ${r.file_available_status === 'Yes'
  4059. ? `<span class="badge bg-success-light text-success border border-success px-2 py-0.5">Yes</span>`
  4060. : r.file_available_status === 'No'
  4061. ? `<span class="badge bg-danger-light text-danger border border-danger px-2 py-0.5">No</span>`
  4062. : '-'}
  4063. </td>
  4064. <td class="fw-semibold text-primary text-end">₹ ${balAmt}</td>
  4065. <td class="text-left text-wrap" style="white-space: normal !important; min-width: 200px; max-width: 300px; word-break: break-word;">${escapeHtml(r.file_remark || '-')}</td>
  4066. <td class="text-center">${formatDateTime(r.cdate)}</td>
  4067. <td class="text-center">${escapeHtml(r.updated_by_name || r.updated_by || '-')}</td>
  4068. <td class="text-center">${formatDateTime(r.updated_date)}</td>
  4069. <td class="text-center">
  4070. <div class="action-btn-group justify-content-center">
  4071. <button class="action-btn btn-view" title="View Lifecycle"
  4072. onclick="closeLatestUpdatesModalAndShowDetails(${r.id})">
  4073. <i class="fa-solid fa-eye"></i>
  4074. </button>
  4075. ${isSoftDeleted
  4076. ? ''
  4077. : `<button class="action-btn btn-edit" title="Edit File" onclick="closeLatestUpdatesModalAndEdit(${r.id})">
  4078. <i class="fa-solid fa-pen-to-square"></i>
  4079. </button>`
  4080. }
  4081. </div>
  4082. </td>
  4083. </tr>
  4084. `;
  4085. });
  4087. // Initialize bootstrap modal if needed
  4088. if (!latestUpdatesModalObj) {
  4089. latestUpdatesModalObj = new bootstrap.Modal(document.getElementById('latestUpdatesModal'));
  4090. }
  4091. latestUpdatesModalObj.show();
  4092. }
  4094. function closeLatestUpdatesModalAndShowDetails(id) {
  4095. if (latestUpdatesModalObj) {
  4096. latestUpdatesModalObj.hide();
  4097. }
  4098. setTimeout(() => {
  4099. viewRecordDetails(id);
  4100. }, 300);
  4101. }
  4103. function closeLatestUpdatesModalAndEdit(id) {
  4104. if (latestUpdatesModalObj) {
  4105. latestUpdatesModalObj.hide();
  4106. }
  4107. setTimeout(() => {
  4108. editRecord(id);
  4109. }, 300);
  4110. }
  4112. // HTML escaping helper
  4113. function escapeHtml(str) {
  4114. if (!str) return '';
  4115. return String(str)
  4116. .replace(/&/g, "&amp;")
  4117. .replace(/</g, "&lt;")
  4118. .replace(/>/g, "&gt;")
  4119. .replace(/"/g, "&quot;")
  4120. .replace(/'/g, "&#039;");
  4121. }
  4122. </script>
  4123. </body>
  4125. </html>