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.
25 Commits
1 Branch
0 Tags
17 MiB
Tree: a7c1f69298
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'a7c1f69298'
${ noResults }
gccmanpower/src/main/resources/templates/gcctapaldetailsmanagement/dashboard.html

2516 lines
106 KiB
Raw Normal View History

new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
​
​
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
​
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 months ago
newly added controller , service , pages and changes in tapal , toner, adjustment management projects
2 months ago
​
​
​
​
new schema added and table name changes for every services to added in new schema and all serivces and some pages changes
2 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.tap_usrName}]]*/ null;
  8. if (currentUser && sessionStorage.getItem("tap_usrName") !== currentUser) {
  9. window.location.replace(/*[[@{/gcctapaldetailsmanagement/login}]]*/ '/gcctapaldetailsmanagement/login');
  10. }
  11. })();
  12. </script>
  13. <meta charset="UTF-8">
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <title>GCC Tapal Tracker - Dashboard</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&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. <!-- Flatpickr Datepicker & Chart.js & SheetJS -->
  31. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  32. <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  33. <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  34. <script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
  35. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  37. <style>
  38. .text-info-dark {
  39. color: #075985 !important;
  40. font-weight: 600;
  41. }
  43. .text-warning-dark {
  44. color: #92400e !important;
  45. font-weight: 600;
  46. }
  48. .text-success-dark {
  49. color: #166534 !important;
  50. font-weight: bold;
  51. }
  53. .text-danger-dark {
  54. color: #991b1b !important;
  55. font-weight: bold;
  56. }
  58. body {
  59. background-color: #f4f7f6;
  60. font-family: 'Poppins', sans-serif;
  61. color: #333;
  62. }
  64. .header {
  65. background: linear-gradient(135deg, #09303d, #0f5c78);
  66. color: #fff;
  67. padding: 15px 30px;
  68. display: flex;
  69. justify-content: space-between;
  70. align-items: center;
  71. box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  72. }
  74. .logo-left {
  75. display: flex;
  76. align-items: center;
  77. gap: 15px;
  78. }
  80. .logo-left img {
  81. width: 60px;
  82. height: 60px;
  83. }
  85. .logo-text h2 {
  86. font-family: 'Outfit', sans-serif;
  87. font-size: 1.1rem;
  88. font-weight: 700;
  89. margin: 0;
  90. line-height: 1.2;
  91. letter-spacing: 0.5px;
  92. }
  94. .logo-text p {
  95. font-size: 0.7rem;
  96. margin: 0;
  97. color: #aed6f1;
  98. }
  100. .header-title h2 {
  101. font-family: 'Outfit', sans-serif;
  102. font-size: 1.5rem;
  103. font-weight: 700;
  104. margin: 0;
  105. }
  107. .user-menu {
  108. display: flex;
  109. align-items: center;
  110. gap: 15px;
  111. }
  113. .user-badge {
  114. background: rgba(255, 255, 255, 0.15);
  115. padding: 8px 16px;
  116. border-radius: 20px;
  117. font-size: 0.85rem;
  118. font-weight: 600;
  119. display: flex;
  120. align-items: center;
  121. gap: 8px;
  122. }
  124. .btn-logout {
  125. background: #e74c3c;
  126. color: #fff;
  127. border: none;
  128. padding: 8px 16px;
  129. border-radius: 20px;
  130. font-size: 0.85rem;
  131. font-weight: 600;
  132. cursor: pointer;
  133. transition: all 0.3s;
  134. text-decoration: none;
  135. display: inline-flex;
  136. align-items: center;
  137. gap: 6px;
  138. }
  140. .btn-logout:hover {
  141. background: #c0392b;
  142. color: #fff;
  143. transform: translateY(-1.5px);
  144. }
  146. .main-container {
  147. max-width: 95%;
  148. margin: 35px auto;
  149. padding: 0 15px;
  150. }
  152. /* Stats Cards styling */
  153. /* Category Grid (3 Cards) */
  154. .category-grid {
  155. display: grid;
  156. grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  157. gap: 20px;
  158. margin-bottom: 35px;
  159. }
  161. .category-card {
  162. background: #ffffff;
  163. border: 1px solid #eef2f6;
  164. border-radius: 16px;
  165. padding: 24px;
  166. box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
  167. transition: all 0.3s ease;
  168. position: relative;
  169. overflow: hidden;
  170. cursor: pointer;
  171. display: flex;
  172. align-items: center;
  173. justify-content: space-between;
  174. }
  176. .category-card::before {
  177. content: '';
  178. position: absolute;
  179. top: 0;
  180. left: 0;
  181. width: 5px;
  182. height: 100%;
  183. }
  185. /* Total Card Accent */
  186. .category-card.card-total::before {
  187. background-color: #2563eb;
  188. }
  190. .category-card.card-total.active {
  191. border-color: #2563eb;
  192. box-shadow: 0 10px 25px rgba(37, 99, 235, 0.15);
  193. background-color: #eff6ff;
  194. }
  196. .card-total .card-icon {
  197. color: #2563eb;
  198. }
  200. /* Completed Card Accent */
  201. .category-card.card-completed::before {
  202. background-color: #166534;
  203. }
  205. .category-card.card-completed.active {
  206. border-color: #166534;
  207. box-shadow: 0 10px 25px rgba(22, 101, 52, 0.15);
  208. background-color: #f0fdf4;
  209. }
  211. .card-completed .card-icon {
  212. color: #166534;
  213. }
  215. /* Pending Card Accent */
  216. .category-card.card-pending::before {
  217. background-color: #991b1b;
  218. }
  220. .category-card.card-pending.active {
  221. border-color: #991b1b;
  222. box-shadow: 0 10px 25px rgba(153, 27, 27, 0.15);
  223. background-color: #fef2f2;
  224. }
  226. .card-pending .card-icon {
  227. color: #991b1b;
  228. }
  230. .category-card:hover {
  231. transform: translateY(-4px);
  232. box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  233. }
  235. .card-left {
  236. display: flex;
  237. flex-direction: column;
  238. gap: 5px;
  239. }
  241. .card-title {
  242. font-size: 0.88rem;
  243. font-weight: 600;
  244. color: #64748b;
  245. margin: 0;
  246. text-transform: uppercase;
  247. letter-spacing: 0.5px;
  248. }
  250. .card-value {
  251. font-family: 'Outfit', sans-serif;
  252. font-size: 2.1rem;
  253. font-weight: 700;
  254. color: #09303d;
  255. margin: 0;
  256. line-height: 1;
  257. }
  259. .card-icon {
  260. font-size: 2.2rem;
  261. opacity: 0.85;
  262. }
  264. /* Filter Card styling */
  265. .filter-card {
  266. background: #fff;
  267. border-radius: 16px;
  268. border: 1px solid #eef2f6;
  269. box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02);
  270. padding: 24px;
  271. margin-bottom: 30px;
  272. }
  274. .filter-grid {
  275. display: grid;
  276. grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  277. gap: 20px;
  278. align-items: end;
  279. }
  281. .filter-group {
  282. display: flex;
  283. flex-direction: column;
  284. gap: 6px;
  285. }
  287. .filter-label {
  288. font-size: 0.75rem;
  289. font-weight: 600;
  290. color: #64748b;
  291. text-transform: uppercase;
  292. }
  294. .filter-input {
  295. border: 1.5px solid #e2e8f0;
  296. border-radius: 8px;
  297. padding: 8px 12px;
  298. font-size: 0.85rem;
  299. outline: none;
  300. transition: all 0.3s;
  301. background-color: #fff;
  302. }
  304. .filter-input:focus {
  305. border-color: #0f5c78;
  306. box-shadow: 0 0 0 3px rgba(15, 92, 120, 0.15);
  307. }
  309. .btn-filter-search {
  310. background-color: #0f5c78;
  311. color: #fff;
  312. border: none;
  313. border-radius: 8px;
  314. padding: 9px 24px;
  315. font-size: 0.85rem;
  316. font-weight: 600;
  317. cursor: pointer;
  318. transition: all 0.3s;
  319. display: inline-flex;
  320. align-items: center;
  321. gap: 8px;
  322. height: 38px;
  323. }
  325. .btn-filter-search:hover {
  326. background-color: #09303d;
  327. }
  329. .btn-filter-reset {
  330. background-color: #f1f5f9;
  331. color: #475569;
  332. border: 1.5px solid #e2e8f0;
  333. border-radius: 8px;
  334. padding: 8px 20px;
  335. font-size: 0.85rem;
  336. font-weight: 600;
  337. cursor: pointer;
  338. transition: all 0.3s;
  339. display: inline-flex;
  340. align-items: center;
  341. gap: 6px;
  342. height: 38px;
  343. }
  345. .btn-filter-reset:hover {
  346. background-color: #e2e8f0;
  347. }
  349. /* Table card styling */
  350. .table-card {
  351. background: #fff;
  352. border-radius: 16px;
  353. padding: 24px;
  354. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  355. margin-bottom: 30px;
  356. }
  358. .table-card-header {
  359. display: flex;
  360. justify-content: space-between;
  361. align-items: center;
  362. margin-bottom: 20px;
  363. flex-wrap: wrap;
  364. gap: 15px;
  365. }
  367. .table-card-title {
  368. font-family: 'Outfit', sans-serif;
  369. font-size: 1.3rem;
  370. font-weight: 700;
  371. color: #09303d;
  372. margin: 0;
  373. display: flex;
  374. align-items: center;
  375. gap: 10px;
  376. }
  378. .active-filter-badge {
  379. background-color: #e0f2fe;
  380. color: #0369a1;
  381. font-size: 0.72rem;
  382. padding: 4px 10px;
  383. border-radius: 12px;
  384. font-weight: 600;
  385. }
  387. .btn-add-record {
  388. background-color: #0f5c78;
  389. color: #fff;
  390. border: none;
  391. border-radius: 8px;
  392. padding: 8px 16px;
  393. font-size: 0.85rem;
  394. font-weight: 600;
  395. cursor: pointer;
  396. transition: all 0.3s;
  397. display: inline-flex;
  398. align-items: center;
  399. gap: 6px;
  400. }
  402. .btn-add-record:hover {
  403. background-color: #09303d;
  404. transform: translateY(-1px);
  405. }
  407. .table-controls-row {
  408. display: flex;
  409. justify-content: space-between;
  410. align-items: center;
  411. margin-bottom: 15px;
  412. flex-wrap: wrap;
  413. gap: 10px;
  414. }
  416. .table-controls-left,
  417. .table-controls-right {
  418. display: flex;
  419. align-items: center;
  420. gap: 8px;
  421. }
  423. .grid-table {
  424. border-collapse: separate;
  425. border-spacing: 0;
  426. width: 100%;
  427. }
  429. .grid-table th {
  430. background-color: #f8fafc;
  431. color: #475569;
  432. font-weight: 600;
  433. text-transform: uppercase;
  434. font-size: 0.75rem;
  435. padding: 12px 16px;
  436. border-bottom: 2px solid #e2e8f0;
  437. letter-spacing: 0.5px;
  438. }
  440. .grid-table td {
  441. padding: 14px 16px;
  442. border-bottom: 1px solid #f1f5f9;
  443. font-size: 0.82rem;
  444. color: #334155;
  445. }
  447. .grid-table tbody tr:hover td {
  448. background-color: #f8fafc;
  449. }
  451. /* Status badge styles */
  452. .status-badge {
  453. font-size: 0.72rem;
  454. font-weight: 600;
  455. padding: 4px 10px;
  456. border-radius: 12px;
  457. display: inline-block;
  458. text-align: center;
  459. }
  461. /* Type badge styles */
  462. .type-badge {
  463. font-size: 0.72rem;
  464. font-weight: 600;
  465. padding: 4px 10px;
  466. border-radius: 6px;
  467. display: inline-block;
  468. }
  470. .type-sd {
  471. background-color: #fdf2f8;
  472. color: #9d174d;
  473. }
  475. .type-tax-invoice {
  476. background-color: #ecfdf5;
  477. color: #047857;
  478. }
  480. .type-emd {
  481. background-color: #f0f9ff;
  482. color: #0369a1;
  483. }
  485. .type-asd {
  486. background-color: #fff1f2;
  487. color: #be123c;
  488. }
  490. .type-agreement {
  491. background-color: #faf5ff;
  492. color: #6b21a8;
  493. }
  495. .type-bank-guarantee {
  496. background-color: #fffbeb;
  497. color: #b45309;
  498. }
  500. .type-delivery-chellan {
  501. background-color: #f0fdfa;
  502. color: #0f766e;
  503. }
  505. /* Action Buttons inside Grid */
  506. .btn-grid-action {
  507. width: 32px;
  508. height: 32px;
  509. border-radius: 6px;
  510. display: inline-flex;
  511. align-items: center;
  512. justify-content: center;
  513. border: none;
  514. cursor: pointer;
  515. transition: all 0.2s;
  516. font-size: 0.85rem;
  517. }
  519. .btn-grid-edit {
  520. background-color: #e0f2fe;
  521. color: #0369a1;
  522. }
  524. .btn-grid-edit:hover {
  525. background-color: #bae6fd;
  526. }
  528. .btn-grid-delete {
  529. background-color: #fee2e2;
  530. color: #b91c1c;
  531. }
  533. .btn-grid-delete:hover {
  534. background-color: #fecaca;
  535. }
  537. .btn-grid-pdf {
  538. background-color: #fef3c7;
  539. color: #d97706;
  540. }
  542. .btn-grid-pdf:hover {
  543. background-color: #fde68a;
  544. }
  546. /* Custom Modal headers styling */
  547. .modal-custom-header {
  548. background: linear-gradient(135deg, #09303d, #0f5c78);
  549. color: #fff;
  550. padding: 16px 24px;
  551. display: flex;
  552. justify-content: space-between;
  553. align-items: center;
  554. border-bottom: none;
  555. border-top-left-radius: 12px;
  556. border-top-right-radius: 12px;
  557. }
  559. .modal-custom-title {
  560. font-family: 'Outfit', sans-serif;
  561. font-size: 1.15rem;
  562. font-weight: 700;
  563. margin: 0;
  564. display: flex;
  565. align-items: center;
  566. gap: 10px;
  567. }
  569. .modal-content {
  570. border-radius: 12px;
  571. border: none;
  572. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  573. }
  575. /* Loading overlay spinner */
  576. #loading-overlay {
  577. position: fixed;
  578. top: 0;
  579. left: 0;
  580. width: 100%;
  581. height: 100%;
  582. background: rgba(255, 255, 255, 0.8);
  583. z-index: 9999;
  584. display: flex;
  585. flex-direction: column;
  586. align-items: center;
  587. justify-content: center;
  588. gap: 15px;
  589. }
  591. .spinner-inner {
  592. width: 50px;
  593. height: 50px;
  594. border: 4px solid #e2e8f0;
  595. border-top-color: #0f5c78;
  596. border-radius: 50%;
  597. animation: spin 1s linear infinite;
  598. }
  600. @keyframes spin {
  601. to {
  602. transform: rotate(360deg);
  603. }
  604. }
  606. /* Custom Scrollbar */
  607. ::-webkit-scrollbar {
  608. width: 8px;
  609. height: 8px;
  610. }
  612. ::-webkit-scrollbar-track {
  613. background: #f1f5f9;
  614. }
  616. ::-webkit-scrollbar-thumb {
  617. background: #cbd5e1;
  618. border-radius: 4px;
  619. }
  621. ::-webkit-scrollbar-thumb:hover {
  622. background: #94a3b8;
  623. }
  625. /* Responsive Media Queries */
  626. @media (max-width: 991.98px) {
  627. .header {
  628. flex-direction: column;
  629. gap: 15px;
  630. text-align: center;
  631. padding: 15px;
  632. }
  634. .logo-left {
  635. flex-direction: column;
  636. gap: 8px;
  637. align-items: center;
  638. }
  640. .logo-text {
  641. text-align: center;
  642. }
  644. .user-menu {
  645. width: 100%;
  646. justify-content: center;
  647. flex-wrap: wrap;
  648. gap: 10px;
  649. }
  651. .main-container {
  652. max-width: 100%;
  653. margin: 15px auto;
  654. }
  655. }
  656. </style>
  657. </head>
  659. <body>
  661. <!-- Loading Spinner Overlay -->
  662. <div id="loading-overlay" style="display: none;">
  663. <div class="spinner-inner"></div>
  664. <span class="fw-semibold text-secondary" id="loading-text">Loading data...</span>
  665. </div>
  667. <!-- Header Panel -->
  668. <header class="header">
  669. <div class="logo-left">
  670. <img th:src="@{/assets/header-images/gcc1.png}" alt="Greater Chennai Corporation Logo">
  671. <div class="logo-text">
  672. <h2>GREATER CHENNAI CORPORATION</h2>
  673. <p>IT CELL MANAGEMENT SERVICES</p>
  674. </div>
  675. </div>
  676. <div class="header-title d-none d-md-block">
  677. <h2>Tapal Tracker Dashboard</h2>
  678. </div>
  679. <div class="user-menu" style="display: flex; align-items: center; gap: 15px;">
  680. <!-- Latest Update Badge -->
  681. <div id="latest-update-badge" class="d-flex align-items-center gap-2 p-2 px-3 rounded text-white"
  682. 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;"
  683. onclick="openLatestUpdatesModal()">
  684. <i class="fa-solid fa-bell text-warning fa-bounce"></i>
  685. <div>
  686. Latest Update: <span class="fw-bold text-warning" id="latest-update-count">0</span> File(s) on
  687. <span class="fw-semibold" id="latest-update-time">-</span>
  688. </div>
  689. </div>
  691. <div class="user-badge">
  692. <i class="fa-solid fa-user-tie"></i>
  693. <span th:text="${usrName}">Admin</span>
  694. </div>
  695. <a th:href="@{/gcctapaldetailsmanagement/logout}" class="btn-logout">
  696. <i class="fa-solid fa-sign-out-alt"></i> Log Out
  697. </a>
  698. </div>
  699. </header>
  701. <!-- Main Workspace -->
  702. <main class="main-container">
  704. <!-- Top statistics metrics grids (3 Cards) -->
  705. <div class="category-grid" id="stats-container">
  706. <!-- Total Records -->
  707. <div class="category-card card-total" onclick="openModalForCount('total', null, 'Total Tapals')">
  708. <div class="card-left">
  709. <h3 class="card-title">Total Records</h3>
  710. <p class="card-value" id="count-total">0</p>
  711. </div>
  712. <i class="fa-solid fa-folder-open card-icon"></i>
  713. </div>
  715. <!-- Completed Tapals -->
  716. <div class="category-card card-completed"
  717. onclick="openModalForCount('completed_custom', null, 'Completed Tapals')">
  718. <div class="card-left">
  719. <h3 class="card-title">Completed Tapals</h3>
  720. <p class="card-value" id="count-completed">0</p>
  721. </div>
  722. <i class="fa-solid fa-circle-check card-icon"></i>
  723. </div>
  725. <!-- Pending Tapals -->
  726. <div class="category-card card-pending"
  727. onclick="openModalForCount('pending_custom', null, 'Pending Tapals')">
  728. <div class="card-left">
  729. <h3 class="card-title">Pending Tapals</h3>
  730. <p class="card-value" id="count-pending">0</p>
  731. </div>
  732. <i class="fa-solid fa-clock card-icon"></i>
  733. </div>
  734. </div>
  736. <div class="row g-4 mb-4">
  737. <!-- Summary breakdown Table Card -->
  738. <div class="col-lg-8">
  739. <div class="card h-100 border-0 shadow-sm" style="border-radius: 16px;">
  740. <div class="card-header bg-white py-3 border-0">
  741. <h4 class="card-title mb-0 fw-bold"
  742. style="font-family: 'Outfit', sans-serif; color: #09303d; font-size: 1.15rem;">
  743. <i class="fa-solid fa-chart-line me-2 text-primary"></i>Pending Tapals aging count
  744. </h4>
  745. </div>
  746. <div class="card-body p-3">
  747. <div class="table-responsive">
  748. <table class="table table-bordered text-center align-middle mb-0"
  749. style="font-size: 0.82rem; border-color: #e2e8f0;">
  750. <thead class="table-light text-secondary fw-bold" style="font-size: 0.75rem;">
  751. <tr id="summary-thead-tr">
  752. <th style="background-color: #f8fafc; color: #475569;">Total No of Tapals</th>
  753. <th style="background-color: #f0fdf4; color: #166534;">Completed</th>
  754. <th style="background-color: #fef2f2; color: #991b1b;">Pending</th>
  755. <th style="background-color: #fafaf9; color: #44403c;">1 to 15 Days</th>
  756. <th style="background-color: #fafaf9; color: #44403c;">16 to 30 Days</th>
  757. <th style="background-color: #fafaf9; color: #44403c;">31 to 60 Days</th>
  758. <th style="background-color: #fafaf9; color: #44403c;">61 to 90 Days</th>
  759. <th style="background-color: #fafaf9; color: #44403c;">91 to 120 Days</th>
  760. <th style="background-color: #fafaf9; color: #44403c;">Over 120 Days</th>
  761. </tr>
  762. </thead>
  763. <tbody>
  764. <tr class="fw-bold" style="font-size: 1rem; color: #1e293b;" id="summary-tbody-tr">
  765. <td id="summary-total" class="cursor-pointer text-primary"
  766. style="background-color: #f8fafc;"
  767. onclick="openModalForCount('total', null, 'Total Tapals')">0</td>
  768. <td id="summary-completed" class="cursor-pointer text-success"
  769. onclick="openModalForCount('completed_custom', null, 'Completed Tapals')">0
  770. </td>
  771. <td id="summary-pending" class="cursor-pointer text-danger"
  772. style="color: #991b1b;"
  773. onclick="openModalForCount('pending_custom', null, 'Pending Tapals')">0</td>
  774. <td id="summary-1-15" class="cursor-pointer"
  775. onclick="openModalForCount('age', [0, 15], 'Age: 1 to 15 Days')">0</td>
  776. <td id="summary-16-30" class="cursor-pointer"
  777. onclick="openModalForCount('age', [16, 30], 'Age: 16 to 30 Days')">0</td>
  778. <td id="summary-31-60" class="cursor-pointer"
  779. onclick="openModalForCount('age', [31, 60], 'Age: 31 to 60 Days')">0</td>
  780. <td id="summary-61-90" class="cursor-pointer"
  781. onclick="openModalForCount('age', [61, 90], 'Age: 61 to 90 Days')">0</td>
  782. <td id="summary-91-120" class="cursor-pointer"
  783. onclick="openModalForCount('age', [91, 120], 'Age: 91 to 120 Days')">0</td>
  784. <td id="summary-over-120" class="cursor-pointer text-danger"
  785. onclick="openModalForCount('age', [121, null], 'Age: Over 120 Days')">0</td>
  786. </tr>
  787. </tbody>
  788. </table>
  789. </div>
  790. <p class="text-muted mt-2 mb-0" style="font-size: 0.72rem; font-style: italic;">
  791. <i class="fa-solid fa-circle-info me-1"></i>Tip: Click on any count cell to filter the
  792. detailed tracker list below.
  793. </p>
  794. </div>
  795. </div>
  796. </div>
  798. <!-- Pie Chart Card -->
  799. <div class="col-lg-4">
  800. <div class="card h-100 border-0 shadow-sm" style="border-radius: 16px;">
  801. <div class="card-header bg-white py-3 border-0">
  802. <h4 class="card-title mb-0 fw-bold"
  803. style="font-family: 'Outfit', sans-serif; color: #09303d; font-size: 1.15rem;">
  804. <i class="fa-solid fa-chart-pie me-2 text-primary"></i>Status Percentage
  805. </h4>
  806. </div>
  807. <div class="card-body d-flex align-items-center justify-content-center p-2"
  808. style="position: relative; height: 180px;">
  809. <canvas id="statusPieChart" style="max-height: 100%; max-width: 100%;"></canvas>
  810. </div>
  811. </div>
  812. </div>
  813. </div>
  815. <!-- Filter Card -->
  816. <div class="filter-card">
  817. <div class="filter-grid">
  818. <!-- Category Filter -->
  819. <div class="filter-group">
  820. <label class="filter-label" for="filter-category">Category</label>
  821. <select id="filter-category" class="filter-input" onchange="handleCategoryFilterChange(this.value)">
  822. <option value="all">- All Categories -</option>
  823. </select>
  824. </div>
  826. <!-- Status Filter -->
  827. <div class="filter-group">
  828. <label class="filter-label" for="filter-status">Status</label>
  829. <select id="filter-status" class="filter-input" onchange="loadList()">
  830. <option value="">- All Statuses -</option>
  831. </select>
  832. </div>
  834. <!-- Text Search -->
  835. <div class="filter-group">
  836. <label class="filter-label" for="search-text">Search Keyword</label>
  837. <input type="text" id="search-text" class="filter-input" placeholder="Tapal No, sender, subject..."
  838. oninput="handleSearchInput(this.value)">
  839. </div>
  841. <!-- Action buttons -->
  842. <button class="btn-filter-search" onclick="loadList()">
  843. <i class="fa-solid fa-magnifying-glass"></i> Filter
  844. </button>
  846. <button class="btn-filter-reset" onclick="resetFilters()">
  847. <i class="fa-solid fa-rotate-right"></i> Reset
  848. </button>
  849. </div>
  850. </div>
  852. <!-- Table Card Section -->
  853. <div class="table-card">
  854. <div class="table-card-header">
  855. <h3 class="table-card-title">
  856. <i class="fa-solid fa-table-list text-primary"></i>
  857. <span>Tapal Tracking Details</span>
  858. <span class="active-filter-badge" id="active-category-badge">Category: All Categories</span>
  859. <span class="active-filter-badge ms-2" id="click-filter-badge"
  860. style="display: none; background-color: #fee2e2; color: #b91c1c;"></span>
  861. </h3>
  862. <div class="d-flex align-items-center gap-2">
  863. <button class="btn btn-sm btn-success fw-bold px-3 d-flex align-items-center gap-2"
  864. style="border-radius: 8px; height: 36px; font-size: 0.85rem;"
  865. onclick="exportMainTableToExcel()">
  866. <i class="fa-solid fa-file-excel"></i> Export to Excel
  867. </button>
  868. <button th:if="${isAdmin}"
  869. class="btn btn-sm btn-danger fw-bold px-3 d-flex align-items-center gap-2"
  870. style="border-radius: 8px; height: 36px; font-size: 0.85rem; margin: 0;"
  871. onclick="openDeletedRecordsModal()">
  872. <i class="fa-solid fa-trash-can"></i> Deleted Records
  873. </button>
  874. <button th:if="${isAdmin}" class="btn-add-record" onclick="openAddModal()"
  875. style="margin: 0; height: 36px;">
  876. <i class="fa-solid fa-circle-plus"></i> Add Tapal Tracking Record
  877. </button>
  878. </div>
  879. </div>
  881. <!-- Table Controls: Page size & Real-time Search -->
  882. <div class="table-controls-row">
  883. <div class="table-controls-left">
  884. <span class="text-secondary fw-semibold" style="font-size: 0.85rem;">Show</span>
  885. <select id="table-page-size" class="form-select form-select-sm" style="width: 80px;"
  886. onchange="changePageSize(this.value)">
  887. <option value="10" selected>10</option>
  888. <option value="20">20</option>
  889. <option value="30">30</option>
  890. <option value="45">45</option>
  891. <option value="60">60</option>
  892. </select>
  893. <span class="text-secondary fw-semibold" style="font-size: 0.85rem;">entries</span>
  894. </div>
  895. <div class="table-controls-right">
  896. <span class="text-secondary fw-semibold" style="font-size: 0.85rem;">Search:</span>
  897. <input type="text" id="table-search" class="form-control form-control-sm" style="width: 250px;"
  898. placeholder="Search in this table..." oninput="handleTableSearch(this.value)">
  899. </div>
  900. </div>
  902. <!-- Responsive Table Grid -->
  903. <div class="table-responsive">
  904. <table class="table grid-table table-striped table-hover align-middle" id="tracking-table">
  905. <thead>
  906. <tr>
  907. <th class="text-center" style="width: 50px;">Sr. No.</th>
  908. <th>Tapal No.</th>
  909. <th onclick="sortMainTable('tapal_received_date')"
  910. style="cursor: pointer; user-select: none;">
  911. Received Date <span id="main-sort-tapal_received_date-icon"><i
  912. class="fa-solid fa-sort ms-1" style="opacity: 0.4;"></i></span></th>
  913. <th>Request From</th>
  914. <th>Subject</th>
  915. <th class="text-center">Category</th>
  916. <th>Status</th>
  917. <th>Remarks</th>
  918. <th>OC File copy </th>
  919. <th onclick="sortMainTable('updated_date')" style="cursor: pointer; user-select: none;">Last
  920. Updated At <span id="main-sort-updated_date-icon"><i class="fa-solid fa-sort ms-1"
  921. style="opacity: 0.4;"></i></span></th>
  922. <th>Last Updated By</th>
  923. <th class="text-center" style="width: 120px;">Actions</th>
  924. </tr>
  925. </thead>
  926. <tbody id="tracking-tbody">
  927. <!-- Populated dynamically via JS -->
  928. </tbody>
  929. </table>
  930. <div id="no-records-found" class="empty-state"
  931. style="display: none; padding: 40px; text-align: center;">
  932. <i class="fa-solid fa-folder-open empty-icon"
  933. style="font-size: 3rem; color: #cbd5e1; margin-bottom: 15px;"></i>
  934. <h4>No Records Found</h4>
  935. <p class="text-secondary">No Tapal tracking records match the active criteria.</p>
  936. </div>
  937. </div>
  939. <!-- Pagination Controls -->
  940. <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mt-3"
  941. id="pagination-controls">
  942. <div id="pagination-info" class="text-secondary" style="font-size: 0.82rem; font-weight: 500;">
  943. Showing 0 to 0 of 0 entries
  944. </div>
  945. <nav aria-label="Table Page Navigation">
  946. <ul class="pagination pagination-sm mb-0 align-items-center gap-1" id="pagination-list">
  947. <!-- Populated dynamically -->
  948. </ul>
  949. </nav>
  950. </div>
  951. </div>
  953. </main>
  955. <!-- Save / Edit Record Modal -->
  956. <div class="modal fade" id="recordModal" tabindex="-1" aria-labelledby="recordModalLabel" aria-hidden="true">
  957. <div class="modal-dialog modal-lg modal-dialog-centered">
  958. <div class="modal-content">
  959. <div class="modal-custom-header">
  960. <h5 class="modal-custom-title" id="recordModalLabel">
  961. <i class="fa-solid fa-circle-plus"></i> Add/Edit Tapal Record
  962. </h5>
  963. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  964. aria-label="Close"></button>
  965. </div>
  966. <div class="modal-body">
  967. <form id="recordForm" onsubmit="saveRecord(event)">
  968. <input type="hidden" id="form-id" name="id">
  970. <div class="row g-3">
  971. <!-- Tapal No. -->
  972. <div class="col-md-6">
  973. <label for="form-tapal-no" class="form-label fw-semibold text-secondary">Tapal No. <span
  974. class="text-danger">*</span></label>
  975. <input type="text" class="form-control" id="form-tapal-no"
  976. placeholder="Enter Tapal Number" required>
  977. </div>
  979. <!-- Received Date -->
  980. <div class="col-md-6">
  981. <label for="form-received-date" class="form-label fw-semibold text-secondary">Received
  982. Date <span class="text-danger">*</span></label>
  983. <input type="date" class="form-control" id="form-received-date" required
  984. onclick="this.showPicker()">
  985. </div>
  987. <!-- Request From -->
  988. <div class="col-md-6">
  989. <label for="form-request-from" class="form-label fw-semibold text-secondary">Request
  990. From <span class="text-danger">*</span></label>
  991. <input type="text" class="form-control" id="form-request-from"
  992. placeholder="Enter Sender / Request From" required>
  993. </div>
  995. <!-- Category -->
  996. <div class="col-md-6">
  997. <label for="form-category" class="form-label fw-semibold text-secondary">Category <span
  998. class="text-danger">*</span></label>
  999. <select class="form-select" id="form-category" required>
  1000. </select>
  1001. </div>
  1003. <!-- Subject -->
  1004. <div class="col-md-12">
  1005. <label for="form-subject" class="form-label fw-semibold text-secondary">Subject <span
  1006. class="text-danger">*</span></label>
  1007. <input type="text" class="form-control" id="form-subject"
  1008. placeholder="Enter subject/matter" required>
  1009. </div>
  1011. <!-- Status -->
  1012. <div class="col-md-6">
  1013. <label for="form-status" class="form-label fw-semibold text-secondary">Status <span
  1014. class="text-danger">*</span></label>
  1015. <select class="form-select" id="form-status" required>
  1016. </select>
  1017. </div>
  1019. <!-- Tapal File Attachment -->
  1020. <div class="col-md-6">
  1021. <label for="form-tapal-file" class="form-label fw-semibold text-secondary">Tapal File
  1022. Attachment (Optional)</label>
  1023. <input type="file" class="form-control" id="form-tapal-file" accept=".pdf,image/*">
  1024. <div id="form-existing-tapal-container" class="mt-2" style="display: none;">
  1025. <span class="text-secondary fw-semibold">Current Tapal File:</span>
  1026. <a id="form-existing-tapal-link" href="#" target="_blank"
  1027. class="ms-1 text-primary fw-bold text-decoration-none">
  1028. <i class="fa-solid fa-file-pdf"></i> View File
  1029. </a>
  1030. </div>
  1031. </div>
  1033. <!-- OC File Attachment -->
  1034. <div class="col-md-6">
  1035. <label for="form-oc-file" class="form-label fw-semibold text-secondary">OC File
  1036. Attachment (Optional)</label>
  1037. <input type="file" class="form-control" id="form-oc-file" accept=".pdf,image/*">
  1038. <div id="form-existing-oc-container" class="mt-2" style="display: none;">
  1039. <span class="text-secondary fw-semibold">Current OC File:</span>
  1040. <a id="form-existing-oc-link" href="#" target="_blank"
  1041. class="ms-1 text-info fw-bold text-decoration-none">
  1042. <i class="fa-solid fa-file-pdf"></i> View OC File
  1043. </a>
  1044. </div>
  1045. </div>
  1047. <!-- Remarks -->
  1048. <div class="col-md-12">
  1049. <label for="form-remarks" class="form-label fw-semibold text-secondary">Remarks</label>
  1050. <textarea class="form-control" id="form-remarks" rows="2"
  1051. placeholder="Additional remarks..."></textarea>
  1052. </div>
  1053. </div>
  1055. <div class="d-flex justify-content-end gap-2 mt-4">
  1056. <button type="button" class="btn btn-secondary px-4" data-bs-dismiss="modal">Cancel</button>
  1057. <button type="submit" class="btn btn-primary px-4"
  1058. style="background-color: #0f5c78; border-color: #0f5c78;">
  1059. <i class="fa-solid fa-save"></i> Save Record
  1060. </button>
  1061. </div>
  1062. </form>
  1063. </div>
  1064. </div>
  1065. </div>
  1066. </div>
  1068. <!-- History Modal -->
  1069. <div class="modal fade" id="historyModal" tabindex="-1" aria-labelledby="historyModalLabel" aria-hidden="true">
  1070. <div class="modal-dialog modal-xl modal-dialog-centered">
  1071. <div class="modal-content">
  1072. <div class="modal-custom-header" style="background-color: #2c3e50;">
  1073. <h5 class="modal-custom-title" id="historyModalLabel">
  1074. <i class="fa-solid fa-history"></i> Update History Log
  1075. </h5>
  1076. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1077. aria-label="Close"></button>
  1078. </div>
  1079. <div class="modal-body p-4">
  1080. <div id="history-details-section" class="mb-4 p-3 bg-light rounded border">
  1081. <h6 class="fw-bold mb-2">Tapal Reference Info</h6>
  1082. <div class="row g-2" style="font-size: 0.85rem;">
  1083. <div class="col-md-4"><span class="text-secondary fw-semibold">Tapal No:</span> <span
  1084. id="hist-ref-no" class="fw-bold">-</span></div>
  1085. <div class="col-md-4"><span class="text-secondary fw-semibold">Sender:</span> <span
  1086. id="hist-ref-sender">-</span></div>
  1087. <div class="col-md-4"><span class="text-secondary fw-semibold">Subject:</span> <span
  1088. id="hist-ref-subject">-</span></div>
  1089. </div>
  1090. </div>
  1091. <div class="table-responsive" style="max-height: 450px;">
  1092. <table class="table table-bordered table-hover align-middle mb-0" style="font-size: 0.8rem;">
  1093. <thead class="table-light sticky-top" style="z-index: 1;">
  1094. <tr>
  1095. <th style="width: 50px;" class="text-center">S.No</th>
  1096. <th>Received Date</th>
  1097. <th>Subject</th>
  1098. <th>Category</th>
  1099. <th>Request From</th>
  1100. <th>Status</th>
  1101. <th>Remarks</th>
  1102. <th>Last Updated At</th>
  1103. <th>Last Updated By</th>
  1104. <th class="text-center" style="width: 150px;">Documents</th>
  1105. </tr>
  1106. </thead>
  1107. <tbody id="history-tbody">
  1108. <!-- Populated dynamically -->
  1109. </tbody>
  1110. </table>
  1111. <div id="no-history-found" class="text-center text-muted py-5" style="display: none;">
  1112. <i class="fa-solid fa-history fs-1 mb-3 text-secondary" style="opacity: 0.5;"></i>
  1113. <h5>No History Found</h5>
  1114. <p>No historical updates recorded for this Tapal record.</p>
  1115. </div>
  1116. </div>
  1117. </div>
  1118. </div>
  1119. </div>
  1120. </div>
  1122. <!-- Deleted Records Modal -->
  1123. <div class="modal fade" id="deletedRecordsModal" tabindex="-1" aria-labelledby="deletedRecordsModalLabel"
  1124. aria-hidden="true">
  1125. <div class="modal-dialog modal-xl modal-dialog-centered">
  1126. <div class="modal-content">
  1127. <div class="modal-custom-header" style="background-color: #c0392b;">
  1128. <h5 class="modal-custom-title" id="deletedRecordsModalLabel">
  1129. <i class="fa-solid fa-trash-can"></i> Deleted Tapal Records
  1130. </h5>
  1131. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1132. aria-label="Close"></button>
  1133. </div>
  1134. <div class="modal-body p-4">
  1135. <div class="table-responsive" style="max-height: 450px;">
  1136. <table class="table table-bordered table-striped align-middle mb-0" style="font-size: 0.8rem;">
  1137. <thead class="table-light sticky-top" style="z-index: 1;">
  1138. <tr>
  1139. <th class="text-center" style="width: 50px;">S.No</th>
  1140. <th>Tapal No.</th>
  1141. <th>Received Date</th>
  1142. <th>Request From</th>
  1143. <th>Subject</th>
  1144. <th>Category</th>
  1145. <th>Status</th>
  1146. <th>Deletion Remarks</th>
  1147. <th>Deleted Date</th>
  1148. <th>Deleted By</th>
  1149. <th class="text-center" style="width: 130px;">Actions</th>
  1150. </tr>
  1151. </thead>
  1152. <tbody id="deleted-tracking-tbody">
  1153. <!-- Populated dynamically via JS -->
  1154. </tbody>
  1155. </table>
  1156. <div id="deleted-no-records-found" class="empty-state text-center py-5" style="display: none;">
  1157. <i class="fa-solid fa-trash-arrow-up empty-icon"
  1158. style="font-size: 2.5rem; color: #cbd5e1; margin-bottom: 10px;"></i>
  1159. <h5>No Deleted Records</h5>
  1160. <p>No deleted Tapal tracking records found in the database.</p>
  1161. </div>
  1162. </div>
  1163. </div>
  1164. </div>
  1165. </div>
  1166. </div>
  1168. <!-- Count Details List Modal -->
  1169. <div class="modal fade" id="countDetailsModal" tabindex="-1" aria-labelledby="countDetailsModalLabel"
  1170. aria-hidden="true">
  1171. <div class="modal-dialog modal-xl modal-dialog-centered">
  1172. <div class="modal-content">
  1173. <div class="modal-custom-header" style="background-color: #0f5c78;">
  1174. <h5 class="modal-custom-title" id="countDetailsModalLabel">
  1175. <i class="fa-solid fa-file-invoice"></i> Tapal Details - <span
  1176. id="countDetailsModalTypeTitle">Total No of Tapals</span>
  1177. </h5>
  1178. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  1179. aria-label="Close"></button>
  1180. </div>
  1181. <div class="modal-body p-4">
  1182. <div class="table-responsive" style="max-height: 450px;">
  1183. <table class="table table-bordered table-hover align-middle mb-0" style="font-size: 0.8rem;">
  1184. <thead class="table-light sticky-top" style="z-index: 1;">
  1185. <tr>
  1186. <th class="text-center" style="width: 50px;">Sr. No.</th>
  1187. <th>Tapal No.</th>
  1188. <th>Received Date</th>
  1189. <th>Request From</th>
  1190. <th>Subject</th>
  1191. <th>Category</th>
  1192. <th>Status</th>
  1193. <th>Remarks</th>
  1194. <th>Last Updated Date</th>
  1195. <th>Last Updated By</th>
  1196. <th class="text-center" style="width: 120px;">Actions</th>
  1197. </tr>
  1198. </thead>
  1199. <tbody id="modal-tracking-tbody">
  1200. <!-- Populated dynamically -->
  1201. </tbody>
  1202. </table>
  1203. <div id="modal-no-records-found" class="empty-state text-center py-5" style="display: none;">
  1204. <i class="fa-solid fa-folder-open empty-icon"
  1205. style="font-size: 2.5rem; color: #cbd5e1; margin-bottom: 10px;"></i>
  1206. <h5>No Records Found</h5>
  1207. <p>No Tapal tracking records match the active criteria.</p>
  1208. </div>
  1209. </div>
  1210. </div>
  1211. </div>
  1212. </div>
  1213. </div>
  1215. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  1217. <!-- Custom Page Scripting -->
  1218. <script th:inline="javascript">
  1219. const contextPath = /*[[@{/}]]*/ '';
  1220. const isAdmin = /*[[${isAdmin}]]*/ false;
  1222. let activeCategory = 'all';
  1223. let allRecords = [];
  1224. let allBackendData = [];
  1226. function getLocalDateString(dateTimeStr) {
  1227. if (!dateTimeStr) return null;
  1228. try {
  1229. const d = new Date(dateTimeStr);
  1230. if (isNaN(d.getTime())) return null;
  1231. const dd = String(d.getDate()).padStart(2, '0');
  1232. const MM = String(d.getMonth() + 1).padStart(2, '0');
  1233. const yyyy = d.getFullYear();
  1234. return `${yyyy}-${MM}-${dd}`;
  1235. } catch (e) {
  1236. return null;
  1237. }
  1238. }
  1239. let currentFilteredRecords = [];
  1240. let recordModalObj = null;
  1241. let historyModalObj = null;
  1242. let deletedRecordsModalObj = null;
  1243. let countDetailsModalObj = null;
  1245. let currentPage = 1;
  1246. let pageSize = 20;
  1248. let activeClickFilter = null;
  1249. let statusChartInstance = null;
  1251. let activeTypes = [];
  1252. let activeStatus = [];
  1254. document.addEventListener('DOMContentLoaded', async () => {
  1255. recordModalObj = new bootstrap.Modal(document.getElementById('recordModal'));
  1256. historyModalObj = new bootstrap.Modal(document.getElementById('historyModal'));
  1257. deletedRecordsModalObj = new bootstrap.Modal(document.getElementById('deletedRecordsModal'));
  1258. countDetailsModalObj = new bootstrap.Modal(document.getElementById('countDetailsModal'));
  1260. await loadTypesAndVendors();
  1261. loadCounts();
  1262. loadList();
  1263. });
  1265. // Helper to map category name to a normalized filter key
  1266. function getCategoryCode(typeName) {
  1267. return String(typeName).toLowerCase().trim();
  1268. }
  1270. async function loadTypesAndVendors() {
  1271. try {
  1272. const [typesRes, statusRes] = await Promise.all([
  1273. fetch(contextPath + 'gcctapaldetailsmanagement/api/categories?_=' + new Date().getTime()),
  1274. fetch(contextPath + 'gcctapaldetailsmanagement/api/statuslist?_=' + new Date().getTime())
  1275. ]);
  1276. activeTypes = await typesRes.json();
  1277. const allFetched = await statusRes.json();
  1278. activeStatus = allFetched.filter(s => {
  1279. const name = String(s.status_name).toLowerCase().trim();
  1280. return !name.includes('duplicate') && !name.includes('no action') && !name.includes('action required');
  1281. });
  1283. populateDropdowns();
  1284. } catch (err) {
  1285. console.error("Error loading categories or statuses:", err);
  1286. }
  1287. }
  1289. function getStatusKey(statusName) {
  1290. if (!statusName) return 'default';
  1291. const name = String(statusName).toLowerCase().trim();
  1292. if (name.includes('complete') || name.includes('approve') || name.includes('paid')) {
  1293. return 'completed';
  1294. }
  1295. if (name.includes('awaiting') || name.includes('details')) {
  1296. return 'awaiting details';
  1297. }
  1298. if (name.includes('dept') || name.includes('uac') || name.includes('fm unit')) {
  1299. return 'pending with dept';
  1300. }
  1301. if (name.includes('pending') || name.includes('initiated') || name.includes('eoffice') || name.includes('e-office')) {
  1302. return 'pending';
  1303. }
  1304. return 'default';
  1305. }
  1307. const statusColors = {
  1308. 'completed': { bg: '#f0fdf4', text: '#166534', badgeClass: 'text-success-dark' },
  1309. 'awaiting details': { bg: '#fffbeb', text: '#92400e', badgeClass: 'text-warning-dark' },
  1310. 'pending with dept': { bg: '#f0f9ff', text: '#075985', badgeClass: 'text-info-dark' },
  1311. 'pending': { bg: '#fef2f2', text: '#991b1b', badgeClass: 'text-danger-dark' }
  1312. };
  1314. function getStatusStyle(statusName) {
  1315. const key = getStatusKey(statusName);
  1316. return statusColors[key] || { bg: '#f1f5f9', text: '#475569', badgeClass: 'text-secondary' };
  1317. }
  1319. function populateDropdowns() {
  1320. // Populate filter-category
  1321. const filterCatSelect = document.getElementById('filter-category');
  1322. if (filterCatSelect) {
  1323. filterCatSelect.innerHTML = '<option value="all">- All Categories -</option>';
  1324. activeTypes.forEach(t => {
  1325. const catCode = getCategoryCode(t.category_name);
  1326. const opt = document.createElement('option');
  1327. opt.value = catCode;
  1328. opt.textContent = t.category_name;
  1329. filterCatSelect.appendChild(opt);
  1330. });
  1331. }
  1333. // Populate form-category
  1334. const formCatSelect = document.getElementById('form-category');
  1335. if (formCatSelect) {
  1336. formCatSelect.innerHTML = '<option value="">-- Select Category --</option>';
  1337. activeTypes.forEach(t => {
  1338. const opt = document.createElement('option');
  1339. opt.value = t.id;
  1340. opt.textContent = t.category_name;
  1341. formCatSelect.appendChild(opt);
  1342. });
  1343. }
  1345. // Populate filter-status
  1346. const filterStatusSelect = document.getElementById('filter-status');
  1347. if (filterStatusSelect) {
  1348. filterStatusSelect.innerHTML = '<option value="">- All Statuses -</option>';
  1349. activeStatus.forEach(s => {
  1350. const opt = document.createElement('option');
  1351. opt.value = s.id;
  1352. opt.textContent = s.status_name;
  1353. filterStatusSelect.appendChild(opt);
  1354. });
  1355. }
  1357. // Populate form-status
  1358. const formStatusSelect = document.getElementById('form-status');
  1359. if (formStatusSelect) {
  1360. formStatusSelect.innerHTML = '<option value="">-- Select Status --</option>';
  1361. activeStatus.forEach(s => {
  1362. const opt = document.createElement('option');
  1363. opt.value = s.id;
  1364. opt.textContent = s.status_name;
  1365. formStatusSelect.appendChild(opt);
  1366. });
  1367. }
  1368. }
  1370. function getStatusName(statusVal) {
  1371. if (statusVal === null || statusVal === undefined || String(statusVal).trim() === '') {
  1372. return '-';
  1373. }
  1374. const cleanVal = String(statusVal).trim();
  1375. const statusObj = activeStatus.find(s => String(s.id) === cleanVal);
  1376. if (statusObj) {
  1377. return statusObj.status_name;
  1378. }
  1379. return statusVal;
  1380. }
  1382. function showLoader(show, text = 'Processing...') {
  1383. const overlay = document.getElementById('loading-overlay');
  1384. const overlayText = document.getElementById('loading-text');
  1385. if (overlay) {
  1386. overlayText.textContent = text;
  1387. overlay.style.display = show ? 'flex' : 'none';
  1388. }
  1389. }
  1391. async function loadCounts() {
  1392. try {
  1393. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/counts?_=' + new Date().getTime());
  1394. const counts = await response.json();
  1396. // Update static cards
  1397. const countTotalEl = document.getElementById('count-total');
  1398. if (countTotalEl) countTotalEl.textContent = counts.total || 0;
  1400. const countCompletedEl = document.getElementById('count-completed');
  1401. if (countCompletedEl) countCompletedEl.textContent = counts.completed || 0;
  1403. const countPendingEl = document.getElementById('count-pending');
  1404. if (countPendingEl) countPendingEl.textContent = counts.pending || 0;
  1406. // Render aging stats in the summary table
  1407. document.getElementById('summary-total').textContent = counts.total || 0;
  1408. document.getElementById('summary-completed').textContent = counts.completed || 0;
  1409. document.getElementById('summary-pending').textContent = counts.pending || 0;
  1410. document.getElementById('summary-1-15').textContent = counts.age_1_15 || 0;
  1411. document.getElementById('summary-16-30').textContent = counts.age_16_30 || 0;
  1412. document.getElementById('summary-31-60').textContent = counts.age_31_60 || 0;
  1413. document.getElementById('summary-61-90').textContent = counts.age_61_90 || 0;
  1414. document.getElementById('summary-91-120').textContent = counts.age_91_120 || 0;
  1415. document.getElementById('summary-over-120').textContent = counts.age_over_120 || 0;
  1417. renderPieChart(counts);
  1419. } catch (err) {
  1420. console.error("Error loading counts:", err);
  1421. }
  1422. }
  1424. function renderPieChart(counts) {
  1425. const ctx = document.getElementById('statusPieChart');
  1426. if (!ctx) return;
  1428. const completed = counts.completed || 0;
  1429. const pending = counts.pending || 0;
  1430. const total = counts.total || 0;
  1432. if (total === 0) {
  1433. if (statusChartInstance) statusChartInstance.destroy();
  1434. return;
  1435. }
  1437. const data = {
  1438. labels: ['Completed', 'Pending'],
  1439. datasets: [{
  1440. data: [completed, pending],
  1441. backgroundColor: ['#22c55e', '#ef4444'],
  1442. hoverOffset: 6,
  1443. borderWidth: 2,
  1444. borderColor: '#ffffff'
  1445. }]
  1446. };
  1448. if (statusChartInstance) {
  1449. statusChartInstance.data = data;
  1450. statusChartInstance.update();
  1451. } else {
  1452. statusChartInstance = new Chart(ctx, {
  1453. type: 'doughnut',
  1454. data: data,
  1455. options: {
  1456. responsive: true,
  1457. maintainAspectRatio: false,
  1458. plugins: {
  1459. legend: {
  1460. position: 'bottom',
  1461. labels: {
  1462. boxWidth: 12,
  1463. font: { size: 10, family: 'Poppins' }
  1464. }
  1465. }
  1466. },
  1467. cutout: '70%'
  1468. }
  1469. });
  1470. }
  1471. }
  1473. async function handleCardClick(categoryKey) {
  1474. activeCategory = categoryKey;
  1476. // Sync filter dropdown selection
  1477. const filterCatSelect = document.getElementById('filter-category');
  1478. if (filterCatSelect) {
  1479. filterCatSelect.value = categoryKey;
  1480. }
  1482. // Highlight card
  1483. document.querySelectorAll('.stat-card').forEach(card => card.classList.remove('active'));
  1484. const selectedCard = document.getElementById('card-' + categoryKey);
  1485. if (selectedCard) {
  1486. selectedCard.classList.add('active');
  1487. }
  1489. // Set Title Badge text
  1490. const badge = document.getElementById('active-category-badge');
  1491. if (badge) {
  1492. if (categoryKey === 'all') {
  1493. badge.textContent = 'Category: All Categories';
  1494. } else if (categoryKey === 'status_not_updated') {
  1495. badge.textContent = 'Category: Category Not Updated';
  1496. } else {
  1497. const matched = activeTypes.find(t => getCategoryCode(t.category_name) === categoryKey);
  1498. badge.textContent = `Category: ${matched ? matched.category_name : categoryKey}`;
  1499. }
  1500. }
  1502. currentPage = 1;
  1503. loadList();
  1504. }
  1506. function handleCategoryFilterChange(categoryKey) {
  1507. handleCardClick(categoryKey);
  1508. }
  1510. let searchTimeout = null;
  1511. function handleSearchInput(query) {
  1512. clearTimeout(searchTimeout);
  1513. searchTimeout = setTimeout(() => {
  1514. currentPage = 1;
  1515. loadList();
  1516. }, 300);
  1517. }
  1519. function handleTableSearch(query) {
  1520. handleSearchInput(query);
  1521. }
  1523. // Sorting controls
  1524. let sortColumn = 'tapal_received_date';
  1525. let sortDirection = 'DESC';
  1527. function sortMainTable(colName) {
  1528. if (sortColumn === colName) {
  1529. sortDirection = (sortDirection === 'ASC') ? 'DESC' : 'ASC';
  1530. } else {
  1531. sortColumn = colName;
  1532. sortDirection = 'DESC';
  1533. }
  1535. // Update header sort icons
  1536. document.querySelectorAll('.grid-table th i').forEach(icon => {
  1537. icon.className = 'fa-solid fa-sort ms-1';
  1538. icon.style.opacity = '0.4';
  1539. });
  1540. const activeIcon = document.getElementById(`main-sort-${colName}-icon`)?.querySelector('i');
  1541. if (activeIcon) {
  1542. activeIcon.className = (sortDirection === 'ASC') ? 'fa-solid fa-sort-up ms-1' : 'fa-solid fa-sort-down ms-1';
  1543. activeIcon.style.opacity = '1';
  1544. }
  1546. loadList();
  1547. }
  1549. async function loadList() {
  1550. showLoader(true, 'Fetching list data...');
  1551. const params = new URLSearchParams();
  1553. if (activeCategory !== 'all') {
  1554. params.append('category', activeCategory);
  1555. }
  1557. const statusSelect = document.getElementById('filter-status');
  1558. if (statusSelect && statusSelect.value) {
  1559. params.append('status', statusSelect.value);
  1560. }
  1562. try {
  1563. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/list?' + params.toString());
  1564. allBackendData = await response.json();
  1565. allRecords = [...allBackendData];
  1566. updateLatestUpdateBadge();
  1568. // Client-side local filtering based on Search Keywords and click badge criteria
  1569. filterAndRender();
  1570. } catch (err) {
  1571. console.error("Error loading records:", err);
  1572. showLoader(false);
  1573. }
  1574. }
  1576. function filterAndRender() {
  1577. let records = [...allRecords];
  1579. // 1. Search Query Local Filter
  1580. const searchVal = document.getElementById('search-text')?.value.toLowerCase().trim() || '';
  1581. const tblSearchVal = document.getElementById('table-search')?.value.toLowerCase().trim() || '';
  1582. const activeQuery = searchVal || tblSearchVal;
  1584. if (activeQuery) {
  1585. records = records.filter(row => {
  1586. return (row.tapal_no && String(row.tapal_no).toLowerCase().includes(activeQuery)) ||
  1587. (row.request_from && String(row.request_from).toLowerCase().includes(activeQuery)) ||
  1588. (row.subject && String(row.subject).toLowerCase().includes(activeQuery)) ||
  1589. (row.remarks && String(row.remarks).toLowerCase().includes(activeQuery));
  1590. });
  1591. }
  1593. // 2. Click statistics badge local filter (Total, Completed, Pending, Age Groups)
  1594. const clickBadge = document.getElementById('click-filter-badge');
  1595. if (activeClickFilter) {
  1596. clickBadge.style.display = 'inline-block';
  1597. clickBadge.innerHTML = `${activeClickFilter.label} <i class="fa-solid fa-circle-xmark ms-1 cursor-pointer" onclick="clearClickFilter()"></i>`;
  1599. const type = activeClickFilter.type;
  1600. const criteria = activeClickFilter.criteria;
  1602. if (type === 'completed_custom') {
  1603. records = records.filter(row => {
  1604. const rem = row.remarks ? String(row.remarks).trim() : '';
  1605. return rem !== '' && rem !== '-';
  1606. });
  1607. } else if (type === 'pending_custom') {
  1608. records = records.filter(row => {
  1609. const rem = row.remarks ? String(row.remarks).trim() : '';
  1610. return rem === '' || rem === '-';
  1611. });
  1612. } else if (type === 'age') {
  1613. const min = criteria[0];
  1614. const max = criteria[1];
  1615. records = records.filter(row => {
  1616. const rem = row.remarks ? String(row.remarks).trim() : '';
  1617. const isPending = (rem === '' || rem === '-');
  1618. if (!isPending) return false;
  1620. const age = calculateAgeDays(row.tapal_received_date);
  1621. if (max === null) {
  1622. return age >= min;
  1623. }
  1624. return age >= min && age <= max;
  1625. });
  1626. }
  1627. } else {
  1628. clickBadge.style.display = 'none';
  1629. }
  1631. // 3. Client Sort
  1632. records.sort((a, b) => {
  1633. let valA = a[sortColumn];
  1634. let valB = b[sortColumn];
  1636. if (valA === null || valA === undefined) valA = '';
  1637. if (valB === null || valB === undefined) valB = '';
  1639. // Handle string dates comparison
  1640. if (sortColumn.includes('date')) {
  1641. const dateA = new Date(valA).getTime() || 0;
  1642. const dateB = new Date(valB).getTime() || 0;
  1643. return (sortDirection === 'ASC') ? dateA - dateB : dateB - dateA;
  1644. }
  1646. if (typeof valA === 'string') {
  1647. return (sortDirection === 'ASC')
  1648. ? valA.localeCompare(valB, undefined, { numeric: true, sensitivity: 'base' })
  1649. : valB.localeCompare(valA, undefined, { numeric: true, sensitivity: 'base' });
  1650. }
  1652. return (sortDirection === 'ASC') ? valA - valB : valB - valA;
  1653. });
  1655. currentFilteredRecords = records;
  1656. renderTablePage();
  1657. }
  1659. function calculateAgeDays(dateStr) {
  1660. if (!dateStr) return 0;
  1661. const diffTime = Math.abs(new Date() - new Date(dateStr));
  1662. return Math.ceil(diffTime / (1000 * 60 * 60 * 24)) - 1;
  1663. }
  1665. function clearClickFilter() {
  1666. activeClickFilter = null;
  1667. filterAndRender();
  1668. }
  1670. function openModalForCount(type, criteria, label) {
  1671. const params = new URLSearchParams();
  1672. if (type) params.append('clickType', type);
  1673. if (criteria) params.append('clickValue', Array.isArray(criteria) ? criteria.join(',') : criteria);
  1674. if (label) params.append('title', label);
  1675. if (activeCategory && activeCategory !== 'all') {
  1676. params.append('category', activeCategory);
  1677. }
  1678. window.location.href = contextPath + 'gcctapaldetailsmanagement/details?' + params.toString();
  1679. }
  1681. function renderTablePage() {
  1682. const tbody = document.getElementById('tracking-tbody');
  1683. if (!tbody) return;
  1685. tbody.innerHTML = '';
  1687. const total = currentFilteredRecords.length;
  1688. if (total === 0) {
  1689. document.getElementById('no-records-found').style.display = 'block';
  1690. document.getElementById('pagination-controls').style.display = 'none';
  1691. showLoader(false);
  1692. return;
  1693. }
  1695. document.getElementById('no-records-found').style.display = 'none';
  1696. document.getElementById('pagination-controls').style.display = 'flex';
  1698. const totalPages = Math.ceil(total / pageSize);
  1699. if (currentPage > totalPages) currentPage = totalPages;
  1700. if (currentPage < 1) currentPage = 1;
  1702. const startIdx = (currentPage - 1) * pageSize;
  1703. const endIdx = Math.min(startIdx + pageSize, total);
  1705. const pageRecords = currentFilteredRecords.slice(startIdx, endIdx);
  1707. pageRecords.forEach((row, index) => {
  1708. const tr = document.createElement('tr');
  1709. const dispStatus = String(row.resolved_status || getStatusName(row.status_id) || '').trim();
  1710. const statusStyle = getStatusStyle(dispStatus);
  1712. let tapalDocBtn = '-';
  1713. if (row.tapal_file_path) {
  1714. tapalDocBtn = `<a href="${contextPath + (row.tapal_file_path.startsWith('/') ? row.tapal_file_path.substring(1) : row.tapal_file_path)}" target="_blank" class="btn btn-sm btn-outline-primary py-0 px-2" style="font-size: 0.75rem;" title="View PDF"><i class="fa-solid fa-file-pdf"></i> View</a>`;
  1715. }
  1717. let ocDocBtn = '-';
  1718. if (row.oc_file_path) {
  1719. ocDocBtn = `<a href="${contextPath + (row.oc_file_path.startsWith('/') ? row.oc_file_path.substring(1) : row.oc_file_path)}" target="_blank" class="btn btn-sm btn-outline-info py-0 px-2" style="font-size: 0.75rem;" title="View OC File"><i class="fa-solid fa-file-image"></i> View</a>`;
  1720. }
  1722. tr.innerHTML = `
  1723. <td class="text-center fw-bold">${startIdx + index + 1}</td>
  1724. <td class="fw-semibold text-dark">${escapeHtml(text(row.tapal_no))}</td>
  1725. <td>${formatDate(row.tapal_received_date)}</td>
  1726. <td class="fw-semibold text-secondary">${escapeHtml(text(row.request_from))}</td>
  1727. <td>${escapeHtml(text(row.subject))}</td>
  1728. <td><span class="type-badge type-emd">${escapeHtml(text(row.resolved_category || row.cat_type_id))}</span></td>
  1729. <td><span class="status-badge" style="background-color: ${statusStyle.bg}; color: ${statusStyle.text};">${escapeHtml(dispStatus)}</span></td>
  1730. <td><small class="text-muted">${escapeHtml(text(row.remarks))}</small></td>
  1731. <td>${ocDocBtn}</td>
  1732. <td>${formatDateTime(row.updated_date)}</td>
  1733. <td class="fw-semibold text-secondary">${escapeHtml(text(row.updated_by_name || '-'))}</td>
  1734. `;
  1736. // Actions cell creation
  1737. const tdActions = document.createElement('td');
  1738. tdActions.className = 'text-center';
  1740. if (row.tapal_file_path) {
  1741. const btnViewPdf = document.createElement('button');
  1742. btnViewPdf.className = 'btn-grid-action btn-grid-pdf me-1';
  1743. btnViewPdf.innerHTML = '<i class="fa-solid fa-file-pdf"></i>';
  1744. btnViewPdf.title = 'View Tapal File';
  1745. btnViewPdf.onclick = () => {
  1746. let pdfUrl = row.tapal_file_path;
  1747. window.open(contextPath + (pdfUrl.startsWith('/') ? pdfUrl.substring(1) : pdfUrl), '_blank');
  1748. };
  1749. tdActions.appendChild(btnViewPdf);
  1750. }
  1752. if (isAdmin) {
  1753. const btnEdit = document.createElement('button');
  1754. btnEdit.className = 'btn-grid-action btn-grid-edit me-1';
  1755. btnEdit.innerHTML = '<i class="fa-solid fa-pen-to-square"></i>';
  1756. btnEdit.title = 'Edit Record';
  1757. btnEdit.onclick = () => openEditModal(row);
  1758. tdActions.appendChild(btnEdit);
  1760. const btnDelete = document.createElement('button');
  1761. btnDelete.className = 'btn-grid-action btn-grid-delete me-1';
  1762. btnDelete.innerHTML = '<i class="fa-solid fa-trash-can"></i>';
  1763. btnDelete.title = 'Delete Record';
  1764. btnDelete.onclick = () => confirmDeleteRecord(row.id);
  1765. tdActions.appendChild(btnDelete);
  1766. }
  1768. // History button
  1769. const btnHistory = document.createElement('button');
  1770. btnHistory.className = 'btn-grid-action btn-outline-secondary me-1';
  1771. btnHistory.style.border = '1px solid #64748b';
  1772. btnHistory.style.color = '#64748b';
  1773. btnHistory.style.backgroundColor = 'transparent';
  1774. btnHistory.innerHTML = '<i class="fa-solid fa-history"></i>';
  1775. btnHistory.title = 'View History Log';
  1776. btnHistory.onclick = () => showHistoryLog(row.tapal_no, row.request_from, row.subject);
  1777. tdActions.appendChild(btnHistory);
  1779. tr.appendChild(tdActions);
  1780. tbody.appendChild(tr);
  1781. });
  1783. // Pagination info
  1784. document.getElementById('pagination-info').textContent = `Showing ${startIdx + 1} to ${endIdx} of ${total} entries`;
  1785. renderPagination(totalPages);
  1786. showLoader(false);
  1787. }
  1789. function renderPagination(totalPages) {
  1790. const list = document.getElementById('pagination-list');
  1791. list.innerHTML = '';
  1793. // Previous page
  1794. const prevLi = document.createElement('li');
  1795. prevLi.className = `page-item ${currentPage === 1 ? 'disabled' : ''}`;
  1796. prevLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="changePage(${currentPage - 1})"><i class="fa-solid fa-chevron-left"></i></a>`;
  1797. list.appendChild(prevLi);
  1799. // Page numbers
  1800. const maxPageButtons = 5;
  1801. let startPage = Math.max(1, currentPage - 2);
  1802. let endPage = Math.min(totalPages, startPage + maxPageButtons - 1);
  1803. if (endPage - startPage < maxPageButtons - 1) {
  1804. startPage = Math.max(1, endPage - maxPageButtons + 1);
  1805. }
  1807. for (let i = startPage; i <= endPage; i++) {
  1808. const li = document.createElement('li');
  1809. li.className = `page-item ${currentPage === i ? 'active' : ''}`;
  1810. li.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="changePage(${i})">${i}</a>`;
  1811. list.appendChild(li);
  1812. }
  1814. // Next page
  1815. const nextLi = document.createElement('li');
  1816. nextLi.className = `page-item ${currentPage === totalPages ? 'disabled' : ''}`;
  1817. nextLi.innerHTML = `<a class="page-link" href="javascript:void(0)" onclick="changePage(${currentPage + 1})"><i class="fa-solid fa-chevron-right"></i></a>`;
  1818. list.appendChild(nextLi);
  1819. }
  1821. function changePage(page) {
  1822. currentPage = page;
  1823. renderTablePage();
  1824. }
  1826. function changePageSize(size) {
  1827. pageSize = parseInt(size);
  1828. currentPage = 1;
  1829. renderTablePage();
  1830. }
  1832. // Add modal handling
  1833. function openAddModal() {
  1834. document.getElementById('recordForm').reset();
  1835. document.getElementById('form-id').value = '';
  1836. document.getElementById('form-existing-tapal-container').style.display = 'none';
  1837. document.getElementById('form-existing-oc-container').style.display = 'none';
  1839. document.getElementById('recordModalLabel').innerHTML = '<i class="fa-solid fa-circle-plus"></i> Add Tapal Record';
  1841. recordModalObj.show();
  1842. }
  1844. // Edit modal handling
  1845. function openEditModal(row) {
  1846. document.getElementById('recordForm').reset();
  1847. document.getElementById('form-id').value = row.id;
  1849. document.getElementById('form-tapal-no').value = row.tapal_no || '';
  1850. document.getElementById('form-received-date').value = getLocalDateString(row.tapal_received_date) || '';
  1851. document.getElementById('form-request-from').value = row.request_from || '';
  1852. document.getElementById('form-category').value = row.cat_type_id || '';
  1853. document.getElementById('form-subject').value = row.subject || '';
  1854. document.getElementById('form-status').value = row.status_id || '';
  1855. document.getElementById('form-remarks').value = row.remarks || '';
  1857. // Handle Existing Tapal Attachment file links
  1858. const tapalContainer = document.getElementById('form-existing-tapal-container');
  1859. if (row.tapal_file_path) {
  1860. tapalContainer.style.display = 'block';
  1861. document.getElementById('form-existing-tapal-link').href = contextPath + (row.tapal_file_path.startsWith('/') ? row.tapal_file_path.substring(1) : row.tapal_file_path);
  1862. } else {
  1863. tapalContainer.style.display = 'none';
  1864. }
  1866. // Handle Existing OC file link
  1867. const ocContainer = document.getElementById('form-existing-oc-container');
  1868. if (row.oc_file_path) {
  1869. ocContainer.style.display = 'block';
  1870. document.getElementById('form-existing-oc-link').href = contextPath + (row.oc_file_path.startsWith('/') ? row.oc_file_path.substring(1) : row.oc_file_path);
  1871. } else {
  1872. ocContainer.style.display = 'none';
  1873. }
  1875. document.getElementById('recordModalLabel').innerHTML = '<i class="fa-solid fa-pen-to-square"></i> Edit Tapal Record';
  1877. recordModalObj.show();
  1878. }
  1880. async function saveRecord(event) {
  1881. event.preventDefault();
  1883. const id = document.getElementById('form-id').value;
  1884. const tapal_no = document.getElementById('form-tapal-no').value;
  1885. const tapal_received_date = document.getElementById('form-received-date').value;
  1886. const request_from = document.getElementById('form-request-from').value;
  1887. const cat_type_id = document.getElementById('form-category').value;
  1888. const subject = document.getElementById('form-subject').value;
  1889. const status_id = document.getElementById('form-status').value;
  1890. const remarks = document.getElementById('form-remarks').value;
  1892. showLoader(true, 'Uploading attachments...');
  1894. let tapalFilePath = '';
  1895. // If editing, preserve the old value if no new file is uploaded
  1896. if (id) {
  1897. const matched = allRecords.find(r => String(r.id) === String(id));
  1898. if (matched) tapalFilePath = matched.tapal_file_path || '';
  1899. }
  1901. let ocFilePath = '';
  1902. if (id) {
  1903. const matched = allRecords.find(r => String(r.id) === String(id));
  1904. if (matched) ocFilePath = matched.oc_file_path || '';
  1905. }
  1907. const csrfHeaders = getCsrfHeaders();
  1909. // 1. Upload Tapal File
  1910. const tapalFileInput = document.getElementById('form-tapal-file');
  1911. if (tapalFileInput && tapalFileInput.files.length > 0) {
  1912. const formData = new FormData();
  1913. formData.append('file', tapalFileInput.files[0]);
  1914. formData.append('type', 'tapal');
  1916. try {
  1917. const uploadResponse = await fetch(contextPath + 'gcctapaldetailsmanagement/api/upload-file', {
  1918. method: 'POST',
  1919. headers: csrfHeaders,
  1920. body: formData
  1921. });
  1922. const uploadResult = await uploadResponse.json();
  1923. if (uploadResult.success) {
  1924. tapalFilePath = uploadResult.filePath;
  1925. } else {
  1926. Swal.fire('Error', uploadResult.error || 'Failed to upload Tapal File.', 'error');
  1927. showLoader(false);
  1928. return;
  1929. }
  1930. } catch (err) {
  1931. console.error("Tapal File Upload error:", err);
  1932. Swal.fire('Error', "Failed to upload Tapal File due to server connection error.", 'error');
  1933. showLoader(false);
  1934. return;
  1935. }
  1936. }
  1938. // 2. Upload OC File
  1939. const ocFileInput = document.getElementById('form-oc-file');
  1940. if (ocFileInput && ocFileInput.files.length > 0) {
  1941. const formData = new FormData();
  1942. formData.append('file', ocFileInput.files[0]);
  1943. formData.append('type', 'oc');
  1945. try {
  1946. const uploadResponse = await fetch(contextPath + 'gcctapaldetailsmanagement/api/upload-file', {
  1947. method: 'POST',
  1948. headers: csrfHeaders,
  1949. body: formData
  1950. });
  1951. const uploadResult = await uploadResponse.json();
  1952. if (uploadResult.success) {
  1953. ocFilePath = uploadResult.filePath;
  1954. } else {
  1955. Swal.fire('Error', uploadResult.error || 'Failed to upload OC File.', 'error');
  1956. showLoader(false);
  1957. return;
  1958. }
  1959. } catch (err) {
  1960. console.error("OC File Upload error:", err);
  1961. Swal.fire('Error', "Failed to upload OC File due to connection error.", 'error');
  1962. showLoader(false);
  1963. return;
  1964. }
  1965. }
  1967. // 3. Save JSON Payload
  1968. const payload = {
  1969. id, tapal_no, tapal_received_date, request_from, cat_type_id,
  1970. subject, status_id, remarks, tapal_file_path: tapalFilePath, oc_file_path: ocFilePath
  1971. };
  1973. try {
  1974. showLoader(true, 'Saving details...');
  1975. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/save', {
  1976. method: 'POST',
  1977. headers: {
  1978. 'Content-Type': 'application/json',
  1979. ...csrfHeaders
  1980. },
  1981. body: JSON.stringify(payload)
  1982. });
  1983. const data = await response.json();
  1984. if (data.success) {
  1985. recordModalObj.hide();
  1986. Swal.fire('Success', 'Tapal details saved successfully!', 'success');
  1987. loadCounts();
  1988. loadList();
  1989. } else {
  1990. Swal.fire('Error', data.error || 'Failed to save record details.', 'error');
  1991. showLoader(false);
  1992. }
  1993. } catch (err) {
  1994. console.error("Save Error:", err);
  1995. Swal.fire('Error', "Failed to save record details due to connection error.", 'error');
  1996. showLoader(false);
  1997. }
  1998. }
  2000. // Delete record confirmation
  2001. function confirmDeleteRecord(id) {
  2002. Swal.fire({
  2003. title: 'Enter Reason for Deletion',
  2004. input: 'textarea',
  2005. inputPlaceholder: 'Type deletion remarks here...',
  2006. inputAttributes: {
  2007. 'aria-label': 'Type deletion remarks here'
  2008. },
  2009. showCancelButton: true,
  2010. confirmButtonText: 'Delete Record',
  2011. confirmButtonColor: '#d33',
  2012. cancelButtonText: 'Cancel',
  2013. preConfirm: (remarks) => {
  2014. if (!remarks || !remarks.trim()) {
  2015. Swal.showValidationMessage('Deletion remarks are required!');
  2016. }
  2017. return remarks;
  2018. }
  2019. }).then((result) => {
  2020. if (result.isConfirmed) {
  2021. deleteRecordCall(id, result.value);
  2022. }
  2023. });
  2024. }
  2026. async function deleteRecordCall(id, remarks) {
  2027. showLoader(true, 'Deleting record...');
  2028. const csrfHeaders = getCsrfHeaders();
  2029. const params = new URLSearchParams();
  2030. params.append('id', id);
  2031. params.append('remarks', remarks);
  2033. try {
  2034. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/delete?' + params.toString(), {
  2035. method: 'POST',
  2036. headers: csrfHeaders
  2037. });
  2038. const data = await response.json();
  2039. if (data.success) {
  2040. Swal.fire('Deleted!', 'Tapal record has been deleted.', 'success');
  2041. loadCounts();
  2042. loadList();
  2043. } else {
  2044. Swal.fire('Error', data.error || 'Failed to delete record.', 'error');
  2045. showLoader(false);
  2046. }
  2047. } catch (err) {
  2048. console.error("Delete Error:", err);
  2049. Swal.fire('Error', "Connection failed.", 'error');
  2050. showLoader(false);
  2051. }
  2052. }
  2054. // History Update Log modal
  2055. async function showHistoryLog(tapalNo, sender, subject) {
  2056. document.getElementById('hist-ref-no').textContent = tapalNo || '-';
  2057. document.getElementById('hist-ref-sender').textContent = sender || '-';
  2058. document.getElementById('hist-ref-subject').textContent = subject || '-';
  2060. const tbody = document.getElementById('history-tbody');
  2061. tbody.innerHTML = '';
  2062. document.getElementById('no-history-found').style.display = 'none';
  2064. try {
  2065. showLoader(true, 'Fetching logs...');
  2066. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/history?tapalNo=' + encodeURIComponent(tapalNo));
  2067. const historyList = await response.json();
  2068. showLoader(false);
  2070. if (!historyList || historyList.length === 0) {
  2071. document.getElementById('no-history-found').style.display = 'block';
  2072. } else {
  2073. historyList.forEach((hist, index) => {
  2074. const tr = document.createElement('tr');
  2075. const dispStatus = hist.resolved_status || getStatusName(hist.status_id) || '';
  2077. let docButtons = '-';
  2078. if (hist.tapal_file_path || hist.oc_file_path) {
  2079. docButtons = '';
  2080. if (hist.tapal_file_path) {
  2081. docButtons += `<a href="${contextPath + (hist.tapal_file_path.startsWith('/') ? hist.tapal_file_path.substring(1) : hist.tapal_file_path)}" target="_blank" class="btn btn-sm btn-outline-primary py-0 px-2 me-1" style="font-size: 0.7rem;" title="View File"><i class="fa-solid fa-file-pdf"></i> File</a>`;
  2082. }
  2083. if (hist.oc_file_path) {
  2084. docButtons += `<a href="${contextPath + (hist.oc_file_path.startsWith('/') ? hist.oc_file_path.substring(1) : hist.oc_file_path)}" target="_blank" class="btn btn-sm btn-outline-info py-0 px-2" style="font-size: 0.7rem;" title="View OC File"><i class="fa-solid fa-file-image"></i> OC</a>`;
  2085. }
  2086. }
  2088. tr.innerHTML = `
  2089. <td class="text-center fw-bold">${index + 1}</td>
  2090. <td>${formatDate(hist.tapal_received_date)}</td>
  2091. <td>${escapeHtml(text(hist.subject))}</td>
  2092. <td><span class="type-badge type-emd">${escapeHtml(text(hist.resolved_category || hist.cat_type_id))}</span></td>
  2093. <td class="fw-semibold text-secondary">${escapeHtml(text(hist.request_from))}</td>
  2094. <td><span class="status-badge" style="background-color: ${getStatusStyle(dispStatus).bg}; color: ${getStatusStyle(dispStatus).text};">${escapeHtml(dispStatus)}</span></td>
  2095. <td><small class="text-muted">${escapeHtml(text(hist.remarks))}</small></td>
  2096. <td>${formatDateTime(hist.updated_date)}</td>
  2097. <td class="fw-semibold text-secondary">${escapeHtml(text(hist.updated_by_name || hist.updated_by))}</td>
  2098. <td class="text-center">${docButtons}</td>
  2099. `;
  2100. tbody.appendChild(tr);
  2101. });
  2102. }
  2103. historyModalObj.show();
  2104. } catch (err) {
  2105. console.error("History Log Fetch error:", err);
  2106. showLoader(false);
  2107. }
  2108. }
  2110. // Deleted Records modal
  2111. async function openDeletedRecordsModal() {
  2112. const tbody = document.getElementById('deleted-tracking-tbody');
  2113. tbody.innerHTML = '';
  2114. document.getElementById('deleted-no-records-found').style.display = 'none';
  2116. try {
  2117. showLoader(true, 'Fetching deleted records...');
  2118. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/deleted-list?_=' + new Date().getTime());
  2119. const deletedList = await response.json();
  2120. showLoader(false);
  2122. if (!deletedList || deletedList.length === 0) {
  2123. document.getElementById('deleted-no-records-found').style.display = 'block';
  2124. } else {
  2125. deletedList.forEach((row, index) => {
  2126. const tr = document.createElement('tr');
  2127. const dispStatus = row.resolved_status || getStatusName(row.status_id) || '';
  2129. tr.innerHTML = `
  2130. <td class="text-center fw-bold">${index + 1}</td>
  2131. <td class="fw-bold">${escapeHtml(text(row.tapal_no))}</td>
  2132. <td>${formatDate(row.tapal_received_date)}</td>
  2133. <td class="fw-semibold text-secondary">${escapeHtml(text(row.request_from))}</td>
  2134. <td>${escapeHtml(text(row.subject))}</td>
  2135. <td><span class="type-badge type-emd">${escapeHtml(text(row.resolved_category || row.cat_type_id))}</span></td>
  2136. <td><span class="status-badge" style="background-color: ${getStatusStyle(dispStatus).bg}; color: ${getStatusStyle(dispStatus).text};">${escapeHtml(dispStatus)}</span></td>
  2137. <td class="text-danger fw-semibold"><small>${escapeHtml(text(row.remarks))}</small></td>
  2138. <td>${formatDateTime(row.updated_date)}</td>
  2139. <td class="fw-semibold text-secondary">${escapeHtml(text(row.updated_by_name || row.updated_by))}</td>
  2140. `;
  2142. const tdActions = document.createElement('td');
  2143. tdActions.className = 'text-center';
  2145. const btnRestore = document.createElement('button');
  2146. btnRestore.className = 'btn btn-xs btn-success fw-bold py-1 px-2';
  2147. btnRestore.style.fontSize = '0.72rem';
  2148. btnRestore.innerHTML = '<i class="fa-solid fa-trash-arrow-up"></i> Restore';
  2149. btnRestore.onclick = () => restoreDeletedRecord(row.id);
  2150. tdActions.appendChild(btnRestore);
  2152. tr.appendChild(tdActions);
  2153. tbody.appendChild(tr);
  2154. });
  2155. }
  2156. deletedRecordsModalObj.show();
  2157. } catch (err) {
  2158. console.error("Deleted records list load error:", err);
  2159. showLoader(false);
  2160. }
  2161. }
  2163. async function restoreDeletedRecord(id) {
  2164. showLoader(true, 'Restoring record...');
  2165. const csrfHeaders = getCsrfHeaders();
  2166. const params = new URLSearchParams();
  2167. params.append('id', id);
  2169. try {
  2170. const response = await fetch(contextPath + 'gcctapaldetailsmanagement/api/restore?' + params.toString(), {
  2171. method: 'POST',
  2172. headers: csrfHeaders
  2173. });
  2174. const data = await response.json();
  2175. if (data.success) {
  2176. deletedRecordsModalObj.hide();
  2177. Swal.fire('Restored!', 'The Tapal record has been successfully restored.', 'success');
  2178. loadCounts();
  2179. loadList();
  2180. } else {
  2181. Swal.fire('Error', data.error || 'Failed to restore record.', 'error');
  2182. showLoader(false);
  2183. }
  2184. } catch (err) {
  2185. console.error("Restore Error:", err);
  2186. Swal.fire('Error', "Failed to restore record due to connection issues.", 'error');
  2187. showLoader(false);
  2188. }
  2189. }
  2191. // Export Main Table records directly to XLSX using SheetJS
  2192. function exportMainTableToExcel() {
  2193. if (!currentFilteredRecords || currentFilteredRecords.length === 0) {
  2194. Swal.fire('Info', 'No records to export.', 'info');
  2195. return;
  2196. }
  2198. const tempTable = document.createElement('table');
  2199. const thead = document.createElement('thead');
  2200. thead.innerHTML = `
  2201. <tr>
  2202. <th>Sr. No.</th>
  2203. <th>Tapal No.</th>
  2204. <th>Received Date</th>
  2205. <th>Request From</th>
  2206. <th>Subject</th>
  2207. <th>Category</th>
  2208. <th>Status</th>
  2209. <th>Remarks</th>
  2210. <th>Tapal File Attachment</th>
  2211. <th>OC File Attachment</th>
  2212. <th>Last Updated At</th>
  2213. <th>Last Updated By</th>
  2214. </tr>
  2215. `;
  2216. tempTable.appendChild(thead);
  2218. const tbody = document.createElement('tbody');
  2219. currentFilteredRecords.forEach((row, index) => {
  2220. const tr = document.createElement('tr');
  2221. const dispStatus = String(row.resolved_status || getStatusName(row.status_id) || '').trim();
  2223. tr.innerHTML = `
  2224. <td>${index + 1}</td>
  2225. <td>${text(row.tapal_no)}</td>
  2226. <td>${formatDate(row.tapal_received_date)}</td>
  2227. <td>${text(row.request_from)}</td>
  2228. <td>${text(row.subject)}</td>
  2229. <td>${text(row.resolved_category || row.cat_type_id)}</td>
  2230. <td>${text(dispStatus)}</td>
  2231. <td>${text(row.remarks)}</td>
  2232. <td>${row.tapal_file_path ? 'Uploaded' : 'Not Uploaded'}</td>
  2233. <td>${row.oc_file_path ? 'Uploaded' : 'Not Uploaded'}</td>
  2234. <td>${formatDateTime(row.updated_date)}</td>
  2235. <td>${text(row.updated_by_name || '-')}</td>
  2236. `;
  2237. tbody.appendChild(tr);
  2238. });
  2239. tempTable.appendChild(tbody);
  2241. const wb = XLSX.utils.table_to_book(tempTable, { raw: true, sheet: "Sheet1" });
  2242. XLSX.writeFile(wb, 'Tapal_Tracking_Details_Report.xlsx');
  2243. }
  2245. function resetFilters() {
  2246. document.getElementById('search-text').value = '';
  2247. document.getElementById('table-search').value = '';
  2248. document.getElementById('filter-status').value = '';
  2250. handleCardClick('all');
  2251. }
  2253. // Helpers and Formatters
  2254. const text = val => (val === null || val === undefined || String(val).trim() === '') ? '-' : val;
  2256. const formatDate = dateStr => {
  2257. if (!dateStr) return '-';
  2258. const parts = dateStr.split('-');
  2259. if (parts.length === 3) {
  2260. return `${parts[2]}/${parts[1]}/${parts[0]}`;
  2261. }
  2262. return dateStr;
  2263. };
  2265. const formatDateTime = dateTimeStr => {
  2266. if (!dateTimeStr) return '-';
  2267. try {
  2268. const d = new Date(dateTimeStr);
  2269. if (!isNaN(d.getTime())) {
  2270. const dd = String(d.getDate()).padStart(2, '0');
  2271. const MM = String(d.getMonth() + 1).padStart(2, '0');
  2272. const yyyy = d.getFullYear();
  2273. const HH = String(d.getHours()).padStart(2, '0');
  2274. const mm = String(d.getMinutes()).padStart(2, '0');
  2275. const ss = String(d.getSeconds()).padStart(2, '0');
  2276. return `${dd}/${MM}/${yyyy} ${HH}:${mm}:${ss}`;
  2277. }
  2278. } catch (e) {
  2279. console.error(e);
  2280. }
  2281. return dateTimeStr;
  2282. };
  2284. // --- LATEST UPDATES CORNER BADGE LOGIC ---
  2285. function updateLatestUpdateBadge() {
  2286. const badge = document.getElementById('latest-update-badge');
  2287. if (!badge) return;
  2289. if (!allRecords || allRecords.length === 0) {
  2290. badge.style.setProperty('display', 'none', 'important');
  2291. return;
  2292. }
  2294. // Find the maximum updated_date
  2295. let maxTime = 0;
  2296. let maxDateStr = null;
  2298. allRecords.forEach(r => {
  2299. if (r.updated_date) {
  2300. const time = new Date(r.updated_date).getTime();
  2301. if (!isNaN(time) && time > maxTime) {
  2302. maxTime = time;
  2303. maxDateStr = r.updated_date;
  2304. }
  2305. }
  2306. });
  2308. if (maxTime === 0 || !maxDateStr) {
  2309. badge.style.setProperty('display', 'none', 'important');
  2310. return;
  2311. }
  2313. const latestDateOnly = getLocalDateString(maxDateStr);
  2315. // Count how many files share this exact latest update date stamp
  2316. let count = 0;
  2317. allRecords.forEach(r => {
  2318. if (r.updated_date && getLocalDateString(r.updated_date) === latestDateOnly) {
  2319. count++;
  2320. }
  2321. });
  2323. // Formatted date string helper
  2324. const formatDateTimeHelper = dateTimeStr => {
  2325. if (!dateTimeStr) return '-';
  2326. try {
  2327. const d = new Date(dateTimeStr);
  2328. if (isNaN(d.getTime())) return dateTimeStr;
  2329. const pad = n => String(n).padStart(2, '0');
  2330. return `${pad(d.getDate())}/${pad(d.getMonth() + 1)}/${d.getFullYear()} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
  2331. } catch (e) {
  2332. return dateTimeStr;
  2333. }
  2334. };
  2336. const countEl = document.getElementById('latest-update-count');
  2337. const timeEl = document.getElementById('latest-update-time');
  2338. if (countEl) countEl.textContent = count;
  2339. if (timeEl) timeEl.textContent = formatDateTimeHelper(maxDateStr);
  2341. badge.style.setProperty('display', 'flex', 'important');
  2342. badge.setAttribute('data-latest-date', latestDateOnly);
  2343. }
  2345. function openLatestUpdatesModal() {
  2346. const badge = document.getElementById('latest-update-badge');
  2347. if (!badge) return;
  2348. const latestDate = badge.getAttribute('data-latest-date');
  2349. if (!latestDate) return;
  2351. let dateDisplay = '-';
  2352. try {
  2353. const d = new Date(latestDate);
  2354. if (!isNaN(d.getTime())) {
  2355. const pad = n => String(n).padStart(2, '0');
  2356. dateDisplay = `${pad(d.getDate())}/${pad(d.getMonth() + 1)}/${d.getFullYear()}`;
  2357. }
  2358. } catch (e) { }
  2360. // Filter allRecords to find files updated on the latest date
  2361. const files = allRecords.filter(r => {
  2362. return r.updated_date && getLocalDateString(r.updated_date) === latestDate;
  2363. });
  2365. if (files.length === 0) return;
  2366. // Set modal title
  2367. const titleEl = document.getElementById('countDetailsModalTypeTitle');
  2368. if (titleEl) {
  2369. titleEl.textContent = `Latest Updates (${dateDisplay})`;
  2370. }
  2372. // Populate the modal table body
  2373. const tbody = document.getElementById('modal-tracking-tbody');
  2374. if (!tbody) return;
  2375. tbody.innerHTML = '';
  2377. files.forEach((row, index) => {
  2378. const tr = document.createElement('tr');
  2379. const dispStatus = String(row.resolved_status || getStatusName(row.status_id) || '').trim();
  2380. const statusStyle = getStatusStyle(dispStatus);
  2382. tr.innerHTML = `
  2383. <td class="text-center fw-bold">${index + 1}</td>
  2384. <td class="fw-semibold text-dark">${escapeHtml(text(row.tapal_no))}</td>
  2385. <td>${formatDate(row.tapal_received_date)}</td>
  2386. <td class="fw-semibold text-secondary">${escapeHtml(text(row.request_from))}</td>
  2387. <td>${escapeHtml(text(row.subject))}</td>
  2388. <td><span class="type-badge type-emd">${escapeHtml(text(row.resolved_category || row.cat_type_id))}</span></td>
  2389. <td><span class="status-badge" style="background-color: ${statusStyle.bg}; color: ${statusStyle.text};">${escapeHtml(dispStatus)}</span></td>
  2390. <td><small class="text-muted">${escapeHtml(text(row.remarks))}</small></td>
  2391. <td>${formatDateTime(row.updated_date)}</td>
  2392. <td class="fw-semibold text-secondary">${escapeHtml(text(row.updated_by_name || '-'))}</td>
  2393. `;
  2395. // Actions cell
  2396. const tdActions = document.createElement('td');
  2397. tdActions.className = 'text-center';
  2399. if (row.tapal_file_path) {
  2400. const btnViewPdf = document.createElement('button');
  2401. btnViewPdf.className = 'btn-grid-action btn-grid-pdf me-1';
  2402. btnViewPdf.innerHTML = '<i class="fa-solid fa-file-pdf"></i>';
  2403. btnViewPdf.title = 'View Tapal File';
  2404. btnViewPdf.onclick = () => {
  2405. let pdfUrl = row.tapal_file_path;
  2406. window.open(contextPath + (pdfUrl.startsWith('/') ? pdfUrl.substring(1) : pdfUrl), '_blank');
  2407. };
  2408. tdActions.appendChild(btnViewPdf);
  2409. }
  2411. if (isAdmin) {
  2412. const btnEdit = document.createElement('button');
  2413. btnEdit.className = 'btn-grid-action btn-grid-edit me-1';
  2414. btnEdit.innerHTML = '<i class="fa-solid fa-pen-to-square"></i>';
  2415. btnEdit.title = 'Edit Record';
  2416. btnEdit.onclick = () => {
  2417. if (countDetailsModalObj) countDetailsModalObj.hide();
  2418. openEditModal(row);
  2419. };
  2420. tdActions.appendChild(btnEdit);
  2422. const btnDelete = document.createElement('button');
  2423. btnDelete.className = 'btn-grid-action btn-grid-delete me-1';
  2424. btnDelete.innerHTML = '<i class="fa-solid fa-trash-can"></i>';
  2425. btnDelete.title = 'Delete Record';
  2426. btnDelete.onclick = () => {
  2427. if (countDetailsModalObj) countDetailsModalObj.hide();
  2428. confirmDeleteRecord(row.id);
  2429. };
  2430. tdActions.appendChild(btnDelete);
  2431. }
  2433. // History button
  2434. const btnHistory = document.createElement('button');
  2435. btnHistory.className = 'btn-grid-action btn-outline-secondary me-1';
  2436. btnHistory.style.border = '1px solid #64748b';
  2437. btnHistory.style.color = '#64748b';
  2438. btnHistory.style.backgroundColor = 'transparent';
  2439. btnHistory.innerHTML = '<i class="fa-solid fa-history"></i>';
  2440. btnHistory.title = 'View History Log';
  2441. btnHistory.onclick = () => {
  2442. if (countDetailsModalObj) countDetailsModalObj.hide();
  2443. showHistoryLog(row.tapal_no, row.request_from, row.subject);
  2444. };
  2445. tdActions.appendChild(btnHistory);
  2447. tr.appendChild(tdActions);
  2448. tbody.appendChild(tr);
  2449. });
  2451. // Show Bootstrap Modal
  2452. if (!countDetailsModalObj) {
  2453. countDetailsModalObj = new bootstrap.Modal(document.getElementById('countDetailsModal'));
  2454. }
  2455. countDetailsModalObj.show();
  2456. }
  2458. function getCsrfHeaders() {
  2459. const tokenMeta = document.querySelector('meta[name="_csrf"]');
  2460. const headerMeta = document.querySelector('meta[name="_csrf_header"]');
  2461. if (tokenMeta && headerMeta) {
  2462. return { [headerMeta.getAttribute('content')]: tokenMeta.getAttribute('content') };
  2463. }
  2464. return {};
  2465. }
  2467. function escapeHtml(string) {
  2468. const matchHtmlRegExp = /["'&<>]/;
  2469. const str = '' + string;
  2470. const match = matchHtmlRegExp.exec(str);
  2472. if (!match) {
  2473. return str;
  2474. }
  2476. let escape;
  2477. let html = '';
  2478. let index = 0;
  2479. let lastIndex = 0;
  2481. for (index = match.index; index < str.length; index++) {
  2482. switch (str.charCodeAt(index)) {
  2483. case 34: // "
  2484. escape = '&quot;';
  2485. break;
  2486. case 38: // &
  2487. escape = '&amp;';
  2488. break;
  2489. case 39: // '
  2490. escape = '&#39;';
  2491. break;
  2492. case 60: // <
  2493. escape = '&lt;';
  2494. break;
  2495. case 62: // >
  2496. escape = '&gt;';
  2497. break;
  2498. default:
  2499. continue;
  2500. }
  2502. if (lastIndex !== index) {
  2503. html += str.substring(lastIndex, index);
  2504. }
  2506. lastIndex = index + 1;
  2507. html += escape;
  2508. }
  2510. return lastIndex !== index
  2511. ? html + str.substring(lastIndex, index)
  2512. : html;
  2513. }
  2514. </script>
  2515. </body>
  2517. </html>