From 08ff9d260245d066097c4da1856835056f563bc6 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 10:57:54 -0600
Subject: [PATCH 01/29] add user to course ui

---
 src/views/Team.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 4478231..29a7a86 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -190,7 +190,7 @@
                 Remove Selected
               </v-btn>
               <v-btn
-                class="no-link"
+                class="no-link mr-3"
                 :link="false"
                 :href="emailSelectedHref"
                 target="_blank"
@@ -199,6 +199,16 @@
                 <v-icon class="mr-2">mdi-email</v-icon>
                 Email Selected
               </v-btn>
+              <v-btn
+                class="no-link"
+                :link="false"
+                @click="addUsersToCourse"
+                target="_blank"
+                :disabled="selectedMembers.length === 0"
+              >
+                <v-icon class="mr-2">mdi-plus</v-icon>
+                Add To Course
+              </v-btn>
             </div>
           </template>
         </v-data-table>
@@ -306,6 +316,9 @@ export default {
     this.init();
   },
   methods: {
+    async addUsersToCourse() {
+
+    },
     async init() {
       let isTeamLead = false;
       try {
-- 
GitLab


From 71248068ab1221cfafc3b207bcabdd0f720fb7c2 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:08:32 -0600
Subject: [PATCH 02/29] adding CourseSelect component

---
 src/components/CourseSelect.vue | 194 ++++++++++++++++++++++++++++++++
 src/views/Team.vue              |   6 +
 2 files changed, 200 insertions(+)
 create mode 100644 src/components/CourseSelect.vue

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
new file mode 100644
index 0000000..1e009f5
--- /dev/null
+++ b/src/components/CourseSelect.vue
@@ -0,0 +1,194 @@
+<template>
+  <v-autocomplete
+    v-model="model"
+    ref="userAutocomplete"
+    :loading="loading"
+    :items="items"
+    :search-input.sync="search"
+    :rules="rules"
+    :multiple="multiple"
+    :label="label"
+    item-text="name"
+    return-object
+    required
+    :hint="hint"
+    :persistent-hint="true"
+    clearable
+    hide-no-data
+    hide-selected
+    @change="modelChanged"
+    placeholder="Start typing to find a user"
+    prepend-icon="mdi-account-search"
+    @click:prepend="setInputElementFocus($refs.userAutocomplete)"
+    class="user-select-component"
+  >
+    <ErrorMessage />
+    <template v-slot:selection="data">
+      <v-chip
+        v-bind="data.attr"
+        :input-value="data.selected"
+        :close="multiple"
+        @click:close="remove(data.item)"
+      >
+        <v-avatar left>
+          <img
+            v-if="data.item.avatar"
+            :src="data.item.avatar"
+            :alt="data.item.name"
+          />
+          <!-- change this icon to something for a course -->
+          <v-icon v-else>mdi-account-circle</v-icon>
+        </v-avatar>
+        <span v-text="data.item.name"></span>
+      </v-chip>
+    </template>
+
+    <template v-slot:item="{ item }">
+      <!-- do courses need an avatar? not sure -->
+      <v-list-item-avatar>
+        <img v-if="item.avatar" :src="item.avatar" :alt="data.item.name" />
+          <!-- change this icon to something for a course -->
+        <v-icon x-large v-else>mdi-account-circle</v-icon>
+      </v-list-item-avatar>
+      <v-list-item-content>
+        <v-list-item-title
+          class="text-left"
+          v-html="item.name"
+        ></v-list-item-title>
+        <v-list-item-subtitle
+          class="text-left"
+          v-html="item.email"
+        ></v-list-item-subtitle>
+      </v-list-item-content>
+    </template>
+  </v-autocomplete>
+</template>
+
+<script>
+//replace with CourseService
+import UserService from "@/api/services/user";
+import uniq from "lodash/uniq";
+import { setInputElementFocus } from "@/utils/events";
+import ErrorMessage from "@/components/APIErrorDialog";
+import { SET_ERROR_MESSAGE, SET_ERROR_DIALOG } from "@/store/mutation-types";
+
+export default {
+  props: {
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    required: {
+      type: Boolean,
+      default: false,
+    },
+    preload: {
+      type: Boolean,
+      default: false,
+    },
+    rules: Array,
+    label: String,
+    value: [Object, Array],
+    preloadData: Array,
+  },
+  components: {
+    ErrorMessage,
+  },
+  data: () => ({
+    loading: false,
+    items: [],
+    search: "",
+    model: null, // array of selected users if multiple===true
+  }),
+  created() {
+    if (this.value) {
+      this.model = this.value;
+      this.items = this.value;
+    }
+  },
+  computed: {
+      //change reference to users courses
+    hint() {
+      if (this.loading) {
+        return "";
+      }
+      if (this.items.length === 0 && this.search) {
+        return "No matching users found";
+      }
+      return "";
+    },
+  },
+  watch: {
+    search(val) {
+      if (val) {
+        this.queryDebounced(val);
+      }
+    },
+  },
+  methods: {
+    setInputElementFocus,
+    clear() {
+      this.search = null;
+      this.model = null;
+      this.items = [];
+    },
+    remove(item) {
+      const index = this.model.indexOf(item);
+      if (index >= 0) {
+        this.model.splice(index, 1);
+      }
+      this.modelChanged();
+    },
+    modelChanged() {
+      this.$emit("input", this.model);
+      // reset the search text
+      this.search = null;
+      // sync the items based on the current model
+      if (this.multiple) {
+        this.items = this.model;
+      } else if (this.model) {
+        this.items = [this.model];
+      } else {
+        this.items = [];
+      }
+    },
+    queryDebounced(val) {
+      // cancel pending call
+      clearTimeout(this._timerId);
+
+      this.loading = true;
+      // delay new call
+      this._timerId = setTimeout(() => {
+        this.query(val);
+      }, 400);
+    },
+    async query(val) {
+      try {
+        const newItems = await UserService.search({ q: val });
+        if (this.model) {
+          if (Array.isArray(this.model)) {
+            this.items = uniq([...newItems.users, ...this.model]);
+          } else {
+            this.items = uniq([...newItems.users, this.model]);
+          }
+        } else {
+          this.items = newItems.users;
+        }
+      } catch (e) {
+        this.$store.commit(SET_ERROR_MESSAGE, e);
+        this.$store.commit(SET_ERROR_DIALOG, true);
+        console.error("unable to get users", e);
+        this.items = [];
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+/* change reference to user */
+.user-select-component {
+  padding-top: 14px;
+}
+</style>
diff --git a/src/views/Team.vue b/src/views/Team.vue
index 29a7a86..09b55f0 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -300,6 +300,8 @@ export default {
       isAdding: false,
       isAddingDuplicate: false,
       isAddingBusy: false,
+      isAddingUserToCourse: false,
+      isAddingUserToCourseDuplicate: false,
     },
     headers: [
       { text: "Name", value: "name", width: "200px", fixed: true },
@@ -317,6 +319,10 @@ export default {
   },
   methods: {
     async addUsersToCourse() {
+      this.state.isAddingUserToCourseDuplicate = false;
+      this.state.isAddingUserToCourse = true;
+    },
+    async cancelAddUsersToCourse() {
 
     },
     async init() {
-- 
GitLab


From cae6e87c99173cfe9fc8b2dfa2ce1aebf11a90a0 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:09:45 -0600
Subject: [PATCH 03/29] replace UserService with CourseService

---
 src/components/CourseSelect.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index 1e009f5..907782a 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -65,8 +65,7 @@
 </template>
 
 <script>
-//replace with CourseService
-import UserService from "@/api/services/user";
+import CourseService from "@/api/services/training";
 import uniq from "lodash/uniq";
 import { setInputElementFocus } from "@/utils/events";
 import ErrorMessage from "@/components/APIErrorDialog";
-- 
GitLab


From 24c2f8917c90644fbcc785b4371b9e47fe172612 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:17:13 -0600
Subject: [PATCH 04/29] CourseSelect

---
 src/components/CourseSelect.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index 907782a..9814e43 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -20,7 +20,7 @@
     placeholder="Start typing to find a user"
     prepend-icon="mdi-account-search"
     @click:prepend="setInputElementFocus($refs.userAutocomplete)"
-    class="user-select-component"
+    class="course-select-component"
   >
     <ErrorMessage />
     <template v-slot:selection="data">
@@ -97,7 +97,7 @@ export default {
     loading: false,
     items: [],
     search: "",
-    model: null, // array of selected users if multiple===true
+    model: null, // array of selected courses
   }),
   created() {
     if (this.value) {
@@ -112,7 +112,7 @@ export default {
         return "";
       }
       if (this.items.length === 0 && this.search) {
-        return "No matching users found";
+        return "No matching courses found";
       }
       return "";
     },
@@ -163,7 +163,7 @@ export default {
     },
     async query(val) {
       try {
-        const newItems = await UserService.search({ q: val });
+        const newItems = await CourseService.getCourses({ q: val });
         if (this.model) {
           if (Array.isArray(this.model)) {
             this.items = uniq([...newItems.users, ...this.model]);
@@ -186,8 +186,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/* change reference to user */
-.user-select-component {
+.course-select-component {
   padding-top: 14px;
 }
 </style>
-- 
GitLab


From fa696931e517409176a16db7f15ca71f910d8ba3 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:17:44 -0600
Subject: [PATCH 05/29] change users to courses

---
 src/components/CourseSelect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index 9814e43..c24d9b6 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -176,7 +176,7 @@ export default {
       } catch (e) {
         this.$store.commit(SET_ERROR_MESSAGE, e);
         this.$store.commit(SET_ERROR_DIALOG, true);
-        console.error("unable to get users", e);
+        console.error("unable to get courses", e);
         this.items = [];
       } finally {
         this.loading = false;
-- 
GitLab


From 6e3c33d6bfd69bd297242e9551ea695e6de4c1b4 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:19:12 -0600
Subject: [PATCH 06/29] change references to users

---
 src/components/CourseSelect.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index c24d9b6..bcafaf1 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -1,7 +1,7 @@
 <template>
   <v-autocomplete
     v-model="model"
-    ref="userAutocomplete"
+    ref="courseAutocomplete"
     :loading="loading"
     :items="items"
     :search-input.sync="search"
@@ -17,9 +17,9 @@
     hide-no-data
     hide-selected
     @change="modelChanged"
-    placeholder="Start typing to find a user"
+    placeholder="Start typing to find a course"
     prepend-icon="mdi-account-search"
-    @click:prepend="setInputElementFocus($refs.userAutocomplete)"
+    @click:prepend="setInputElementFocus($refs.courseAutocomplete)"
     class="course-select-component"
   >
     <ErrorMessage />
@@ -106,7 +106,6 @@ export default {
     }
   },
   computed: {
-      //change reference to users courses
     hint() {
       if (this.loading) {
         return "";
@@ -166,12 +165,12 @@ export default {
         const newItems = await CourseService.getCourses({ q: val });
         if (this.model) {
           if (Array.isArray(this.model)) {
-            this.items = uniq([...newItems.users, ...this.model]);
+            this.items = uniq([...newItems.courses, ...this.model]);
           } else {
-            this.items = uniq([...newItems.users, this.model]);
+            this.items = uniq([...newItems.courses, this.model]);
           }
         } else {
-          this.items = newItems.users;
+          this.items = newItems.courses;
         }
       } catch (e) {
         this.$store.commit(SET_ERROR_MESSAGE, e);
-- 
GitLab


From 3f9e154695f776ba542b63b8060d45caae710cdc Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:21:13 -0600
Subject: [PATCH 07/29] change icons

---
 src/components/CourseSelect.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index bcafaf1..3f1197b 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -37,7 +37,7 @@
             :alt="data.item.name"
           />
           <!-- change this icon to something for a course -->
-          <v-icon v-else>mdi-account-circle</v-icon>
+          <v-icon v-else>mdi-television-guide</v-icon>
         </v-avatar>
         <span v-text="data.item.name"></span>
       </v-chip>
@@ -48,7 +48,7 @@
       <v-list-item-avatar>
         <img v-if="item.avatar" :src="item.avatar" :alt="data.item.name" />
           <!-- change this icon to something for a course -->
-        <v-icon x-large v-else>mdi-account-circle</v-icon>
+        <v-icon x-large v-else>mdi-television-guide</v-icon>
       </v-list-item-avatar>
       <v-list-item-content>
         <v-list-item-title
-- 
GitLab


From 2dceb3dbc3bf769af02a20f2731630e97518ef24 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:24:12 -0600
Subject: [PATCH 08/29] adding CourseSelect component to Team file

---
 src/views/Team.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 09b55f0..a1f8c21 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -132,6 +132,22 @@
                   />
                 </v-card-text>
 
+                <v-card-text>
+                  <CourseSelect
+                    ref="userSelect"
+                    v-model="membersToAdd"
+                    multiple
+                    :rules="[
+                      inputRules.required,
+                      inputRules.duplicates(
+                        membersToAdd,
+                        team.members,
+                        'User is already a member of this team'
+                      ),
+                    ]"
+                  />
+                </v-card-text>
+
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn
@@ -262,6 +278,7 @@
 import Vue from "vue";
 import TeamService from "@/api/services/team";
 import UserSelect from "@/components/UserSelect";
+import CourseSelect from "@/components/CourseSelect";
 import AddTeam from "@/components/AddTeam";
 import { defaultSnackbarTimeout } from "@/config/config";
 import inputRules from "@/utils/inputRules";
@@ -270,7 +287,7 @@ import ErrorMessage from "@/components/APIErrorDialog";
 import { SET_ERROR_MESSAGE, SET_ERROR_DIALOG } from "@/store/mutation-types";
 
 export default {
-  components: { UserSelect, AddTeam, ErrorMessage },
+  components: { UserSelect, CourseSelect, AddTeam, ErrorMessage },
   data: () => ({
     editValid: false,
     editValues: {},
-- 
GitLab


From 8abb5ce3a57f426cb8823bce1357ceab9877a7e5 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:26:32 -0600
Subject: [PATCH 09/29] implementing CourseSelect

---
 src/views/Team.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index a1f8c21..3d52250 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -135,14 +135,14 @@
                 <v-card-text>
                   <CourseSelect
                     ref="userSelect"
-                    v-model="membersToAdd"
+                    v-model="coursesToAddSelectedUsersTo"
                     multiple
                     :rules="[
                       inputRules.required,
                       inputRules.duplicates(
-                        membersToAdd,
+                        coursesToAddSelectedUsersTo,
                         team.members,
-                        'User is already a member of this team'
+                        'User is already in Course'
                       ),
                     ]"
                   />
@@ -329,6 +329,7 @@ export default {
     selectedMembers: [],
     deletingMembers: [],
     membersToAdd: null,
+    coursesToAddSelectedUsersTo: null,
     inputRules,
   }),
   async mounted() {
-- 
GitLab


From e9bfff7d03315ea266df45ac2bbd4e1c954e7040 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:31:45 -0600
Subject: [PATCH 10/29] creating dialog for CourseSelect component

---
 src/views/Team.vue | 86 +++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 74 insertions(+), 12 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 3d52250..58a2797 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -103,8 +103,13 @@
               </div>
             </div>
 
-            <v-dialog
-              v-model="state.isAdding"
+           
+
+            <!-- 
+              COURSE SELECT DIALOG
+            -->
+          <v-dialog
+              v-model="state.isAddingUserToCourse"
               persistent
               no-click-animation
               max-width="500px"
@@ -116,38 +121,91 @@
                   >
                 </v-card-title>
 
-                <v-card-text>
-                  <UserSelect
+                 <v-card-text>
+                  <CourseSelect
                     ref="userSelect"
-                    v-model="membersToAdd"
+                    v-model="coursesToAddSelectedUsersTo"
                     multiple
                     :rules="[
                       inputRules.required,
                       inputRules.duplicates(
-                        membersToAdd,
-                        team.members,
-                        'User is already a member of this team'
+                        coursesToAddSelectedUsersTo,
+                        coursesSelectedUserIsAlreadyIn,
+                        'User is already in Course'
                       ),
                     ]"
                   />
                 </v-card-text>
 
+                <v-card-actions>
+                  <v-spacer></v-spacer>
+                  <v-btn
+                    color=""
+                    :disabled="state.isAddingBusy"
+                    text
+                    @click="cancelAddMember()"
+                  >
+                    Cancel
+                  </v-btn>
+                  <v-btn
+                    :disabled="state.isAddingDuplicate || !membersToAdd"
+                    color="primary"
+                    :loading="state.isAddingBusy"
+                    text
+                    @click="addMember()"
+                  >
+                    Add Member
+                  </v-btn>
+                </v-card-actions>
+              </v-card>
+            </v-dialog>
+
+            <!-- 
+              COURSE SELECT DIALOG END              
+            -->
+
+
+
+
+
+
+
+
+
+            <!-- 
+              USER SELECT DIALOG
+             -->
+            <v-dialog
+              v-model="state.isAdding"
+              persistent
+              no-click-animation
+              max-width="500px"
+            >
+              <v-card>
+                <v-card-title>
+                  <span class="headline"
+                    >Add new member to {{ team.name }}</span
+                  >
+                </v-card-title>
+
                 <v-card-text>
-                  <CourseSelect
+                  <UserSelect
                     ref="userSelect"
-                    v-model="coursesToAddSelectedUsersTo"
+                    v-model="membersToAdd"
                     multiple
                     :rules="[
                       inputRules.required,
                       inputRules.duplicates(
-                        coursesToAddSelectedUsersTo,
+                        membersToAdd,
                         team.members,
-                        'User is already in Course'
+                        'User is already a member of this team'
                       ),
                     ]"
                   />
                 </v-card-text>
 
+                
+
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn
@@ -170,6 +228,9 @@
                 </v-card-actions>
               </v-card>
             </v-dialog>
+            <!-- 
+              USER SELECT DIALOG END 
+             -->
           </template>
 
           <template v-slot:[`item.name`]="{ item }">
@@ -330,6 +391,7 @@ export default {
     deletingMembers: [],
     membersToAdd: null,
     coursesToAddSelectedUsersTo: null,
+    coursesSelectedUserIsAlreadyIn: null,
     inputRules,
   }),
   async mounted() {
-- 
GitLab


From 7ba9eb2037d669ba5b830bd0c452d57f42f42db3 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:34:17 -0600
Subject: [PATCH 11/29] open close dialog for CourseSelect

---
 src/views/Team.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 58a2797..2ebe6bc 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -117,13 +117,13 @@
               <v-card>
                 <v-card-title>
                   <span class="headline"
-                    >Add new member to {{ team.name }}</span
+                    >Add selected users to the following selected courses</span
                   >
                 </v-card-title>
 
                  <v-card-text>
                   <CourseSelect
-                    ref="userSelect"
+                    ref="courseSelect"
                     v-model="coursesToAddSelectedUsersTo"
                     multiple
                     :rules="[
@@ -398,11 +398,14 @@ export default {
     this.init();
   },
   methods: {
-    async addUsersToCourse() {
+    async openDialogAddUsersToCourse() {
       this.state.isAddingUserToCourseDuplicate = false;
       this.state.isAddingUserToCourse = true;
     },
-    async cancelAddUsersToCourse() {
+    async addSelectedUsersToSelectedCourses() {
+
+    },
+    async closeDialogAddUsersToCourse() {
 
     },
     async init() {
-- 
GitLab


From 695e144a043834f186c6daf160ebdcc2ef5ea358 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:36:45 -0600
Subject: [PATCH 12/29] updating data state

---
 src/views/Team.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 2ebe6bc..2dc3910 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -143,16 +143,16 @@
                     color=""
                     :disabled="state.isAddingBusy"
                     text
-                    @click="cancelAddMember()"
+                    @click="closeDialogAddUsersToCourse()"
                   >
                     Cancel
                   </v-btn>
                   <v-btn
-                    :disabled="state.isAddingDuplicate || !membersToAdd"
+                    :disabled="state.isAddingUserToCourseDuplicate || !membersToAdd"
                     color="primary"
                     :loading="state.isAddingBusy"
                     text
-                    @click="addMember()"
+                    @click="addSelectedUsersToSelectedCourses()"
                   >
                     Add Member
                   </v-btn>
@@ -378,8 +378,14 @@ export default {
       isAdding: false,
       isAddingDuplicate: false,
       isAddingBusy: false,
-      isAddingUserToCourse: false,
-      isAddingUserToCourseDuplicate: false,
+      //controls the state of the adding user to selected course dialog
+      addToSelectedCourseFeature: {
+        isDeleting: false,
+        isUndoingDelete: false,
+        isAdding: false,
+        isAddingDuplicate: false,
+        isAddingBusy: false,
+      },
     },
     headers: [
       { text: "Name", value: "name", width: "200px", fixed: true },
-- 
GitLab


From 3aef2a05dc1d09f3c1b56bd76aa71ce7d3634605 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:37:56 -0600
Subject: [PATCH 13/29] updating data state

---
 src/views/Team.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 2dc3910..45088dd 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -380,8 +380,6 @@ export default {
       isAddingBusy: false,
       //controls the state of the adding user to selected course dialog
       addToSelectedCourseFeature: {
-        isDeleting: false,
-        isUndoingDelete: false,
         isAdding: false,
         isAddingDuplicate: false,
         isAddingBusy: false,
-- 
GitLab


From 615419078174bcb44bdff76ea1e93f4e1d14bfc8 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:44:18 -0600
Subject: [PATCH 14/29] updating functions for CourseSelect

---
 src/views/Team.vue | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 45088dd..3e36de6 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -107,9 +107,10 @@
 
             <!-- 
               COURSE SELECT DIALOG
+              v-model="state.addToSelectedCourseFeature.ui.isAdding"
             -->
           <v-dialog
-              v-model="state.isAddingUserToCourse"
+              v-if="state.addToSelectedCourseFeature.ui.isAdding"
               persistent
               no-click-animation
               max-width="500px"
@@ -124,13 +125,13 @@
                  <v-card-text>
                   <CourseSelect
                     ref="courseSelect"
-                    v-model="coursesToAddSelectedUsersTo"
+                    v-model="addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
                     multiple
                     :rules="[
                       inputRules.required,
                       inputRules.duplicates(
-                        coursesToAddSelectedUsersTo,
-                        coursesSelectedUserIsAlreadyIn,
+                        addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo,
+                        addToSelectedCourseFeature.data.coursesSelectedUserIsAlreadyIn,
                         'User is already in Course'
                       ),
                     ]"
@@ -378,11 +379,23 @@ export default {
       isAdding: false,
       isAddingDuplicate: false,
       isAddingBusy: false,
-      //controls the state of the adding user to selected course dialog
+      /* Feature: Adding User To Course
+      controls the state of the adding user to selected course dialog */
       addToSelectedCourseFeature: {
-        isAdding: false,
-        isAddingDuplicate: false,
-        isAddingBusy: false,
+        //for controlling dialog
+        ui: {
+          //dialog open/close
+          isAdding: false,
+          //allows the user to click the button to submit
+          isAddingDuplicate: false,
+          //loading
+          isAddingBusy: false,
+        },
+        //data for CourseSelect component
+        data: {
+          coursesToAddSelectedUsersTo: null,
+          coursesSelectedUserIsAlreadyIn: null,
+        }
       },
     },
     headers: [
@@ -394,8 +407,6 @@ export default {
     selectedMembers: [],
     deletingMembers: [],
     membersToAdd: null,
-    coursesToAddSelectedUsersTo: null,
-    coursesSelectedUserIsAlreadyIn: null,
     inputRules,
   }),
   async mounted() {
@@ -403,14 +414,15 @@ export default {
   },
   methods: {
     async openDialogAddUsersToCourse() {
-      this.state.isAddingUserToCourseDuplicate = false;
-      this.state.isAddingUserToCourse = true;
+      this.state.addToSelectedCourseFeature.ui.isAdding = true;
+      this.state.addToSelectedCourseFeature.ui.isAddingDuplicate = false;
     },
     async addSelectedUsersToSelectedCourses() {
 
     },
     async closeDialogAddUsersToCourse() {
-
+      this.state.addToSelectedCourseFeature.ui.isAdding = false;
+      this.state.addToSelectedCourseFeature.ui.isAddingDuplicate = false;
     },
     async init() {
       let isTeamLead = false;
-- 
GitLab


From 3d20af971030fc161c18e4b96ac0e123e4eb6592 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 11:48:47 -0600
Subject: [PATCH 15/29] CourseSelect is working

---
 src/views/Team.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 3e36de6..fefda9f 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -104,13 +104,11 @@
             </div>
 
            
-
             <!-- 
               COURSE SELECT DIALOG
-              v-model="state.addToSelectedCourseFeature.ui.isAdding"
             -->
           <v-dialog
-              v-if="state.addToSelectedCourseFeature.ui.isAdding"
+              v-model="state.addToSelectedCourseFeature.ui.isAdding"
               persistent
               no-click-animation
               max-width="500px"
@@ -125,13 +123,13 @@
                  <v-card-text>
                   <CourseSelect
                     ref="courseSelect"
-                    v-model="addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
+                    v-model="state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
                     multiple
                     :rules="[
                       inputRules.required,
                       inputRules.duplicates(
-                        addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo,
-                        addToSelectedCourseFeature.data.coursesSelectedUserIsAlreadyIn,
+                        state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo,
+                        state.addToSelectedCourseFeature.data.coursesSelectedUserIsAlreadyIn,
                         'User is already in Course'
                       ),
                     ]"
@@ -280,8 +278,7 @@
               <v-btn
                 class="no-link"
                 :link="false"
-                @click="addUsersToCourse"
-                target="_blank"
+                @click="openDialogAddUsersToCourse()"
                 :disabled="selectedMembers.length === 0"
               >
                 <v-icon class="mr-2">mdi-plus</v-icon>
-- 
GitLab


From 8ec8ebc56c0c71f7054482bce252781cbf71eac7 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:01:32 -0600
Subject: [PATCH 16/29] Add to course button

---
 src/views/Team.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index fefda9f..84a65ad 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -103,7 +103,6 @@
               </div>
             </div>
 
-           
             <!-- 
               COURSE SELECT DIALOG
             -->
@@ -125,14 +124,6 @@
                     ref="courseSelect"
                     v-model="state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
                     multiple
-                    :rules="[
-                      inputRules.required,
-                      inputRules.duplicates(
-                        state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo,
-                        state.addToSelectedCourseFeature.data.coursesSelectedUserIsAlreadyIn,
-                        'User is already in Course'
-                      ),
-                    ]"
                   />
                 </v-card-text>
 
@@ -147,13 +138,15 @@
                     Cancel
                   </v-btn>
                   <v-btn
-                    :disabled="state.isAddingUserToCourseDuplicate || !membersToAdd"
+                    :disabled="!state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
                     color="primary"
                     :loading="state.isAddingBusy"
                     text
                     @click="addSelectedUsersToSelectedCourses()"
                   >
-                    Add Member
+                    {{Array.isArray(state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo)  ? 'Add To Course' + (
+                      state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 1 ? 's' : ''
+                    ): 'No Course Selected'}}
                   </v-btn>
                 </v-card-actions>
               </v-card>
-- 
GitLab


From d0f7337a10ef5865dd18fde3d3f33d9a36a047b0 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:08:47 -0600
Subject: [PATCH 17/29] add to course button

---
 src/views/Team.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 84a65ad..a68fbf0 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -138,15 +138,15 @@
                     Cancel
                   </v-btn>
                   <v-btn
-                    :disabled="!state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
+                    :disabled="!isCourseSelected"
                     color="primary"
                     :loading="state.isAddingBusy"
                     text
                     @click="addSelectedUsersToSelectedCourses()"
                   >
-                    {{Array.isArray(state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo)  ? 'Add To Course' + (
-                      state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 1 ? 's' : ''
-                    ): 'No Course Selected'}}
+                    {{ isCourseSelected ? 
+                      ('Add To Course' + ( areMultipleCoursesSelected ? 's' : '' ))
+                    : 'No Course Selected'}}
                   </v-btn>
                 </v-card-actions>
               </v-card>
@@ -557,6 +557,13 @@ export default {
     },
   },
   computed: {
+    isCourseSelected() {
+      return Array.isArray(this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo) 
+                    && this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 0;
+    },
+    areMultipleCoursesSelected() {
+      return this.isCourseSelected && this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 1;
+    },
     canEdit() {
       // TODO: pull this from user info
       return true;
-- 
GitLab


From a64ebd9b06d3b5a3e307ccde923c9d2830236585 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:11:13 -0600
Subject: [PATCH 18/29] change icon

---
 src/components/CourseSelect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index 3f1197b..06852bd 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -18,7 +18,7 @@
     hide-selected
     @change="modelChanged"
     placeholder="Start typing to find a course"
-    prepend-icon="mdi-account-search"
+    prepend-icon="mdi-television-guide"
     @click:prepend="setInputElementFocus($refs.courseAutocomplete)"
     class="course-select-component"
   >
-- 
GitLab


From 17adb64f123d9362f9b161d9b3e40fb702e92f78 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:20:49 -0600
Subject: [PATCH 19/29] add studends to courses function

---
 src/api/services/training.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/api/services/training.js b/src/api/services/training.js
index 23e9800..7c3bc9e 100644
--- a/src/api/services/training.js
+++ b/src/api/services/training.js
@@ -50,10 +50,14 @@ export default {
       await this.addStudent(courseId, { userId: student.id });
     }
   },
+  async addStudentsToCourses(courses, students) {
+    for (const { id: courseId } of courses) {
+      await this.addStudents(courseId, students);
+    }
+  },
   async exportCourses() {
     window.open("/api/courses/export");
   },
-
   async getCourseRegistrationsById(courseId, params) {
     return await HTTP.get(`/courses/${courseId}/registrations`, {
       params,
-- 
GitLab


From 95c0a09b15d69e89461b12a0c34b69bb810f0ef8 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:24:11 -0600
Subject: [PATCH 20/29] add students to courses

---
 src/views/Team.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index a68fbf0..5e31bde 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -329,6 +329,7 @@
 <script>
 import Vue from "vue";
 import TeamService from "@/api/services/team";
+import CourseService from "@/api/services/training";
 import UserSelect from "@/components/UserSelect";
 import CourseSelect from "@/components/CourseSelect";
 import AddTeam from "@/components/AddTeam";
@@ -408,7 +409,10 @@ export default {
       this.state.addToSelectedCourseFeature.ui.isAddingDuplicate = false;
     },
     async addSelectedUsersToSelectedCourses() {
-
+      CourseService.addStudentsToCourses(
+        this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo, 
+        selectedMembers
+        )
     },
     async closeDialogAddUsersToCourse() {
       this.state.addToSelectedCourseFeature.ui.isAdding = false;
-- 
GitLab


From d99e497dbee5b9c03ad9dd48b36271a2b7ed6add Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:25:05 -0600
Subject: [PATCH 21/29] add this.

---
 src/views/Team.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 5e31bde..9f613e6 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -411,7 +411,7 @@ export default {
     async addSelectedUsersToSelectedCourses() {
       CourseService.addStudentsToCourses(
         this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo, 
-        selectedMembers
+        this.selectedMembers
         )
     },
     async closeDialogAddUsersToCourse() {
-- 
GitLab


From af62b645e96f39e044f4d94bc93cb89a5d84179e Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:28:03 -0600
Subject: [PATCH 22/29] after register close dialog

---
 src/views/Team.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 9f613e6..c1a4b69 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -409,10 +409,13 @@ export default {
       this.state.addToSelectedCourseFeature.ui.isAddingDuplicate = false;
     },
     async addSelectedUsersToSelectedCourses() {
-      CourseService.addStudentsToCourses(
+      this.state.addToSelectedCourseFeature.ui.isAddingBusy = true;
+      await CourseService.addStudentsToCourses(
         this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo, 
         this.selectedMembers
         )
+        this.state.addToSelectedCourseFeature.ui.isAddingBusy = false;
+        this.state.addToSelectedCourseFeature.ui.isAdding = false;
     },
     async closeDialogAddUsersToCourse() {
       this.state.addToSelectedCourseFeature.ui.isAdding = false;
-- 
GitLab


From d7275e1150a9fd69e79684ac8543b9ad54c6a51e Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:45:25 -0600
Subject: [PATCH 23/29] adding error message

---
 src/views/Team.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index c1a4b69..92380cb 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -410,12 +410,21 @@ export default {
     },
     async addSelectedUsersToSelectedCourses() {
       this.state.addToSelectedCourseFeature.ui.isAddingBusy = true;
-      await CourseService.addStudentsToCourses(
+      try {
+        await CourseService.addStudentsToCourses(
         this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo, 
         this.selectedMembers
-        )
+        );
+      } catch (error) {
+        console.error("!add courses error!", error);
+        this.$store.commit(SET_ERROR_MESSAGE, error);
+        this.$store.commit(SET_ERROR_DIALOG, true);
+      } finally {
         this.state.addToSelectedCourseFeature.ui.isAddingBusy = false;
         this.state.addToSelectedCourseFeature.ui.isAdding = false;
+        this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo = null;
+        this.state.selectedMembers = null;
+      }
     },
     async closeDialogAddUsersToCourse() {
       this.state.addToSelectedCourseFeature.ui.isAdding = false;
-- 
GitLab


From 43ffbb2aae0fab6c569437433b02f7f5b62b9e5c Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 12:47:26 -0600
Subject: [PATCH 24/29] clean up

---
 src/views/Team.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 92380cb..660b6a3 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -385,7 +385,6 @@ export default {
         //data for CourseSelect component
         data: {
           coursesToAddSelectedUsersTo: null,
-          coursesSelectedUserIsAlreadyIn: null,
         }
       },
     },
-- 
GitLab


From 005bd964df23218b94335a1ecf9761def02947fb Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 13:03:41 -0600
Subject: [PATCH 25/29] clear course select

---
 src/views/Team.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 660b6a3..1f6415e 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -419,6 +419,7 @@ export default {
         this.$store.commit(SET_ERROR_MESSAGE, error);
         this.$store.commit(SET_ERROR_DIALOG, true);
       } finally {
+        this.$refs.courseSelect && this.$refs.courseSelect.clear();
         this.state.addToSelectedCourseFeature.ui.isAddingBusy = false;
         this.state.addToSelectedCourseFeature.ui.isAdding = false;
         this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo = null;
@@ -426,6 +427,7 @@ export default {
       }
     },
     async closeDialogAddUsersToCourse() {
+      this.$refs.courseSelect && this.$refs.courseSelect.clear();
       this.state.addToSelectedCourseFeature.ui.isAdding = false;
       this.state.addToSelectedCourseFeature.ui.isAddingDuplicate = false;
     },
-- 
GitLab


From 8e28d4dc5393db0ee993f9f731bedb6d6289049c Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 13:27:05 -0600
Subject: [PATCH 26/29] set to array

---
 src/views/Team.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Team.vue b/src/views/Team.vue
index 1f6415e..b67085a 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -423,7 +423,7 @@ export default {
         this.state.addToSelectedCourseFeature.ui.isAddingBusy = false;
         this.state.addToSelectedCourseFeature.ui.isAdding = false;
         this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo = null;
-        this.state.selectedMembers = null;
+        this.selectedMembers = [];
       }
     },
     async closeDialogAddUsersToCourse() {
-- 
GitLab


From d4fff3a0794917e530fa3c4db2489006f2b637e5 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 15:32:15 -0600
Subject: [PATCH 27/29] prettify

---
 src/components/CourseSelect.vue |  2 +-
 src/views/Team.vue              | 50 ++++++++++++++++++---------------
 2 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/components/CourseSelect.vue b/src/components/CourseSelect.vue
index 06852bd..30e1f07 100644
--- a/src/components/CourseSelect.vue
+++ b/src/components/CourseSelect.vue
@@ -47,7 +47,7 @@
       <!-- do courses need an avatar? not sure -->
       <v-list-item-avatar>
         <img v-if="item.avatar" :src="item.avatar" :alt="data.item.name" />
-          <!-- change this icon to something for a course -->
+        <!-- change this icon to something for a course -->
         <v-icon x-large v-else>mdi-television-guide</v-icon>
       </v-list-item-avatar>
       <v-list-item-content>
diff --git a/src/views/Team.vue b/src/views/Team.vue
index b67085a..1db421b 100644
--- a/src/views/Team.vue
+++ b/src/views/Team.vue
@@ -106,7 +106,7 @@
             <!-- 
               COURSE SELECT DIALOG
             -->
-          <v-dialog
+            <v-dialog
               v-model="state.addToSelectedCourseFeature.ui.isAdding"
               persistent
               no-click-animation
@@ -119,10 +119,13 @@
                   >
                 </v-card-title>
 
-                 <v-card-text>
+                <v-card-text>
                   <CourseSelect
                     ref="courseSelect"
-                    v-model="state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo"
+                    v-model="
+                      state.addToSelectedCourseFeature.data
+                        .coursesToAddSelectedUsersTo
+                    "
                     multiple
                   />
                 </v-card-text>
@@ -144,9 +147,12 @@
                     text
                     @click="addSelectedUsersToSelectedCourses()"
                   >
-                    {{ isCourseSelected ? 
-                      ('Add To Course' + ( areMultipleCoursesSelected ? 's' : '' ))
-                    : 'No Course Selected'}}
+                    {{
+                      isCourseSelected
+                        ? "Add To Course" +
+                          (areMultipleCoursesSelected ? "s" : "")
+                        : "No Course Selected"
+                    }}
                   </v-btn>
                 </v-card-actions>
               </v-card>
@@ -156,14 +162,6 @@
               COURSE SELECT DIALOG END              
             -->
 
-
-
-
-
-
-
-
-
             <!-- 
               USER SELECT DIALOG
              -->
@@ -196,8 +194,6 @@
                   />
                 </v-card-text>
 
-                
-
                 <v-card-actions>
                   <v-spacer></v-spacer>
                   <v-btn
@@ -385,7 +381,7 @@ export default {
         //data for CourseSelect component
         data: {
           coursesToAddSelectedUsersTo: null,
-        }
+        },
       },
     },
     headers: [
@@ -411,8 +407,9 @@ export default {
       this.state.addToSelectedCourseFeature.ui.isAddingBusy = true;
       try {
         await CourseService.addStudentsToCourses(
-        this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo, 
-        this.selectedMembers
+          this.state.addToSelectedCourseFeature.data
+            .coursesToAddSelectedUsersTo,
+          this.selectedMembers
         );
       } catch (error) {
         console.error("!add courses error!", error);
@@ -575,11 +572,20 @@ export default {
   },
   computed: {
     isCourseSelected() {
-      return Array.isArray(this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo) 
-                    && this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 0;
+      return (
+        Array.isArray(
+          this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo
+        ) &&
+        this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo
+          .length > 0
+      );
     },
     areMultipleCoursesSelected() {
-      return this.isCourseSelected && this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo.length > 1;
+      return (
+        this.isCourseSelected &&
+        this.state.addToSelectedCourseFeature.data.coursesToAddSelectedUsersTo
+          .length > 1
+      );
     },
     canEdit() {
       // TODO: pull this from user info
-- 
GitLab


From e4ec3fa3549431e94104fcaa0069c18b39c701f6 Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 15:38:45 -0600
Subject: [PATCH 28/29] unit test for CourseSelect

---
 tests/unit/components/CourseSelect.spec.js | 143 +++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 tests/unit/components/CourseSelect.spec.js

diff --git a/tests/unit/components/CourseSelect.spec.js b/tests/unit/components/CourseSelect.spec.js
new file mode 100644
index 0000000..41988bf
--- /dev/null
+++ b/tests/unit/components/CourseSelect.spec.js
@@ -0,0 +1,143 @@
+import { mount, createLocalVue } from "@vue/test-utils";
+import Vuetify from "vuetify";
+import Vuex from "vuex";
+import CourseSelect from "@/components/CourseSelect";
+import CourseService from "@/api/services/training";
+
+const localVue = createLocalVue();
+localVue.use(Vuex);
+
+describe("CourseSelect", () => {
+  // vuetify has to be mocked for the v-autocomplete to not crash
+  let vuetify;
+  beforeEach(() => {
+    vuetify = new Vuetify();
+  });
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("should clear items on clear", async () => {
+    const wrapper = mount(CourseSelect, {
+      propsData: { value: [] },
+      vuetify,
+    });
+    wrapper.vm.items = [1, 2, 3];
+
+    wrapper.vm.clear();
+    expect(wrapper.vm.items).toHaveLength(0);
+  });
+
+  it("should accept blank value prop", async () => {
+    const wrapper = mount(CourseSelect, {
+      propsData: {},
+      vuetify,
+    });
+    expect(wrapper.vm.model).toBeNull();
+  });
+
+  it("should compute hint", async () => {
+    const wrapper = mount(CourseSelect, {
+      propsData: {},
+      vuetify,
+    });
+
+    wrapper.vm.loading = true;
+    expect(wrapper.vm.hint).toEqual("");
+
+    wrapper.vm.loading = false;
+    expect(wrapper.vm.hint).toEqual("");
+
+    wrapper.vm.search = "mock";
+    expect(wrapper.vm.hint).toEqual("No matching courses found");
+  });
+
+  it("should remove items", async () => {
+    const value = ["a", "b", "c"];
+    const wrapper = mount(CourseSelect, {
+      propsData: { value },
+      vuetify,
+    });
+
+    wrapper.vm.remove("a");
+    await wrapper.vm.$nextTick();
+    expect(value).toEqual(["b", "c"]);
+
+    wrapper.vm.remove("d");
+    await wrapper.vm.$nextTick();
+    expect(value).toEqual(["b", "c"]);
+  });
+
+  it("should set items on model change", async () => {
+    let wrapper = mount(CourseSelect, {
+      vuetify,
+    });
+
+    wrapper.vm.items = null;
+    wrapper.vm.model = "a";
+    wrapper.vm.modelChanged();
+    expect(wrapper.vm.items).toEqual(["a"]);
+
+    wrapper.vm.items = null;
+    wrapper.vm.model = null;
+    wrapper.vm.modelChanged();
+    expect(wrapper.vm.items).toEqual([]);
+
+    wrapper = mount(CourseSelect, {
+      propsData: {
+        multiple: true,
+      },
+      vuetify,
+    });
+
+    wrapper.vm.model = ["a", "b", "c"];
+    wrapper.vm.items = null;
+    wrapper.vm.multiple = true;
+    wrapper.vm.modelChanged();
+    expect(wrapper.vm.items).toEqual(["a", "b", "c"]);
+  });
+
+  it("should set items on query results", async () => {
+    const wrapper = mount(CourseSelect, {
+      vuetify,
+    });
+
+    CourseService.search = jest.fn().mockResolvedValue({ courses: ["a"] });
+
+    // multiple model
+    wrapper.vm.model = ["b", "c"];
+    await wrapper.vm.query();
+    expect(wrapper.vm.items).toEqual(["a", "b", "c"]);
+
+    // single model
+    wrapper.vm.model = "b";
+    await wrapper.vm.query();
+    expect(wrapper.vm.items).toEqual(["a", "b"]);
+
+    // null model
+    wrapper.vm.model = null;
+    await wrapper.vm.query();
+    expect(wrapper.vm.items).toEqual(["a"]);
+  });
+  it("should set items to empty array on error", async () => {
+    console.error = jest.fn(); // mock console.error when expecting error messages
+    const wrapper = mount(
+      CourseSelect,
+      {
+        vuetify,
+        mocks: {
+          $store: {
+            state: {
+              error: {},
+            },
+            commit: jest.fn(),
+          },
+        },
+      },
+      localVue
+    );
+    CourseService.getCourses = jest.fn().mockRejectedValue("mock error");
+    await wrapper.vm.query();
+    expect(wrapper.vm.items).toEqual([]);
+  });
+});
-- 
GitLab


From c5dde12d13aa33f89389b68bb1836374d0c850aa Mon Sep 17 00:00:00 2001
From: Keith Becker <keith.becker@recro.com>
Date: Wed, 31 Mar 2021 15:40:36 -0600
Subject: [PATCH 29/29] fix unit test

---
 tests/unit/components/CourseSelect.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/unit/components/CourseSelect.spec.js b/tests/unit/components/CourseSelect.spec.js
index 41988bf..e0adc2d 100644
--- a/tests/unit/components/CourseSelect.spec.js
+++ b/tests/unit/components/CourseSelect.spec.js
@@ -102,7 +102,7 @@ describe("CourseSelect", () => {
       vuetify,
     });
 
-    CourseService.search = jest.fn().mockResolvedValue({ courses: ["a"] });
+    CourseService.getCourses = jest.fn().mockResolvedValue({ courses: ["a"] });
 
     // multiple model
     wrapper.vm.model = ["b", "c"];
-- 
GitLab