@dcrackel/hematournamentui 1.0.295 → 1.0.296

package/src/stories/Templates/PersonManagement/PersonManagement.vue

@@ -54,7 +54,6 @@
                     width="w-full"
                     dropDownWidth="w-full"
       />
-
     </div>
     <div class="flex flex-col mb-4">
       <TitledInput :inputValue="getEmail ? getEmail : ''"
@@ -77,8 +76,21 @@
               @update:checked="changeShareData"/>
     </div>
 
-    <div v-if="person">
-
+    <div v-if="userLevel === 'Admin'" class="mt-8">
+      <TitledInput :inputValue="getHemaRatingsId ? getHemaRatingsId : ''"
+                   placeholder="HEMA Rating ID"
+                   title="HEMA Rating ID"
+                   @update:value="handleHemaRatingId"/>
+      <div class="flex flex-col mb-4 mt-4">
+      <BaseText text="Preferred Pronouns" size="sm" color="quaternary"/>
+      <DropDownMenu :label="getAccessLevelLabel"
+                    :items="accessLevels" class="pb-2"
+                    :selectedItem="getSelectedAccessLevel"
+                    @update:selectedItem="handleSelectedAccessLevel"
+                    width="w-full"
+                    dropDownWidth="w-full"
+      />
+      </div>
     </div>
 
     <div class="flex flex-row justify-end mt-8">
@@ -154,6 +166,11 @@ export default {
         {text: 'They/Them', link: 'they-them'},
         {text: 'Ze/Hir', link: 'ze-hir'},
         {text: 'Xe/Xem', link: 'xe-xem'}
+      ],
+      accessLevels: [
+        {text: 'Admin', link: 'admin'},
+        {text: 'Club', link: 'club'},
+        {text: 'User', link: 'user'}
       ]
     }
   },
@@ -177,14 +194,27 @@ export default {
       return {text: this.person.Pronouns, link: this.person.Pronouns};
     },
     getEmail() {
-      return this.person.PersonEmails.find(e => e.IsPrimary === true).EmailAddress || '';
+      if (this.person.PersonEmails && Array.isArray(this.person.PersonEmails)) {
+        const primaryEmail = this.person.PersonEmails.find(e => e.IsPrimary === true);
+        return primaryEmail ? primaryEmail.EmailAddress : '';
+      }
+      return '';
+    },
+    getHemaRatingsId() {
+      return this.person.HemaRatingsId > 0 ? this.person.HemaRatingsId : '';
     },
     getClass() {
       return this.person.ProfileImage ? 'border-2 border-dashed rounded-full w-32' : 'border-2 border-dashed rounded-lg w-full';
     },
     getPronounLabel(){
       return this.getSelectedPronouns.text && this.getSelectedPronouns.text.length < 2 ? 'Please select your preferred pronouns' : ''
-    }
+    },
+    getSelectedAccessLevel() {
+      return {text: this.person.AccessLevel, link: this.person.AccessLevel};
+    },
+    getAccessLevelLabel(){
+      return this.getSelectedAccessLevel.text && this.getSelectedAccessLevel.text.length < 2 ? 'Please select your access level' : ''
+    },
   },
   methods: {
     handleProfilePicUpdate(url) {
@@ -208,6 +238,7 @@ export default {
       }
     },
     handleSubmit() {
+      console.log(this.person)
       this.$emit('submit:person', this.person);
     },
     handleSelectedClub(value) {
@@ -229,6 +260,12 @@ export default {
     },
     handlePersonClick(value){
       this.$emit('update:selectedFencer', value);
+    },
+    handleHemaRatingId(value) {
+      this.person.HemaRatingsId = value;
+    },
+    handleSelectedAccessLevel(value) {
+      this.person.AccessLevel = value.text;
     }
 
   }