@asd20/ui 3.2.600 → 3.2.602

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.600",
+  "version": "3.2.602",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/organisms/Asd20VideoHeader/index.vue

@@ -21,7 +21,7 @@
       <source :src="videoUrl" type="video/mp4" />
     </video>
 
-    <img class="background-image" :src="imageUrl" alt="" />
+    <img class="background-image" :src="imageUrl" :alt="imageCaption" />
     <!-- <div class="scroll-down-indicator"></div> -->
     <slot />
   </header>

package/src/components/templates/Asd20ArticleDigestTemplate/index.vue

@@ -69,7 +69,6 @@
       :secondary-messages="secondaryMessages"
       omit-detail-links
       omit-calls-to-action
-      grid
     ></asd20-page-content>
 
     <intersect @enter="$emit('stories-in-view')">
@@ -87,13 +86,13 @@
             @input="$emit('update:keywords', $event)"
             medium
           />
-          <asd20-multiselect-input
+          <!-- <asd20-multiselect-input
             label="Categories"
             :taggable="false"
             :value="selectedCategories"
             :items="categoryOptions"
             @input="$emit('update:selected-categories', $event)"
-          />
+          /> -->
         </div>
 
         <div v-if="cards.length < 1">
@@ -271,7 +270,7 @@ import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMe
 import Asd20NotificationGroup from '@asd20/notifications-ui/src/components/Asd20NotificationGroup'
 
 import Asd20SearchField from '../../../components/molecules/Asd20SearchField'
-import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
+// import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
 import Asd20Card from '../../../components/molecules/Asd20Card'
 import Asd20Button from '../../../components/atoms/Asd20Button'
 
@@ -297,7 +296,7 @@ export default {
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20SearchField,
-    Asd20MultiselectInput,
+    // Asd20MultiselectInput,
     Asd20Card,
     Asd20Button,
     Intersect,
@@ -326,7 +325,7 @@ export default {
           time: '',
           // description: '',
           // image: '',
-          pinned: false,
+          // pinned: false,
         })
       )
 
@@ -337,14 +336,14 @@ export default {
       //   link: c.link.replace('/stories', '/announcements'),
       // }))
     },
-    categoryOptions() {
-      // get a unique array of categories with duplicates removed
-      return [
-        ...new Set(
-          this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-        ),
-      ]
-    },
+    // categoryOptions() {
+    //   // get a unique array of categories with duplicates removed
+    //   return [
+    //     ...new Set(
+    //       this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
+    //     ),
+    //   ]
+    // },
     // computedCategoryOptions() {
     //   // get a unique array of categories with duplicates removed
     //   if (this.categoryOptions.length === 0) {
@@ -357,13 +356,13 @@ export default {
     //   return this.categoryOptions
     // },
   },
