@dcrackel/hematournamentui 1.0.711 → 1.0.713

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

@@ -1,86 +1,86 @@
-<template>
-  <section class="mt-2 min-h-80">
-    <div class="pb-6">
-      <BaseText text="Administration" size="lg" color="primary" />
-      <div class="mt-3">
-        <Administration :person="person" :userLevel="userLevel" @update:person="$emit('update:person', $event)" />
-      </div>
-    </div>
-
-    <div v-if="showMergeAccounts" class="pt-6 border-t border-dropdownSelect">
-      <button
-        :id="mergeAccountsToggleId"
-        type="button"
-        class="w-full flex items-center justify-between text-left"
-        :aria-expanded="mergeOpen"
-        :aria-controls="mergeAccountsPanelId"
-        @click="toggleMergeOpen"
-      >
-        <div>
-          <BaseText text="Merge Accounts" size="lg" color="primary" />
-          <BaseText
-            class="mt-1"
-            text="Merge other fencer accounts into this one. This will move all references and delete the duplicate accounts."
-            size="sm"
-            color="quaternary"
-          />
-        </div>
-
-        <span
-          class="fa-solid fa-chevron-down ml-4 text-quaternary transition-transform duration-200"
-          :class="mergeOpen ? 'rotate-180' : 'rotate-0'"
-          aria-hidden="true"
-        />
-      </button>
-
-      <div v-if="mergeOpen" :id="mergeAccountsPanelId" class="mt-4">
-        <MergeAccounts :person="person" :people="people" @merge:merge="emitMergeAccounts" />
-      </div>
-    </div>
-  </section>
-</template>
-
-<script>
-import BaseText from '../../../../Atoms/Text/BaseText.vue';
-import Administration from '../Administration/Administration.vue';
-import MergeAccounts from '../MergeAccounts/MergeAccounts.vue';
-
-export default {
-  name: 'FencerAdmin',
-  emits: ['update:person', 'merge:merge'],
-  components: { BaseText, Administration, MergeAccounts },
-  props: {
-    person: { type: Object, required: true },
-    people: { type: Array, required: true },
-    userLevel: { type: String, required: true },
-    canMergeAccounts: { type: Boolean, default: null }
-  },
-  data() {
-    return {
-      mergeOpen: false
-    };
-  },
-  computed: {
-    showMergeAccounts() {
-      return this.canMergeAccounts ?? this.userLevel === 'Admin';
-    },
-    personIdForDom() {
-      return this.person?.PersonId ?? 'unknown';
-    },
-    mergeAccountsToggleId() {
-      return `merge-accounts-toggle-${this.personIdForDom}`;
-    },
-    mergeAccountsPanelId() {
-      return `merge-accounts-panel-${this.personIdForDom}`;
-    }
-  },
-  methods: {
-    toggleMergeOpen() {
-      this.mergeOpen = !this.mergeOpen;
-    },
-    emitMergeAccounts(data) {
-      this.$emit('merge:merge', data);
-    }
-  }
-};
-</script>
+<template>
+  <section class="mt-2 min-h-80">
+    <div class="pb-6">
+      <BaseText text="Administration" size="lg" color="primary" />
+      <div class="mt-3">
+        <Administration :person="person" :userLevel="userLevel" @update:person="$emit('update:person', $event)" />
+      </div>
+    </div>
+
+    <div v-if="showMergeAccounts" class="pt-6 border-t border-dropdownSelect">
+      <button
+        :id="mergeAccountsToggleId"
+        type="button"
+        class="w-full flex items-center justify-between text-left"
+        :aria-expanded="mergeOpen"
+        :aria-controls="mergeAccountsPanelId"
+        @click="toggleMergeOpen"
+      >
+        <div>
+          <BaseText text="Merge Accounts" size="lg" color="primary" />
+          <BaseText
+            class="mt-1"
+            text="Merge other fencer accounts into this one. This will move all references and delete the duplicate accounts."
+            size="sm"
+            color="quaternary"
+          />
+        </div>
+
+        <span
+          class="fa-solid fa-chevron-down ml-4 text-quaternary transition-transform duration-200"
+          :class="mergeOpen ? 'rotate-180' : 'rotate-0'"
+          aria-hidden="true"
+        />
+      </button>
+
+      <div v-if="mergeOpen" :id="mergeAccountsPanelId" class="mt-4">
+        <MergeAccounts :person="person" :people="people" @merge:merge="emitMergeAccounts" />
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+import BaseText from '../../../../Atoms/Text/BaseText.vue';
+import Administration from '../Administration/Administration.vue';
+import MergeAccounts from '../MergeAccounts/MergeAccounts.vue';
+
+export default {
+  name: 'FencerAdmin',
+  emits: ['update:person', 'merge:merge'],
+  components: { BaseText, Administration, MergeAccounts },
+  props: {
+    person: { type: Object, required: true },
+    people: { type: Array, required: true },
+    userLevel: { type: String, required: true },
+    canMergeAccounts: { type: Boolean, default: null }
+  },
+  data() {
+    return {
+      mergeOpen: false
+    };
+  },
+  computed: {
+    showMergeAccounts() {
+      return this.canMergeAccounts ?? this.userLevel === 'Admin';
+    },
+    personIdForDom() {
+      return this.person?.PersonId ?? 'unknown';
+    },
+    mergeAccountsToggleId() {
+      return `merge-accounts-toggle-${this.personIdForDom}`;
+    },
+    mergeAccountsPanelId() {
+      return `merge-accounts-panel-${this.personIdForDom}`;
+    }
+  },
+  methods: {
+    toggleMergeOpen() {
+      this.mergeOpen = !this.mergeOpen;
+    },
+    emitMergeAccounts(data) {
+      this.$emit('merge:merge', data);
+    }
+  }
+};
+</script>

