Merge branch '3day-workshop-adjustments' into '3day-onboarding'

Make small adjustments to 3day workshop

See merge request platform-one/private/bullhorn/platform1-site!100

package-lock.json

@@ -5270,6 +5270,12 @@
           "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
           "dev": true
         },
+        "minimist": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
+          "dev": true
+        },
         "punycode": {
           "version": "1.4.1",
           "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
@@ -6722,9 +6728,9 @@
           },
           "dependencies": {
             "minimist": {
-              "version": "0.0.8",
-              "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-              "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
+              "version": "1.2.5",
+              "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+              "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
               "dev": true
             }
           }
@@ -10422,12 +10428,6 @@
         "brace-expansion": "^1.1.7"
       }
     },
-    "minimist": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
-      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
-      "dev": true
-    },
     "minipass": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.3.tgz",
@@ -14526,16 +14526,24 @@
         "camelcase": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
-          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
-          "dev": true
+          "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0="
         },
         "yargs-parser": {
-          "version": "10.1.0",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-10.1.0.tgz",
-          "integrity": "sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==",
+          "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
           "dev": true,
           "requires": {
-            "camelcase": "^4.1.0"
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          },
+          "dependencies": {
+            "camelcase": {
+              "version": "5.3.1",
+              "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+              "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+              "dev": true
+            }
           }
         }
       }
@@ -15948,19 +15956,19 @@
           "requires": {
             "ansi-regex": "^4.1.0"
           }
+        },
+        "yargs-parser": {
+          "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
         }
       }
     },
-    "yargs-parser": {
-      "version": "13.1.2",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
-      "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
-      "dev": true,
-      "requires": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      }
-    },
     "yauzl": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",

src/views/3DayWorkshop.vue

@@ -4,7 +4,9 @@
     <div class="col-lg-12 px-4">
       <div class="px-4 pb-4">
         <h2 class="mx-0">YOU CAN REGISTER FOR THE FOLLOWING SESSIONS</h2>
-        <p class="pr-5">Complete the registration process below in order to reserve your seat</p>
+        <p class="pr-5">
+          Complete the registration process below in order to reserve your seat
+        </p>
       </div>
       <!-- Replace the below the registration component -->
       <h4 class="mt-6">Courses:</h4>
@@ -12,22 +14,27 @@
         <v-row>
           <v-col
             class="d-flex justify-center"
-            v-for="course in courses"
+            v-for="course in filteredCourses"
             :key="course.startDate"
-            lg="3"
-            md="4"
-            sm="6"
+            xl="3"
+            lg="4"
+            md="6"
+            xs="12"
           >
-            <v-card class="mt-6" outlined width="350">
+            <v-card class="mt-6" outlined width="400">
               <v-list-item-content>
-                <v-list-item-title class="headline mb-1">{{ course['course name'] }}</v-list-item-title>
+                <v-list-item-title class="headline mb-1">{{
+                  course["course name"]
+                }}</v-list-item-title>
                 <v-list-item-subtitle class="pb-1">
-                  {{ course['start readable'] }} -
-                  {{ course['end readable'] }}
+                  {{ course["start readable"] }} -
+                  {{ course["end readable"] }}
                 </v-list-item-subtitle>
               </v-list-item-content>
               <v-card-text class="px-6">
-                <div class="text--primary px-0 py-2 text-left">{{ course['course description'] }}</div>
+                <div class="text--primary px-0 py-2 text-left">
+                  {{ course["course description"] }}
+                </div>
                 <div>
                   <v-progress-linear
                     class="mt-6"
@@ -41,9 +48,9 @@
                 <div class="d-flex pt-2 justify-space-between">
                   <div>
                     Seats remaining:
-                    {{ course['max seats'] - course['reserved seats'] }}
+                    {{ course["max seats"] - course["reserved seats"] }}
                   </div>
-                  <div>Total Seats: {{ course['max seats'] }}</div>
+                  <div>Total Seats: {{ course["max seats"] }}</div>
                 </div>
               </v-card-text>
               <v-card-actions class="flex justify-content-center mb-2">
@@ -52,18 +59,11 @@
                     !course.is_full &&
                       new Date(course['start date']) > new Date()
                   "
-                  text
-                  href="
-                  encodeURI(
-                    `https://docs.google.com/forms/d/e/1FAIpQLScdVm3uZo_8PAt2aGivbj621DU02RROGGr8DsVb0QgRNLiDLw/viewform?entry.1531415298=${course[
-                      'start date'
-                    ] +
-                      '+-+' +
-                      course['course name'].replace(/ /g, '+')}`
-                  )
-                "
+                  :href="getUrl(course)"
                   target="_blank"
-                >Register</v-btn>
+                  color="primary"
+                  >Register</v-btn
+                >
                 <v-btn
                   v-else-if="
                     new Date(course['start date']) < new Date() &&
@@ -72,13 +72,15 @@
                   text
                   disabled
                   href="#"
-                >In Progress</v-btn>
+                  >In Progress</v-btn
+                >
                 <v-btn
                   v-else-if="new Date(course['end date']) < new Date()"
                   text
                   disabled
                   href="#"
-                >Completed</v-btn>
+                  >Completed</v-btn
+                >
                 <v-btn v-else text disabled href="#">Full</v-btn>
               </v-card-actions>
             </v-card>
@@ -203,6 +205,27 @@ export default {
     } finally {
       this.loadingCourses = false;
     }
+  },
+  methods: {
+    getUrl(course) {
+      return encodeURI(
+        `https://docs.google.com/forms/d/e/1FAIpQLScdVm3uZo_8PAt2aGivbj621DU02RROGGr8DsVb0QgRNLiDLw/viewform?entry.1531415298=${course[
+          "start date"
+        ] +
+          "+-+" +
+          course["course name"].replace(/ /g, "+")}`
+      );
+    },
+    is3DayWorkshop(courseName) {
+      return courseName.match(/3-day Workshop/i);
+    }
+  },
+  computed: {
+    filteredCourses() {
+      return this.courses.filter(course =>
+        this.is3DayWorkshop(course["course name"])
+      );
+    }
   }
 };
 </script>
@@ -213,13 +236,4 @@ export default {
 //     background-image: none !important;
 //   }
 // }
-
-.who-we-are {
-  margin-bottom: 2rem;
-  @include media-breakpoint-up(lg) {
-    .section-description {
-      max-width: 60%;
-    }
-  }
-}
 </style>