design-system-next 2.16.2 → 2.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/design-system-next.es.js +4309 -4257
  2. package/dist/design-system-next.es.js.gz +0 -0
  3. package/dist/design-system-next.umd.js +13 -13
  4. package/dist/design-system-next.umd.js.gz +0 -0
  5. package/dist/package.json.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/src/App.vue +43 -1642
  8. package/src/components/date-picker/date-picker.ts +13 -5
  9. package/src/components/date-picker/date-picker.vue +2 -1
  10. package/src/components/date-picker/date-range-picker/date-range-picker.ts +14 -6
  11. package/src/components/date-picker/date-range-picker/date-range-picker.vue +2 -1
  12. package/src/components/dropdown/dropdown.ts +25 -21
  13. package/src/components/dropdown/dropdown.vue +1 -1
  14. package/src/components/select/select-ladderized/select-ladderized.ts +16 -12
  15. package/src/components/select/select-ladderized/select-ladderized.vue +1 -1
  16. package/src/components/select/select-multiple/select-multiple.ts +8 -4
  17. package/src/components/select/select-multiple/select-multiple.vue +1 -1
  18. package/src/components/select/select-multiple/use-select-multiple.ts +15 -4
  19. package/src/components/select/select.ts +4 -0
  20. package/src/components/select/select.vue +1 -1
package/src/App.vue CHANGED
@@ -1,1652 +1,53 @@
1
1
  <template>
2
- <spr-sidenav :nav-links="navLinks" :user-menu="userMenu" is-nav-api>
3
- <template #logo-image>
4
- <img src="https://t3-fullsync.hrtest.ph/Images/2025/sprout-logo.svg" alt="logo" />
2
+ <spr-dropdown
3
+ id="sample-dropdownCustomPopper"
4
+ width="150px"
5
+ :triggers="['click']"
6
+ :popper-triggers="['click']"
7
+ popper-width="500px"
8
+ :auto-hide="false"
9
+ >
10
+ <spr-button class="spr-w-full" tone="success" has-icon>
11
+ <span>Custom Popper</span>
12
+ <Icon icon="ph:caret-down" />
13
+ </spr-button>
14
+
15
+ <template #popper>
16
+ <spr-select-multiple
17
+ id="sample-select"
18
+ v-model="selectModel"
19
+ label="Select Label"
20
+ placeholder="Select an option"
21
+ :options="options"
22
+ popper-container="body"
23
+ wrapper-position="relative"
24
+ popper-strategy="fixed"
25
+ placement="bottom"
26
+ />
5
27
  </template>
6
- </spr-sidenav>
28
+ </spr-dropdown>
7
29
  </template>
8
30
 
9
31
  <script setup>
10
32
  import { ref } from 'vue';
11
33
 
12
- import SprSidenav from './components/sidenav/sidenav.vue';
34
+ import SprDropdown from './components/dropdown/dropdown.vue';
35
+ import SprButton from './components/button/button.vue';
36
+ import SprSelectMultiple from './components/select/select-multiple/select-multiple.vue';
13
37
 
