@asd20/ui 3.2.827 → 3.2.828
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/package.json
CHANGED
|
@@ -2,40 +2,35 @@
|
|
|
2
2
|
<div class="asd20-district-home-template">
|
|
3
3
|
<!-- Skip Nav -->
|
|
4
4
|
<div>
|
|
5
|
-
<!--
|
|
6
|
-
<
|
|
7
|
-
|
|
5
|
+
<!-- Skip Nav -->
|
|
6
|
+
<asd20-skip-to />
|
|
7
|
+
|
|
8
|
+
<!-- Site Navigation -->
|
|
9
|
+
<asd20-site-navigation
|
|
10
|
+
:navigation="navigation"
|
|
11
|
+
:action-items="actionItems"
|
|
12
|
+
@update:menuOpen="$emit('update:menuOpen', $event)"
|
|
13
|
+
:menu-open="menuOpen"
|
|
14
|
+
@update:searchOpen="$emit('update:searchOpen', $event)"
|
|
15
|
+
:search-open="searchOpen"
|
|
16
|
+
:organization="organization"
|
|
17
|
+
:organization-options="organizationOptions"
|
|
18
|
+
>
|
|
19
|
+
</asd20-site-navigation>
|
|
20
|
+
|
|
21
|
+
<!-- Banner Notifications -->
|
|
22
|
+
<client-only>
|
|
23
|
+
<asd20-notification-group
|
|
24
|
+
:notifications="activeNotificationsByType.banner"
|
|
25
|
+
group-type="banner"
|
|
26
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
27
|
+
@toggle-all="$emit('toggle-all')"
|
|
28
|
+
></asd20-notification-group>
|
|
8
29
|
</client-only>
|
|
9
|
-
<div v-else>
|
|
10
|
-
<!-- Skip Nav -->
|
|
11
|
-
<asd20-skip-to />
|
|
12
|
-
|
|
13
|
-
<!-- Site Navigation -->
|
|
14
|
-
<asd20-site-navigation
|
|
15
|
-
:navigation="navigation"
|
|
16
|
-
:action-items="actionItems"
|
|
17
|
-
@update:menuOpen="$emit('update:menuOpen', $event)"
|
|
18
|
-
:menu-open="menuOpen"
|
|
19
|
-
@update:searchOpen="$emit('update:searchOpen', $event)"
|
|
20
|
-
:search-open="searchOpen"
|
|
21
|
-
:organization="organization"
|
|
22
|
-
:organization-options="organizationOptions"
|
|
23
|
-
>
|
|
24
|
-
</asd20-site-navigation>
|
|
25
|
-
|
|
26
|
-
<!-- Banner Notifications -->
|
|
27
|
-
<client-only>
|
|
28
|
-
<asd20-notification-group
|
|
29
|
-
:notifications="activeNotificationsByType.banner"
|
|
30
|
-
group-type="banner"
|
|
31
|
-
@dismiss="$emit('dismiss-notification', $event)"
|
|
32
|
-
@toggle-all="$emit('toggle-all')"
|
|
33
|
-
></asd20-notification-group>
|
|
34
|
-
</client-only>
|
|
35
30
|
|
|
36
|
-
|
|
31
|
+
<!-- Page Header -->
|
|
37
32
|
|
|
38
|
-
|
|
33
|
+
<!-- <asd20-choice-header
|
|
39
34
|
id="page-header"
|
|
40
35
|
v-if="pageHeaderContent"
|
|
41
36
|
v-bind="pageHeaderContent"
|
|
@@ -65,66 +60,66 @@
|
|
|
65
60
|
</template>
|
|
66
61
|
</asd20-choice-header> -->
|
|
67
62
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<asd20-notification-group
|
|
91
|
-
:notifications="activeNotificationsByType.status"
|
|
92
|
-
group-type="status"
|
|
93
|
-
@dismiss="$emit('dismiss-notification', $event)"
|
|
94
|
-
@toggle-all="$emit('toggle-all')"
|
|
95
|
-
/>
|
|
96
|
-
</a>
|
|
97
|
-
</client-only>
|
|
98
|
-
|
|
99
|
-
<client-only>
|
|
100
|
-
<Asd20LanguageTranslation
|
|
101
|
-
:class="
|
|
102
|
-
activeNotificationsByType.status.length > 0
|
|
103
|
-
? ''
|
|
104
|
-
: 'translation-button-adjust'
|
|
105
|
-
"
|
|
106
|
-
v-if="languageCode"
|
|
107
|
-
reversed
|
|
108
|
-
:languageCode="languageCode"
|
|
109
|
-
v-on="$listeners"
|
|
110
|
-
/>
|
|
111
|
-
</client-only>
|
|
112
|
-
|
|
113
|
-
<client-only>
|
|
63
|
+
<!-- Headers -->
|
|
64
|
+
<section class="logo-header">
|
|
65
|
+
<client-only>
|
|
66
|
+
<asd20-organization-picker
|
|
67
|
+
:organization-options="organizationOptions"
|
|
68
|
+
:organization="organization"
|
|
69
|
+
></asd20-organization-picker>
|
|
70
|
+
</client-only>
|
|
71
|
+
<slot name="top" />
|
|
72
|
+
<template>
|
|
73
|
+
<div
|
|
74
|
+
:class="
|
|
75
|
+
activeNotificationsByType.floating.length > 0
|
|
76
|
+
? 'double-notification-wrapper'
|
|
77
|
+
: 'notification-wrapper'
|
|
78
|
+
"
|
|
79
|
+
>
|
|
80
|
+
<client-only>
|
|
81
|
+
<a
|
|
82
|
+
class="weather-link"
|
|
83
|
+
href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
|
|
84
|
+
>
|
|
114
85
|
<asd20-notification-group
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
:total-dismissed-notifications="totalDismissedNotifications"
|
|
118
|
-
group-type="floating"
|
|
86
|
+
:notifications="activeNotificationsByType.status"
|
|
87
|
+
group-type="status"
|
|
119
88
|
@dismiss="$emit('dismiss-notification', $event)"
|
|
120
89
|
@toggle-all="$emit('toggle-all')"
|
|
121
|
-
|
|
122
|
-
</
|
|
123
|
-
</
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
90
|
+
/>
|
|
91
|
+
</a>
|
|
92
|
+
</client-only>
|
|
93
|
+
|
|
94
|
+
<client-only>
|
|
95
|
+
<Asd20LanguageTranslation
|
|
96
|
+
:class="
|
|
97
|
+
activeNotificationsByType.status.length > 0
|
|
98
|
+
? ''
|
|
99
|
+
: 'translation-button-adjust'
|
|
100
|
+
"
|
|
101
|
+
v-if="languageCode"
|
|
102
|
+
reversed
|
|
103
|
+
:languageCode="languageCode"
|
|
104
|
+
v-on="$listeners"
|
|
105
|
+
/>
|
|
106
|
+
</client-only>
|
|
107
|
+
|
|
108
|
+
<client-only>
|
|
109
|
+
<asd20-notification-group
|
|
110
|
+
class="asd20-notification-group--floating"
|
|
111
|
+
:notifications="activeNotificationsByType.floating"
|
|
112
|
+
:total-dismissed-notifications="totalDismissedNotifications"
|
|
113
|
+
group-type="floating"
|
|
114
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
115
|
+
@toggle-all="$emit('toggle-all')"
|
|
116
|
+
></asd20-notification-group>
|
|
117
|
+
</client-only>
|
|
118
|
+
</div>
|
|
119
|
+
</template>
|
|
120
|
+
</section>
|
|
121
|
+
|
|
122
|
+
<!-- <asd20-primary-header
|
|
128
123
|
id="page-header"
|
|
129
124
|
heading="Apply for School Choice"
|
|
130
125
|
lead="We are now accepting applications for students living in, and out of, our district for the 2022-23 school year."
|
|
@@ -141,7 +136,7 @@
|
|
|
141
136
|
>
|
|
142
137
|
</asd20-primary-header> -->
|
|
143
138
|
|
|
144
|
-
|
|
139
|
+
<!-- <asd20-secondary-header
|
|
145
140
|
heading="Register for Kindergarten"
|
|
146
141
|
lead="Early Kindergarten registration is now open."
|
|
147
142
|
:call-to-action="{
|
|
@@ -150,7 +145,7 @@
|
|
|
150
145
|
}"
|
|
151
146
|
></asd20-secondary-header> -->
|
|
152
147
|
|
|
153
|
-
|
|
148
|
+
<!-- <asd20-tertiary-header
|
|
154
149
|
heading="Attend our Job Fair"
|
|
155
150
|
lead="We're hiring and hope you can attend our Job Fair on March 5, 2022, from 9 a.m. – 3 p.m."
|
|
156
151
|
:call-to-action="{
|
|
@@ -159,17 +154,11 @@
|
|
|
159
154
|
label: 'Register for our Job Fair',
|
|
160
155
|
}"
|
|
161
156
|
></asd20-tertiary-header> -->
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
<asd20-tertiary-header
|
|
168
|
-
v-if="messages.length > 2"
|
|
169
|
-
:messages="messages"
|
|
170
|
-
/>
|
|
171
|
-
|
|
172
|
-
<!-- <asd20-return-to-school-header
|
|
157
|
+
<asd20-primary-header v-if="messages.length > 0" :messages="messages" />
|
|
158
|
+
<asd20-secondary-header v-if="messages.length > 1" :messages="messages" />
|
|
159
|
+
<asd20-tertiary-header v-if="messages.length > 2" :messages="messages" />
|
|
160
|
+
|
|
161
|
+
<!-- <asd20-return-to-school-header
|
|
173
162
|
id="page-header"
|
|
174
163
|
v-if="pageHeaderContent"
|
|
175
164
|
v-bind="pageHeaderContent"
|
|
@@ -199,7 +188,7 @@
|
|
|
199
188
|
</template>
|
|
200
189
|
</asd20-return-to-school-header> -->
|
|
201
190
|
|
|
202
|
-
|
|
191
|
+
<!-- <asd20-page-content
|
|
203
192
|
:primary-messages="primaryMessages"
|
|
204
193
|
:secondary-messages="secondaryMessages"
|
|
205
194
|
>
|
|
@@ -211,37 +200,36 @@
|
|
|
211
200
|
/>
|
|
212
201
|
</asd20-page-content> -->
|
|
213
202
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
203
|
+
<asd20-feeds-section
|
|
204
|
+
:announcements="announcements"
|
|
205
|
+
:announcements-feed-props="announcementsFeedProps"
|
|
206
|
+
@announcements-in-view="$emit('announcements-in-view')"
|
|
207
|
+
:stories="stories"
|
|
208
|
+
:stories-feed-props="storiesFeedProps"
|
|
209
|
+
@stories-in-view="$emit('stories-in-view')"
|
|
210
|
+
:events="events"
|
|
211
|
+
:events-feed-props="eventsFeedProps"
|
|
212
|
+
@events-in-view="$emit('events-in-view')"
|
|
213
|
+
></asd20-feeds-section>
|
|
214
|
+
|
|
215
|
+
<!-- <asd20-factoids-section
|
|
227
216
|
v-if="factoids && factoids.length > 0"
|
|
228
217
|
:factoids="factoids"
|
|
229
218
|
/> -->
|
|
230
219
|
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
</div>
|
|
220
|
+
<!-- Quick Links -->
|
|
221
|
+
<asd20-quicklinks-menu :quickLinks="quickLinks">
|
|
222
|
+
<slot name="quicklinks-menu" />
|
|
223
|
+
</asd20-quicklinks-menu>
|
|
224
|
+
|
|
225
|
+
<!-- Footer -->
|
|
226
|
+
<asd20-page-footer
|
|
227
|
+
:organization="organization"
|
|
228
|
+
:socialLinks="socialLinks"
|
|
229
|
+
:disclosureLinks="disclosureLinks"
|
|
230
|
+
>
|
|
231
|
+
<slot name="page-footer" />
|
|
232
|
+
</asd20-page-footer>
|
|
245
233
|
</div>
|
|
246
234
|
</div>
|
|
247
235
|
</template>
|
|
@@ -255,7 +243,7 @@ import scrollTrack from '../../../directives/scroll-track'
|
|
|
255
243
|
|
|
256
244
|
// Components
|
|
257
245
|
import Asd20SkipTo from '../../../components/atoms/Asd20SkipTo'
|
|
258
|
-
import Asd20Skeleton from '../../../components/atoms/Asd20Skeleton'
|
|
246
|
+
// import Asd20Skeleton from '../../../components/atoms/Asd20Skeleton'
|
|
259
247
|
// import Asd20ReturnToSchoolHeader from '../../../components/organisms/Asd20ReturnToSchoolHeader'
|
|
260
248
|
// import Asd20ChoiceHeader from '../../../components/organisms/Asd20ChoiceHeader'
|
|
261
249
|
import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
|
|
@@ -272,17 +260,17 @@ import Asd20PrimaryHeader from '../../../components/organisms/Asd20PrimaryHeader
|
|
|
272
260
|
import Asd20SecondaryHeader from '../../../components/organisms/Asd20SecondaryHeader'
|
|
273
261
|
import Asd20TertiaryHeader from '../../../components/organisms/Asd20TertiaryHeader'
|
|
274
262
|
import Asd20LanguageTranslation from '../../molecules/Asd20LanguageTranslation'
|
|
275
|
-
import globalPropMixinFactory from '../../../mixins/globalPropMixinFactory.js'
|
|
263
|
+
// import globalPropMixinFactory from '../../../mixins/globalPropMixinFactory.js'
|
|
276
264
|
|
|
277
265
|
export default {
|
|
278
266
|
name: 'Asd20DistrictHomeTemplate',
|
|
279
267
|
|
|
280
268
|
mixins: [
|
|
281
269
|
pageTemplateMixin,
|
|
282
|
-
globalPropMixinFactory('isAuthenticated', {
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
}),
|
|
270
|
+
// globalPropMixinFactory('isAuthenticated', {
|
|
271
|
+
// type: Boolean,
|
|
272
|
+
// default: true,
|
|
273
|
+
// }),
|
|
286
274
|
],
|
|
287
275
|
|
|
288
276
|
directives: { scrollTrack },
|
|
@@ -295,7 +283,7 @@ export default {
|
|
|
295
283
|
|
|
296
284
|
components: {
|
|
297
285
|
Asd20SkipTo,
|
|
298
|
-
Asd20Skeleton,
|
|
286
|
+
// Asd20Skeleton,
|
|
299
287
|
// Asd20ReturnToSchoolHeader,
|
|
300
288
|
// Asd20ChoiceHeader,
|
|
301
289
|
// Asd20PageContent,
|