@skyux/pages 9.1.0 → 9.2.1
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.
- package/documentation.json +208 -233
- package/package.json +8 -8
package/documentation.json
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.module.ts",
|
|
55
55
|
"line": 45,
|
|
56
56
|
"character": 13,
|
|
57
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
57
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.module.ts#L45"
|
|
58
58
|
}
|
|
59
59
|
],
|
|
60
60
|
"decorators": [
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"fileName": "projects/pages/src/modules/page-header/page-header.module.ts",
|
|
87
87
|
"line": 38,
|
|
88
88
|
"character": 13,
|
|
89
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
89
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.module.ts#L38"
|
|
90
90
|
}
|
|
91
91
|
],
|
|
92
92
|
"decorators": [
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"fileName": "projects/pages/src/modules/page/page.module.ts",
|
|
119
119
|
"line": 14,
|
|
120
120
|
"character": 13,
|
|
121
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
121
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.module.ts#L14"
|
|
122
122
|
}
|
|
123
123
|
],
|
|
124
124
|
"decorators": [
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
159
159
|
"line": 67,
|
|
160
160
|
"character": 9,
|
|
161
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
161
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L67"
|
|
162
162
|
}
|
|
163
163
|
],
|
|
164
164
|
"type": {
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
195
195
|
"line": 40,
|
|
196
196
|
"character": 9,
|
|
197
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
197
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L40"
|
|
198
198
|
}
|
|
199
199
|
],
|
|
200
200
|
"type": {
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
239
239
|
"line": 46,
|
|
240
240
|
"character": 9,
|
|
241
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
241
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L46"
|
|
242
242
|
}
|
|
243
243
|
],
|
|
244
244
|
"type": {
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
284
284
|
"line": 52,
|
|
285
285
|
"character": 9,
|
|
286
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
286
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L52"
|
|
287
287
|
}
|
|
288
288
|
],
|
|
289
289
|
"type": {
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
329
329
|
"line": 58,
|
|
330
330
|
"character": 9,
|
|
331
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
331
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L58"
|
|
332
332
|
}
|
|
333
333
|
],
|
|
334
334
|
"type": {
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
377
377
|
"line": 65,
|
|
378
378
|
"character": 9,
|
|
379
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
379
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L65"
|
|
380
380
|
}
|
|
381
381
|
],
|
|
382
382
|
"type": {
|
|
@@ -403,13 +403,13 @@
|
|
|
403
403
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
404
404
|
"line": 25,
|
|
405
405
|
"character": 13,
|
|
406
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
406
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L25"
|
|
407
407
|
},
|
|
408
408
|
{
|
|
409
409
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
410
410
|
"line": 32,
|
|
411
411
|
"character": 13,
|
|
412
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
412
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L32"
|
|
413
413
|
}
|
|
414
414
|
],
|
|
415
415
|
"getSignature": {
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts",
|
|
424
424
|
"line": 32,
|
|
425
425
|
"character": 2,
|
|
426
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
426
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L32"
|
|
427
427
|
}
|
|
428
428
|
],
|
|
429
429
|
"type": {
|
|
@@ -463,7 +463,7 @@
|
|
|
463
463
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts",
|
|
464
464
|
"line": 24,
|
|
465
465
|
"character": 2,
|
|
466
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
466
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L24"
|
|
467
467
|
}
|
|
468
468
|
],
|
|
469
469
|
"parameters": [
|
|
@@ -526,7 +526,7 @@
|
|
|
526
526
|
"fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
|
|
527
527
|
"line": 20,
|
|
528
528
|
"character": 13,
|
|
529
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
529
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts#L20"
|
|
530
530
|
}
|
|
531
531
|
],
|
|
532
532
|
"decorators": [
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
"fileName": "projects/pages/src/modules/page-header/page-header-avatar.component.ts",
|
|
565
565
|
"line": 26,
|
|
566
566
|
"character": 2,
|
|
567
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
567
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts#L26"
|
|
568
568
|
}
|
|
569
569
|
],
|
|
570
570
|
"signatures": [
|
|
@@ -579,7 +579,7 @@
|
|
|
579
579
|
"fileName": "libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts",
|
|
580
580
|
"line": 26,
|
|
581
581
|
"character": 2,
|
|
582
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
582
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts#L26"
|
|
583
583
|
}
|
|
584
584
|
],
|
|
585
585
|
"type": {
|
|
@@ -604,7 +604,7 @@
|
|
|
604
604
|
"fileName": "projects/pages/src/modules/page-header/page-header-avatar.component.ts",
|
|
605
605
|
"line": 38,
|
|
606
606
|
"character": 9,
|
|
607
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
607
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts#L38"
|
|
608
608
|
}
|
|
609
609
|
],
|
|
610
610
|
"signatures": [
|
|
@@ -619,7 +619,7 @@
|
|
|
619
619
|
"fileName": "libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts",
|
|
620
620
|
"line": 38,
|
|
621
621
|
"character": 2,
|
|
622
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
622
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts#L38"
|
|
623
623
|
}
|
|
624
624
|
],
|
|
625
625
|
"type": {
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
"fileName": "projects/pages/src/modules/page-header/page-header-avatar.component.ts",
|
|
661
661
|
"line": 21,
|
|
662
662
|
"character": 13,
|
|
663
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
663
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-avatar.component.ts#L21"
|
|
664
664
|
}
|
|
665
665
|
],
|
|
666
666
|
"implementedTypes": [
|
|
@@ -711,7 +711,7 @@
|
|
|
711
711
|
"fileName": "projects/pages/src/modules/page-header/page-header-alerts.component.ts",
|
|
712
712
|
"line": 11,
|
|
713
713
|
"character": 13,
|
|
714
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
714
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-alerts.component.ts#L11"
|
|
715
715
|
}
|
|
716
716
|
],
|
|
717
717
|
"decorators": [
|
|
@@ -755,7 +755,7 @@
|
|
|
755
755
|
"fileName": "projects/pages/src/modules/action-hub/action-hub-buttons.component.ts",
|
|
756
756
|
"line": 17,
|
|
757
757
|
"character": 13,
|
|
758
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
758
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub-buttons.component.ts#L17"
|
|
759
759
|
}
|
|
760
760
|
],
|
|
761
761
|
"decorators": [
|
|
@@ -795,7 +795,7 @@
|
|
|
795
795
|
"fileName": "projects/pages/src/modules/action-hub/action-hub-content.component.ts",
|
|
796
796
|
"line": 10,
|
|
797
797
|
"character": 13,
|
|
798
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
798
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/action-hub-content.component.ts#L10"
|
|
799
799
|
}
|
|
800
800
|
],
|
|
801
801
|
"decorators": [
|
|
@@ -843,7 +843,7 @@
|
|
|
843
843
|
"fileName": "projects/pages/src/modules/page-header/page-header.component.ts",
|
|
844
844
|
"line": 44,
|
|
845
845
|
"character": 9,
|
|
846
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
846
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L44"
|
|
847
847
|
}
|
|
848
848
|
],
|
|
849
849
|
"type": {
|
|
@@ -878,7 +878,7 @@
|
|
|
878
878
|
"fileName": "projects/pages/src/modules/page-header/page-header.component.ts",
|
|
879
879
|
"line": 38,
|
|
880
880
|
"character": 9,
|
|
881
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
881
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L38"
|
|
882
882
|
}
|
|
883
883
|
],
|
|
884
884
|
"type": {
|
|
@@ -906,7 +906,7 @@
|
|
|
906
906
|
"fileName": "projects/pages/src/modules/page-header/page-header.component.ts",
|
|
907
907
|
"line": 55,
|
|
908
908
|
"character": 9,
|
|
909
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
909
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L55"
|
|
910
910
|
}
|
|
911
911
|
],
|
|
912
912
|
"signatures": [
|
|
@@ -921,7 +921,7 @@
|
|
|
921
921
|
"fileName": "libs/components/pages/src/lib/modules/page-header/page-header.component.ts",
|
|
922
922
|
"line": 55,
|
|
923
923
|
"character": 2,
|
|
924
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
924
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L55"
|
|
925
925
|
}
|
|
926
926
|
],
|
|
927
927
|
"type": {
|
|
@@ -955,7 +955,7 @@
|
|
|
955
955
|
"fileName": "projects/pages/src/modules/page-header/page-header.component.ts",
|
|
956
956
|
"line": 49,
|
|
957
957
|
"character": 9,
|
|
958
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
958
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L49"
|
|
959
959
|
}
|
|
960
960
|
],
|
|
961
961
|
"signatures": [
|
|
@@ -970,7 +970,7 @@
|
|
|
970
970
|
"fileName": "libs/components/pages/src/lib/modules/page-header/page-header.component.ts",
|
|
971
971
|
"line": 49,
|
|
972
972
|
"character": 2,
|
|
973
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
973
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L49"
|
|
974
974
|
}
|
|
975
975
|
],
|
|
976
976
|
"type": {
|
|
@@ -1019,7 +1019,7 @@
|
|
|
1019
1019
|
"fileName": "projects/pages/src/modules/page-header/page-header.component.ts",
|
|
1020
1020
|
"line": 33,
|
|
1021
1021
|
"character": 13,
|
|
1022
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1022
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header.component.ts#L33"
|
|
1023
1023
|
}
|
|
1024
1024
|
],
|
|
1025
1025
|
"implementedTypes": [
|
|
@@ -1071,7 +1071,7 @@
|
|
|
1071
1071
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1072
1072
|
"line": 26,
|
|
1073
1073
|
"character": 9,
|
|
1074
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1074
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L26"
|
|
1075
1075
|
}
|
|
1076
1076
|
],
|
|
1077
1077
|
"type": {
|
|
@@ -1099,7 +1099,7 @@
|
|
|
1099
1099
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1100
1100
|
"line": 24,
|
|
1101
1101
|
"character": 9,
|
|
1102
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1102
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L24"
|
|
1103
1103
|
}
|
|
1104
1104
|
],
|
|
1105
1105
|
"type": {
|
|
@@ -1125,13 +1125,13 @@
|
|
|
1125
1125
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1126
1126
|
"line": 14,
|
|
1127
1127
|
"character": 13,
|
|
1128
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1128
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L14"
|
|
1129
1129
|
},
|
|
1130
1130
|
{
|
|
1131
1131
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1132
1132
|
"line": 19,
|
|
1133
1133
|
"character": 13,
|
|
1134
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1134
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L19"
|
|
1135
1135
|
}
|
|
1136
1136
|
],
|
|
1137
1137
|
"getSignature": {
|
|
@@ -1145,7 +1145,7 @@
|
|
|
1145
1145
|
"fileName": "libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts",
|
|
1146
1146
|
"line": 19,
|
|
1147
1147
|
"character": 2,
|
|
1148
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1148
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L19"
|
|
1149
1149
|
}
|
|
1150
1150
|
],
|
|
1151
1151
|
"type": {
|
|
@@ -1166,7 +1166,7 @@
|
|
|
1166
1166
|
"fileName": "libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts",
|
|
1167
1167
|
"line": 13,
|
|
1168
1168
|
"character": 2,
|
|
1169
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1169
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L13"
|
|
1170
1170
|
}
|
|
1171
1171
|
],
|
|
1172
1172
|
"parameters": [
|
|
@@ -1208,7 +1208,7 @@
|
|
|
1208
1208
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1209
1209
|
"line": 32,
|
|
1210
1210
|
"character": 9,
|
|
1211
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1211
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L32"
|
|
1212
1212
|
}
|
|
1213
1213
|
],
|
|
1214
1214
|
"signatures": [
|
|
@@ -1223,7 +1223,7 @@
|
|
|
1223
1223
|
"fileName": "libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts",
|
|
1224
1224
|
"line": 32,
|
|
1225
1225
|
"character": 2,
|
|
1226
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1226
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L32"
|
|
1227
1227
|
}
|
|
1228
1228
|
],
|
|
1229
1229
|
"parameters": [
|
|
@@ -1282,7 +1282,7 @@
|
|
|
1282
1282
|
"fileName": "projects/pages/src/modules/modal-link-list/modal-link-list.component.ts",
|
|
1283
1283
|
"line": 12,
|
|
1284
1284
|
"character": 13,
|
|
1285
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1285
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/modal-link-list/modal-link-list.component.ts#L12"
|
|
1286
1286
|
}
|
|
1287
1287
|
],
|
|
1288
1288
|
"decorators": [
|
|
@@ -1322,7 +1322,7 @@
|
|
|
1322
1322
|
"fileName": "projects/pages/src/modules/page/page.component.ts",
|
|
1323
1323
|
"line": 48,
|
|
1324
1324
|
"character": 9,
|
|
1325
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1325
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L48"
|
|
1326
1326
|
}
|
|
1327
1327
|
],
|
|
1328
1328
|
"type": {
|
|
@@ -1345,7 +1345,7 @@
|
|
|
1345
1345
|
"fileName": "projects/pages/src/modules/page/page.component.ts",
|
|
1346
1346
|
"line": 42,
|
|
1347
1347
|
"character": 13,
|
|
1348
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1348
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L42"
|
|
1349
1349
|
}
|
|
1350
1350
|
],
|
|
1351
1351
|
"setSignature": {
|
|
@@ -1394,7 +1394,7 @@
|
|
|
1394
1394
|
"fileName": "libs/components/pages/src/lib/modules/page/page.component.ts",
|
|
1395
1395
|
"line": 41,
|
|
1396
1396
|
"character": 2,
|
|
1397
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1397
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L41"
|
|
1398
1398
|
}
|
|
1399
1399
|
],
|
|
1400
1400
|
"parameters": [
|
|
@@ -1436,7 +1436,7 @@
|
|
|
1436
1436
|
"fileName": "projects/pages/src/modules/page/page.component.ts",
|
|
1437
1437
|
"line": 69,
|
|
1438
1438
|
"character": 9,
|
|
1439
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1439
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L69"
|
|
1440
1440
|
}
|
|
1441
1441
|
],
|
|
1442
1442
|
"signatures": [
|
|
@@ -1451,7 +1451,7 @@
|
|
|
1451
1451
|
"fileName": "libs/components/pages/src/lib/modules/page/page.component.ts",
|
|
1452
1452
|
"line": 69,
|
|
1453
1453
|
"character": 2,
|
|
1454
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1454
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L69"
|
|
1455
1455
|
}
|
|
1456
1456
|
],
|
|
1457
1457
|
"type": {
|
|
@@ -1485,7 +1485,7 @@
|
|
|
1485
1485
|
"fileName": "projects/pages/src/modules/page/page.component.ts",
|
|
1486
1486
|
"line": 58,
|
|
1487
1487
|
"character": 9,
|
|
1488
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1488
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L58"
|
|
1489
1489
|
}
|
|
1490
1490
|
],
|
|
1491
1491
|
"signatures": [
|
|
@@ -1500,7 +1500,7 @@
|
|
|
1500
1500
|
"fileName": "libs/components/pages/src/lib/modules/page/page.component.ts",
|
|
1501
1501
|
"line": 58,
|
|
1502
1502
|
"character": 2,
|
|
1503
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1503
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L58"
|
|
1504
1504
|
}
|
|
1505
1505
|
],
|
|
1506
1506
|
"type": {
|
|
@@ -1554,7 +1554,7 @@
|
|
|
1554
1554
|
"fileName": "projects/pages/src/modules/page/page.component.ts",
|
|
1555
1555
|
"line": 33,
|
|
1556
1556
|
"character": 13,
|
|
1557
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1557
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page.component.ts#L33"
|
|
1558
1558
|
}
|
|
1559
1559
|
],
|
|
1560
1560
|
"implementedTypes": [
|
|
@@ -1614,7 +1614,7 @@
|
|
|
1614
1614
|
"fileName": "projects/pages/src/modules/page/page-content.component.ts",
|
|
1615
1615
|
"line": 41,
|
|
1616
1616
|
"character": 9,
|
|
1617
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1617
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page-content.component.ts#L41"
|
|
1618
1618
|
}
|
|
1619
1619
|
],
|
|
1620
1620
|
"signatures": [
|
|
@@ -1629,7 +1629,7 @@
|
|
|
1629
1629
|
"fileName": "libs/components/pages/src/lib/modules/page/page-content.component.ts",
|
|
1630
1630
|
"line": 41,
|
|
1631
1631
|
"character": 2,
|
|
1632
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1632
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page-content.component.ts#L41"
|
|
1633
1633
|
}
|
|
1634
1634
|
],
|
|
1635
1635
|
"type": {
|
|
@@ -1663,7 +1663,7 @@
|
|
|
1663
1663
|
"fileName": "projects/pages/src/modules/page/page-content.component.ts",
|
|
1664
1664
|
"line": 35,
|
|
1665
1665
|
"character": 9,
|
|
1666
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1666
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page-content.component.ts#L35"
|
|
1667
1667
|
}
|
|
1668
1668
|
],
|
|
1669
1669
|
"signatures": [
|
|
@@ -1678,7 +1678,7 @@
|
|
|
1678
1678
|
"fileName": "libs/components/pages/src/lib/modules/page/page-content.component.ts",
|
|
1679
1679
|
"line": 35,
|
|
1680
1680
|
"character": 2,
|
|
1681
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1681
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page-content.component.ts#L35"
|
|
1682
1682
|
}
|
|
1683
1683
|
],
|
|
1684
1684
|
"type": {
|
|
@@ -1720,7 +1720,7 @@
|
|
|
1720
1720
|
"fileName": "projects/pages/src/modules/page/page-content.component.ts",
|
|
1721
1721
|
"line": 31,
|
|
1722
1722
|
"character": 13,
|
|
1723
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1723
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/page-content.component.ts#L31"
|
|
1724
1724
|
}
|
|
1725
1725
|
],
|
|
1726
1726
|
"implementedTypes": [
|
|
@@ -1780,7 +1780,7 @@
|
|
|
1780
1780
|
"fileName": "projects/pages/src/modules/page-header/page-header-details.component.ts",
|
|
1781
1781
|
"line": 12,
|
|
1782
1782
|
"character": 13,
|
|
1783
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1783
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-details.component.ts#L12"
|
|
1784
1784
|
}
|
|
1785
1785
|
],
|
|
1786
1786
|
"decorators": [
|
|
@@ -1820,7 +1820,7 @@
|
|
|
1820
1820
|
"fileName": "projects/pages/src/modules/page-header/page-header-actions.component.ts",
|
|
1821
1821
|
"line": 12,
|
|
1822
1822
|
"character": 13,
|
|
1823
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1823
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page-header/page-header-actions.component.ts#L12"
|
|
1824
1824
|
}
|
|
1825
1825
|
],
|
|
1826
1826
|
"decorators": [
|
|
@@ -1868,7 +1868,7 @@
|
|
|
1868
1868
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
1869
1869
|
"line": 33,
|
|
1870
1870
|
"character": 2,
|
|
1871
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1871
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L33"
|
|
1872
1872
|
}
|
|
1873
1873
|
],
|
|
1874
1874
|
"type": {
|
|
@@ -1918,7 +1918,7 @@
|
|
|
1918
1918
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
1919
1919
|
"line": 18,
|
|
1920
1920
|
"character": 2,
|
|
1921
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1921
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L18"
|
|
1922
1922
|
}
|
|
1923
1923
|
],
|
|
1924
1924
|
"type": {
|
|
@@ -1947,7 +1947,7 @@
|
|
|
1947
1947
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
1948
1948
|
"line": 22,
|
|
1949
1949
|
"character": 2,
|
|
1950
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1950
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L22"
|
|
1951
1951
|
}
|
|
1952
1952
|
],
|
|
1953
1953
|
"type": {
|
|
@@ -1972,7 +1972,7 @@
|
|
|
1972
1972
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
1973
1973
|
"line": 23,
|
|
1974
1974
|
"character": 4,
|
|
1975
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1975
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L23"
|
|
1976
1976
|
}
|
|
1977
1977
|
],
|
|
1978
1978
|
"type": {
|
|
@@ -1995,7 +1995,7 @@
|
|
|
1995
1995
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
1996
1996
|
"line": 25,
|
|
1997
1997
|
"character": 6,
|
|
1998
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
1998
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L25"
|
|
1999
1999
|
}
|
|
2000
2000
|
],
|
|
2001
2001
|
"type": {
|
|
@@ -2019,7 +2019,7 @@
|
|
|
2019
2019
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2020
2020
|
"line": 26,
|
|
2021
2021
|
"character": 6,
|
|
2022
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2022
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L26"
|
|
2023
2023
|
}
|
|
2024
2024
|
],
|
|
2025
2025
|
"type": {
|
|
@@ -2047,7 +2047,7 @@
|
|
|
2047
2047
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2048
2048
|
"line": 23,
|
|
2049
2049
|
"character": 12,
|
|
2050
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2050
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L23"
|
|
2051
2051
|
}
|
|
2052
2052
|
]
|
|
2053
2053
|
}
|
|
@@ -2066,7 +2066,7 @@
|
|
|
2066
2066
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2067
2067
|
"line": 28,
|
|
2068
2068
|
"character": 4,
|
|
2069
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2069
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L28"
|
|
2070
2070
|
}
|
|
2071
2071
|
],
|
|
2072
2072
|
"type": {
|
|
@@ -2089,7 +2089,7 @@
|
|
|
2089
2089
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2090
2090
|
"line": 22,
|
|
2091
2091
|
"character": 14,
|
|
2092
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2092
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L22"
|
|
2093
2093
|
}
|
|
2094
2094
|
]
|
|
2095
2095
|
}
|
|
@@ -2114,7 +2114,7 @@
|
|
|
2114
2114
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2115
2115
|
"line": 13,
|
|
2116
2116
|
"character": 2,
|
|
2117
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2117
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L13"
|
|
2118
2118
|
}
|
|
2119
2119
|
],
|
|
2120
2120
|
"type": {
|
|
@@ -2139,7 +2139,7 @@
|
|
|
2139
2139
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
|
|
2140
2140
|
"line": 9,
|
|
2141
2141
|
"character": 17,
|
|
2142
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2142
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts#L9"
|
|
2143
2143
|
}
|
|
2144
2144
|
]
|
|
2145
2145
|
},
|
|
@@ -2177,7 +2177,7 @@
|
|
|
2177
2177
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link-interface.ts",
|
|
2178
2178
|
"line": 8,
|
|
2179
2179
|
"character": 2,
|
|
2180
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2180
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link-interface.ts#L8"
|
|
2181
2181
|
}
|
|
2182
2182
|
],
|
|
2183
2183
|
"type": {
|
|
@@ -2209,7 +2209,7 @@
|
|
|
2209
2209
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
|
|
2210
2210
|
"line": 12,
|
|
2211
2211
|
"character": 2,
|
|
2212
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2212
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L12"
|
|
2213
2213
|
}
|
|
2214
2214
|
],
|
|
2215
2215
|
"type": {
|
|
@@ -2234,7 +2234,7 @@
|
|
|
2234
2234
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2235
2235
|
"line": 13,
|
|
2236
2236
|
"character": 4,
|
|
2237
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2237
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L13"
|
|
2238
2238
|
}
|
|
2239
2239
|
],
|
|
2240
2240
|
"type": {
|
|
@@ -2257,7 +2257,7 @@
|
|
|
2257
2257
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2258
2258
|
"line": 14,
|
|
2259
2259
|
"character": 6,
|
|
2260
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2260
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L14"
|
|
2261
2261
|
}
|
|
2262
2262
|
],
|
|
2263
2263
|
"type": {
|
|
@@ -2281,7 +2281,7 @@
|
|
|
2281
2281
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2282
2282
|
"line": 15,
|
|
2283
2283
|
"character": 6,
|
|
2284
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2284
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L15"
|
|
2285
2285
|
}
|
|
2286
2286
|
],
|
|
2287
2287
|
"type": {
|
|
@@ -2309,7 +2309,7 @@
|
|
|
2309
2309
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2310
2310
|
"line": 13,
|
|
2311
2311
|
"character": 12,
|
|
2312
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2312
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L13"
|
|
2313
2313
|
}
|
|
2314
2314
|
]
|
|
2315
2315
|
}
|
|
@@ -2328,7 +2328,7 @@
|
|
|
2328
2328
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2329
2329
|
"line": 17,
|
|
2330
2330
|
"character": 4,
|
|
2331
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2331
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L17"
|
|
2332
2332
|
}
|
|
2333
2333
|
],
|
|
2334
2334
|
"type": {
|
|
@@ -2351,7 +2351,7 @@
|
|
|
2351
2351
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2352
2352
|
"line": 12,
|
|
2353
2353
|
"character": 13,
|
|
2354
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2354
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L12"
|
|
2355
2355
|
}
|
|
2356
2356
|
]
|
|
2357
2357
|
}
|
|
@@ -2372,7 +2372,7 @@
|
|
|
2372
2372
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
|
|
2373
2373
|
"line": 8,
|
|
2374
2374
|
"character": 17,
|
|
2375
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2375
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L8"
|
|
2376
2376
|
}
|
|
2377
2377
|
],
|
|
2378
2378
|
"extendedTypes": [
|
|
@@ -2428,7 +2428,7 @@
|
|
|
2428
2428
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link-interface.ts",
|
|
2429
2429
|
"line": 8,
|
|
2430
2430
|
"character": 2,
|
|
2431
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2431
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link-interface.ts#L8"
|
|
2432
2432
|
}
|
|
2433
2433
|
],
|
|
2434
2434
|
"type": {
|
|
@@ -2462,7 +2462,7 @@
|
|
|
2462
2462
|
"fileName": "projects/pages/src/modules/action-hub/types/page-modal-link.ts",
|
|
2463
2463
|
"line": 23,
|
|
2464
2464
|
"character": 2,
|
|
2465
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2465
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L23"
|
|
2466
2466
|
}
|
|
2467
2467
|
],
|
|
2468
2468
|
"type": {
|
|
@@ -2485,7 +2485,7 @@
|
|
|
2485
2485
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2486
2486
|
"line": 24,
|
|
2487
2487
|
"character": 4,
|
|
2488
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2488
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L24"
|
|
2489
2489
|
}
|
|
2490
2490
|
],
|
|
2491
2491
|
"type": {
|
|
@@ -2506,7 +2506,7 @@
|
|
|
2506
2506
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2507
2507
|
"line": 25,
|
|
2508
2508
|
"character": 4,
|
|
2509
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2509
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L25"
|
|
2510
2510
|
}
|
|
2511
2511
|
],
|
|
2512
2512
|
"type": {
|
|
@@ -2534,7 +2534,7 @@
|
|
|
2534
2534
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2535
2535
|
"line": 23,
|
|
2536
2536
|
"character": 10,
|
|
2537
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2537
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L23"
|
|
2538
2538
|
}
|
|
2539
2539
|
]
|
|
2540
2540
|
}
|
|
@@ -2561,7 +2561,7 @@
|
|
|
2561
2561
|
"fileName": "projects/pages/src/modules/action-hub/types/page-modal-link.ts",
|
|
2562
2562
|
"line": 13,
|
|
2563
2563
|
"character": 2,
|
|
2564
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2564
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L13"
|
|
2565
2565
|
}
|
|
2566
2566
|
],
|
|
2567
2567
|
"type": {
|
|
@@ -2586,7 +2586,7 @@
|
|
|
2586
2586
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2587
2587
|
"line": 14,
|
|
2588
2588
|
"character": 4,
|
|
2589
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2589
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L14"
|
|
2590
2590
|
}
|
|
2591
2591
|
],
|
|
2592
2592
|
"type": {
|
|
@@ -2609,7 +2609,7 @@
|
|
|
2609
2609
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2610
2610
|
"line": 15,
|
|
2611
2611
|
"character": 6,
|
|
2612
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2612
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L15"
|
|
2613
2613
|
}
|
|
2614
2614
|
],
|
|
2615
2615
|
"type": {
|
|
@@ -2633,7 +2633,7 @@
|
|
|
2633
2633
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2634
2634
|
"line": 16,
|
|
2635
2635
|
"character": 6,
|
|
2636
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2636
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L16"
|
|
2637
2637
|
}
|
|
2638
2638
|
],
|
|
2639
2639
|
"type": {
|
|
@@ -2661,7 +2661,7 @@
|
|
|
2661
2661
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2662
2662
|
"line": 14,
|
|
2663
2663
|
"character": 12,
|
|
2664
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2664
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L14"
|
|
2665
2665
|
}
|
|
2666
2666
|
]
|
|
2667
2667
|
}
|
|
@@ -2680,7 +2680,7 @@
|
|
|
2680
2680
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2681
2681
|
"line": 18,
|
|
2682
2682
|
"character": 4,
|
|
2683
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2683
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L18"
|
|
2684
2684
|
}
|
|
2685
2685
|
],
|
|
2686
2686
|
"type": {
|
|
@@ -2703,7 +2703,7 @@
|
|
|
2703
2703
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts",
|
|
2704
2704
|
"line": 13,
|
|
2705
2705
|
"character": 14,
|
|
2706
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2706
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L13"
|
|
2707
2707
|
}
|
|
2708
2708
|
]
|
|
2709
2709
|
}
|
|
@@ -2725,7 +2725,7 @@
|
|
|
2725
2725
|
"fileName": "projects/pages/src/modules/action-hub/types/page-modal-link.ts",
|
|
2726
2726
|
"line": 9,
|
|
2727
2727
|
"character": 17,
|
|
2728
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2728
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-link.ts#L9"
|
|
2729
2729
|
}
|
|
2730
2730
|
],
|
|
2731
2731
|
"extendedTypes": [
|
|
@@ -2774,7 +2774,7 @@
|
|
|
2774
2774
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link-interface.ts",
|
|
2775
2775
|
"line": 8,
|
|
2776
2776
|
"character": 2,
|
|
2777
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2777
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link-interface.ts#L8"
|
|
2778
2778
|
}
|
|
2779
2779
|
],
|
|
2780
2780
|
"type": {
|
|
@@ -2806,7 +2806,7 @@
|
|
|
2806
2806
|
"fileName": "projects/pages/src/modules/action-hub/types/recent-link.ts",
|
|
2807
2807
|
"line": 9,
|
|
2808
2808
|
"character": 2,
|
|
2809
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2809
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/recent-link.ts#L9"
|
|
2810
2810
|
}
|
|
2811
2811
|
],
|
|
2812
2812
|
"type": {
|
|
@@ -2847,7 +2847,7 @@
|
|
|
2847
2847
|
"fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
|
|
2848
2848
|
"line": 12,
|
|
2849
2849
|
"character": 2,
|
|
2850
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2850
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L12"
|
|
2851
2851
|
}
|
|
2852
2852
|
],
|
|
2853
2853
|
"type": {
|
|
@@ -2872,7 +2872,7 @@
|
|
|
2872
2872
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2873
2873
|
"line": 13,
|
|
2874
2874
|
"character": 4,
|
|
2875
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2875
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L13"
|
|
2876
2876
|
}
|
|
2877
2877
|
],
|
|
2878
2878
|
"type": {
|
|
@@ -2895,7 +2895,7 @@
|
|
|
2895
2895
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2896
2896
|
"line": 14,
|
|
2897
2897
|
"character": 6,
|
|
2898
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2898
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L14"
|
|
2899
2899
|
}
|
|
2900
2900
|
],
|
|
2901
2901
|
"type": {
|
|
@@ -2919,7 +2919,7 @@
|
|
|
2919
2919
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2920
2920
|
"line": 15,
|
|
2921
2921
|
"character": 6,
|
|
2922
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2922
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L15"
|
|
2923
2923
|
}
|
|
2924
2924
|
],
|
|
2925
2925
|
"type": {
|
|
@@ -2947,7 +2947,7 @@
|
|
|
2947
2947
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2948
2948
|
"line": 13,
|
|
2949
2949
|
"character": 12,
|
|
2950
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2950
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L13"
|
|
2951
2951
|
}
|
|
2952
2952
|
]
|
|
2953
2953
|
}
|
|
@@ -2966,7 +2966,7 @@
|
|
|
2966
2966
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2967
2967
|
"line": 17,
|
|
2968
2968
|
"character": 4,
|
|
2969
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2969
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L17"
|
|
2970
2970
|
}
|
|
2971
2971
|
],
|
|
2972
2972
|
"type": {
|
|
@@ -2989,7 +2989,7 @@
|
|
|
2989
2989
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/page-link.ts",
|
|
2990
2990
|
"line": 12,
|
|
2991
2991
|
"character": 13,
|
|
2992
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
2992
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-link.ts#L12"
|
|
2993
2993
|
}
|
|
2994
2994
|
]
|
|
2995
2995
|
}
|
|
@@ -3016,7 +3016,7 @@
|
|
|
3016
3016
|
"fileName": "projects/pages/src/modules/action-hub/types/recent-link.ts",
|
|
3017
3017
|
"line": 8,
|
|
3018
3018
|
"character": 17,
|
|
3019
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3019
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/recent-link.ts#L8"
|
|
3020
3020
|
}
|
|
3021
3021
|
],
|
|
3022
3022
|
"extendedTypes": [
|
|
@@ -3039,7 +3039,7 @@
|
|
|
3039
3039
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention-click-handler.ts",
|
|
3040
3040
|
"line": 1,
|
|
3041
3041
|
"character": 12,
|
|
3042
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3042
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts#L1"
|
|
3043
3043
|
}
|
|
3044
3044
|
],
|
|
3045
3045
|
"type": {
|
|
@@ -3055,7 +3055,7 @@
|
|
|
3055
3055
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts",
|
|
3056
3056
|
"line": 1,
|
|
3057
3057
|
"character": 53,
|
|
3058
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3058
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts#L1"
|
|
3059
3059
|
}
|
|
3060
3060
|
],
|
|
3061
3061
|
"signatures": [
|
|
@@ -3100,7 +3100,7 @@
|
|
|
3100
3100
|
"fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention-click-handler.ts",
|
|
3101
3101
|
"line": 5,
|
|
3102
3102
|
"character": 12,
|
|
3103
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3103
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts#L5"
|
|
3104
3104
|
}
|
|
3105
3105
|
],
|
|
3106
3106
|
"type": {
|
|
@@ -3123,7 +3123,7 @@
|
|
|
3123
3123
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts",
|
|
3124
3124
|
"line": 6,
|
|
3125
3125
|
"character": 2,
|
|
3126
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3126
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts#L6"
|
|
3127
3127
|
}
|
|
3128
3128
|
],
|
|
3129
3129
|
"type": {
|
|
@@ -3145,7 +3145,7 @@
|
|
|
3145
3145
|
"fileName": "libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts",
|
|
3146
3146
|
"line": 5,
|
|
3147
3147
|
"character": 57,
|
|
3148
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3148
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.ts#L5"
|
|
3149
3149
|
}
|
|
3150
3150
|
]
|
|
3151
3151
|
}
|
|
@@ -3162,7 +3162,7 @@
|
|
|
3162
3162
|
"fileName": "projects/pages/src/modules/page/types/page-layout-type.ts",
|
|
3163
3163
|
"line": 1,
|
|
3164
3164
|
"character": 12,
|
|
3165
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3165
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/page/types/page-layout-type.ts#L1"
|
|
3166
3166
|
}
|
|
3167
3167
|
],
|
|
3168
3168
|
"type": {
|
|
@@ -3202,7 +3202,7 @@
|
|
|
3202
3202
|
"fileName": "projects/pages/src/modules/action-hub/types/page-links-input.ts",
|
|
3203
3203
|
"line": 3,
|
|
3204
3204
|
"character": 12,
|
|
3205
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3205
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-links-input.ts#L3"
|
|
3206
3206
|
}
|
|
3207
3207
|
],
|
|
3208
3208
|
"type": {
|
|
@@ -3239,7 +3239,7 @@
|
|
|
3239
3239
|
"fileName": "projects/pages/src/modules/action-hub/types/page-modal-links-input.ts",
|
|
3240
3240
|
"line": 3,
|
|
3241
3241
|
"character": 12,
|
|
3242
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3242
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/page-modal-links-input.ts#L3"
|
|
3243
3243
|
}
|
|
3244
3244
|
],
|
|
3245
3245
|
"type": {
|
|
@@ -3284,7 +3284,7 @@
|
|
|
3284
3284
|
"fileName": "projects/pages/src/modules/action-hub/types/recent-links-input.ts",
|
|
3285
3285
|
"line": 8,
|
|
3286
3286
|
"character": 12,
|
|
3287
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3287
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/src/lib/modules/action-hub/types/recent-links-input.ts#L8"
|
|
3288
3288
|
}
|
|
3289
3289
|
],
|
|
3290
3290
|
"type": {
|
|
@@ -3411,7 +3411,7 @@
|
|
|
3411
3411
|
"fileName": "projects/pages/src/testing/page/page-harness.ts",
|
|
3412
3412
|
"line": 35,
|
|
3413
3413
|
"character": 15,
|
|
3414
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3414
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L35"
|
|
3415
3415
|
}
|
|
3416
3416
|
],
|
|
3417
3417
|
"signatures": [
|
|
@@ -3434,7 +3434,7 @@
|
|
|
3434
3434
|
"fileName": "libs/components/pages/testing/src/page/page-harness.ts",
|
|
3435
3435
|
"line": 35,
|
|
3436
3436
|
"character": 2,
|
|
3437
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3437
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L35"
|
|
3438
3438
|
}
|
|
3439
3439
|
],
|
|
3440
3440
|
"type": {
|
|
@@ -3471,7 +3471,7 @@
|
|
|
3471
3471
|
"fileName": "projects/pages/src/testing/page/page-harness.ts",
|
|
3472
3472
|
"line": 51,
|
|
3473
3473
|
"character": 15,
|
|
3474
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3474
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L51"
|
|
3475
3475
|
}
|
|
3476
3476
|
],
|
|
3477
3477
|
"signatures": [
|
|
@@ -3494,7 +3494,7 @@
|
|
|
3494
3494
|
"fileName": "libs/components/pages/testing/src/page/page-harness.ts",
|
|
3495
3495
|
"line": 51,
|
|
3496
3496
|
"character": 2,
|
|
3497
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3497
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L51"
|
|
3498
3498
|
}
|
|
3499
3499
|
],
|
|
3500
3500
|
"parameters": [
|
|
@@ -3647,7 +3647,7 @@
|
|
|
3647
3647
|
"fileName": "projects/pages/src/testing/page/page-harness.ts",
|
|
3648
3648
|
"line": 26,
|
|
3649
3649
|
"character": 16,
|
|
3650
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3650
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L26"
|
|
3651
3651
|
}
|
|
3652
3652
|
],
|
|
3653
3653
|
"signatures": [
|
|
@@ -3686,7 +3686,7 @@
|
|
|
3686
3686
|
"fileName": "libs/components/pages/testing/src/page/page-harness.ts",
|
|
3687
3687
|
"line": 26,
|
|
3688
3688
|
"character": 2,
|
|
3689
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3689
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L26"
|
|
3690
3690
|
}
|
|
3691
3691
|
],
|
|
3692
3692
|
"parameters": [
|
|
@@ -3748,7 +3748,7 @@
|
|
|
3748
3748
|
"fileName": "projects/pages/src/testing/page/page-harness.ts",
|
|
3749
3749
|
"line": 16,
|
|
3750
3750
|
"character": 13,
|
|
3751
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3751
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness.ts#L16"
|
|
3752
3752
|
}
|
|
3753
3753
|
],
|
|
3754
3754
|
"extendedTypes": [
|
|
@@ -3841,7 +3841,7 @@
|
|
|
3841
3841
|
"fileName": "libs/components/core/testing/src/shared/harness-filters.ts",
|
|
3842
3842
|
"line": 11,
|
|
3843
3843
|
"character": 2,
|
|
3844
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3844
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/core/testing/src/shared/harness-filters.ts#L11"
|
|
3845
3845
|
}
|
|
3846
3846
|
],
|
|
3847
3847
|
"type": {
|
|
@@ -3917,7 +3917,7 @@
|
|
|
3917
3917
|
"fileName": "projects/pages/src/testing/page/page-harness-filters.ts",
|
|
3918
3918
|
"line": 7,
|
|
3919
3919
|
"character": 17,
|
|
3920
|
-
"url": "https://github.com/blackbaud/skyux/blob/
|
|
3920
|
+
"url": "https://github.com/blackbaud/skyux/blob/27b72fcf9/libs/components/pages/testing/src/page/page-harness-filters.ts#L7"
|
|
3921
3921
|
}
|
|
3922
3922
|
],
|
|
3923
3923
|
"extendedTypes": [
|
|
@@ -4477,30 +4477,10 @@
|
|
|
4477
4477
|
}
|
|
4478
4478
|
},
|
|
4479
4479
|
"codeExamples": [
|
|
4480
|
-
{
|
|
4481
|
-
"fileName": "split-view-page-fit-layout-demo.module.ts",
|
|
4482
|
-
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/split-view-page-fit-layout-demo.module.ts",
|
|
4483
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkySummaryActionBarModule } from '@skyux/action-bars';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyAlertModule } from '@skyux/indicators';\nimport { SkyDescriptionListModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyPageModule } from '@skyux/pages';\nimport { SkySplitViewModule } from '@skyux/split-view';\n\nimport { SplitViewPageContentComponent } from './split-view-page-content.component';\nimport { SplitViewPageFitLayoutDemoComponent } from './split-view-page-fit-layout-demo.component';\n\n@NgModule({\n declarations: [\n SplitViewPageFitLayoutDemoComponent,\n SplitViewPageContentComponent,\n ],\n exports: [SplitViewPageFitLayoutDemoComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAlertModule,\n SkyDescriptionListModule,\n SkyInputBoxModule,\n SkyPageModule,\n SkyRepeaterModule,\n SkySplitViewModule,\n SkySummaryActionBarModule,\n ],\n})\nexport class SplitViewPageFitLayoutDemoModule {}\n"
|
|
4484
|
-
},
|
|
4485
|
-
{
|
|
4486
|
-
"fileName": "split-view-page-fit-layout-demo.component.ts",
|
|
4487
|
-
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/split-view-page-fit-layout-demo.component.ts",
|
|
4488
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-split-view-page-fit-layout-demo',\n templateUrl: './split-view-page-fit-layout-demo.component.html',\n})\nexport class SplitViewPageFitLayoutDemoComponent {}\n"
|
|
4489
|
-
},
|
|
4490
|
-
{
|
|
4491
|
-
"fileName": "split-view-page-fit-layout-demo.component.spec.ts",
|
|
4492
|
-
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/split-view-page-fit-layout-demo.component.spec.ts",
|
|
4493
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { SplitViewPageFitLayoutDemoComponent } from './split-view-page-fit-layout-demo.component';\nimport { SplitViewPageFitLayoutDemoModule } from './split-view-page-fit-layout-demo.module';\n\ndescribe('Split view page fit layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<SplitViewPageFitLayoutDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(\n SplitViewPageFitLayoutDemoComponent\n );\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [\n NoopAnimationsModule,\n RouterTestingModule,\n SplitViewPageFitLayoutDemoModule,\n ],\n });\n });\n\n it('should have a fit layout', async () => {\n const { pageHarness, fixture } = await setupTest();\n\n fixture.detectChanges();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('fit');\n });\n});\n"
|
|
4494
|
-
},
|
|
4495
|
-
{
|
|
4496
|
-
"fileName": "split-view-page-fit-layout-demo.component.html",
|
|
4497
|
-
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/split-view-page-fit-layout-demo.component.html",
|
|
4498
|
-
"rawContents": "<sky-page layout=\"fit\">\n <sky-page-header\n pageTitle=\"Expenses to approve\"\n [parentLink]=\"{\n label: 'Expenses',\n permalink: {\n route: {\n commands: ['/']\n }\n }\n }\"\n >\n <sky-page-header-alerts>\n <sky-alert alertType=\"warning\" descriptionType=\"warning\">\n There are multpile expense approvals due soon.\n </sky-alert>\n </sky-page-header-alerts>\n <sky-page-header-actions>\n <button class=\"sky-btn sky-btn-default\">Approve all</button>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <app-split-view-page-content></app-split-view-page-content>\n </sky-page-content>\n</sky-page>\n"
|
|
4499
|
-
},
|
|
4500
4480
|
{
|
|
4501
4481
|
"fileName": "split-view-page-content.component.ts",
|
|
4502
4482
|
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/split-view-page-content.component.ts",
|
|
4503
|
-
"rawContents": "import { Component, inject } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { SkyConfirmService, SkyConfirmType } from '@skyux/modals';\nimport {\n SkySplitViewMessage,\n SkySplitViewMessageType,\n} from '@skyux/split-view';\n\nimport { Subject } from 'rxjs';\n\ninterface WorkspaceItem {\n id: number;\n amount: number;\n date: string;\n vendor: string;\n receiptImage: string;\n approvedAmount: number;\n comments: string;\n}\n\n@Component({\n selector: 'app-split-view-page-content',\n templateUrl: './split-view-page-content.component.html',\n})\nexport class SplitViewPageContentComponent {\n protected set activeIndex(value: number) {\n this.#_activeIndex = value;\n this.activeRecord = this.items[this.#_activeIndex];\n this.#loadFormGroup(this.activeRecord);\n }\n\n protected get activeIndex(): number {\n return this.#_activeIndex;\n }\n\n protected items: WorkspaceItem[] = [\n {\n id: 1,\n amount: 73.19,\n date: '5/13/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-13-19.png',\n approvedAmount: 73.19,\n comments: '',\n },\n {\n id: 2,\n amount: 214.12,\n date: '5/14/2020',\n vendor: 'Office Max',\n receiptImage: 'office-max-order.png',\n approvedAmount: 214.12,\n comments: '',\n },\n {\n id: 3,\n amount: 29.99,\n date: '5/14/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-14-19.png',\n approvedAmount: 29.99,\n comments: '',\n },\n {\n id: 4,\n amount: 1500,\n date: '5/15/2020',\n vendor: 'Fresh Catering, LLC',\n receiptImage: 'fresh-catering-llc-order.png',\n approvedAmount: 1500,\n comments: '',\n },\n {\n id: 5,\n amount: 456.24,\n date: '5/16/2020',\n vendor: 'Wish',\n receiptImage: 'wish-delivery-order.png',\n approvedAmount: 456.24,\n comments: '',\n },\n {\n id: 6,\n amount: 62.37,\n date: '5/16/2020',\n vendor: 'Staples',\n receiptImage: 'staples-paper-bulk-order.png',\n approvedAmount: 62.37,\n comments: '',\n },\n {\n id: 7,\n amount: 51.84,\n date: '5/17/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-17-19.png',\n approvedAmount: 51.84,\n comments: '',\n },\n {\n id: 8,\n amount: 92.55,\n date: '5/18/2020',\n vendor: 'Home Depot',\n receiptImage: 'home-depot-order.png',\n approvedAmount: 0.0,\n comments: '',\n },\n {\n id: 9,\n amount: 38.29,\n date: '5/18/2020',\n vendor: 'Papa Johns',\n receiptImage: 'papa-johns-order.png',\n approvedAmount: 38.29,\n comments: '',\n },\n ];\n\n protected activeRecord = this.items[0];\n protected listWidth: number | undefined;\n protected splitViewStream = new Subject<SkySplitViewMessage>();\n\n protected splitViewDemoForm = inject(FormBuilder).group({\n approvedAmount: [this.activeRecord.approvedAmount],\n comments: [this.activeRecord.comments],\n });\n\n #_activeIndex = 0;\n\n #confirmSvc = inject(SkyConfirmService);\n\n protected onItemClick(index: number): void {\n // Prevent workspace from loading new data if the current workspace form is dirty.\n if (this.splitViewDemoForm.dirty && index !== this.activeIndex) {\n this.#openConfirmModal(index);\n } else {\n this.#loadWorkspace(index);\n }\n }\n\n protected onApprove(): void {\n console.log('Approved clicked!');\n this.#saveForm();\n }\n\n protected onDeny(): void {\n console.log('Denied clicked!');\n }\n\n #loadFormGroup(record: WorkspaceItem): void {\n this.splitViewDemoForm.setValue({\n approvedAmount: record.approvedAmount,\n comments: record.comments,\n });\n }\n\n #loadWorkspace(index: number): void {\n this.activeIndex = index;\n this.#setFocusInWorkspace();\n }\n\n #openConfirmModal(index: number): void {\n this.#confirmSvc\n .open({\n message:\n 'You have unsaved work. Would you like to save it before you change records?',\n type: SkyConfirmType.Custom,\n buttons: [\n {\n action: 'yes',\n text: 'Yes',\n styleType: 'primary',\n },\n {\n action: 'discard',\n text: 'Discard changes',\n styleType: 'link',\n },\n ],\n })\n .closed.subscribe((closeArgs) => {\n if (closeArgs.action === 'yes') {\n this.#saveForm();\n }\n\n this.#loadWorkspace(index);\n });\n }\n\n #saveForm(): void {\n this.activeRecord = Object.assign(\n this.activeRecord,\n this.splitViewDemoForm.value\n );\n\n this.splitViewDemoForm.markAsPristine();\n }\n\n #setFocusInWorkspace(): void {\n this.splitViewStream.next({\n type: SkySplitViewMessageType.FocusWorkspace,\n });\n }\n}\n"
|
|
4483
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkySummaryActionBarModule } from '@skyux/action-bars';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyDescriptionListModule } from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyConfirmService, SkyConfirmType } from '@skyux/modals';\nimport {\n SkySplitViewMessage,\n SkySplitViewMessageType,\n SkySplitViewModule,\n} from '@skyux/split-view';\n\nimport { Subject } from 'rxjs';\n\ninterface WorkspaceItem {\n id: number;\n amount: number;\n date: string;\n vendor: string;\n receiptImage: string;\n approvedAmount: number;\n comments: string;\n}\n\n@Component({\n standalone: true,\n selector: 'app-split-view-page-content',\n templateUrl: './split-view-page-content.component.html',\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyDescriptionListModule,\n SkyInputBoxModule,\n SkyRepeaterModule,\n SkySplitViewModule,\n SkySummaryActionBarModule,\n ],\n})\nexport class SplitViewPageContentComponent {\n protected set activeIndex(value: number) {\n this.#_activeIndex = value;\n this.activeRecord = this.items[this.#_activeIndex];\n this.#loadFormGroup(this.activeRecord);\n }\n\n protected get activeIndex(): number {\n return this.#_activeIndex;\n }\n\n protected items: WorkspaceItem[] = [\n {\n id: 1,\n amount: 73.19,\n date: '5/13/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-13-19.png',\n approvedAmount: 73.19,\n comments: '',\n },\n {\n id: 2,\n amount: 214.12,\n date: '5/14/2020',\n vendor: 'Office Max',\n receiptImage: 'office-max-order.png',\n approvedAmount: 214.12,\n comments: '',\n },\n {\n id: 3,\n amount: 29.99,\n date: '5/14/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-14-19.png',\n approvedAmount: 29.99,\n comments: '',\n },\n {\n id: 4,\n amount: 1500,\n date: '5/15/2020',\n vendor: 'Fresh Catering, LLC',\n receiptImage: 'fresh-catering-llc-order.png',\n approvedAmount: 1500,\n comments: '',\n },\n {\n id: 5,\n amount: 456.24,\n date: '5/16/2020',\n vendor: 'Wish',\n receiptImage: 'wish-delivery-order.png',\n approvedAmount: 456.24,\n comments: '',\n },\n {\n id: 6,\n amount: 62.37,\n date: '5/16/2020',\n vendor: 'Staples',\n receiptImage: 'staples-paper-bulk-order.png',\n approvedAmount: 62.37,\n comments: '',\n },\n {\n id: 7,\n amount: 51.84,\n date: '5/17/2020',\n vendor: 'amazon.com',\n receiptImage: 'amzn-office-supply-order-5-17-19.png',\n approvedAmount: 51.84,\n comments: '',\n },\n {\n id: 8,\n amount: 92.55,\n date: '5/18/2020',\n vendor: 'Home Depot',\n receiptImage: 'home-depot-order.png',\n approvedAmount: 0.0,\n comments: '',\n },\n {\n id: 9,\n amount: 38.29,\n date: '5/18/2020',\n vendor: 'Papa Johns',\n receiptImage: 'papa-johns-order.png',\n approvedAmount: 38.29,\n comments: '',\n },\n ];\n\n protected activeRecord = this.items[0];\n protected listWidth: number | undefined;\n protected splitViewStream = new Subject<SkySplitViewMessage>();\n\n protected splitViewDemoForm = inject(FormBuilder).group({\n approvedAmount: [this.activeRecord.approvedAmount],\n comments: [this.activeRecord.comments],\n });\n\n #_activeIndex = 0;\n\n #confirmSvc = inject(SkyConfirmService);\n\n protected onItemClick(index: number): void {\n // Prevent workspace from loading new data if the current workspace form is dirty.\n if (this.splitViewDemoForm.dirty && index !== this.activeIndex) {\n this.#openConfirmModal(index);\n } else {\n this.#loadWorkspace(index);\n }\n }\n\n protected onApprove(): void {\n console.log('Approved clicked!');\n this.#saveForm();\n }\n\n protected onDeny(): void {\n console.log('Denied clicked!');\n }\n\n #loadFormGroup(record: WorkspaceItem): void {\n this.splitViewDemoForm.setValue({\n approvedAmount: record.approvedAmount,\n comments: record.comments,\n });\n }\n\n #loadWorkspace(index: number): void {\n this.activeIndex = index;\n this.#setFocusInWorkspace();\n }\n\n #openConfirmModal(index: number): void {\n this.#confirmSvc\n .open({\n message:\n 'You have unsaved work. Would you like to save it before you change records?',\n type: SkyConfirmType.Custom,\n buttons: [\n {\n action: 'yes',\n text: 'Yes',\n styleType: 'primary',\n },\n {\n action: 'discard',\n text: 'Discard changes',\n styleType: 'link',\n },\n ],\n })\n .closed.subscribe((closeArgs) => {\n if (closeArgs.action === 'yes') {\n this.#saveForm();\n }\n\n this.#loadWorkspace(index);\n });\n }\n\n #saveForm(): void {\n this.activeRecord = Object.assign(\n this.activeRecord,\n this.splitViewDemoForm.value\n );\n\n this.splitViewDemoForm.markAsPristine();\n }\n\n #setFocusInWorkspace(): void {\n this.splitViewStream.next({\n type: SkySplitViewMessageType.FocusWorkspace,\n });\n }\n}\n"
|
|
4504
4484
|
},
|
|
4505
4485
|
{
|
|
4506
4486
|
"fileName": "split-view-page-content.component.html",
|
|
@@ -4508,29 +4488,24 @@
|
|
|
4508
4488
|
"rawContents": "<sky-split-view dock=\"fill\" [messageStream]=\"splitViewStream\">\n <sky-split-view-drawer [ariaLabel]=\"'Transaction list'\" [width]=\"listWidth\">\n <sky-repeater [activeIndex]=\"activeIndex\">\n <sky-repeater-item\n *ngFor=\"let item of items; let i = index\"\n (click)=\"onItemClick(i)\"\n (keyup.enter)=\"onItemClick(i)\"\n >\n <sky-repeater-item-content>\n {{ item.amount }} <br />\n {{ item.date }} <br />\n {{ item.vendor }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-split-view-drawer>\n\n <sky-split-view-workspace ariaLabel=\"Transaction form\">\n <sky-split-view-workspace-content class=\"sky-padding-even-xl\">\n <form [formGroup]=\"splitViewDemoForm\" (ngSubmit)=\"onApprove()\">\n <sky-description-list class=\"sky-margin-stacked-xl\">\n <sky-description-list-content>\n <sky-description-list-term>\n Receipt amount\n </sky-description-list-term>\n <sky-description-list-description>\n {{ activeRecord.amount }}\n </sky-description-list-description>\n </sky-description-list-content>\n <sky-description-list-content>\n <sky-description-list-term> Date </sky-description-list-term>\n <sky-description-list-description>\n {{ activeRecord.date }}\n </sky-description-list-description>\n </sky-description-list-content>\n <sky-description-list-content>\n <sky-description-list-term> Vendor </sky-description-list-term>\n <sky-description-list-description>\n {{ activeRecord.vendor }}\n </sky-description-list-description>\n </sky-description-list-content>\n <sky-description-list-content>\n <sky-description-list-term>\n Receipt image\n </sky-description-list-term>\n <sky-description-list-description>\n {{ activeRecord.receiptImage }}\n </sky-description-list-description>\n </sky-description-list-content>\n </sky-description-list>\n <div>\n <sky-input-box stacked=\"true\">\n <label class=\"sky-control-label\" [for]=\"amountInput.id\">\n Approved amount\n </label>\n <input\n class=\"sky-form-control\"\n formControlName=\"approvedAmount\"\n name=\"approvedAmount\"\n type=\"text\"\n skyId\n #amountInput\n />\n </sky-input-box>\n </div>\n\n <div>\n <sky-input-box stacked=\"true\">\n <label class=\"sky-control-label\" [for]=\"commentsInput.id\">\n Comments\n </label>\n <textarea\n class=\"sky-form-control\"\n formControlName=\"comments\"\n name=\"comments\"\n skyId\n #commentsInput\n ></textarea>\n </sky-input-box>\n </div>\n </form>\n </sky-split-view-workspace-content>\n <sky-split-view-workspace-footer>\n <sky-summary-action-bar id=\"summary-action-bar\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action (actionClick)=\"onApprove()\">\n Approve expense\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action (actionClick)=\"onDeny()\">\n Deny expense\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n </sky-summary-action-bar>\n </sky-split-view-workspace-footer>\n </sky-split-view-workspace>\n</sky-split-view>\n"
|
|
4509
4489
|
},
|
|
4510
4490
|
{
|
|
4511
|
-
"fileName": "
|
|
4512
|
-
"filePath": "/projects/pages/documentation/code-examples/page/
|
|
4513
|
-
"rawContents": "import {
|
|
4491
|
+
"fileName": "demo.component.ts",
|
|
4492
|
+
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/demo.component.ts",
|
|
4493
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyAlertModule } from '@skyux/indicators';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { SplitViewPageContentComponent } from './split-view-page-content.component';\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [SkyAlertModule, SkyPageModule, SplitViewPageContentComponent],\n})\nexport class DemoComponent {}\n"
|
|
4514
4494
|
},
|
|
4515
4495
|
{
|
|
4516
|
-
"fileName": "
|
|
4517
|
-
"filePath": "/projects/pages/documentation/code-examples/page/
|
|
4518
|
-
"rawContents": "import {
|
|
4496
|
+
"fileName": "demo.component.spec.ts",
|
|
4497
|
+
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/demo.component.spec.ts",
|
|
4498
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { DemoComponent } from './demo.component';\n\ndescribe('Split view page fit layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<DemoComponent>;\n }> {\n const fixture = TestBed.createComponent(DemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [DemoComponent, NoopAnimationsModule, RouterTestingModule],\n });\n });\n\n it('should have a fit layout', async () => {\n const { pageHarness, fixture } = await setupTest();\n\n fixture.detectChanges();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('fit');\n });\n});\n"
|
|
4519
4499
|
},
|
|
4520
4500
|
{
|
|
4521
|
-
"fileName": "
|
|
4522
|
-
"filePath": "/projects/pages/documentation/code-examples/page/
|
|
4523
|
-
"rawContents": "
|
|
4524
|
-
},
|
|
4525
|
-
{
|
|
4526
|
-
"fileName": "record-page-tabs-layout-demo.component.html",
|
|
4527
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-tabs-layout-demo.component.html",
|
|
4528
|
-
"rawContents": "<sky-page layout=\"tabs\">\n <sky-page-header pageTitle=\"Charlene Conners\">\n <sky-page-header-alerts>\n <sky-alert alertType=\"warning\" descriptionType=\"warning\">\n Missing phone number for Charlene Conners.\n </sky-alert>\n </sky-page-header-alerts>\n <sky-page-header-avatar>\n <sky-avatar name=\"Charlene Conners\"> </sky-avatar>\n </sky-page-header-avatar>\n <sky-page-header-details>\n <sky-label labelType=\"info\" descriptionType=\"important-info\">\n VIP\n </sky-label>\n </sky-page-header-details>\n <sky-page-header-actions>\n <button class=\"sky-btn sky-btn-default\">Email contact</button>\n <button class=\"sky-btn sky-btn-default\">Add to my contacts</button>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <app-record-page-content></app-record-page-content>\n </sky-page-content>\n</sky-page>\n"
|
|
4501
|
+
"fileName": "demo.component.html",
|
|
4502
|
+
"filePath": "/projects/pages/documentation/code-examples/page/split-view-page-fit-layout-demo/demo.component.html",
|
|
4503
|
+
"rawContents": "<sky-page layout=\"fit\">\n <sky-page-header\n pageTitle=\"Expenses to approve\"\n [parentLink]=\"{\n label: 'Expenses',\n permalink: {\n route: {\n commands: ['/']\n }\n }\n }\"\n >\n <sky-page-header-alerts>\n <sky-alert alertType=\"warning\" descriptionType=\"warning\">\n There are multiple expense approvals due soon.\n </sky-alert>\n </sky-page-header-alerts>\n <sky-page-header-actions>\n <button class=\"sky-btn sky-btn-default\">Approve all</button>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <app-split-view-page-content />\n </sky-page-content>\n</sky-page>\n"
|
|
4529
4504
|
},
|
|
4530
4505
|
{
|
|
4531
4506
|
"fileName": "record-page-overview-tab.component.ts",
|
|
4532
4507
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-overview-tab.component.ts",
|
|
4533
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-record-page-overview-tab',\n templateUrl: './record-page-overview-tab.component.html',\n styleUrls: ['./record-page-overview-tab.component.scss'],\n})\nexport class RecordPageOverviewTabComponent {\n
|
|
4508
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\nimport {\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n} from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\n\n@Component({\n standalone: true,\n selector: 'app-record-page-overview-tab',\n templateUrl: './record-page-overview-tab.component.html',\n styleUrls: ['./record-page-overview-tab.component.scss'],\n imports: [\n CommonModule,\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n SkyIconModule,\n SkyKeyInfoModule,\n SkyRepeaterModule,\n ],\n})\nexport class RecordPageOverviewTabComponent {\n protected recordDetails = [\n {\n detail: 'Designation',\n info: 'General operating',\n },\n {\n detail: 'Source',\n info: 'Online donation form',\n },\n {\n detail: 'Status',\n info: 'Active',\n },\n {\n detail: 'Due date',\n info: '12/12/2023',\n },\n {\n detail: 'Create date',\n info: '01/05/2023',\n },\n {\n detail: 'Frequency',\n info: 'Quarterly',\n },\n ];\n\n protected actualPayments = [\n {\n category: 'Amount',\n value: '$845.00',\n },\n {\n category: 'Assigned',\n value: '$800.00',\n },\n {\n category: 'Applied',\n value: '$800.00',\n },\n {\n category: 'Payments',\n value: 25,\n },\n ];\n\n protected projectedPayments = [\n {\n category: 'Amount',\n value: '$0',\n },\n {\n category: 'Line items',\n value: 0,\n },\n ];\n\n protected recentActivity = [\n {\n activity: '$250.00 payment processed successfully.',\n date: '07/01/2023 12:02 am',\n },\n {\n activity: '$150.00 payment processed successfully.',\n date: '06/15/2023 12:02 am',\n },\n {\n activity: '$250.00 payment processed successfully.',\n date: '04/01/2023 12:02 am',\n },\n ];\n}\n"
|
|
4534
4509
|
},
|
|
4535
4510
|
{
|
|
4536
4511
|
"fileName": "record-page-overview-tab.component.scss",
|
|
@@ -4540,42 +4515,57 @@
|
|
|
4540
4515
|
{
|
|
4541
4516
|
"fileName": "record-page-overview-tab.component.html",
|
|
4542
4517
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-overview-tab.component.html",
|
|
4543
|
-
"rawContents": "<sky-fluid-grid gutterSize=\"medium\" [disableMargin]=\"true\">\n <sky-row>\n <sky-column [screenSmall]=\"4\" [screenXSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Details</h2>\n </sky-box-header>\n <sky-box-controls>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n aria-label=\"Edit button for details\"\n >\n <sky-icon icon=\"edit\"
|
|
4518
|
+
"rawContents": "<sky-fluid-grid gutterSize=\"medium\" [disableMargin]=\"true\">\n <sky-row>\n <sky-column [screenSmall]=\"4\" [screenXSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Details</h2>\n </sky-box-header>\n <sky-box-controls>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n aria-label=\"Edit button for details\"\n >\n <sky-icon icon=\"edit\" />\n </button>\n </sky-box-controls>\n <sky-box-content>\n <sky-description-list mode=\"vertical\">\n <sky-description-list-content\n *ngFor=\"let recordDetail of recordDetails\"\n >\n <sky-description-list-term>\n {{ recordDetail.detail }}\n </sky-description-list-term>\n <sky-description-list-description>\n {{ recordDetail.info }}\n </sky-description-list-description>\n </sky-description-list-content>\n </sky-description-list>\n </sky-box-content>\n </sky-box>\n </sky-column>\n <sky-column [screenSmall]=\"4\" [screenXSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Payments</h2>\n </sky-box-header>\n <sky-box-content>\n <div class=\"box-2-content\">\n <div class=\"box-2-actuals\">\n <h3 class=\"sky-font-heading-4\">Actuals</h3>\n <sky-key-info\n [ngClass]=\"{\n 'sky-margin-stacked-lg': i < actualPayments.length - 1\n }\"\n *ngFor=\"let actual of actualPayments; let i = index\"\n >\n <sky-key-info-value class=\"sky-font-display-3\">\n {{ actual.value }}\n </sky-key-info-value>\n <sky-key-info-label>{{ actual.category }}</sky-key-info-label>\n </sky-key-info>\n </div>\n <div class=\"box-2-projected\">\n <h3 class=\"sky-font-heading-4\">Projected</h3>\n <sky-key-info\n [ngClass]=\"{\n 'sky-margin-stacked-lg': i < projectedPayments.length - 1\n }\"\n *ngFor=\"let projected of projectedPayments; let i = index\"\n >\n <sky-key-info-value class=\"sky-font-display-3\">\n {{ projected.value }}\n </sky-key-info-value>\n <sky-key-info-label>\n {{ projected.category }}\n </sky-key-info-label>\n </sky-key-info>\n </div>\n </div>\n </sky-box-content>\n </sky-box>\n </sky-column>\n <sky-column [screenSmall]=\"4\" [screenXSmall]=\"12\">\n <sky-box>\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Recent activity</h2>\n </sky-box-header>\n <sky-box-content>\n <sky-repeater>\n <sky-repeater-item *ngFor=\"let activity of recentActivity\">\n <sky-repeater-item-content>\n <div class=\"sky-margin-stacked-xs\">\n {{ activity.activity }}\n </div>\n <div class=\"sky-font-deemphasized\">{{ activity.date }}</div>\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-box-content>\n </sky-box>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n"
|
|
4544
4519
|
},
|
|
4545
4520
|
{
|
|
4546
4521
|
"fileName": "record-page-notes-tab.component.ts",
|
|
4547
4522
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-notes-tab.component.ts",
|
|
4548
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-record-page-notes-tab',\n templateUrl: './record-page-notes-tab.component.html',\n})\nexport class RecordPageNotesTabComponent {\n
|
|
4523
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyRepeaterModule, SkySortModule } from '@skyux/lists';\nimport { SkySearchModule } from '@skyux/lookup';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\n@Component({\n standalone: true,\n selector: 'app-record-page-notes-tab',\n templateUrl: './record-page-notes-tab.component.html',\n imports: [\n CommonModule,\n SkyDropdownModule,\n SkyIconModule,\n SkyKeyInfoModule,\n SkyRepeaterModule,\n SkySearchModule,\n SkySortModule,\n SkyToolbarModule,\n ],\n})\nexport class RecordPageNotesTabComponent {\n protected notes = [\n {\n noteNumber: 1,\n content: 'Attended our gala last year and had a great time.',\n date: '11/17/2024',\n },\n {\n noteNumber: 2,\n content:\n 'Is a business owner and has a lot of connections in the community.',\n date: '10/11/2024',\n },\n ];\n}\n"
|
|
4549
4524
|
},
|
|
4550
4525
|
{
|
|
4551
4526
|
"fileName": "record-page-notes-tab.component.html",
|
|
4552
4527
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-notes-tab.component.html",
|
|
4553
|
-
"rawContents": "<div class=\"sky-margin-stacked-xs\">\n <sky-toolbar>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n aria-label=\"New note\"\n >\n <sky-icon icon=\"add\"
|
|
4528
|
+
"rawContents": "<div class=\"sky-margin-stacked-xs\">\n <sky-toolbar>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n aria-label=\"New note\"\n >\n <sky-icon icon=\"add\" />\n New\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-sort [showButtonText]=\"true\">\n <sky-sort-item>\n <span aria-label=\"Sort notes by date created (newest first)\">\n Date created (newest first)\n </span>\n </sky-sort-item>\n <sky-sort-item>\n <span aria-label=\"Sort notes by date created (oldest first)\">\n Date created (oldest first)\n </span>\n </sky-sort-item>\n </sky-sort>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n aria-label=\"Export notes\"\n >\n <sky-icon icon=\"xls-file\" />\n Export\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-search placeholderText=\"Find in notes\" />\n </sky-toolbar-item>\n </sky-toolbar>\n</div>\n<div class=\"sky-margin-stacked-sm\">\n <sky-key-info layout=\"horizontal\">\n <sky-key-info-value class=\"sky-font-display-4\">\n {{ notes.length }}\n </sky-key-info-value>\n <sky-key-info-label> Notes </sky-key-info-label>\n </sky-key-info>\n</div>\n<sky-repeater>\n <sky-repeater-item *ngFor=\"let note of notes\">\n <sky-repeater-item-context-menu>\n <sky-dropdown\n buttonType=\"context-menu\"\n [label]=\"\n 'Context menu for note ' + note.noteNumber + ' from ' + note.date\n \"\n >\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button\n type=\"button\"\n [attr.aria-label]=\"\n 'Edit note ' + note.noteNumber + ' from ' + note.date\n \"\n >\n Edit\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button\n type=\"button\"\n [attr.aria-label]=\"\n 'Delete note ' + note.noteNumber + ' from ' + note.date\n \"\n >\n Delete\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n <div class=\"sky-margin-stacked-xs\">\n {{ note.content }}\n </div>\n <div class=\"sky-font-deemphasized\">{{ note.date }}</div>\n </sky-repeater-item-content>\n </sky-repeater-item>\n</sky-repeater>\n"
|
|
4554
4529
|
},
|
|
4555
4530
|
{
|
|
4556
4531
|
"fileName": "record-page-content.component.ts",
|
|
4557
4532
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-content.component.ts",
|
|
4558
|
-
"rawContents": "import { Component } from '@angular/core';\nimport { SkyTabIndex } from '@skyux/tabs';\n\n@Component({\n selector: 'app-record-page-content',\n templateUrl: './record-page-content.component.html',\n})\nexport class RecordPageContentComponent {\n
|
|
4533
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyTabIndex, SkyTabsModule } from '@skyux/tabs';\n\nimport { RecordPageAttachmentsTabComponent } from './record-page-attachments-tab.component';\nimport { RecordPageNotesTabComponent } from './record-page-notes-tab.component';\nimport { RecordPageOverviewTabComponent } from './record-page-overview-tab.component';\n\n@Component({\n standalone: true,\n selector: 'app-record-page-content',\n templateUrl: './record-page-content.component.html',\n imports: [\n CommonModule,\n RecordPageAttachmentsTabComponent,\n RecordPageNotesTabComponent,\n RecordPageOverviewTabComponent,\n SkyTabsModule,\n ],\n})\nexport class RecordPageContentComponent {\n protected activeTabIndex: SkyTabIndex = 0;\n}\n"
|
|
4559
4534
|
},
|
|
4560
4535
|
{
|
|
4561
4536
|
"fileName": "record-page-content.component.html",
|
|
4562
4537
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-content.component.html",
|
|
4563
|
-
"rawContents": "<sky-tabset [(active)]=\"activeTabIndex\">\n <sky-tab tabHeading=\"Overview\" layout=\"blocks\">\n <app-record-page-overview-tab
|
|
4538
|
+
"rawContents": "<sky-tabset [(active)]=\"activeTabIndex\">\n <sky-tab tabHeading=\"Overview\" layout=\"blocks\">\n <app-record-page-overview-tab />\n </sky-tab>\n <sky-tab tabHeading=\"Notes\" layout=\"list\">\n <app-record-page-notes-tab />\n </sky-tab>\n <sky-tab tabHeading=\"Attachments\" layout=\"list\">\n <app-record-page-attachments-tab *ngIf=\"activeTabIndex === 2\" />\n </sky-tab>\n</sky-tabset>\n"
|
|
4564
4539
|
},
|
|
4565
4540
|
{
|
|
4566
4541
|
"fileName": "record-page-attachments-tab.component.ts",
|
|
4567
4542
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.ts",
|
|
4568
|
-
"rawContents": "import { Component, OnInit, inject } from '@angular/core';\nimport { SkyAgGridService } from '@skyux/ag-grid';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';\n\nimport { AttachmentsGridContextMenuComponent } from './attachments-grid-context-menu.component';\n\n@Component({\n selector: 'app-record-page-attachments-tab',\n templateUrl: './record-page-attachments-tab.component.html',\n providers: [SkyDataManagerService],\n})\nexport class RecordPageAttachmentsTabComponent implements OnInit {\n
|
|
4543
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component, OnInit, inject } from '@angular/core';\nimport { SkyAgGridModule, SkyAgGridService } from '@skyux/ag-grid';\nimport {\n SkyDataManagerModule,\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';\n\nimport { AttachmentsGridContextMenuComponent } from './attachments-grid-context-menu.component';\n\n@Component({\n standalone: true,\n selector: 'app-record-page-attachments-tab',\n templateUrl: './record-page-attachments-tab.component.html',\n providers: [SkyDataManagerService],\n imports: [\n CommonModule,\n AgGridModule,\n SkyAgGridModule,\n SkyDataManagerModule,\n SkyKeyInfoModule,\n SkyIconModule,\n ],\n})\nexport class RecordPageAttachmentsTabComponent implements OnInit {\n protected items = [\n {\n name: 'Agreement.pdf',\n description: 'Cardholder agreement',\n size: '10 KB',\n dateAdded: '01/28/2023',\n },\n {\n name: 'Appendix.pdf',\n description: 'Updated terms 2023',\n size: '25 KB',\n dateAdded: '05/05/2023',\n },\n ];\n protected gridOptions: GridOptions;\n\n #dataManagerService = inject(SkyDataManagerService);\n #agGridSvc = inject(SkyAgGridService);\n\n #columnDefs: ColDef[] = [\n {\n colId: 'contextMenu',\n headerName: '',\n sortable: false,\n cellRenderer: AttachmentsGridContextMenuComponent,\n maxWidth: 55,\n },\n {\n colId: 'name',\n field: 'name',\n headerName: 'Name',\n width: 150,\n cellRenderer: (params: ICellRendererParams): string => {\n return `<a href=\"/\">${params.value}</a>`;\n },\n },\n {\n colId: 'description',\n field: 'description',\n headerName: 'Description',\n },\n {\n colId: 'size',\n field: 'size',\n headerName: 'Size',\n },\n {\n colId: 'dateAdded',\n field: 'dateAdded',\n headerName: 'Date Added',\n },\n ];\n\n #viewConfig: SkyDataViewConfig = {\n id: 'gridView',\n name: 'Grid View',\n searchEnabled: true,\n };\n\n constructor() {\n this.gridOptions = this.#agGridSvc.getGridOptions({\n gridOptions: {\n columnDefs: this.#columnDefs,\n onGridReady: (args) => {\n args.api.sizeColumnsToFit();\n },\n },\n });\n }\n\n public ngOnInit(): void {\n this.#dataManagerService.initDataManager({\n activeViewId: 'gridView',\n dataManagerConfig: {},\n defaultDataState: new SkyDataManagerState({\n views: [\n {\n viewId: 'gridView',\n displayedColumnIds: [\n 'contextMenu',\n 'name',\n 'description',\n 'size',\n 'dateAdded',\n ],\n },\n ],\n }),\n });\n\n this.#dataManagerService.initDataView(this.#viewConfig);\n }\n}\n"
|
|
4569
4544
|
},
|
|
4570
4545
|
{
|
|
4571
4546
|
"fileName": "record-page-attachments-tab.component.html",
|
|
4572
4547
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/record-page-attachments-tab.component.html",
|
|
4573
|
-
"rawContents": "<sky-data-manager>\n <div class=\"sky-margin-stacked-xs\">\n <sky-data-manager-toolbar>\n <sky-data-manager-toolbar-primary-item>\n <button class=\"sky-btn sky-btn-default\" aria-label=\"New attachment\">\n <sky-icon icon=\"add\"
|
|
4548
|
+
"rawContents": "<sky-data-manager>\n <div class=\"sky-margin-stacked-xs\">\n <sky-data-manager-toolbar>\n <sky-data-manager-toolbar-primary-item>\n <button class=\"sky-btn sky-btn-default\" aria-label=\"New attachment\">\n <sky-icon icon=\"add\" />\n New\n </button>\n </sky-data-manager-toolbar-primary-item>\n </sky-data-manager-toolbar>\n </div>\n <div class=\"sky-margin-stacked-sm\">\n <sky-key-info layout=\"horizontal\" class=\"sky-padding-horizontal-sm\">\n <sky-key-info-value class=\"sky-font-display-4\">\n {{ items.length }}\n </sky-key-info-value>\n <sky-key-info-label> Attachments </sky-key-info-label>\n </sky-key-info>\n </div>\n <sky-data-view skyAgGridDataManagerAdapter viewId=\"gridView\">\n <sky-ag-grid-wrapper>\n <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"items\" />\n </sky-ag-grid-wrapper>\n </sky-data-view>\n</sky-data-manager>\n"
|
|
4549
|
+
},
|
|
4550
|
+
{
|
|
4551
|
+
"fileName": "demo.component.ts",
|
|
4552
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/demo.component.ts",
|
|
4553
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyAvatarModule } from '@skyux/avatar';\nimport { SkyAlertModule, SkyLabelModule } from '@skyux/indicators';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { RecordPageContentComponent } from './record-page-content.component';\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [\n RecordPageContentComponent,\n SkyAlertModule,\n SkyAvatarModule,\n SkyLabelModule,\n SkyPageModule,\n ],\n})\nexport class DemoComponent {}\n"
|
|
4554
|
+
},
|
|
4555
|
+
{
|
|
4556
|
+
"fileName": "demo.component.spec.ts",
|
|
4557
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/demo.component.spec.ts",
|
|
4558
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { DemoComponent } from './demo.component';\n\ndescribe('Record page tabs layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<DemoComponent>;\n }> {\n const fixture = TestBed.createComponent(DemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [DemoComponent, NoopAnimationsModule, RouterTestingModule],\n });\n });\n\n it('should have a tabs layout', async () => {\n const { pageHarness, fixture } = await setupTest();\n\n fixture.detectChanges();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('tabs');\n });\n\n it('should have the correct page header text', async () => {\n const { pageHarness } = await setupTest();\n\n const pageHeaderHarness = await pageHarness.getPageHeader();\n\n await expectAsync(pageHeaderHarness.getPageTitle()).toBeResolvedTo(\n 'Charlene Conners'\n );\n });\n});\n"
|
|
4559
|
+
},
|
|
4560
|
+
{
|
|
4561
|
+
"fileName": "demo.component.html",
|
|
4562
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/demo.component.html",
|
|
4563
|
+
"rawContents": "<sky-page layout=\"tabs\">\n <sky-page-header pageTitle=\"Charlene Conners\">\n <sky-page-header-alerts>\n <sky-alert alertType=\"warning\" descriptionType=\"warning\">\n Missing phone number for Charlene Conners.\n </sky-alert>\n </sky-page-header-alerts>\n <sky-page-header-avatar>\n <sky-avatar name=\"Charlene Conners\"> </sky-avatar>\n </sky-page-header-avatar>\n <sky-page-header-details>\n <sky-label labelType=\"info\" descriptionType=\"important-info\">\n VIP\n </sky-label>\n </sky-page-header-details>\n <sky-page-header-actions>\n <button class=\"sky-btn sky-btn-default\">Email contact</button>\n <button class=\"sky-btn sky-btn-default\">Add to my contacts</button>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <app-record-page-content></app-record-page-content>\n </sky-page-content>\n</sky-page>\n"
|
|
4574
4564
|
},
|
|
4575
4565
|
{
|
|
4576
4566
|
"fileName": "attachments-grid-context-menu.component.ts",
|
|
4577
4567
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-tabs-layout-demo/attachments-grid-context-menu.component.ts",
|
|
4578
|
-
"rawContents": "import { Component } from '@angular/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n selector: 'app-attachments-grid-context-menu',\n templateUrl: './attachments-grid-context-menu.component.html',\n})\nexport class AttachmentsGridContextMenuComponent\n implements ICellRendererAngularComp\n{\n
|
|
4568
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n standalone: true,\n selector: 'app-attachments-grid-context-menu',\n templateUrl: './attachments-grid-context-menu.component.html',\n imports: [SkyDropdownModule],\n})\nexport class AttachmentsGridContextMenuComponent\n implements ICellRendererAngularComp\n{\n protected attachmentName = '';\n\n public agInit(params: ICellRendererParams): void {\n this.attachmentName = params.data && params.data.name;\n }\n\n public refresh(): boolean {\n return false;\n }\n}\n"
|
|
4579
4569
|
},
|
|
4580
4570
|
{
|
|
4581
4571
|
"fileName": "attachments-grid-context-menu.component.html",
|
|
@@ -4585,7 +4575,7 @@
|
|
|
4585
4575
|
{
|
|
4586
4576
|
"fileName": "record-page-content.component.ts",
|
|
4587
4577
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/record-page-content.component.ts",
|
|
4588
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-record-page-content',\n templateUrl: './record-page-content.component.html',\n styleUrls: ['./record-page-content.component.scss'],\n})\nexport class RecordPageContentComponent {\n
|
|
4578
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\nimport {\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n} from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\n\n@Component({\n standalone: true,\n selector: 'app-record-page-content',\n templateUrl: './record-page-content.component.html',\n styleUrls: ['./record-page-content.component.scss'],\n imports: [\n CommonModule,\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n SkyIconModule,\n SkyKeyInfoModule,\n SkyRepeaterModule,\n ],\n})\nexport class RecordPageContentComponent {\n protected recordDetails = [\n {\n detail: 'Designation',\n info: 'General operating',\n },\n {\n detail: 'Source',\n info: 'Online donation form',\n },\n {\n detail: 'Status',\n info: 'Active',\n },\n {\n detail: 'Due date',\n info: '12/12/2023',\n },\n {\n detail: 'Create date',\n info: '01/05/2023',\n },\n {\n detail: 'Frequency',\n info: 'Quarterly',\n },\n ];\n\n protected actualPayments = [\n {\n category: 'Amount',\n value: '$845.00',\n },\n {\n category: 'Assigned',\n value: '$800.00',\n },\n {\n category: 'Applied',\n value: '$800.00',\n },\n {\n category: 'Payments',\n value: 25,\n },\n ];\n\n protected projectedPayments = [\n {\n category: 'Amount',\n value: '$0',\n },\n {\n category: 'Line items',\n value: 0,\n },\n ];\n\n protected recentActivity = [\n {\n activity: '$250.00 payment processed successfully.',\n date: '07/01/2023 12:02 am',\n },\n {\n activity: '$150.00 payment processed successfully.',\n date: '06/15/2023 12:02 am',\n },\n {\n activity: '$250.00 payment processed successfully.',\n date: '04/01/2023 12:02 am',\n },\n ];\n}\n"
|
|
4589
4579
|
},
|
|
4590
4580
|
{
|
|
4591
4581
|
"fileName": "record-page-content.component.scss",
|
|
@@ -4595,77 +4585,67 @@
|
|
|
4595
4585
|
{
|
|
4596
4586
|
"fileName": "record-page-content.component.html",
|
|
4597
4587
|
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/record-page-content.component.html",
|
|
4598
|
-
"rawContents": "<sky-fluid-grid gutterSize=\"medium\" [disableMargin]=\"true\">\n <sky-row>\n <sky-column [screenMedium]=\"4\" [screenSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Details</h2>\n </sky-box-header>\n <sky-box-controls>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n aria-label=\"Edit button for details\"\n >\n <sky-icon icon=\"edit\"
|
|
4599
|
-
},
|
|
4600
|
-
{
|
|
4601
|
-
"fileName": "record-page-blocks-layout-demo.module.ts",
|
|
4602
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/record-page-blocks-layout-demo.module.ts",
|
|
4603
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\nimport {\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n} from '@skyux/layout';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { RecordPageBlocksLayoutDemoComponent } from './record-page-blocks-layout-demo.component';\nimport { RecordPageContentComponent } from './record-page-content.component';\n\n@NgModule({\n declarations: [\n RecordPageBlocksLayoutDemoComponent,\n RecordPageContentComponent,\n ],\n exports: [RecordPageBlocksLayoutDemoComponent],\n imports: [\n CommonModule,\n SkyBoxModule,\n SkyDescriptionListModule,\n SkyFluidGridModule,\n SkyIconModule,\n SkyKeyInfoModule,\n SkyPageModule,\n SkyRepeaterModule,\n ],\n})\nexport class RecordPageBlocksLayoutDemoModule {}\n"
|
|
4588
|
+
"rawContents": "<sky-fluid-grid gutterSize=\"medium\" [disableMargin]=\"true\">\n <sky-row>\n <sky-column [screenMedium]=\"4\" [screenSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Details</h2>\n </sky-box-header>\n <sky-box-controls>\n <button\n class=\"sky-btn sky-btn-icon-borderless\"\n aria-label=\"Edit button for details\"\n >\n <sky-icon icon=\"edit\" />\n </button>\n </sky-box-controls>\n <sky-box-content>\n <sky-description-list mode=\"vertical\">\n <sky-description-list-content\n *ngFor=\"let recordDetail of recordDetails\"\n >\n <sky-description-list-term>\n {{ recordDetail.detail }}\n </sky-description-list-term>\n <sky-description-list-description>\n {{ recordDetail.info }}\n </sky-description-list-description>\n </sky-description-list-content>\n </sky-description-list>\n </sky-box-content>\n </sky-box>\n </sky-column>\n <sky-column [screenMedium]=\"4\" [screenSmall]=\"12\">\n <sky-box class=\"sky-margin-stacked-xl\">\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Payments</h2>\n </sky-box-header>\n <sky-box-content>\n <div class=\"box-2-content\">\n <div class=\"box-2-actuals\">\n <h3 class=\"sky-font-heading-4\">Actuals</h3>\n <sky-key-info\n [ngClass]=\"{\n 'sky-margin-stacked-lg': i < actualPayments.length - 1\n }\"\n *ngFor=\"let actual of actualPayments; let i = index\"\n >\n <sky-key-info-value class=\"sky-font-display-3\">\n {{ actual.value }}\n </sky-key-info-value>\n <sky-key-info-label>{{ actual.category }}</sky-key-info-label>\n </sky-key-info>\n </div>\n <div class=\"box-2-projected\">\n <h3 class=\"sky-font-heading-4\">Projected</h3>\n <sky-key-info\n [ngClass]=\"{\n 'sky-margin-stacked-lg': i < projectedPayments.length - 1\n }\"\n *ngFor=\"let projected of projectedPayments; let i = index\"\n >\n <sky-key-info-value class=\"sky-font-display-3\">\n {{ projected.value }}\n </sky-key-info-value>\n <sky-key-info-label>\n {{ projected.category }}\n </sky-key-info-label>\n </sky-key-info>\n </div>\n </div>\n </sky-box-content>\n </sky-box>\n </sky-column>\n <sky-column [screenMedium]=\"4\" [screenSmall]=\"12\">\n <sky-box>\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Recent activity</h2>\n </sky-box-header>\n <sky-box-content>\n <sky-repeater>\n <sky-repeater-item *ngFor=\"let activity of recentActivity\">\n <sky-repeater-item-content>\n <div class=\"sky-margin-stacked-xs\">\n {{ activity.activity }}\n </div>\n <div class=\"sky-font-deemphasized\">{{ activity.date }}</div>\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-box-content>\n </sky-box>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n"
|
|
4604
4589
|
},
|
|
4605
4590
|
{
|
|
4606
|
-
"fileName": "
|
|
4607
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/
|
|
4608
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-
|
|
4591
|
+
"fileName": "demo.component.ts",
|
|
4592
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/demo.component.ts",
|
|
4593
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { RecordPageContentComponent } from './record-page-content.component';\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [RecordPageContentComponent, SkyPageModule],\n})\nexport class DemoComponent {}\n"
|
|
4609
4594
|
},
|
|
4610
4595
|
{
|
|
4611
|
-
"fileName": "
|
|
4612
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/
|
|
4613
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport {
|
|
4596
|
+
"fileName": "demo.component.spec.ts",
|
|
4597
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/demo.component.spec.ts",
|
|
4598
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { DemoComponent } from './demo.component';\n\ndescribe('Record page blocks layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<DemoComponent>;\n }> {\n const fixture = TestBed.createComponent(DemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [DemoComponent, NoopAnimationsModule, RouterTestingModule],\n });\n });\n\n it('should have a blocks layout', async () => {\n const { pageHarness, fixture } = await setupTest();\n\n fixture.detectChanges();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('blocks');\n });\n\n it('should have the correct page header text', async () => {\n const { pageHarness } = await setupTest();\n\n const pageHeaderHarness = await pageHarness.getPageHeader();\n\n await expectAsync(pageHeaderHarness.getPageTitle()).toBeResolvedTo(\n '$500 pledge'\n );\n\n await expectAsync(pageHeaderHarness.getParentLinkText()).toBeResolvedTo(\n 'Pledges'\n );\n });\n});\n"
|
|
4614
4599
|
},
|
|
4615
4600
|
{
|
|
4616
|
-
"fileName": "
|
|
4617
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/
|
|
4601
|
+
"fileName": "demo.component.scss",
|
|
4602
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/demo.component.scss",
|
|
4618
4603
|
"rawContents": ":host {\n display: flex;\n}\n\n#div1 {\n width: 400px;\n background-color: aquamarine;\n}\n\n#div2 {\n flex-grow: 1;\n}\n"
|
|
4619
4604
|
},
|
|
4620
4605
|
{
|
|
4621
|
-
"fileName": "
|
|
4622
|
-
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/
|
|
4623
|
-
"rawContents": "<sky-page layout=\"blocks\">\n <sky-page-header\n pageTitle=\"$500 pledge\"\n [parentLink]=\"{\n label: 'Pledges',\n permalink: {\n route: {\n commands: ['/']\n }\n }\n }\"\n />\n <sky-page-content>\n <app-record-page-content
|
|
4624
|
-
},
|
|
4625
|
-
{
|
|
4626
|
-
"fileName": "list-page-tabs-layout-demo.module.ts",
|
|
4627
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-tabs-layout-demo.module.ts",
|
|
4628
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyAgGridModule } from '@skyux/ag-grid';\nimport { SkyDataManagerModule } from '@skyux/data-manager';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\nimport { SkyPageModule } from '@skyux/pages';\nimport { SkyDropdownModule } from '@skyux/popovers';\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { AgGridModule } from 'ag-grid-angular';\n\nimport { ContactContextMenuComponent } from './contact-context-menu.component';\nimport { ListPageContactsGridComponent } from './list-page-contacts-grid.component';\nimport { ListPageContentComponent } from './list-page-content.component';\nimport { ListPageTabsLayoutDemoComponent } from './list-page-tabs-layout-demo.component';\n\n@NgModule({\n declarations: [\n ContactContextMenuComponent,\n ListPageTabsLayoutDemoComponent,\n ListPageContentComponent,\n ListPageContactsGridComponent,\n ],\n exports: [ListPageTabsLayoutDemoComponent],\n imports: [\n CommonModule,\n SkyPageModule,\n SkyTabsModule,\n SkyDataManagerModule,\n SkyAgGridModule,\n AgGridModule,\n SkyKeyInfoModule,\n SkyDropdownModule,\n SkyIconModule,\n ],\n})\nexport class ListPageTabsLayoutDemoModule {}\n"
|
|
4629
|
-
},
|
|
4630
|
-
{
|
|
4631
|
-
"fileName": "list-page-tabs-layout-demo.component.ts",
|
|
4632
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-tabs-layout-demo.component.ts",
|
|
4633
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-page-tabs-layout-demo',\n templateUrl: './list-page-tabs-layout-demo.component.html',\n})\nexport class ListPageTabsLayoutDemoComponent {}\n"
|
|
4634
|
-
},
|
|
4635
|
-
{
|
|
4636
|
-
"fileName": "list-page-tabs-layout-demo.component.spec.ts",
|
|
4637
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-tabs-layout-demo.component.spec.ts",
|
|
4638
|
-
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { ListPageTabsLayoutDemoComponent } from './list-page-tabs-layout-demo.component';\nimport { ListPageTabsLayoutDemoModule } from './list-page-tabs-layout-demo.module';\n\ndescribe('List page tabs layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<ListPageTabsLayoutDemoComponent>;\n }> {\n const fixture = TestBed.createComponent(ListPageTabsLayoutDemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [\n ListPageTabsLayoutDemoModule,\n NoopAnimationsModule,\n RouterTestingModule,\n ],\n });\n });\n\n it('should have a tabs layout', async () => {\n const { pageHarness } = await setupTest();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('tabs');\n });\n\n it('should have the correct page header text', async () => {\n const { pageHarness } = await setupTest();\n\n const pageHeaderHarness = await pageHarness.getPageHeader();\n\n await expectAsync(pageHeaderHarness.getPageTitle()).toBeResolvedTo(\n 'Contacts'\n );\n });\n});\n"
|
|
4639
|
-
},
|
|
4640
|
-
{
|
|
4641
|
-
"fileName": "list-page-tabs-layout-demo.component.html",
|
|
4642
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-tabs-layout-demo.component.html",
|
|
4643
|
-
"rawContents": "<sky-page layout=\"tabs\">\n <sky-page-header pageTitle=\"Contacts\" />\n <sky-page-content>\n <app-list-page-content></app-list-page-content>\n </sky-page-content>\n</sky-page>\n"
|
|
4606
|
+
"fileName": "demo.component.html",
|
|
4607
|
+
"filePath": "/projects/pages/documentation/code-examples/page/record-page-blocks-layout-demo/demo.component.html",
|
|
4608
|
+
"rawContents": "<sky-page layout=\"blocks\">\n <sky-page-header\n pageTitle=\"$500 pledge\"\n [parentLink]=\"{\n label: 'Pledges',\n permalink: {\n route: {\n commands: ['/']\n }\n }\n }\"\n />\n <sky-page-content>\n <app-record-page-content />\n </sky-page-content>\n</sky-page>\n"
|
|
4644
4609
|
},
|
|
4645
4610
|
{
|
|
4646
4611
|
"fileName": "list-page-content.component.ts",
|
|
4647
4612
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-content.component.ts",
|
|
4648
|
-
"rawContents": "import { Component } from '@angular/core';\nimport { SkyTabIndex } from '@skyux/tabs';\n\n@Component({\n selector: 'app-list-page-content',\n templateUrl: './list-page-content.component.html',\n})\nexport class ListPageContentComponent {\n
|
|
4613
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyTabIndex, SkyTabsModule } from '@skyux/tabs';\n\nimport { ListPageContactsGridComponent } from './list-page-contacts-grid.component';\n\n@Component({\n standalone: true,\n selector: 'app-list-page-content',\n templateUrl: './list-page-content.component.html',\n imports: [CommonModule, ListPageContactsGridComponent, SkyTabsModule],\n})\nexport class ListPageContentComponent {\n protected activeTabIndex: SkyTabIndex = 0;\n\n protected myContacts = [\n {\n name: 'Wonda Lumpkin',\n organization: 'Riverfront College of the Arts',\n emailAddress: 'wlumpkin@yahoo.com',\n },\n {\n name: 'Eliza Vanhorn',\n organization: 'Summit School of the Arts',\n emailAddress: 'evanhorn@outlook.com',\n },\n {\n name: 'Ed Sipes',\n organization: 'Reflections Middle School',\n emailAddress: 'esipes@yahoo.com',\n },\n {\n name: 'Elwood Farris',\n organization: 'Sandy Lagoon College',\n emailAddress: 'elfarris@gmail.com',\n },\n {\n name: 'Cristen Sizemore',\n organization: 'Grafton Vision Health',\n emailAddress: 'cristen.sizemore@aol.com',\n },\n {\n name: 'Latrice Ashmore',\n organization: 'Food Bank of Rapid City',\n emailAddress: 'lashmore@gmail.com',\n },\n ];\n\n protected allContacts = [\n ...this.myContacts,\n {\n name: 'Kanesha Hutto',\n organization: 'Los Angeles College of the Arts',\n emailAddress: 'khutto@yahoo.com',\n },\n {\n name: 'Kristeen Lunsford',\n organization: 'Food Bank of Los Angeles',\n emailAddress: 'kristeen.lunsford@yahoo.com',\n },\n {\n name: 'Barbara Durr',\n organization: 'Riverfront Middle School',\n emailAddress: 'bdurr@gmail.com',\n },\n {\n name: 'Ilene Woo',\n organization: 'Rapid City High School',\n emailAddress: 'ilene.woo@aol.com',\n },\n {\n name: 'Darcel Lenz',\n organization: 'Riverfront College of the Arts',\n emailAddress: 'dlenz@yahoo.com',\n },\n ];\n}\n"
|
|
4649
4614
|
},
|
|
4650
4615
|
{
|
|
4651
4616
|
"fileName": "list-page-content.component.html",
|
|
4652
4617
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-content.component.html",
|
|
4653
|
-
"rawContents": "<sky-tabset [(active)]=\"activeTabIndex\">\n <sky-tab tabHeading=\"My contacts\" layout=\"list\">\n <app-list-page-contacts-grid\n *ngIf=\"activeTabIndex === 0\"\n [contacts]=\"myContacts\"\n
|
|
4618
|
+
"rawContents": "<sky-tabset [(active)]=\"activeTabIndex\">\n <sky-tab tabHeading=\"My contacts\" layout=\"list\">\n <app-list-page-contacts-grid\n *ngIf=\"activeTabIndex === 0\"\n [contacts]=\"myContacts\"\n />\n </sky-tab>\n <sky-tab tabHeading=\"All contacts\" layout=\"list\">\n <app-list-page-contacts-grid\n *ngIf=\"activeTabIndex === 1\"\n [contacts]=\"allContacts\"\n />\n </sky-tab>\n</sky-tabset>\n"
|
|
4654
4619
|
},
|
|
4655
4620
|
{
|
|
4656
4621
|
"fileName": "list-page-contacts-grid.component.ts",
|
|
4657
4622
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.ts",
|
|
4658
|
-
"rawContents": "import { Component, Input, OnInit, inject } from '@angular/core';\nimport { SkyAgGridService } from '@skyux/ag-grid';\nimport {\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';\n\nimport { ContactContextMenuComponent } from './contact-context-menu.component';\n\ntype Contact = {\n name: string;\n organization: string;\n emailAddress: string;\n};\n\n@Component({\n selector: 'app-list-page-contacts-grid',\n templateUrl: './list-page-contacts-grid.component.html',\n providers: [SkyDataManagerService],\n})\nexport class ListPageContactsGridComponent implements OnInit {\n @Input()\n public contacts: Contact[] = [];\n\n
|
|
4623
|
+
"rawContents": "import { Component, Input, OnInit, inject } from '@angular/core';\nimport { SkyAgGridModule, SkyAgGridService } from '@skyux/ag-grid';\nimport {\n SkyDataManagerModule,\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';\n\nimport { ContactContextMenuComponent } from './contact-context-menu.component';\n\ntype Contact = {\n name: string;\n organization: string;\n emailAddress: string;\n};\n\n@Component({\n standalone: true,\n selector: 'app-list-page-contacts-grid',\n templateUrl: './list-page-contacts-grid.component.html',\n providers: [SkyDataManagerService],\n imports: [\n AgGridModule,\n SkyAgGridModule,\n SkyDataManagerModule,\n SkyIconModule,\n SkyKeyInfoModule,\n ],\n})\nexport class ListPageContactsGridComponent implements OnInit {\n @Input()\n public contacts: Contact[] = [];\n\n protected gridOptions: GridOptions;\n\n #dataManagerService = inject(SkyDataManagerService);\n #agGridSvc = inject(SkyAgGridService);\n\n #columnDefs: ColDef[] = [\n {\n colId: 'contextMenu',\n headerName: '',\n sortable: false,\n cellRenderer: ContactContextMenuComponent,\n maxWidth: 55,\n },\n {\n colId: 'name',\n field: 'name',\n headerName: 'Name',\n width: 150,\n cellRenderer: (params: ICellRendererParams): string => {\n return `<a href=\"/\">${params.value}</a>`;\n },\n },\n {\n colId: 'organization',\n field: 'organization',\n headerName: 'Organization',\n },\n {\n colId: 'emailAddress',\n field: 'emailAddress',\n headerName: 'Email Address',\n },\n ];\n\n #viewConfig: SkyDataViewConfig = {\n id: 'gridView',\n name: 'Grid View',\n searchEnabled: true,\n columnPickerEnabled: true,\n columnOptions: [\n { id: 'contextMenu', label: 'Context menu', alwaysDisplayed: true },\n { id: 'name', label: 'Name' },\n { id: 'organization', label: 'Organization' },\n { id: 'emailAddress', label: 'Email Address' },\n ],\n };\n\n constructor() {\n this.gridOptions = this.#agGridSvc.getGridOptions({\n gridOptions: {\n columnDefs: this.#columnDefs,\n onGridReady: (args) => {\n args.api.sizeColumnsToFit();\n },\n },\n });\n }\n\n public ngOnInit(): void {\n this.#dataManagerService.initDataManager({\n activeViewId: 'gridView',\n dataManagerConfig: {},\n defaultDataState: new SkyDataManagerState({\n views: [\n {\n viewId: 'gridView',\n displayedColumnIds: [\n 'contextMenu',\n 'name',\n 'organization',\n 'emailAddress',\n ],\n },\n ],\n }),\n });\n\n this.#dataManagerService.initDataView(this.#viewConfig);\n }\n}\n"
|
|
4659
4624
|
},
|
|
4660
4625
|
{
|
|
4661
4626
|
"fileName": "list-page-contacts-grid.component.html",
|
|
4662
4627
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.html",
|
|
4663
|
-
"rawContents": "<sky-data-manager>\n <div class=\"sky-margin-stacked-xs\">\n <sky-data-manager-toolbar>\n <sky-data-manager-toolbar-primary-item>\n <button class=\"sky-btn sky-btn-default\" aria-label=\"New contact\">\n <sky-icon icon=\"add\"
|
|
4628
|
+
"rawContents": "<sky-data-manager>\n <div class=\"sky-margin-stacked-xs\">\n <sky-data-manager-toolbar>\n <sky-data-manager-toolbar-primary-item>\n <button class=\"sky-btn sky-btn-default\" aria-label=\"New contact\">\n <sky-icon icon=\"add\" />\n New\n </button>\n </sky-data-manager-toolbar-primary-item>\n </sky-data-manager-toolbar>\n </div>\n <div class=\"sky-margin-stacked-sm\">\n <sky-key-info layout=\"horizontal\" class=\"sky-padding-horizontal-sm\">\n <sky-key-info-value class=\"sky-font-display-4\">\n {{ contacts.length }}\n </sky-key-info-value>\n <sky-key-info-label> Contacts </sky-key-info-label>\n </sky-key-info>\n </div>\n <sky-data-view skyAgGridDataManagerAdapter viewId=\"gridView\">\n <sky-ag-grid-wrapper>\n <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"contacts\" />\n </sky-ag-grid-wrapper>\n </sky-data-view>\n</sky-data-manager>\n"
|
|
4629
|
+
},
|
|
4630
|
+
{
|
|
4631
|
+
"fileName": "demo.component.ts",
|
|
4632
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/demo.component.ts",
|
|
4633
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { ListPageContentComponent } from './list-page-content.component';\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [ListPageContentComponent, SkyPageModule],\n})\nexport class DemoComponent {}\n"
|
|
4634
|
+
},
|
|
4635
|
+
{
|
|
4636
|
+
"fileName": "demo.component.spec.ts",
|
|
4637
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/demo.component.spec.ts",
|
|
4638
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterTestingModule } from '@angular/router/testing';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { DemoComponent } from './demo.component';\n\ndescribe('List page tabs layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<DemoComponent>;\n }> {\n const fixture = TestBed.createComponent(DemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [DemoComponent, NoopAnimationsModule, RouterTestingModule],\n });\n });\n\n it('should have a tabs layout', async () => {\n const { pageHarness } = await setupTest();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('tabs');\n });\n\n it('should have the correct page header text', async () => {\n const { pageHarness } = await setupTest();\n\n const pageHeaderHarness = await pageHarness.getPageHeader();\n\n await expectAsync(pageHeaderHarness.getPageTitle()).toBeResolvedTo(\n 'Contacts'\n );\n });\n});\n"
|
|
4639
|
+
},
|
|
4640
|
+
{
|
|
4641
|
+
"fileName": "demo.component.html",
|
|
4642
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/demo.component.html",
|
|
4643
|
+
"rawContents": "<sky-page layout=\"tabs\">\n <sky-page-header pageTitle=\"Contacts\" />\n <sky-page-content>\n <app-list-page-content />\n </sky-page-content>\n</sky-page>\n"
|
|
4664
4644
|
},
|
|
4665
4645
|
{
|
|
4666
4646
|
"fileName": "contact-context-menu.component.ts",
|
|
4667
4647
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-tabs-layout-demo/contact-context-menu.component.ts",
|
|
4668
|
-
"rawContents": "import { Component } from '@angular/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n selector: 'app-contacts-grid-context-menu',\n templateUrl: './contact-context-menu.component.html',\n})\nexport class ContactContextMenuComponent implements ICellRendererAngularComp {\n
|
|
4648
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n standalone: true,\n selector: 'app-contacts-grid-context-menu',\n templateUrl: './contact-context-menu.component.html',\n imports: [SkyDropdownModule],\n})\nexport class ContactContextMenuComponent implements ICellRendererAngularComp {\n protected contactName = '';\n\n public agInit(params: ICellRendererParams): void {\n this.contactName = params.data && params.data.name;\n }\n\n public refresh(): boolean {\n return false;\n }\n}\n"
|
|
4669
4649
|
},
|
|
4670
4650
|
{
|
|
4671
4651
|
"fileName": "contact-context-menu.component.html",
|
|
@@ -4673,39 +4653,34 @@
|
|
|
4673
4653
|
"rawContents": "<sky-dropdown\n buttonType=\"context-menu\"\n [label]=\"'context menu for ' + contactName\"\n>\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" [attr.aria-label]=\"'Edit ' + contactName\">\n Edit\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" [attr.aria-label]=\"'Delete ' + contactName\">\n Delete\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n</sky-dropdown>\n"
|
|
4674
4654
|
},
|
|
4675
4655
|
{
|
|
4676
|
-
"fileName": "list-page-
|
|
4677
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/list-page-
|
|
4678
|
-
"rawContents": "import {
|
|
4679
|
-
},
|
|
4680
|
-
{
|
|
4681
|
-
"fileName": "list-page-list-layout-demo.component.ts",
|
|
4682
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/list-page-list-layout-demo.component.ts",
|
|
4683
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-page-list-layout-demo',\n templateUrl: './list-page-list-layout-demo.component.html',\n})\nexport class ListPageListLayoutDemoComponent {}\n"
|
|
4656
|
+
"fileName": "list-page-content.component.ts",
|
|
4657
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/list-page-content.component.ts",
|
|
4658
|
+
"rawContents": "import { Component, OnInit, inject } from '@angular/core';\nimport { SkyAgGridModule, SkyAgGridService } from '@skyux/ag-grid';\nimport {\n SkyDataManagerModule,\n SkyDataManagerService,\n SkyDataManagerState,\n SkyDataViewConfig,\n} from '@skyux/data-manager';\nimport { SkyIconModule, SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { AgGridModule } from 'ag-grid-angular';\nimport { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';\n\nimport { DashboardGridContextMenuComponent } from './dashboards-grid-context-menu.component';\n\n@Component({\n standalone: true,\n selector: 'app-list-page-content',\n templateUrl: './list-page-content.component.html',\n providers: [SkyDataManagerService],\n imports: [\n AgGridModule,\n SkyAgGridModule,\n SkyDataManagerModule,\n SkyIconModule,\n SkyKeyInfoModule,\n ],\n})\nexport class ListPageContentComponent implements OnInit {\n protected items = [\n {\n dashboard: 'Cash Flow Tracker',\n name: 'Kanesha Hutto',\n lastUpdated: '06/21/2023',\n },\n {\n dashboard: 'Accounts Receivable Dashboard',\n name: 'Kristeen Lunsford',\n lastUpdated: '06/30/2023',\n },\n {\n dashboard: 'Accounts Payable Dashboard',\n name: 'Darcel Lenz',\n lastUpdated: '04/20/2023',\n },\n {\n dashboard: 'Budget vs. Actual',\n name: 'Barbara Durr',\n lastUpdated: '12/04/2023',\n },\n {\n dashboard: 'Balance Sheet - New',\n name: 'Ilene Woo',\n lastUpdated: '12/20/2023',\n },\n {\n dashboard: 'Debt Management',\n name: 'Tonja Sanderson',\n lastUpdated: '09/10/2023',\n },\n ];\n\n protected gridOptions: GridOptions;\n\n #columnDefs: ColDef[] = [\n {\n colId: 'contextMenu',\n headerName: '',\n sortable: false,\n cellRenderer: DashboardGridContextMenuComponent,\n maxWidth: 55,\n },\n {\n colId: 'dashboard',\n field: 'dashboard',\n headerName: 'Name',\n width: 150,\n cellRenderer: (params: ICellRendererParams): string => {\n return `<a href=\"/\">${params.value}</a>`;\n },\n },\n {\n colId: 'name',\n field: 'name',\n headerName: 'Created By',\n },\n {\n colId: 'lastUpdated',\n field: 'lastUpdated',\n headerName: 'Last Updated',\n },\n ];\n\n #viewConfig: SkyDataViewConfig = {\n id: 'gridView',\n name: 'Grid View',\n searchEnabled: true,\n };\n\n readonly #dataManagerService = inject(SkyDataManagerService);\n readonly #agGridSvc = inject(SkyAgGridService);\n\n constructor() {\n this.gridOptions = this.#agGridSvc.getGridOptions({\n gridOptions: {\n columnDefs: this.#columnDefs,\n onGridReady: (args) => {\n args.api.sizeColumnsToFit();\n },\n },\n });\n }\n\n public ngOnInit(): void {\n this.#dataManagerService.initDataManager({\n activeViewId: 'gridView',\n dataManagerConfig: {},\n defaultDataState: new SkyDataManagerState({\n views: [\n {\n viewId: 'gridView',\n displayedColumnIds: [\n 'contextMenu',\n 'dashboard',\n 'name',\n 'lastUpdated',\n ],\n },\n ],\n }),\n });\n\n this.#dataManagerService.initDataView(this.#viewConfig);\n }\n}\n"
|
|
4684
4659
|
},
|
|
4685
4660
|
{
|
|
4686
|
-
"fileName": "list-page-
|
|
4687
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/list-page-
|
|
4688
|
-
"rawContents": "
|
|
4661
|
+
"fileName": "list-page-content.component.html",
|
|
4662
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/list-page-content.component.html",
|
|
4663
|
+
"rawContents": "<sky-data-manager>\n <div class=\"sky-margin-stacked-xs\">\n <sky-data-manager-toolbar>\n <sky-data-manager-toolbar-primary-item>\n <button class=\"sky-btn sky-btn-default\" aria-label=\"New dashboard\">\n <sky-icon icon=\"add\" />\n New\n </button>\n </sky-data-manager-toolbar-primary-item>\n </sky-data-manager-toolbar>\n </div>\n <div class=\"sky-margin-stacked-sm\">\n <sky-key-info class=\"sky-padding-horizontal-sm\" layout=\"horizontal\">\n <sky-key-info-value class=\"sky-font-display-4\">\n {{ items.length }}\n </sky-key-info-value>\n <sky-key-info-label> Dashboards </sky-key-info-label>\n </sky-key-info>\n </div>\n <sky-data-view skyAgGridDataManagerAdapter viewId=\"gridView\">\n <sky-ag-grid-wrapper>\n <ag-grid-angular [gridOptions]=\"gridOptions\" [rowData]=\"items\" />\n </sky-ag-grid-wrapper>\n </sky-data-view>\n</sky-data-manager>\n"
|
|
4689
4664
|
},
|
|
4690
4665
|
{
|
|
4691
|
-
"fileName": "
|
|
4692
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/
|
|
4693
|
-
"rawContents": "
|
|
4666
|
+
"fileName": "demo.component.ts",
|
|
4667
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/demo.component.ts",
|
|
4668
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyPageModule } from '@skyux/pages';\n\nimport { ListPageContentComponent } from './list-page-content.component';\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [ListPageContentComponent, SkyPageModule],\n})\nexport class DemoComponent {}\n"
|
|
4694
4669
|
},
|
|
4695
4670
|
{
|
|
4696
|
-
"fileName": "
|
|
4697
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/
|
|
4698
|
-
"rawContents": "import {
|
|
4671
|
+
"fileName": "demo.component.spec.ts",
|
|
4672
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/demo.component.spec.ts",
|
|
4673
|
+
"rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyPageHarness } from '@skyux/pages/testing';\n\nimport { DemoComponent } from './demo.component';\n\ndescribe('List page list layout demo', async () => {\n async function setupTest(): Promise<{\n pageHarness: SkyPageHarness;\n fixture: ComponentFixture<DemoComponent>;\n }> {\n const fixture = TestBed.createComponent(DemoComponent);\n\n const loader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n const pageHarness = await loader.getHarness(SkyPageHarness);\n\n return { pageHarness, fixture };\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [DemoComponent, NoopAnimationsModule],\n });\n });\n\n it('should have a list layout', async () => {\n const { pageHarness } = await setupTest();\n\n await expectAsync(pageHarness.getLayout()).toBeResolvedTo('list');\n });\n\n it('should have the correct page header text', async () => {\n const { pageHarness } = await setupTest();\n\n const pageHeaderHarness = await pageHarness.getPageHeader();\n\n await expectAsync(pageHeaderHarness.getPageTitle()).toBeResolvedTo(\n 'Dashboards'\n );\n });\n});\n"
|
|
4699
4674
|
},
|
|
4700
4675
|
{
|
|
4701
|
-
"fileName": "
|
|
4702
|
-
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/
|
|
4703
|
-
"rawContents": "<sky-
|
|
4676
|
+
"fileName": "demo.component.html",
|
|
4677
|
+
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/demo.component.html",
|
|
4678
|
+
"rawContents": "<sky-page layout=\"list\">\n <sky-page-header pageTitle=\"Dashboards\" />\n <sky-page-content>\n <app-list-page-content />\n </sky-page-content>\n</sky-page>\n"
|
|
4704
4679
|
},
|
|
4705
4680
|
{
|
|
4706
4681
|
"fileName": "dashboards-grid-context-menu.component.ts",
|
|
4707
4682
|
"filePath": "/projects/pages/documentation/code-examples/page/list-page-list-layout-demo/dashboards-grid-context-menu.component.ts",
|
|
4708
|
-
"rawContents": "import { Component } from '@angular/core';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n selector: 'app-dashboards-grid-context-menu',\n templateUrl: './dashboards-grid-context-menu.component.html',\n})\nexport class DashboardGridContextMenuComponent\n implements ICellRendererAngularComp\n{\n
|
|
4683
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ICellRendererAngularComp } from 'ag-grid-angular';\nimport { ICellRendererParams } from 'ag-grid-community';\n\n@Component({\n standalone: true,\n selector: 'app-dashboards-grid-context-menu',\n templateUrl: './dashboards-grid-context-menu.component.html',\n imports: [SkyDropdownModule],\n})\nexport class DashboardGridContextMenuComponent\n implements ICellRendererAngularComp\n{\n protected dashboardName = '';\n\n public agInit(params: ICellRendererParams): void {\n this.dashboardName = params.data && params.data.dashboard;\n }\n\n public refresh(): boolean {\n return false;\n }\n}\n"
|
|
4709
4684
|
},
|
|
4710
4685
|
{
|
|
4711
4686
|
"fileName": "dashboards-grid-context-menu.component.html",
|
|
@@ -4715,27 +4690,27 @@
|
|
|
4715
4690
|
{
|
|
4716
4691
|
"fileName": "settings-modal.component.ts",
|
|
4717
4692
|
"filePath": "/projects/pages/documentation/code-examples/action-hub/settings-modal.component.ts",
|
|
4718
|
-
"rawContents": "import { Component,
|
|
4693
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport {\n AbstractControl,\n FormBuilder,\n FormGroup,\n FormsModule,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyModalInstance, SkyModalModule } from '@skyux/modals';\n\nimport { MODAL_TITLE } from './modal-title-token';\n\n@Component({\n standalone: true,\n selector: 'app-settings-modal',\n templateUrl: './settings-modal.component.html',\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyColorpickerModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyModalModule,\n ],\n})\nexport class SettingsModalComponent {\n protected formGroup: FormGroup;\n protected fields: string[] = [];\n\n protected readonly modalInstance = inject(SkyModalInstance);\n protected readonly title = inject(MODAL_TITLE);\n readonly #formBuilder = inject(FormBuilder);\n\n constructor() {\n const controls: Record<string, AbstractControl> = {};\n\n for (let i = 1; i <= 5; i++) {\n const field = `${this.title} ${i}`;\n this.fields.push(field);\n controls[field] = this.#formBuilder.control('');\n }\n\n this.formGroup = this.#formBuilder.group(controls);\n\n this.modalInstance.closed.subscribe((args) => {\n if (args.reason === 'save') {\n console.log(this.formGroup.value);\n }\n });\n }\n}\n"
|
|
4719
4694
|
},
|
|
4720
4695
|
{
|
|
4721
4696
|
"fileName": "settings-modal.component.html",
|
|
4722
4697
|
"filePath": "/projects/pages/documentation/code-examples/action-hub/settings-modal.component.html",
|
|
4723
|
-
"rawContents": "<sky-modal>\n <sky-modal-header>{{ title }}</sky-modal-header>\n <sky-modal-content>\n <form [formGroup]=\"
|
|
4698
|
+
"rawContents": "<sky-modal>\n <sky-modal-header>{{ title }}</sky-modal-header>\n <sky-modal-content>\n <form [formGroup]=\"formGroup\" (submit)=\"modalInstance.save()\">\n <ng-container *ngFor=\"let field of fields\" class=\"row\">\n <ng-container [ngSwitch]=\"title\">\n <ng-container *ngSwitchDefault>\n <sky-input-box [labelText]=\"field\">\n <input [formControlName]=\"field\" type=\"text\" />\n </sky-input-box>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Color'\">\n <div class=\"sky-margin-stacked-sm\">\n <label class=\"sky-control-label\" [for]=\"input.id\">{{\n field\n }}</label>\n <sky-colorpicker #colorPicker>\n <input\n [formControlName]=\"field\"\n [skyColorpickerInput]=\"colorPicker\"\n skyId\n #input=\"skyId\"\n type=\"text\"\n />\n </sky-colorpicker>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </form>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"modalInstance.save()\"\n >\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.close()\"\n >\n Close\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
|
|
4724
4699
|
},
|
|
4725
4700
|
{
|
|
4726
|
-
"fileName": "
|
|
4727
|
-
"filePath": "/projects/pages/documentation/code-examples/action-hub/
|
|
4728
|
-
"rawContents": "import {
|
|
4701
|
+
"fileName": "modal-title-token.ts",
|
|
4702
|
+
"filePath": "/projects/pages/documentation/code-examples/action-hub/modal-title-token.ts",
|
|
4703
|
+
"rawContents": "import { InjectionToken } from '@angular/core';\n\nexport const MODAL_TITLE = new InjectionToken<string>('MODAL_TITLE');\n"
|
|
4729
4704
|
},
|
|
4730
4705
|
{
|
|
4731
|
-
"fileName": "
|
|
4732
|
-
"filePath": "/projects/pages/documentation/code-examples/action-hub/
|
|
4733
|
-
"rawContents": "import { Component } from '@angular/core';\nimport { SkyPageModalLinksInput } from '@skyux/pages';\n\nimport { SettingsModalComponent } from './settings-modal.component';\n\nconst pastHours = Array.from(Array(5).keys()).map((i) => {\n const date = new Date();\n date.setHours(date.getHours() - (i + 1));\n return date;\n});\n\n@Component({\n selector: 'app-
|
|
4706
|
+
"fileName": "demo.component.ts",
|
|
4707
|
+
"filePath": "/projects/pages/documentation/code-examples/action-hub/demo.component.ts",
|
|
4708
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { SkyActionHubModule, SkyPageModalLinksInput } from '@skyux/pages';\n\nimport { MODAL_TITLE } from './modal-title-token';\nimport { SettingsModalComponent } from './settings-modal.component';\n\nconst pastHours = Array.from(Array(5).keys()).map((i) => {\n const date = new Date();\n date.setHours(date.getHours() - (i + 1));\n return date;\n});\n\n@Component({\n standalone: true,\n selector: 'app-demo',\n templateUrl: './demo.component.html',\n imports: [CommonModule, SkyActionHubModule],\n})\nexport class DemoComponent {\n public buttons = [\n {\n label: 'Action 1',\n ariaLabel: 'Accounts action 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 2',\n ariaLabel: 'Accounts action 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 3',\n ariaLabel: 'Accounts action 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public needsAttention = [\n {\n title: '9',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '8',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '7',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '6',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '5',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '4',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '3',\n message: 'update from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '2',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '1',\n message: 'possible duplicate from constituent lists',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public recentLinks = [\n {\n label: 'Recent 1',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[0],\n },\n {\n label: 'Recent 2',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[1],\n },\n {\n label: 'Recent 3',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[2],\n },\n {\n label: 'Recent 4',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[3],\n },\n {\n label: 'Recent 5',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[4],\n },\n ];\n\n public relatedLinks = [\n {\n label: 'Link 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public settingsLinks: SkyPageModalLinksInput = [\n {\n label: 'Number',\n modal: {\n component: SettingsModalComponent,\n config: {\n size: 'large',\n providers: [\n {\n provide: MODAL_TITLE,\n useValue: 'Number',\n },\n ],\n },\n },\n },\n {\n label: 'Color',\n modal: {\n component: SettingsModalComponent,\n config: {\n size: 'large',\n providers: [\n {\n provide: MODAL_TITLE,\n useValue: 'Color',\n },\n ],\n },\n },\n },\n ];\n\n public title = 'Active accounts';\n}\n"
|
|
4734
4709
|
},
|
|
4735
4710
|
{
|
|
4736
|
-
"fileName": "
|
|
4737
|
-
"filePath": "/projects/pages/documentation/code-examples/action-hub/
|
|
4738
|
-
"rawContents": "<sky-action-hub\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n <a\n *ngFor=\"let button of buttons\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2 class=\"sky-font-heading-2\">Additional content</h2>\n <p>More content can go here as needed for the functional area.</p>\n </sky-action-hub-content>\n</sky-action-hub>\n"
|
|
4711
|
+
"fileName": "demo.component.html",
|
|
4712
|
+
"filePath": "/projects/pages/documentation/code-examples/action-hub/demo.component.html",
|
|
4713
|
+
"rawContents": "<sky-action-hub\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n <a\n *ngFor=\"let button of buttons\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [attr.aria-label]=\"button.ariaLabel\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2 class=\"sky-font-heading-2\">Additional content</h2>\n <p>More content can go here as needed for the functional area.</p>\n </sky-action-hub-content>\n</sky-action-hub>\n"
|
|
4739
4714
|
}
|
|
4740
4715
|
]
|
|
4741
4716
|
}
|