-  watch: {
-    selectedCategories: function(newVal, oldVal) {
-      if (newVal !== oldVal) {
-        this.reset()
-      }
-    },
-  },
+  // watch: {
+  //   selectedCategories: function(newVal, oldVal) {
+  //     if (newVal !== oldVal) {
+  //       this.reset()
+  //     }
+  //   },
+  // },
   methods: {
     nextSet() {
       if (

package/src/components/templates/Asd20ArticleListTemplate/index.vue

@@ -79,7 +79,6 @@
       :secondary-messages="secondaryMessages"
       omit-detail-links
       omit-calls-to-action
-      grid
     />
 
     <div class="secondary-content">
@@ -98,13 +97,13 @@
               @input="$emit('update:keywords', $event)"
               medium
             />
-            <asd20-multiselect-input
+            <!-- <asd20-multiselect-input
               label="Categories"
               :taggable="false"
               :value="selectedCategories"
               :items="categoryOptions"
               @input="$emit('update:selected-categories', $event)"
-            />
+            /> -->
             <!-- <asd20-multiselect-input
               role="listbox"
               aria-label="Choose a Category to Sort By"
@@ -315,7 +314,7 @@ import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMe
 import Asd20NotificationGroup from '@asd20/notifications-ui/src/components/Asd20NotificationGroup'
 
 import Asd20SearchField from '../../../components/molecules/Asd20SearchField'
-import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
+// import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
 import Asd20Card from '../../../components/molecules/Asd20Card'
 import Asd20Button from '../../../components/atoms/Asd20Button'
 
@@ -341,7 +340,7 @@ export default {
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20SearchField,
-    Asd20MultiselectInput,
+    // Asd20MultiselectInput,
     Asd20Card,
     Asd20Button,
     Intersect,
@@ -366,7 +365,7 @@ export default {
           reversed: false,
           time: '',
           image: '',
-          pinned: false,
+          // pinned: false,
         })
       )
       // .map(c => ({
@@ -374,22 +373,22 @@ export default {
       //   link: c.link.replace('/stories', '/announcements'),
       // }))
     },
-    categoryOptions() {
-      // get a unique array of categories with duplicates removed
-      return [
-        ...new Set(
-          this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-        ),
-      ]
-    },
-  },
-  watch: {
-    selectedCategories: function(newVal, oldVal) {
-      if (newVal !== oldVal) {
-        this.reset()
-      }
-    },
+    // categoryOptions() {
+    //   // get a unique array of categories with duplicates removed
+    //   return [
+    //     ...new Set(
+    //       this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
+    //     ),
+    //   ]
+    // },
   },
+  // watch: {
+  //   selectedCategories: function(newVal, oldVal) {
+  //     if (newVal !== oldVal) {
+  //       this.reset()
+  //     }
+  //   },
+  // },
   methods: {
     nextSet() {
       if (
@@ -516,8 +515,8 @@ export default {
     margin: 0 space(1);
     .asd20-card {
       margin-bottom: space(-0.5);
-      :hover {
-        background: rgb(240, 240, 240);
+      .asd20-card__content:hover {
+        background: rgba(200, 200, 200, 0.2);
       }
     }
     .asd20-search-field .asd20-icon {

package/src/components/templates/Asd20ClubsTemplate/index.vue

@@ -97,13 +97,13 @@
             @input="$emit('update:keywords', $event)"
             medium
           />
-          <asd20-multiselect-input
+          <!-- <asd20-multiselect-input
             label="Categories"
             :taggable="false"
             :value="selectedCategories"
             :items="categoryOptions"
             @input="$emit('update:selected-categories', $event)"
-          />
+          /> -->
         </div>
 
         <div v-if="cards.length < 1">
@@ -273,7 +273,7 @@ import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMe
 import Asd20NotificationGroup from '@asd20/notifications-ui/src/components/Asd20NotificationGroup'
 
 import Asd20SearchField from '../../../components/molecules/Asd20SearchField'
-import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
+// import Asd20MultiselectInput from '../../../components/atoms/Asd20MultiselectInput'
 import Asd20Card from '../../../components/molecules/Asd20Card'
 import Asd20Button from '../../../components/atoms/Asd20Button'
 
@@ -299,7 +299,7 @@ export default {
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20SearchField,
-    Asd20MultiselectInput,
+    // Asd20MultiselectInput,
     Asd20Card,
     Asd20Button,
     Intersect,
@@ -338,14 +338,14 @@ export default {
       //   link: c.link.replace('/stories', '/announcements'),
       // }))
     },
-    categoryOptions() {
-      // get a unique array of categories with duplicates removed
-      return [
-        ...new Set(
-          this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-        ),
-      ]
-    },
+    // categoryOptions() {
+    //   // get a unique array of categories with duplicates removed
+    //   return [
+    //     ...new Set(
+    //       this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
+    //     ),
+    //   ]
+    // },
     // computedCategoryOptions() {
     //   // get a unique array of categories with duplicates removed
     //   if (this.categoryOptions.length === 0) {
@@ -358,13 +358,13 @@ export default {
     //   return this.categoryOptions
     // },
   },
-  watch: {
-    selectedCategories: function(newVal, oldVal) {
-      if (newVal !== oldVal) {
-        this.reset()
-      }
-    },
-  },
+  // watch: {
+  //   selectedCategories: function(newVal, oldVal) {
+  //     if (newVal !== oldVal) {
+  //       this.reset()
+  //     }
+  //   },
+  // },
   methods: {
     nextSet() {
       if (

package/src/data/messages/announcements.json

@@ -483,10 +483,10 @@
       "status": "Published",
       "publishDateTime": "2020-08-12T02:30:00Z",
       "expireDateTime": "2021-08-12T02:01:34.207Z",
-      "isFeatured": false,
+      "isFeatured": true,
       "isDistrictFeatured": false,
       "authorUserId": null,
-      "title": "Updated Return to School Plan",
+      "title": "Re-Updated Return to School Plan",
       "slug": "6th-12th-grade-students-to-start-online-delayed-in-person-classes",
       "summary": "We continue working closely with El Paso County Public Health (EPCPH) to monitor the impact of COVID-19 and its influence on the reopening of schools in El Paso County.",
       "bodyHtml": "<p style=\"\">\u201cLooking at recent COVID-19 trends, locally we have begun to see a stabilization and modest decline in cases and hospitalizations. Given this information, along with the recent launch of an additional community-based testing site, Public Health supports schools in their efforts to safely plan for return to learn,\u201d said Dr. Leon Kelly, deputy medical director of El Paso County Public Health.<br></p><p style=\"\"></p><p style=\"\">As you are aware, local school districts are implementing a variety of reopening plans to start the school year, including remote only plans for secondary schools.</p><p style=\"\"></p><p style=\"\">Equipped with this updated information, and with the support of EPCPH, we will continue to implement our Return to School plan for all pre-K through 5th grade students as communicated last week. However, we will DELAY the start of our Return to School Plan for 6th\u2013 12th grade students, and will start the year in a remote, synchronous classroom environment.</p><p style=\"\"></p><p style=\"\">I have heard from many teachers, students, and parents who desire to return to school in-person. This is absolutely our goal too. However, we are part of the larger community and must all do our part to control the spread of the virus. This is the most sustainable way to not only get back into the classroom, but also stay in the classroom. As such, we feel strongly that we will open schools on Aug. 24, with the following in place.</p><p style=\"\"></p><h3 style=\"\">Preschool \u2013 5th Grade Students</h3><p style=\"\"></p><ul><li>All pre-K through 5th grade students will begin the year as described in our Return to School Plan, meaning students who are not choosing the 100% online option will attend school in-person, daily.</li><li>The first day for students is Aug. 24.</li><li>Schools will begin under various models, and families will receive specific information from each school.</li></ul><p></p><p style=\"\"></p><p style=\"\"></p><h3 style=\"\">6th \u2013 12th Grade Students</h3><p style=\"\"></p><ul><li>All 6th \u2013 12th grade students will start the year remotely and will attend school in a remote, synchronous environment. Students will log-in to class from home and attend school classes as if they were in person. Students will follow their daily schedules, in real time, and will engage in a variety of classroom learning activities. For example, if first period runs from 8 \u2013 9 a.m., the expectation is that all students join the class on time and participate in class synchronously for the entire class period.</li><li>Teachers will log-in to class from their school classroom, take attendance, and lead classroom activities for the duration of the scheduled class.</li><li>Students will attend class and teachers will lead classes according to their daily schedules.</li><li>The first day for students is Aug. 24. \u00b7 Our tentative goal is to transition back to our Return to School Plan on Sept. 14, 2020. This means on Sept. 14, students will begin the hybrid model combined with a synchronous option, per the Return to School Plan following the same schedule used during the remote synchronous period.</li><li>Students who are part of our special populations and require additional services, will be served in person. Representatives from the school or district will reach out to these families, individually, to create a return to school plan.</li><li>Please remember if your child attends a non-traditional school such as the Home School Academy, The Village, New Opportunities Program, or Aspen Valley Campus their schedule may look different. Please visit each school\u2019s website for more information or look for information from your school principal.</li></ul><p></p><p style=\"\">We remain committed to our Return to School Plan (released on Aug. 5, 2020) and its guiding goals. We believe our Return to School Plan transitions well to remote learning for our secondary school learners and that we can smoothly and seamlessly transition back to the Return to School Plan once local COVID-19 data reaches or is trending toward acceptable levels.</p><p style=\"\"></p><p style=\"\">Please be aware, there are two weeks until the start of the new school year. As we know, when dealing with COVID-19, a lot can happen at short notice, highlighting the need for all of us to remain flexible. As such, this plan is subject to change based on updated data from EPCPH or other authorities.</p><p style=\"\"></p><p style=\"\">Finally, our ability to start on Aug. 24, and our ability to maintain in-person learning is 100% dependent upon our collective actions and decisions. As we prepare to open, I am asking for all members of the ASD20 community to do our part to help ensure that students can be in school. Please help your students avoid meeting with large groups of friends, maintain appropriate social distancing and wear a facial covering in accordance with the state mandate \u2013 together, as a community, is the only way this will work. Let us rise to this challenge together.</p><p style=\"\"></p><p style=\"\">I am very aware of the frustration and anxiety created by continued changes and uncertainty. I too, desire certainty and a predictable path moving forward. Please know your schools will continue to provide important and more specific information to use when planning. Thank you for your continued support and flexibility. We know these are challenging times and we are thankful to be navigating them with you!</p><p style=\"\"></p><p style=\"\">Be well and be safe.</p><p style=\"\"></p><p style=\"\">Tom Gregory</p><p style=\"\">Superintendent of Schools</p><p style=\"\">Academy District 20</p>",