package/src/stories/Templates/PersonManagement/Admin/MergeAccounts/MergeAccounts.stories.js

@@ -1,86 +1,86 @@
-import MergeAccounts from './MergeAccounts.vue';
-import personsMock from '../../../../../mocks/personsMock.js';
-import peopleMock from '../../../../../mocks/personGetAllMock.js';
-
-export default {
-  title: 'Templates/PersonManagement/Admin/MergeAccounts',
-  component: MergeAccounts,
-  tags: ['autodocs'],
-  args: {
-    person: personsMock[1],
-    people: peopleMock
-  },
-  argTypes: {
-    person: { control: { type: 'object' } },
-    people: { control: { type: 'object' } },
-    'merge:merge': { action: 'merge:merge' }
-  }
-};
-
-export const Default = {
-  args: {
-    person: personsMock[1],
-    people: peopleMock
-  }
-};
-
-export const EmptyResults = {
-  args: {
-    person: personsMock[1],
-    people: []
-  }
-};
-
-export const MissingRootDetails = {
-  args: {
-    person: {
-      PersonId: 2001,
-      DisplayName: '',
-      FirstName: '',
-      LastName: '',
-      Club: null,
-      PersonEmails: []
-    },
-    people: peopleMock
-  }
-};
-
-export const SparsePeopleData = {
-  args: {
-    person: personsMock[1],
-    people: [
-      {
-        PersonId: 2002,
-        DisplayName: 'Missing Email',
-        FirstName: 'Missing',
-        LastName: 'Email',
-        Club: {
-          Name: 'Columbus United Fencing Club',
-          ShortName: 'CUFC'
-        },
-        PersonEmails: []
-      },
-      {
-        PersonId: 2003,
-        DisplayName: 'Missing Club',
-        FirstName: 'Missing',
-        LastName: 'Club',
-        Club: null,
-        PersonEmails: [
-          {
-            EmailAddress: 'missing-club@example.com',
-            IsPrimary: true
-          }
-        ]
-      },
-      {
-        PersonId: 2004,
-        DisplayName: 'No Optional Details',
-        FirstName: '',
-        LastName: '',
-        Club: null,
-        PersonEmails: []
-      }
-    ]
-  }
-};
+import MergeAccounts from './MergeAccounts.vue';
+import personsMock from '../../../../../mocks/personsMock.js';
+import peopleMock from '../../../../../mocks/personGetAllMock.js';
+
+export default {
+  title: 'Templates/PersonManagement/Admin/MergeAccounts',
+  component: MergeAccounts,
+  tags: ['autodocs'],
+  args: {
+    person: personsMock[1],
+    people: peopleMock
+  },
+  argTypes: {
+    person: { control: { type: 'object' } },
+    people: { control: { type: 'object' } },
+    'merge:merge': { action: 'merge:merge' }
+  }
+};
+
+export const Default = {
+  args: {
+    person: personsMock[1],
+    people: peopleMock
+  }
+};
+
+export const EmptyResults = {
+  args: {
+    person: personsMock[1],
+    people: []
+  }
+};
+
+export const MissingRootDetails = {
+  args: {
+    person: {
+      PersonId: 2001,
+      DisplayName: '',
+      FirstName: '',
+      LastName: '',
+      Club: null,
+      PersonEmails: []
+    },
+    people: peopleMock
+  }
+};
+
+export const SparsePeopleData = {
+  args: {
+    person: personsMock[1],
+    people: [
+      {
+        PersonId: 2002,
+        DisplayName: 'Missing Email',
+        FirstName: 'Missing',
+        LastName: 'Email',
+        Club: {
+          Name: 'Columbus United Fencing Club',
+          ShortName: 'CUFC'
+        },
+        PersonEmails: []
+      },
+      {
+        PersonId: 2003,
+        DisplayName: 'Missing Club',
+        FirstName: 'Missing',
+        LastName: 'Club',
+        Club: null,
+        PersonEmails: [
+          {
+            EmailAddress: 'missing-club@example.com',
+            IsPrimary: true
+          }
+        ]
+      },
+      {
+        PersonId: 2004,
+        DisplayName: 'No Optional Details',
+        FirstName: '',
+        LastName: '',
+        Club: null,
+        PersonEmails: []
+      }
+    ]
+  }
+};