@asd20/ui 3.2.770 → 3.2.772

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/atoms/Asd20Logo/index.vue +1 -1
  3. package/src/components/molecules/Asd20Card/index.vue +1 -0
  4. package/src/data/messages/stories.json +55 -18
  5. package/src/helpers/mapMessageToCard.js +2 -1
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.770",
8
+ "version": "3.2.772",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20Logo/index.vue CHANGED
@@ -143,7 +143,7 @@ export default {
143
143
  margin-top: space(0.50);
144
144
  font-family: var(--website-typography__font-family-headlines);
145
145
  font-weight: var(--website-typography__font-weight-body, normal);
146
- font-size: 0.5em;
146
+ font-size: 0.75rem;
147
147
  // text-transform: uppercase;
148
148
  opacity: 0.75;
149
149
  text-align: justify;
package/src/components/molecules/Asd20Card/index.vue CHANGED
@@ -294,6 +294,7 @@ export default {
294
294
  margin-top: auto;
295
295
  padding-top: space(0.5);
296
296
  margin-bottom: space(-0.5);
297
+ font-family: var(--website-typography__font-family-body);
297
298
 
298
299
  &:empty {
299
300
  margin-bottom: 0;
package/src/data/messages/stories.json CHANGED
@@ -2,24 +2,61 @@
2
2
  "@odata.context": "https://asd20-search-prod.search.windows.net/indexes('messages-index')/$metadata#docs(*)",
3
3
  "@odata.count": 41,
4
4
  "@search.facets": {
5
- "categories": [
6
- { "count": 24, "value": "Graduation 2020" },
7
- { "count": 22, "value": "School Spotlight" },
8
- { "count": 22, "value": "Video" },
9
- { "count": 20, "value": "News" },
10
- { "count": 14, "value": "Featured" },
11
- { "count": 12, "value": "Arts" },
12
- { "count": 12, "value": "Sports" },
13
- { "count": 8, "value": "Kudos" },
14
- { "count": 4, "value": "20's People" },
15
- { "count": 4, "value": "School Trips" },
16
- { "count": 2, "value": "COVID-19" },
17
- { "count": 2, "value": "In the News" },
18
- { "count": 2, "value": "Uncategorized" }
5
+ "categories": [{
6
+ "count": 24,
7
+ "value": "Graduation 2020"
8
+ },
9
+ {
10
+ "count": 22,
11
+ "value": "School Spotlight"
12
+ },
13
+ {
14
+ "count": 22,
15
+ "value": "Video"
16
+ },
17
+ {
18
+ "count": 20,
19
+ "value": "News"
20
+ },
21
+ {
22
+ "count": 14,
23
+ "value": "Featured"
24
+ },
25
+ {
26
+ "count": 12,
27
+ "value": "Arts"
28
+ },
29
+ {
30
+ "count": 12,
31
+ "value": "Sports"
32
+ },
33
+ {
34
+ "count": 8,
35
+ "value": "Kudos"
36
+ },
37
+ {
38
+ "count": 4,
39
+ "value": "20's People"
40
+ },
41
+ {
42
+ "count": 4,
43
+ "value": "School Trips"
44
+ },
45
+ {
46
+ "count": 2,
47
+ "value": "COVID-19"
48
+ },
49
+ {
50
+ "count": 2,
51
+ "value": "In the News"
52
+ },
53
+ {
54
+ "count": 2,
55
+ "value": "Uncategorized"
56
+ }
19
57
  ]
20
58
  },
21
- "value": [
22
- {
59
+ "value": [{
23
60
  "@search.score": 7.313502,
24
61
  "type": "message",
25
62
  "id": "14801f20-ba12-11ea-89c6-97124e38f254",
@@ -42,7 +79,7 @@
42
79
  "channels": ["News & Stories"],
43
80
  "audiences": [],
44
81
  "ownerOrganizationId": "26eaf390-d8ab-11e9-a3a8-5de5bba4f125",
45
- "images": "[{\"files\":[{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"name\":\"thumbnail-md\",\"width\":250,\"height\":250,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filepath\":\"message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filesize\":18750},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"name\":\"thumbnail-sm\",\"width\":100,\"height\":100,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filepath\":\"message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filesize\":4884},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"name\":\"thumbnail-xs\",\"width\":50,\"height\":50,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filepath\":\"message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filesize\":1840},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"name\":\"banner\",\"width\":800,\"height\":300,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filepath\":\"message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filesize\":54628},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"name\":\"full\",\"width\":1200,\"height\":800,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filepath\":\"message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filesize\":142032}],\"isCover\":true,\"metadata\":{\"alt\":\"\"}}]",
82
+ "images": "[{\"files\":[{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"name\":\"thumbnail-md\",\"width\":250,\"height\":250,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filepath\":\"message-images//thumbnail-md/Screen Shot 2020-06-29 at 8.08.34 AM_250x250.jpg\",\"filesize\":18750},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"name\":\"thumbnail-sm\",\"width\":100,\"height\":100,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filepath\":\"message-images//thumbnail-sm/Screen Shot 2020-06-29 at 8.08.34 AM_100x100.jpg\",\"filesize\":4884},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"name\":\"thumbnail-xs\",\"width\":50,\"height\":50,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filepath\":\"message-images//thumbnail-xs/Screen Shot 2020-06-29 at 8.08.34 AM_50x50.jpg\",\"filesize\":1840},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"name\":\"banner\",\"width\":800,\"height\":300,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filepath\":\"message-images//banner/Screen Shot 2020-06-29 at 8.08.34 AM_800x300.jpg\",\"filesize\":54628},{\"url\":\"https://asd20websitestorage.blob.core.windows.net/website-files/message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"name\":\"full\",\"width\":1200,\"height\":800,\"filename\":\"Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filepath\":\"message-images//full/Screen Shot 2020-06-29 at 8.08.34 AM_1200x800.jpg\",\"filesize\":142032}],\"isCover\":true,\"metadata\":{\"alt\":\"A Pine Creek High School Graduate looking very self-assured.\"}}]",
46
83
  "videos": "[{\"id\":\"LXIJ87xshpc\",\"embedUrl\":\"https://www.youtube.com/embed/LXIJ87xshpc\",\"watchUrl\":\"https://www.youtube.com/watch?v=LXIJ87xshpc\",\"coverImageUrl\":\"https://img.youtube.com/vi/LXIJ87xshpc/0.jpg\"}]",
47
84
  "translations": "null",
48
85
  "callsToAction": "null",
@@ -802,4 +839,4 @@
802
839
  "modifiedDateTime": "2020-07-15T14:59:40.6Z"
803
840
  }
804
841
  ]
805
- }
842
+ }
package/src/helpers/mapMessageToCard.js CHANGED
@@ -9,11 +9,11 @@ export default function mapMessageToCard(message, options = {}) {
9
9
  : message.images
10
10
  const coverImage = images.find(i => i.isCover) || null
11
11
  const coverImageFiles = coverImage ? coverImage.files || [] : []
12
+ const coverImageAlt = coverImage ? coverImage.metadata.alt : ''
12
13
  const bannerImageOrDefault =
13
14
  coverImageFiles.length > 0
14
15
  ? coverImageFiles.find(f => f.name === 'full') || coverImageFiles[0]
15
16
  : null
16
-
17
17
  const channelTitle =
18
18
  message.channels && message.channels.length ? message.channels[0] : 'none'
19
19
 
@@ -32,6 +32,7 @@ export default function mapMessageToCard(message, options = {}) {
32
32
  time: format(message.publishDateTime, 'h:mm A'),
33
33
  pinned: message.isFeatured || message.isDistrictFeatured,
34
34
  image: bannerImageOrDefault ? bannerImageOrDefault.url : '',
35
+ alt: bannerImageOrDefault ? coverImageAlt : '',
35
36
  link: `${channelPrefixMap[channelTitle]}${message.slug}`,
36
37
  hasGallery: images.length > 0,
37
38
  hasVideo: videos.length > 0,