@dcrackel/hematournamentui 1.0.697 → 1.0.698

package/src/stories/Molecules/CombinationInputs/TitledInput/TitledInput.vue

@@ -20,6 +20,7 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 
 export default {
   name: 'TitledInput',
+  emits: ['update:value'],
   components: {BaseIcon, BaseInput, BaseText},
   props: {
     title: {

package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue

@@ -16,6 +16,7 @@ import DropDownMenu from "../../../Organisms/ComplexInputs/DropDown/DropDownMenu
 
 export default {
   name: 'FilterAndSortBar',
+  emits: ['filterbar', 'sort'],
   components: {
     DropDownMenu,
     BaseInput

package/src/stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue

@@ -22,6 +22,7 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 
 export default {
   name: 'FilterUpcomingPast',
+  emits: ['addNew', 'timeFrame'],
   components: {
     BaseText,
     BaseButton,

package/src/stories/Molecules/Inputs/MultiSelect/MultiSelect.vue

@@ -21,6 +21,7 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 
 export default {
   name: "MultiSelect",
+  emits: ['update:selectedTags'],
   components: {BaseText, BaseButton},
   props: {
     label: {

package/src/stories/Molecules/Inputs/Toggle/Toggle.vue

@@ -18,6 +18,7 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 
 export default {
   name: 'Toggle',
+  emits: ['update:checked'],
   components: {BaseText},
   props: {
     checked: {

package/src/stories/Molecules/Modals/AddDisplayModal/AddDisplayModal.vue

@@ -25,6 +25,7 @@ import AddDisplay from "../../../Organisms/Form/AddDisplay/AddDisplay.vue";
 
 export default {
   name: "AddDisplayModal",
+  emits: ['close:closeModal', 'submit:kiosk'],
   components: {AddDisplay, BaseIcon, DirectorCard},
   props: {
     show: {

package/src/stories/Molecules/Modals/EditBoutModal/EditBoutModal.vue

@@ -26,6 +26,7 @@ import EditBout from "../../../Organisms/Cards/EditBout/EditBout.vue";
 
 export default {
   name: "EditBoutModal",
+  emits: ['submit:bout', 'update:closeModal'],
   components: { BaseIcon, EditBout },
   props: {
     show: {

package/src/stories/Molecules/Modals/EventWizardModal/EventWizardModal.vue

@@ -26,6 +26,7 @@ import EditEventWizard from "../../../Organisms/Wizards/EditEventWizard/EditEven
 
 export default {
   name: "EventWizardModal",
+  emits: ['update:closeModal', 'update:submit'],
   components: {EditEventWizard, BaseIcon },
   props: {
     show: {

package/src/stories/Molecules/Reorder/ReorderableShell.vue

@@ -31,6 +31,7 @@
 <script>
 export default {
   name: 'ReorderableShell',
+  emits: ['reorder:dragend', 'reorder:dragenter', 'reorder:dragleave', 'reorder:dragover', 'reorder:dragstart', 'reorder:drop', 'reorder:tap'],
   props: {
     enabled: {type: Boolean, default: false},
     dragId: {type: [String, Number], required: true},

package/src/stories/Organisms/Cards/BoutCard/BoutCard.vue

@@ -32,6 +32,7 @@ const VariantMap = {
 
 export default {
   name: "BoutCard",
+  emits: ['action:assignBout', 'action:editBout', 'action:resumeBout', 'action:startBout', 'reorder:swap'],
   components: { ReorderableShell, BoutCardWaiting, BoutCardActive, BoutCardInactive },
   props: {
     bout: { type: Object, required: true },
@@ -65,12 +66,14 @@ export default {
         fencer1: {
           portrait: f1?.Images?.[0]?.URL || missingPortrait,
           name: f1?.DisplayName || 'Unknown Name',
+  emits: ['action:assignBout', 'action:editBout', 'action:resumeBout', 'action:startBout', 'reorder:swap'],
           team: f1?.Club?.Name || 'Unknown Team',
           colorDot: this.hostingClubColors?.Color1 || 'red',
         },
         fencer2: {
           portrait: f2?.Images?.[0]?.URL || missingPortrait,
           name: f2?.DisplayName || 'Unknown Name',
+  emits: ['action:assignBout', 'action:editBout', 'action:resumeBout', 'action:startBout', 'reorder:swap'],
           team: f2?.Club?.Name || 'Unknown Team',
           colorDot: this.hostingClubColors?.Color2 || 'blue',
         },

package/src/stories/Organisms/Cards/BoutCard/Variants/BoutCardActive/BoutCardActive.vue

@@ -82,6 +82,7 @@ import missingPortrait from "../../../../../../assets/portrait1.png";
 
 export default {
   name: "BoutCardActive",
+  emits: ['resume'],
   components: { BaseButton, BaseText },
   props: {
     card: { type: Object, required: true },

package/src/stories/Organisms/Cards/BoutCard/Variants/BoutCardInactive/BoutCardInactive.vue

@@ -148,6 +148,7 @@ const defaultCard = {
 
 export default {
   name: "BoutCardInactive",
+  emits: ['assign', 'edit', 'reorder:tap', 'start'],
   components: {BaseIcon, BaseButton, BaseText },
   props: {
     card: { type: Object, required: true },

package/src/stories/Organisms/Cards/FencerCard/FencerCard.vue

@@ -92,6 +92,7 @@ import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
 
 export default {
   name: 'FencerCard',
+  emits: ['forward:toProfile', 'remove:fencer', 'request:weaver-sign', 'update:moveDown', 'update:moveUp', 'update:status', 'weaver:required'],
   components: {BaseButton, BaseIcon, ButtonBar, BaseText},
   props: {
     person: {

package/src/stories/Organisms/Cards/FencerPoolResultsCard/FencerPoolResultsCard.vue

@@ -56,6 +56,7 @@ import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
 
 export default {
   name: 'FencerPoolResultsCard',
+  emits: ['remove:person', 'update:moveDown', 'update:moveUp'],
   components: { BaseIcon, BaseText },
   props: {
     person: {

package/src/stories/Organisms/Cards/ImportFencerCard/ImportFencerCard.vue

@@ -41,6 +41,7 @@ import BaseButton from '../../../Molecules/Buttons/BaseButton/BaseButton.vue';
 
 export default {
   name: 'ImportFencerCard',
+  emits: ['match:selected', 'person:add-new'],
   components: { BaseIcon, BaseText, BaseButton },
   props: {
     fencerData: {

package/src/stories/Organisms/Cards/KioskCard/KioskCard.vue

@@ -109,11 +109,26 @@
 <script>
 import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
 import BaseText from "../../../Atoms/Text/BaseText.vue";
-import DropDownMenu from "../../ComplexInputs/DropDown/DropDownMenu.vue";
-import ButtonBar from "../../../Molecules/Buttons/ButtonBar/ButtonBar.vue";
-import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
-
-export default {
+import DropDownMenu from "../../ComplexInputs/DropDown/DropDownMenu.vue";
+import ButtonBar from "../../../Molecules/Buttons/ButtonBar/ButtonBar.vue";
+import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
+
+const connectedIconByType = {
+  ScoreBoard: 'fa-wifi',
+  FlightBoard: 'fa-signal-stream'
+};
+
+const disconnectedIconByType = {
+  ScoreBoard: 'fa-wifi-slash',
+  FlightBoard: 'fa-signal-stream-slash'
+};
+
+const connectedColorByType = {
+  ScoreBoard: 'acceptedBorder',
+  FlightBoard: 'toggleBackground'
+};
+
+export default {
   name: 'KioskCardPC',
   components: { BaseIcon, BaseText, DropDownMenu, ButtonBar, BaseButton },
   emits: ['update:kiosk', 'update:ringChange', 'update:staffChange', 'update:eventChange', 'update:selectedType', 'update:assignToMe', 'update:editKiosk', 'remove:kiosk'],
@@ -162,25 +177,16 @@ export default {
       localSelectedEvent: { text: this.displayObject.Event?.EventName || 'Select Event', link: this.displayObject.Event?.EventId || '' }
     };
   },
-  computed: {
-    getIcon() {
-      if (this.editableKiosk.Type === 'ScoreBoard') {
-        return this.editableKiosk.Connected ? 'fa-wifi' : 'fa-wifi-slash';
-      } else if (this.editableKiosk.Type === 'FlightBoard') {
-        return this.editableKiosk.Connected ? 'fa-signal-stream' : 'fa-signal-stream-slash';
-      } else {
-        return this.editableKiosk.Connected ? 'fa-wifi-exclamation' : 'fa-wifi-slash';
-      }
-    },
-    getIconColorByConnected() {
-      if (this.editableKiosk.Type === 'ScoreBoard') {
-        return this.editableKiosk.Connected ? 'acceptedBorder' : 'quaternary';
-      } else if (this.editableKiosk.Type === 'FlightBoard') {
-        return this.editableKiosk.Connected ? 'toggleBackground' : 'quaternary';
-      } else {
-        return this.editableKiosk.Connected ? 'lossRed' : 'quaternary';
-      }
-    },
+  computed: {
+    getIcon() {
+      const iconMap = this.editableKiosk.Connected ? connectedIconByType : disconnectedIconByType;
+      return iconMap[this.editableKiosk.Type] || (this.editableKiosk.Connected ? 'fa-wifi-exclamation' : 'fa-wifi-slash');
+    },
+    getIconColorByConnected() {
+      if (!this.editableKiosk.Connected) return 'quaternary';
+
+      return connectedColorByType[this.editableKiosk.Type] || 'lossRed';
+    },
     typeButtons() {
       return [
         {

package/src/stories/Organisms/Cards/PenaltyCard/PenaltyCard.vue

@@ -92,11 +92,27 @@
 
 <script>
 import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
-import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import ConfirmModal from "../../../Molecules/Modals/ConfirmModal/ConfirmModal.vue";
-
-export default {
+import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
+import BaseText from "../../../Atoms/Text/BaseText.vue";
+import ConfirmModal from "../../../Molecules/Modals/ConfirmModal/ConfirmModal.vue";
+
+const flagIcons = {
+  Yellow: 'fa-cards-blank',
+  Red: 'fa-cards-blank',
+  Black: 'fa-cards-blank',
+  Note: 'fa-user-md',
+  Medical: 'fa-truck-medical'
+};
+
+const flagColors = {
+  Yellow: 'gold',
+  Red: 'red',
+  Black: 'black',
+  Note: 'blue',
+  Medical: 'orange'
+};
+
+export default {
   name: "PenaltyCard",
   components: {ConfirmModal, BaseIcon, BaseButton, BaseText},
   emits: ["penalty:remove", "penalty:add", "penalty:update", "toggleFlag"],
@@ -316,39 +332,13 @@ export default {
     cancelAction() {
       this.blackCardToggle = false;
       this.currentNote = "";
-    },
-    getFlagIcon(flag) {
-      switch (flag) {
-        case "Yellow":
-          return "fa-cards-blank";
-        case "Red":
-          return "fa-cards-blank";
-        case "Black":
-          return "fa-cards-blank";
-        case "Note":
-          return "fa-user-md";
-        case "Medical":
-          return "fa-truck-medical";
-        default:
-          return "fa-circle";
-      }
-    },
-    getFlagColor(flag) {
-      switch (flag) {
-        case "Yellow":
-          return "gold";
-        case "Red":
-          return "red";
-        case "Black":
-          return "black";
-        case "Note":
-          return "blue";
-        case "Medical":
-          return "orange";
-        default:
-          return "gray";
-      }
-    },
-  },
+    },
+    getFlagIcon(flag) {
+      return flagIcons[flag] || 'fa-circle';
+    },
+    getFlagColor(flag) {
+      return flagColors[flag] || 'gray';
+    },
+  },
 };
 </script>

package/src/stories/Organisms/Cards/PoolFencerCard/PoolFencerCard.vue

@@ -94,6 +94,7 @@ export default {
         event.dataTransfer.setData('text/plain', JSON.stringify({
           fromPosition: this.poolPosition,
           name: this.name,
+  emits: ['swap-fencers', 'update:click'],
           club: this.club,
           seed: this.seed
         }));

package/src/stories/Organisms/Cards/StaffCard/StaffCard.vue

@@ -39,6 +39,7 @@ import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
 
 export default {
   name: 'StaffCard',
+  emits: ['remove:staff', 'update:assignment'],
   components: {BaseIcon, ButtonBar, BaseText },
   props: {
     staff: {

package/src/stories/Organisms/Cards/TableauBoutCard/TableauBoutCard.vue

@@ -53,6 +53,7 @@ import { spacingConfig } from './SpacingConfig';
 
 export default {
   name: 'TableauBoutCard',
+  emits: ['action:directingBout', 'action:editBout'],
   components: { BaseText, TableauFencerCard },
   props: {
     bout: {

package/src/stories/Organisms/Cards/TableauFencerCard/TableauFencerCard.vue

@@ -34,6 +34,7 @@ import BaseText from "../../../Atoms/Text/BaseText.vue";
 
 export default {
   name: 'TableauFencerCard',
+  emits: ['action:highLight'],
   components: { BaseText },
   props: {
     fencer: {

package/src/stories/Organisms/Cards/TournamentAdminCard/TournamentAdminCard.vue

@@ -27,12 +27,19 @@
 
 <script>
 import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
-import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import defaultTournamentImage from "../../../../assets/default-tournament.png";
-
-export default {
+import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
+import BaseText from "../../../Atoms/Text/BaseText.vue";
+import defaultTournamentImage from "../../../../assets/default-tournament.png";
+
+const visibilityIcons = {
+  Open: 'fa-globe',
+  Private: 'fa-lock',
+  Club: 'fa-house'
+};
+
+export default {
   name: 'TournamentAdminCard',
+  emits: ['delete', 'edit', 'listEvents'],
   components: {BaseText, BaseButton, BaseIcon},
   props: {
     detail: {
@@ -63,20 +70,11 @@ export default {
     },
     getM2Icon(){
       !!this.detail.HostedOnM2;
-    },
-    getIconName() {
-      switch (this.detail.Visibility) {
-        case 'Open':
-          return 'fa-globe';
-        case 'Private':
-          return 'fa-lock';
-        case 'Club':
-          return 'fa-house';
-        default:
-          return 'fa-question-circle';
-      }
-    }
-  },
+    },
+    getIconName() {
+      return visibilityIcons[this.detail.Visibility] || 'fa-question-circle';
+    }
+  },
   methods: {
     deleteTournament() {
       this.$emit('delete', this.detail.TournamentId);

package/src/stories/Organisms/ComplexInputs/AddressAutocomplete/AddressAutocomplete.vue

@@ -15,6 +15,7 @@
 import VueGoogleAutocomplete from "vue-google-autocomplete";
 
 export default {
+  emits: ['add-new-address', 'update:address'],
   components: { VueGoogleAutocomplete },
   props: {
     invalid: {

package/src/stories/Organisms/ComplexInputs/ClubColorPicker/ClubColorPicker.vue

@@ -23,6 +23,7 @@ import DropDownMenu from "../../../Organisms/ComplexInputs/DropDown/DropDownMenu
 
 export default {
   name: "ClubColorPicker",
+  emits: ['update:value'],
   components: { BaseText, DropDownMenu },
   props: {
     club: {

package/src/stories/Organisms/ComplexInputs/DatePicker/DatePicker.vue

@@ -13,10 +13,11 @@
 </template>
 
 <script>
-import VueDatePicker from '@vuepic/vue-datepicker';
+import { VueDatePicker } from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css';
 
 export default {
+  emits: ['update:selectedDate'],
   components: { VueDatePicker },
   props: {
     setDate: {

package/src/stories/Organisms/ComplexInputs/DropDown/DropDownMenu.vue

@@ -21,6 +21,7 @@ import BaseInput from "../../../Atoms/Input/BaseInput.vue";
 
 export default {
   name: 'DropDownMenu',
+  emits: ['update:selectedItem'],
   components: { BaseInput, BaseText },
   props: {
     label: {

package/src/stories/Organisms/ComplexInputs/FindOrAddPerson/FindOrAddPerson.vue

@@ -45,6 +45,7 @@ import AddNewPerson from "../../../Organisms/Form/AddNewPerson/AddNewPerson.vue"
 
 export default {
   name: 'FindOrAddPerson',
+  emits: ['new-person-submitted', 'person-selected'],
   components: {AddNewPerson, DropDownMenu, BaseModal, BaseText, BaseButton, BaseInput },
   props: {
     persons: {

package/src/stories/Organisms/ComplexInputs/FindPerson/FindPerson.vue

@@ -48,6 +48,7 @@ import BaseModal from "../../../Molecules/Modals/BaseModal/BaseModal.vue";
 
 export default {
   name: 'FindPerson',
+  emits: ['add-new-person', 'person-selected'],
   components: {BaseModal, BaseText, BaseButton, BaseInput},
   props: {
     persons: {

package/src/stories/Organisms/ComplexInputs/ImageCropper/ImageCropper.vue

@@ -33,6 +33,7 @@ import loading from '../../../../assets/loading-spinner.gif'
 
 export default {
   name: 'GenericImageCropper',
+  emits: ['update:url'],
   props: {
     urlToImage: {
       type: String,

package/src/stories/Organisms/Containers/PoolResults/PoolResultsTable.vue

@@ -47,6 +47,7 @@ import FencerFinalResultCard from "../../Cards/FencerFinalResultCard/FencerFinal
 
 export default {
   name: "PoolResultsTable",
+  emits: ['update:handleDecreaseCount', 'update:handleIncreaseCount', 'update:moveFencerDESeedDown', 'update:moveFencerDESeedUp', 'update:withdraw'],
   components: {
     FencerFinalResultCard,
     BaseText,

package/src/stories/Organisms/Containers/TableauColumn/TableauColumn.vue

@@ -26,6 +26,7 @@ import TableauLines from "../TableauLines/TableauLines.vue";
 
 export default {
   name: 'TableauColumn',
+  emits: ['action:directingBout', 'action:editBout'],
   components: { TableauLines, BaseText, TableauBoutCard },
   props: {
     bouts: {

package/src/stories/Organisms/Form/AddDisplay/AddDisplay.vue

@@ -101,6 +101,7 @@ import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
 
 export default {
   name: 'AddDisplay',
+  emits: ['update:cancel', 'update:submit'],
   components: { BaseIcon, BaseText, DropDownMenu, BaseButton },
   props: {
     iconBorderColor: {

package/src/stories/Organisms/Form/AddNewPerson/AddNewPerson.vue

@@ -87,6 +87,7 @@ import TitledInput from "../../../Molecules/CombinationInputs/TitledInput/Titled
 
 export default {
   name: "AddNewPerson",
+  emits: ['newPersonSubmitted'],
   components: {TitledInput, DropDownMenu, BaseText, BaseButton, BaseInput },
   props: {
     fencingClubs: {