14
- const navLinks = ref({
15
- top: [
16
- {
17
- id: '135c50eb-3dbb-4e4a-b45a-9f58b4c0921f',
18
- parentMenuId: null,
19
- isNewTab: false,
20
- code: null,
21
- label: 'Dashboard',
22
- url: 'http://arias.hrtest.ph/dashboard',
23
- icon: 'ph:house-simple',
24
- position: 'top',
25
- groupId: '1',
26
- groupName: null,
27
- order: 1,
28
- attributes: null,
29
- children: [],
30
- },
31
- {
32
- id: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
33
- parentMenuId: null,
34
- isNewTab: false,
35
- code: null,
36
- label: 'HR',
37
- url: null,
38
- icon: 'https://eco-cdn-prod.azureedge.net/hr.svg',
39
- position: 'top',
40
- groupId: '2',
41
- groupName: null,
42
- order: 4,
43
- attributes: null,
44
- children: [
45
- {
46
- id: null,
47
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
48
- isNewTab: false,
49
- code: null,
50
- label: 'My Employee Profile',
51
- url: 'http://arias.hrtest.ph/#/employee-profile/10257',
52
- icon: '',
53
- position: 'top',
54
- groupId: null,
55
- groupName: '',
56
- order: 1,
57
- attributes: [],
58
- children: [],
59
- },
60
- {
61
- id: null,
62
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
63
- isNewTab: false,
64
- code: null,
65
- label: 'Employee Directory',
66
- url: 'http://arias.hrtest.ph/EmployeeSearch.aspx',
67
- icon: '',
68
- position: 'top',
69
- groupId: null,
70
- groupName: '',
71
- order: 2,
72
- attributes: [],
73
- children: [],
74
- },
75
- {
76
- id: null,
77
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
78
- isNewTab: false,
79
- code: null,
80
- label: 'My Requests',
81
- url: null,
82
- icon: '',
83
- position: 'top',
84
- groupId: null,
85
- groupName: null,
86
- order: 3,
87
- attributes: [],
88
- children: [
89
- {
90
- id: null,
91
- parentMenuId: null,
92
- isNewTab: false,
93
- code: null,
94
- label: 'Apply Certificate of Attendance',
95
- url: 'http://arias.hrtest.ph/#/certificate-of-attendance',
96
- icon: '',
97
- position: 'top',
98
- groupId: null,
99
- groupName: '',
100
- order: 1,
101
- attributes: [],
102
- children: [],
103
- },
104
- ],
105
- },
106
- {
107
- id: null,
108
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
109
- isNewTab: false,
110
- code: null,
111
- label: 'Administration Tools',
112
- url: null,
113
- icon: '',
114
- position: 'top',
115
- groupId: null,
116
- groupName: null,
117
- order: 4,
118
- attributes: [],
119
- children: [
120
- {
121
- id: null,
122
- parentMenuId: null,
123
- isNewTab: false,
124
- code: null,
125
- label: 'Leave Report',
126
- url: 'http://arias.hrtest.ph/LeaveSearch.aspx',
127
- icon: '',
128
- position: 'top',
129
- groupId: null,
130
- groupName: 'Reports',
131
- order: 2,
132
- attributes: [],
133
- children: [],
134
- },
135
- {
136
- id: null,
137
- parentMenuId: null,
138
- isNewTab: false,
139
- code: null,
140
- label: 'Overtime Report',
141
- url: 'http://arias.hrtest.ph/Reports/Overtime.aspx',
142
- icon: '',
143
- position: 'top',
144
- groupId: null,
145
- groupName: 'Reports',
146
- order: 3,
147
- attributes: [],
148
- children: [],
149
- },
150
- {
151
- id: null,
152
- parentMenuId: null,
153
- isNewTab: false,
154
- code: null,
155
- label: 'Employee List Report',
156
- url: 'http://arias.hrtest.ph/EmployeeListReport.aspx',
157
- icon: '',
158
- position: 'top',
159
- groupId: null,
160
- groupName: 'Reports',
161
- order: 4,
162
- attributes: [],
163
- children: [],
164
- },
165
- {
166
- id: null,
167
- parentMenuId: null,
168
- isNewTab: false,
169
- code: null,
170
- label: 'Bulk Upload',
171
- url: 'http://arias.hrtest.ph/ApplicationMassUploadPage.aspx',
172
- icon: '',
173
- position: 'top',
174
- groupId: null,
175
- groupName: 'Tools',
176
- order: 5,
177
- attributes: [],
178
- children: [],
179
- },
180
- {
181
- id: null,
182
- parentMenuId: null,
183
- isNewTab: false,
184
- code: null,
185
- label: 'Audit Trail',
186
- url: 'http://arias.hrtest.ph/AuditTrailPage.aspx',
187
- icon: '',
188
- position: 'top',
189
- groupId: null,
190
- groupName: 'Tools',
191
- order: 6,
192
- attributes: [],
193
- children: [],
194
- },
195
- {
196
- id: null,
197
- parentMenuId: null,
198
- isNewTab: false,
199
- code: null,
200
- label: 'Feature Management Page',
201
- url: 'http://arias.hrtest.ph/#/feature-management-page',
202
- icon: '',
203
- position: 'top',
204
- groupId: null,
205
- groupName: 'Tools',
206
- order: 7,
207
- attributes: [],
208
- children: [],
209
- },
210
- ],
211
- },
212
- {
213
- id: null,
214
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
215
- isNewTab: false,
216
- code: null,
217
- label: 'Maintenance',
218
- url: null,
219
- icon: '',
220
- position: 'top',
221
- groupId: null,
222
- groupName: null,
223
- order: 5,
224
- attributes: [],
225
- children: [
226
- {
227
- id: null,
228
- parentMenuId: null,
229
- isNewTab: false,
230
- code: null,
231
- label: 'Work Location',
232
- url: 'http://arias.hrtest.ph/#/work-location',
233
- icon: '',
234
- position: 'top',
235
- groupId: null,
236
- groupName: '',
237
- order: 1,
238
- attributes: [],
239
- children: [],
240
- },
241
- {
242
- id: null,
243
- parentMenuId: null,
244
- isNewTab: false,
245
- code: null,
246
- label: 'Global Profile Attributes',
247
- url: 'http://arias.hrtest.ph/#/global-profile-attributes',
248
- icon: '',
249
- position: 'top',
250
- groupId: null,
251
- groupName: '',
252
- order: 2,
253
- attributes: [],
254
- children: [],
255
- },
256
- {
257
- id: null,
258
- parentMenuId: null,
259
- isNewTab: false,
260
- code: null,
261
- label: 'Assets',
262
- url: 'http://arias.hrtest.ph/FieldMaintenance.aspx?title=assetscategory',
263
- icon: '',
264
- position: 'top',
265
- groupId: null,
266
- groupName: '',
267
- order: 3,
268
- attributes: [],
269
- children: [],
270
- },
271
- {
272
- id: null,
273
- parentMenuId: null,
274
- isNewTab: false,
275
- code: null,
276
- label: 'Visa',
277
- url: 'http://arias.hrtest.ph/FieldMaintenance.aspx?title=visatype',
278
- icon: '',
279
- position: 'top',
280
- groupId: null,
281
- groupName: '',
282
- order: 4,
283
- attributes: [],
284
- children: [],
285
- },
286
- {
287
- id: null,
288
- parentMenuId: null,
289
- isNewTab: false,
290
- code: null,
291
- label: 'Benefits Type',
292
- url: 'http://arias.hrtest.ph/FieldMaintenance.aspx?title=benefitstype',
293
- icon: '',
294
- position: 'top',
295
- groupId: null,
296
- groupName: '',
297
- order: 5,
298
- attributes: [],
299
- children: [],
300
- },
301
- {
302
- id: null,
303
- parentMenuId: null,
304
- isNewTab: false,
305
- code: null,
306
- label: 'Profile Template Settings',
307
- url: 'http://arias.hrtest.ph/#/profile-template-settings?employee=10257',
308
- icon: '',
309
- position: 'top',
310
- groupId: null,
311
- groupName: '',
312
- order: 6,
313
- attributes: [],
314
- children: [],
315
- },
316
- {
317
- id: null,
318
- parentMenuId: null,
319
- isNewTab: false,
320
- code: null,
321
- label: 'Access Levels',
322
- url: 'http://arias.hrtest.ph/AccessLevels.aspx',
323
- icon: '',
324
- position: 'top',
325
- groupId: null,
326
- groupName: '',
327
- order: 7,
328
- attributes: [],
329
- children: [],
330
- },
331
- {
332
- id: null,
333
- parentMenuId: null,
334
- isNewTab: false,
335
- code: null,
336
- label: 'Email Template',
337
- url: 'http://arias.hrtest.ph/EmailTemplates.aspx',
338
- icon: '',
339
- position: 'top',
340
- groupId: null,
341
- groupName: '',
342
- order: 8,
343
- attributes: [],
344
- children: [],
345
- },
346
- {
347
- id: null,
348
- parentMenuId: null,
349
- isNewTab: false,
350
- code: null,
351
- label: 'Biometrics',
352
- url: 'http://arias.hrtest.ph/FieldMaintenance.aspx?title=biometric',
353
- icon: '',
354
- position: 'top',
355
- groupId: null,
356
- groupName: '',
357
- order: 9,
358
- attributes: [],
359
- children: [],
360
- },
361
- ],
362
- },
363
- {
364
- id: null,
365
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
366
- isNewTab: false,
367
- code: null,
368
- label: 'Workforce Hub',
369
- url: null,
370
- icon: '',
371
- position: 'top',
372
- groupId: null,
373
- groupName: null,
374
- order: 6,
375
- attributes: [
376
- {
377
- name: 'lozenge',
378
- value: '{tone: "success", label: "New"}',
379
- },
380
- ],
381
- children: [
382
- {
383
- id: null,
384
- parentMenuId: null,
385
- isNewTab: false,
386
- code: null,
387
- label: 'Workforce Hub Team Calendar',
388
- url: 'http://arias.hrtest.ph/#/calendar',
389
- icon: '',
390
- position: 'top',
391
- groupId: null,
392
- groupName: '',
393
- order: 2,
394
- attributes: [],
395
- children: [],
396
- },
397
- ],
398
- },
399
- {
400
- id: null,
401
- parentMenuId: 'e7d777f6-da1b-4329-8f2a-cdd7691ecf64',
402
- isNewTab: false,
403
- code: null,
404
- label: 'Attendance Hub',
405
- url: null,
406
- icon: '',
407
- position: 'top',
408
- groupId: null,
409
- groupName: null,
410
- order: 7,
411
- attributes: [
412
- {
413
- name: 'lozenge',
414
- value: '{tone: "success", label: "New"}',
415
- },
416
- ],
417
- children: [
418
- {
419
- id: null,
420
- parentMenuId: null,
421
- isNewTab: false,
422
- code: null,
423
- label: 'Attendance Manager',
424
- url: 'http://arias.hrtest.ph/#/attendance-manager',
425
- icon: '',
426
- position: 'top',
427
- groupId: null,
428
- groupName: '',
429
- order: 1,
430
- attributes: [],
431
- children: [],
432
- },
433
- {
434
- id: null,
435
- parentMenuId: null,
436
- isNewTab: false,
437
- code: null,
438
- label: 'Attendance Report',
439
- url: 'http://arias.hrtest.ph/#/attendance-report',
440
- icon: '',
441
- position: 'top',
442
- groupId: null,
443
- groupName: '',
444
- order: 2,
445
- attributes: [],
446
- children: [],
447
- },
448
- {
449
- id: null,
450
- parentMenuId: null,
451
- isNewTab: false,
452
- code: null,
453
- label: 'Approval Center',
454
- url: 'http://arias.hrtest.ph/ApprovalCenter.aspx',
455
- icon: '',
456
- position: 'top',
457
- groupId: null,
458
- groupName: '',
459
- order: 3,
460
- attributes: [],
461
- children: [],
462
- },
463
- ],
464
- },
465
- ],
466
- },
467
- {
468
- id: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
469
- parentMenuId: null,
470
- isNewTab: false,
471
- code: null,
472
- label: 'Payroll',
473
- url: null,
474
- icon: 'https://eco-cdn-prod.azureedge.net/payroll.svg',
475
- position: 'top',
476
- groupId: '2',
477
- groupName: null,
478
- order: 6,
479
- attributes: null,
480
- children: [
481
- {
482
- id: null,
483
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
484
- isNewTab: null,
485
- code: null,
486
- label: 'Payroll Runs',
487
- url: 'https:///Client/Payrolls.aspx',
488
- icon: null,
489
- position: null,
490
- groupId: null,
491
- groupName: null,
492
- order: 1,
493
- attributes: [],
494
- children: [],
495
- },
496
- {
497
- id: null,
498
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
499
- isNewTab: null,
500
- code: null,
501
- label: 'Setup',
502
- url: '',
503
- icon: null,
504
- position: null,
505
- groupId: null,
506
- groupName: null,
507
- order: 2,
508
- attributes: [],
509
- children: [
510
- {
511
- id: null,
512
- parentMenuId: null,
513
- isNewTab: null,
514
- code: null,
515
- label: 'Company Profile',
516
- url: 'http://arias-payroll-next-qa.sprout.ph/#/global/company-profile',
517
- icon: null,
518
- position: null,
519
- groupId: null,
520
- groupName: 'COMPANY',
521
- order: 1,
522
- attributes: [],
523
- children: [],
524
- },
525
- {
526
- id: null,
527
- parentMenuId: null,
528
- isNewTab: null,
529
- code: null,
530
- label: 'Department',
531
- url: 'http://arias-payroll-next-qa.sprout.ph/#/global/department',
532
- icon: null,
533
- position: null,
534
- groupId: null,
535
- groupName: 'COMPANY',
536
- order: 2,
537
- attributes: [],
538
- children: [],
539
- },
540
- {
541
- id: null,
542
- parentMenuId: null,
543
- isNewTab: null,
544
- code: 'cost-center',
545
- label: 'Cost Center',
546
- url: 'http://arias-payroll-next-qa.sprout.ph/#/global/cost-center',
547
- icon: null,
548
- position: null,
549
- groupId: null,
550
- groupName: 'COMPANY',
551
- order: 3,
552
- attributes: [],
553
- children: [],
554
- },
555
- {
556
- id: null,
557
- parentMenuId: null,
558
- isNewTab: null,
559
- code: 'paygroup',
560
- label: 'Pay Group',
561
- url: 'http://arias-payroll-next-qa.sprout.ph/#/global/pay-group',
562
- icon: null,
563
- position: null,
564
- groupId: null,
565
- groupName: 'COMPANY',
566
- order: 4,
567
- attributes: [],
568
- children: [],
569
- },
570
- {
571
- id: null,
572
- parentMenuId: null,
573
- isNewTab: null,
574
- code: null,
575
- label: 'General Ledger',
576
- url: 'https:///Client/GeneralLedger.aspx',
577
- icon: null,
578
- position: null,
579
- groupId: null,
580
- groupName: 'COMPANY',
581
- order: 5,
582
- attributes: [],
583
- children: [],
584
- },
585
- {
586
- id: null,
587
- parentMenuId: null,
588
- isNewTab: null,
589
- code: null,
590
- label: 'Banks',
591
- url: 'https:///Client/Banks.aspx',
592
- icon: null,
593
- position: null,
594
- groupId: null,
595
- groupName: 'COMPANY',
596
- order: 6,
597
- attributes: [],
598
- children: [],
599
- },
600
- {
601
- id: null,
602
- parentMenuId: null,
603
- isNewTab: null,
604
- code: null,
605
- label: 'Payroll Rules',
606
- url: 'http://arias-payroll-next-qa.sprout.ph/#/payroll/payroll-rules',
607
- icon: null,
608
- position: null,
609
- groupId: null,
610
- groupName: 'COMPANY',
611
- order: 7,
612
- attributes: [],
613
- children: [],
614
- },
615
- {
616
- id: null,
617
- parentMenuId: null,
618
- isNewTab: null,
619
- code: null,
620
- label: 'Report Settings',
621
- url: 'http://arias-payroll-next-qa.sprout.ph#/setup/report-settings',
622
- icon: null,
623
- position: null,
624
- groupId: null,
625
- groupName: 'COMPANY',
626
- order: 8,
627
- attributes: [],
628
- children: [],
629
- },
630
- {
631
- id: null,
632
- parentMenuId: null,
633
- isNewTab: null,
634
- code: null,
635
- label: 'Adjustment Templates',
636
- url: 'https:///Client/Adjustments.aspx',
637
- icon: null,
638
- position: null,
639
- groupId: null,
640
- groupName: 'PAYROLL',
641
- order: 9,
642
- attributes: [],
643
- children: [],
644
- },
645
- {
646
- id: null,
647
- parentMenuId: null,
648
- isNewTab: null,
649
- code: null,
650
- label: 'Company Adjustment',
651
- url: 'https:///Client/CompanyAdjustments.aspx',
652
- icon: null,
653
- position: null,
654
- groupId: null,
655
- groupName: 'PAYROLL',
656
- order: 10,
657
- attributes: [],
658
- children: [],
659
- },
660
- {
661
- id: null,
662
- parentMenuId: null,
663
- isNewTab: null,
664
- code: null,
665
- label: 'Tax Table',
666
- url: 'https:///Client/Tax.aspx',
667
- icon: null,
668
- position: null,
669
- groupId: null,
670
- groupName: 'REFERENCES',
671
- order: 11,
672
- attributes: [],
673
- children: [],
674
- },
675
- {
676
- id: null,
677
- parentMenuId: null,
678
- isNewTab: null,
679
- code: null,
680
- label: 'Tax Table - Annual',
681
- url: 'https:///Client/TaxAnnual.aspx',
682
- icon: null,
683
- position: null,
684
- groupId: null,
685
- groupName: 'REFERENCES',
686
- order: 12,
687
- attributes: [],
688
- children: [],
689
- },
690
- {
691
- id: null,
692
- parentMenuId: null,
693
- isNewTab: null,
694
- code: null,
695
- label: 'Philhealth',
696
- url: 'https:///Client/PhilHealth.aspx',
697
- icon: null,
698
- position: null,
699
- groupId: null,
700
- groupName: 'REFERENCES',
701
- order: 13,
702
- attributes: [],
703
- children: [],
704
- },
705
- {
706
- id: null,
707
- parentMenuId: null,
708
- isNewTab: null,
709
- code: null,
710
- label: 'Pag - IBIG',
711
- url: 'https:///Client/HDMF.aspx',
712
- icon: null,
713
- position: null,
714
- groupId: null,
715
- groupName: 'REFERENCES',
716
- order: 14,
717
- attributes: [],
718
- children: [],
719
- },
720
- {
721
- id: null,
722
- parentMenuId: null,
723
- isNewTab: null,
724
- code: null,
725
- label: 'SSS',
726
- url: 'https:///Client/SSS.aspx',
727
- icon: null,
728
- position: null,
729
- groupId: null,
730
- groupName: 'REFERENCES',
731
- order: 15,
732
- attributes: [],
733
- children: [],
734
- },
735
- {
736
- id: null,
737
- parentMenuId: null,
738
- isNewTab: null,
739
- code: null,
740
- label: 'Govt. OR Records',
741
- url: 'https:///Client/GovtORRec.aspx',
742
- icon: null,
743
- position: null,
744
- groupId: null,
745
- groupName: 'REFERENCES',
746
- order: 16,
747
- attributes: [],
748
- children: [],
749
- },
750
- {
751
- id: null,
752
- parentMenuId: null,
753
- isNewTab: null,
754
- code: null,
755
- label: 'Access Control',
756
- url: 'https:///Client/AccessAccountRole.aspx',
757
- icon: null,
758
- position: null,
759
- groupId: null,
760
- groupName: 'OTHERS',
761
- order: 17,
762
- attributes: [],
763
- children: [],
764
- },
765
- ],
766
- },
767
- {
768
- id: null,
769
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
770
- isNewTab: null,
771
- code: null,
772
- label: 'Users',
773
- url: 'https:///Client/Accounts.aspx',
774
- icon: null,
775
- position: null,
776
- groupId: null,
777
- groupName: null,
778
- order: 3,
779
- attributes: [],
780
- children: [],
781
- },
782
- {
783
- id: null,
784
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
785
- isNewTab: null,
786
- code: null,
787
- label: 'Payroll',
788
- url: '',
789
- icon: null,
790
- position: null,
791
- groupId: null,
792
- groupName: 'REPORTS',
793
- order: 4,
794
- attributes: [],
795
- children: [
796
- {
797
- id: null,
798
- parentMenuId: null,
799
- isNewTab: null,
800
- code: null,
801
- label: 'Payroll Summary',
802
- url: 'https:///Client/PayrollSummaryReport.aspx',
803
- icon: null,
804
- position: null,
805
- groupId: null,
806
- groupName: null,
807
- order: 1,
808
- attributes: [],
809
- children: [],
810
- },
811
- {
812
- id: null,
813
- parentMenuId: null,
814
- isNewTab: null,
815
- code: null,
816
- label: 'Monthly Summary',
817
- url: 'https:///Client/MonthlySummaryReport.aspx',
818
- icon: null,
819
- position: null,
820
- groupId: null,
821
- groupName: null,
822
- order: 2,
823
- attributes: [],
824
- children: [],
825
- },
826
- {
827
- id: null,
828
- parentMenuId: null,
829
- isNewTab: null,
830
- code: null,
831
- label: 'Variance Report',
832
- url: 'https:///Client/VarianceReport.aspx',
833
- icon: null,
834
- position: null,
835
- groupId: null,
836
- groupName: null,
837
- order: 3,
838
- attributes: [],
839
- children: [],
840
- },
841
- {
842
- id: null,
843
- parentMenuId: null,
844
- isNewTab: null,
845
- code: null,
846
- label: 'General Ledger Report',
847
- url: 'https:///Client/GeneralLedgerReport.aspx',
848
- icon: null,
849
- position: null,
850
- groupId: null,
851
- groupName: null,
852
- order: 4,
853
- attributes: [],
854
- children: [],
855
- },
856
- {
857
- id: null,
858
- parentMenuId: null,
859
- isNewTab: null,
860
- code: null,
861
- label: 'Payslip',
862
- url: 'https:///Client/PayslipReport.aspx',
863
- icon: null,
864
- position: null,
865
- groupId: null,
866
- groupName: null,
867
- order: 5,
868
- attributes: [],
869
- children: [],
870
- },
871
- {
872
- id: null,
873
- parentMenuId: null,
874
- isNewTab: null,
875
- code: null,
876
- label: 'Final Pay Report',
877
- url: 'https:///Client/FinalPayReport.aspx',
878
- icon: null,
879
- position: null,
880
- groupId: null,
881
- groupName: null,
882
- order: 6,
883
- attributes: [],
884
- children: [],
885
- },
886
- {
887
- id: null,
888
- parentMenuId: null,
889
- isNewTab: null,
890
- code: null,
891
- label: 'Adjustment Report',
892
- url: 'https:///Client/AdjustmentReport.aspx',
893
- icon: null,
894
- position: null,
895
- groupId: null,
896
- groupName: null,
897
- order: 7,
898
- attributes: [],
899
- children: [],
900
- },
901
- {
902
- id: null,
903
- parentMenuId: null,
904
- isNewTab: null,
905
- code: null,
906
- label: 'YTD Report',
907
- url: 'https:///Client/YTDReport.aspx',
908
- icon: null,
909
- position: null,
910
- groupId: null,
911
- groupName: null,
912
- order: 8,
913
- attributes: [],
914
- children: [],
915
- },
916
- {
917
- id: null,
918
- parentMenuId: null,
919
- isNewTab: null,
920
- code: null,
921
- label: 'YTD Report - Adjustments',
922
- url: 'https:///Client/PayrollAdjustmentsYTDReport.aspx',
923
- icon: null,
924
- position: null,
925
- groupId: null,
926
- groupName: null,
927
- order: 9,
928
- attributes: [],
929
- children: [],
930
- },
931
- ],
932
- },
933
- {
934
- id: null,
935
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
936
- isNewTab: null,
937
- code: null,
938
- label: 'SSS',
939
- url: '',
940
- icon: null,
941
- position: null,
942
- groupId: null,
943
- groupName: 'REPORTS',
944
- order: 5,
945
- attributes: [],
946
- children: [
947
- {
948
- id: null,
949
- parentMenuId: null,
950
- isNewTab: null,
951
- code: null,
952
- label: 'R-3',
953
- url: 'https:///Client/R3Report.aspx',
954
- icon: null,
955
- position: null,
956
- groupId: null,
957
- groupName: null,
958
- order: 1,
959
- attributes: [],
960
- children: [],
961
- },
962
- {
963
- id: null,
964
- parentMenuId: null,
965
- isNewTab: null,
966
- code: null,
967
- label: 'R-5',
968
- url: 'https:///Client/R5Report.aspx',
969
- icon: null,
970
- position: null,
971
- groupId: null,
972
- groupName: null,
973
- order: 2,
974
- attributes: [],
975
- children: [],
976
- },
977
- {
978
- id: null,
979
- parentMenuId: null,
980
- isNewTab: null,
981
- code: null,
982
- label: 'SSS-LMS',
983
- url: 'https:///Client/LMS.aspx',
984
- icon: null,
985
- position: null,
986
- groupId: null,
987
- groupName: null,
988
- order: 3,
989
- attributes: [],
990
- children: [],
991
- },
992
- {
993
- id: null,
994
- parentMenuId: null,
995
- isNewTab: null,
996
- code: null,
997
- label: 'SSS AMSCCL',
998
- url: 'https:///Client/AMSCCL.aspx',
999
- icon: null,
1000
- position: null,
1001
- groupId: null,
1002
- groupName: null,
1003
- order: 4,
1004
- attributes: [],
1005
- children: [],
1006
- },
1007
- {
1008
- id: null,
1009
- parentMenuId: null,
1010
- isNewTab: null,
1011
- code: null,
1012
- label: 'ML-1',
1013
- url: 'https:///Client/ML1.aspx',
1014
- icon: null,
1015
- position: null,
1016
- groupId: null,
1017
- groupName: null,
1018
- order: 5,
1019
- attributes: [],
1020
- children: [],
1021
- },
1022
- {
1023
- id: null,
1024
- parentMenuId: null,
1025
- isNewTab: null,
1026
- code: null,
1027
- label: 'R1-A',
1028
- url: 'https:///Client/R1A.aspx',
1029
- icon: null,
1030
- position: null,
1031
- groupId: null,
1032
- groupName: null,
1033
- order: 6,
1034
- attributes: [],
1035
- children: [],
1036
- },
1037
- ],
1038
- },
1039
- {
1040
- id: null,
1041
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1042
- isNewTab: null,
1043
- code: null,
1044
- label: 'Philhealth',
1045
- url: '',
1046
- icon: null,
1047
- position: null,
1048
- groupId: null,
1049
- groupName: 'REPORTS',
1050
- order: 6,
1051
- attributes: [],
1052
- children: [
1053
- {
1054
- id: null,
1055
- parentMenuId: null,
1056
- isNewTab: null,
1057
- code: null,
1058
- label: 'ER-2',
1059
- url: 'https:///Client/ER2.aspx',
1060
- icon: null,
1061
- position: null,
1062
- groupId: null,
1063
- groupName: null,
1064
- order: 1,
1065
- attributes: [],
1066
- children: [],
1067
- },
1068
- {
1069
- id: null,
1070
- parentMenuId: null,
1071
- isNewTab: null,
1072
- code: null,
1073
- label: 'RF-1 Data',
1074
- url: 'https:///Client/RF1Data.aspx',
1075
- icon: null,
1076
- position: null,
1077
- groupId: null,
1078
- groupName: null,
1079
- order: 2,
1080
- attributes: [],
1081
- children: [],
1082
- },
1083
- {
1084
- id: null,
1085
- parentMenuId: null,
1086
- isNewTab: null,
1087
- code: null,
1088
- label: 'RF-1 PDF',
1089
- url: 'https:///Client/RF1Pdf.aspx',
1090
- icon: null,
1091
- position: null,
1092
- groupId: null,
1093
- groupName: null,
1094
- order: 3,
1095
- attributes: [],
1096
- children: [],
1097
- },
1098
- ],
1099
- },
1100
- {
1101
- id: null,
1102
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1103
- isNewTab: null,
1104
- code: null,
1105
- label: 'Pag-Ibig',
1106
- url: '',
1107
- icon: null,
1108
- position: null,
1109
- groupId: null,
1110
- groupName: 'REPORTS',
1111
- order: 7,
1112
- attributes: [],
1113
- children: [
1114
- {
1115
- id: null,
1116
- parentMenuId: null,
1117
- isNewTab: null,
1118
- code: null,
1119
- label: 'M1-1 (MCRF)',
1120
- url: 'https:///Client/MCRF.aspx',
1121
- icon: null,
1122
- position: null,
1123
- groupId: null,
1124
- groupName: null,
1125
- order: 1,
1126
- attributes: [],
1127
- children: [],
1128
- },
1129
- {
1130
- id: null,
1131
- parentMenuId: null,
1132
- isNewTab: null,
1133
- code: null,
1134
- label: 'M1-1 Excel',
1135
- url: 'https:///Client/M1Excel.aspx',
1136
- icon: null,
1137
- position: null,
1138
- groupId: null,
1139
- groupName: null,
1140
- order: 2,
1141
- attributes: [],
1142
- children: [],
1143
- },
1144
- {
1145
- id: null,
1146
- parentMenuId: null,
1147
- isNewTab: null,
1148
- code: null,
1149
- label: 'Pag-Ibig STLRF',
1150
- url: 'https:///Client/STLRF.aspx',
1151
- icon: null,
1152
- position: null,
1153
- groupId: null,
1154
- groupName: null,
1155
- order: 3,
1156
- attributes: [],
1157
- children: [],
1158
- },
1159
- {
1160
- id: null,
1161
- parentMenuId: null,
1162
- isNewTab: null,
1163
- code: null,
1164
- label: 'Pag-Ibig STLRF Excel',
1165
- url: 'https:///Client/STLRFExcel.aspx',
1166
- icon: null,
1167
- position: null,
1168
- groupId: null,
1169
- groupName: null,
1170
- order: 4,
1171
- attributes: [],
1172
- children: [],
1173
- },
1174
- ],
1175
- },
1176
- {
1177
- id: null,
1178
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1179
- isNewTab: null,
1180
- code: null,
1181
- label: 'BIR',
1182
- url: '',
1183
- icon: null,
1184
- position: null,
1185
- groupId: null,
1186
- groupName: 'REPORTS',
1187
- order: 8,
1188
- attributes: [],
1189
- children: [
1190
- {
1191
- id: null,
1192
- parentMenuId: null,
1193
- isNewTab: null,
1194
- code: null,
1195
- label: '1601-C',
1196
- url: 'https:///Client/1601C.aspx',
1197
- icon: null,
1198
- position: null,
1199
- groupId: null,
1200
- groupName: null,
1201
- order: 1,
1202
- attributes: [],
1203
- children: [],
1204
- },
1205
- {
1206
- id: null,
1207
- parentMenuId: null,
1208
- isNewTab: null,
1209
- code: null,
1210
- label: '1601-EQ',
1211
- url: 'https:///Client/1601EQ.aspx',
1212
- icon: null,
1213
- position: null,
1214
- groupId: null,
1215
- groupName: null,
1216
- order: 2,
1217
- attributes: [],
1218
- children: [],
1219
- },
1220
- {
1221
- id: null,
1222
- parentMenuId: null,
1223
- isNewTab: null,
1224
- code: null,
1225
- label: '1604-C',
1226
- url: 'https:///Client/1604C.aspx',
1227
- icon: null,
1228
- position: null,
1229
- groupId: null,
1230
- groupName: null,
1231
- order: 3,
1232
- attributes: [],
1233
- children: [],
1234
- },
1235
- {
1236
- id: null,
1237
- parentMenuId: null,
1238
- isNewTab: null,
1239
- code: null,
1240
- label: '1604-CF',
1241
- url: 'https:///Client/1604CF.aspx',
1242
- icon: null,
1243
- position: null,
1244
- groupId: null,
1245
- groupName: null,
1246
- order: 4,
1247
- attributes: [],
1248
- children: [],
1249
- },
1250
- {
1251
- id: null,
1252
- parentMenuId: null,
1253
- isNewTab: null,
1254
- code: null,
1255
- label: '2316',
1256
- url: 'https:///Client/2316.aspx',
1257
- icon: null,
1258
- position: null,
1259
- groupId: null,
1260
- groupName: null,
1261
- order: 5,
1262
- attributes: [],
1263
- children: [],
1264
- },
1265
- {
1266
- id: null,
1267
- parentMenuId: null,
1268
- isNewTab: null,
1269
- code: null,
1270
- label: '2306',
1271
- url: 'https:///Client/2306.aspx',
1272
- icon: null,
1273
- position: null,
1274
- groupId: null,
1275
- groupName: null,
1276
- order: 6,
1277
- attributes: [],
1278
- children: [],
1279
- },
1280
- {
1281
- id: null,
1282
- parentMenuId: null,
1283
- isNewTab: null,
1284
- code: null,
1285
- label: '2307',
1286
- url: 'https:///Client/2307.aspx',
1287
- icon: null,
1288
- position: null,
1289
- groupId: null,
1290
- groupName: null,
1291
- order: 7,
1292
- attributes: [],
1293
- children: [],
1294
- },
1295
- {
1296
- id: null,
1297
- parentMenuId: null,
1298
- isNewTab: null,
1299
- code: null,
1300
- label: 'Annualization',
1301
- url: 'https:///Client/Annualization.aspx',
1302
- icon: null,
1303
- position: null,
1304
- groupId: null,
1305
- groupName: null,
1306
- order: 8,
1307
- attributes: [],
1308
- children: [],
1309
- },
1310
- {
1311
- id: null,
1312
- parentMenuId: null,
1313
- isNewTab: null,
1314
- code: null,
1315
- label: 'Alphalist 7.4',
1316
- url: 'https:///Client/AlphaListVersion7v4.aspx',
1317
- icon: null,
1318
- position: null,
1319
- groupId: null,
1320
- groupName: null,
1321
- order: 9,
1322
- attributes: [],
1323
- children: [],
1324
- },
1325
- ],
1326
- },
1327
- {
1328
- id: null,
1329
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1330
- isNewTab: null,
1331
- code: null,
1332
- label: 'ONEHUB DAT Files',
1333
- url: '',
1334
- icon: null,
1335
- position: null,
1336
- groupId: null,
1337
- groupName: 'REPORTS',
1338
- order: 9,
1339
- attributes: [],
1340
- children: [
1341
- {
1342
- id: null,
1343
- parentMenuId: null,
1344
- isNewTab: null,
1345
- code: null,
1346
- label: 'SSS EPF',
1347
- url: 'https:///Client/SSSEPF.aspx',
1348
- icon: null,
1349
- position: null,
1350
- groupId: null,
1351
- groupName: null,
1352
- order: 1,
1353
- attributes: [],
1354
- children: [],
1355
- },
1356
- {
1357
- id: null,
1358
- parentMenuId: null,
1359
- isNewTab: null,
1360
- code: null,
1361
- label: 'SSS Contributions',
1362
- url: 'https:///Client/SSSContri.aspx',
1363
- icon: null,
1364
- position: null,
1365
- groupId: null,
1366
- groupName: null,
1367
- order: 2,
1368
- attributes: [],
1369
- children: [],
1370
- },
1371
- {
1372
- id: null,
1373
- parentMenuId: null,
1374
- isNewTab: null,
1375
- code: null,
1376
- label: 'Pag-Ibig',
1377
- url: 'https:///Client/PagIbigDATRpt.aspx',
1378
- icon: null,
1379
- position: null,
1380
- groupId: null,
1381
- groupName: null,
1382
- order: 3,
1383
- attributes: [],
1384
- children: [],
1385
- },
1386
- {
1387
- id: null,
1388
- parentMenuId: null,
1389
- isNewTab: null,
1390
- code: null,
1391
- label: 'Philhealth Contributions',
1392
- url: 'https:///Client/ReportPhilhealthRemittanceRpt.aspx',
1393
- icon: null,
1394
- position: null,
1395
- groupId: null,
1396
- groupName: null,
1397
- order: 4,
1398
- attributes: [],
1399
- children: [],
1400
- },
1401
- ],
1402
- },
1403
- {
1404
- id: null,
1405
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1406
- isNewTab: null,
1407
- code: null,
1408
- label: 'BPI',
1409
- url: '',
1410
- icon: null,
1411
- position: null,
1412
- groupId: null,
1413
- groupName: 'REPORTS',
1414
- order: 10,
1415
- attributes: [],
1416
- children: [
1417
- {
1418
- id: null,
1419
- parentMenuId: null,
1420
- isNewTab: null,
1421
- code: null,
1422
- label: 'PAG-IBIG',
1423
- url: 'https:///Client/BPIHDMF.aspx',
1424
- icon: null,
1425
- position: null,
1426
- groupId: null,
1427
- groupName: null,
1428
- order: 1,
1429
- attributes: [],
1430
- children: [],
1431
- },
1432
- {
1433
- id: null,
1434
- parentMenuId: null,
1435
- isNewTab: null,
1436
- code: null,
1437
- label: 'SSS Contribution',
1438
- url: 'https:///Client/BPISSSContri.aspx',
1439
- icon: null,
1440
- position: null,
1441
- groupId: null,
1442
- groupName: null,
1443
- order: 2,
1444
- attributes: [],
1445
- children: [],
1446
- },
1447
- {
1448
- id: null,
1449
- parentMenuId: null,
1450
- isNewTab: null,
1451
- code: null,
1452
- label: 'SSS Loan',
1453
- url: 'https:///Client/BPISSSLoan.aspx',
1454
- icon: null,
1455
- position: null,
1456
- groupId: null,
1457
- groupName: null,
1458
- order: 3,
1459
- attributes: [],
1460
- children: [],
1461
- },
1462
- {
1463
- id: null,
1464
- parentMenuId: null,
1465
- isNewTab: null,
1466
- code: null,
1467
- label: 'SSS MCL Converter',
1468
- url: 'https:///Client/SSSMCLBPI.aspx',
1469
- icon: null,
1470
- position: null,
1471
- groupId: null,
1472
- groupName: null,
1473
- order: 4,
1474
- attributes: [],
1475
- children: [],
1476
- },
1477
- {
1478
- id: null,
1479
- parentMenuId: null,
1480
- isNewTab: null,
1481
- code: null,
1482
- label: 'Philhealth',
1483
- url: 'https:///Client/BPIPhilhealth.aspx',
1484
- icon: null,
1485
- position: null,
1486
- groupId: null,
1487
- groupName: null,
1488
- order: 5,
1489
- attributes: [],
1490
- children: [],
1491
- },
1492
- ],
1493
- },
1494
- {
1495
- id: null,
1496
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1497
- isNewTab: null,
1498
- code: null,
1499
- label: 'Security Bank',
1500
- url: '',
1501
- icon: null,
1502
- position: null,
1503
- groupId: null,
1504
- groupName: 'REPORTS',
1505
- order: 11,
1506
- attributes: [],
1507
- children: [
1508
- {
1509
- id: null,
1510
- parentMenuId: null,
1511
- isNewTab: null,
1512
- code: null,
1513
- label: 'PAG-IBIG',
1514
- url: 'https:///Client/SecurityBankHDMF.aspx',
1515
- icon: null,
1516
- position: null,
1517
- groupId: null,
1518
- groupName: null,
1519
- order: 1,
1520
- attributes: [],
1521
- children: [],
1522
- },
1523
- {
1524
- id: null,
1525
- parentMenuId: null,
1526
- isNewTab: null,
1527
- code: null,
1528
- label: 'SSS Contribution',
1529
- url: 'https:///Client/SecurityBankSSSContri.aspx',
1530
- icon: null,
1531
- position: null,
1532
- groupId: null,
1533
- groupName: null,
1534
- order: 2,
1535
- attributes: [],
1536
- children: [],
1537
- },
1538
- ],
1539
- },
1540
- {
1541
- id: null,
1542
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1543
- isNewTab: null,
1544
- code: null,
1545
- label: 'Others',
1546
- url: '',
1547
- icon: null,
1548
- position: null,
1549
- groupId: null,
1550
- groupName: 'REPORTS',
1551
- order: 12,
1552
- attributes: [],
1553
- children: [
1554
- {
1555
- id: null,
1556
- parentMenuId: null,
1557
- isNewTab: null,
1558
- code: null,
1559
- label: 'Certificate of Contribution',
1560
- url: 'https:///Client/CertificateOfContribution.aspx',
1561
- icon: null,
1562
- position: null,
1563
- groupId: null,
1564
- groupName: null,
1565
- order: 1,
1566
- attributes: [],
1567
- children: [],
1568
- },
1569
- {
1570
- id: null,
1571
- parentMenuId: null,
1572
- isNewTab: null,
1573
- code: null,
1574
- label: 'Certificate of Loan',
1575
- url: 'https:///Client/CertificateOfLoan.aspx',
1576
- icon: null,
1577
- position: null,
1578
- groupId: null,
1579
- groupName: null,
1580
- order: 2,
1581
- attributes: [],
1582
- children: [],
1583
- },
1584
- {
1585
- id: null,
1586
- parentMenuId: null,
1587
- isNewTab: null,
1588
- code: null,
1589
- label: 'Statutory Report',
1590
- url: 'https:///Client/StatutoryReport.aspx',
1591
- icon: null,
1592
- position: null,
1593
- groupId: null,
1594
- groupName: null,
1595
- order: 3,
1596
- attributes: [],
1597
- children: [],
1598
- },
1599
- {
1600
- id: null,
1601
- parentMenuId: null,
1602
- isNewTab: null,
1603
- code: null,
1604
- label: 'Demographic',
1605
- url: 'https:///Client/Chart.aspx',
1606
- icon: null,
1607
- position: null,
1608
- groupId: null,
1609
- groupName: null,
1610
- order: 4,
1611
- attributes: [],
1612
- children: [],
1613
- },
1614
- ],
1615
- },
1616
- {
1617
- id: null,
1618
- parentMenuId: 'e9a88315-ecf7-49ea-82d9-0c6a5fd2a9e2',
1619
- isNewTab: null,
1620
- code: null,
1621
- label: 'Report Logs',
1622
- url: 'https:///Client/ReportsLogs.aspx',
1623
- icon: null,
1624
- position: null,
1625
- groupId: null,
1626
- groupName: 'REPORTS',
1627
- order: 13,
1628
- attributes: [],
1629
- children: [],
1630
- },
1631
- ],
1632
- },
1633
- ],
1634
- });
38
+ const selectModel = ref('');
1635
39
 
1636
- const userMenu = ref({
1637
- name: '',
1638
- email: '',
1639
- profileImage: '',
1640
- items: [
1641
- {
1642
- title: 'Logout',
1643
- icon: '',
1644
- redirect: {
1645
- openInNewTab: false,
1646
- isAbsoluteURL: true,
1647
- link: '/Login.aspx',
1648
- },
1649
- },
1650
- ],
1651
- });
40
+ const options = ref([
41
+ { text: 'Apple', value: 'apple' },
42
+ { text: 'Banana', value: 'banana' },
43
+ { text: 'Cherry', value: 'cherry' },
44
+ { text: 'Date', value: 'date' },
45
+ { text: 'Elderberry', value: 'elderberry' },
46
+ { text: 'Fig', value: 'fig' },
47
+ { text: 'Grape', value: 'grape' },
48
+ { text: 'Nectarine', value: 'nectarine' },
49
+ { text: 'Orange', value: 'orange' },
50
+ { text: 'Papaya', value: 'papaya' },
51
+ { text: '89 Quince', value: '50' },
52
+ ]);
1652
53
  </script>