@dcrackel/hematournamentui 1.0.59 → 1.0.61

package/.storybook/main.js

@@ -15,9 +15,7 @@ const config = {
     name: "@storybook/vue3-vite",
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
 };
 
 export default config;

package/.storybook/preview.js

@@ -12,7 +12,7 @@ const preview = {
     },
   },
 
-  tags: ['autodocs']
+  tags: ['autodocs', 'autodocs']
 };
 
 export default preview;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.59",
+  "version": "1.0.61",
   "type": "module",
   "main": "dist/HemaTouranmentUI-lib.umd.js",
   "module": "dist/HemaTouranmentUI-lib.es.js",
@@ -40,17 +40,17 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.4.0",
-    "@storybook/addon-actions": "^8.1.4",
-    "@storybook/addon-docs": "^8.1.4",
-    "@storybook/addon-essentials": "^8.1.4",
-    "@storybook/addon-interactions": "^8.1.4",
-    "@storybook/addon-links": "^8.1.4",
-    "@storybook/addon-mdx-gfm": "^8.1.4",
-    "@storybook/blocks": "^8.1.4",
-    "@storybook/react": "^8.1.4",
-    "@storybook/test": "^8.1.4",
-    "@storybook/vue3": "^8.1.4",
-    "@storybook/vue3-vite": "^8.1.4",
+    "@storybook/addon-actions": "^8.1.5",
+    "@storybook/addon-docs": "^8.1.5",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/addon-mdx-gfm": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/react": "^8.1.5",
+    "@storybook/test": "^8.1.5",
+    "@storybook/vue3": "^8.1.5",
+    "@storybook/vue3-vite": "^8.1.5",
     "@vitejs/plugin-vue": "^5.0.0",
     "@vitest/coverage-v8": "^1.1.0",
     "@vue/cli-plugin-babel": "^5.0.8",
@@ -59,7 +59,7 @@
     "eslint": "^8.56.0",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-vue": "^9.20.1",
-    "storybook": "^8.1.4",
+    "storybook": "^8.1.5",
     "storybook-vue3-router": "^5.0.0",
     "tailwindcss": "^3.4.3",
     "vite": "^5.0.10",

package/src/mocks/personsMock.js

@@ -1,46 +1,363 @@
 const personsMock = [
     {
+        "Id": 72,
+        "EventId": 1,
+        "PersonId": 4,
+        "Seed": 8,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 4,
+            "FirstName": "Kim",
+            "LastName": "Bullock",
+            "Images": [
+                {
+                    "ImageId": 8,
+                    "URL": "https://randomuser.me/api/portraits/women/9.jpg",
+                    "AltText": null,
+                    "Type": "Portrait",
+                    "EntityId": 4,
+                    "EntityType": "Person"
+                }
+            ],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [
+                {
+                    "Id": 6,
+                    "PersonId": 4,
+                    "Rank": 1234,
+                    "Rating": 1235.6,
+                    "WeaponId": 1,
+                    "Updated": "2024-05-30T17:42:12.000Z"
+                }
+            ],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 73,
+        "EventId": 1,
         "PersonId": 1,
-        "DisplayName": "Dwain Crackel",
-        "Pronouns": null,
-        "FirstName": "Dwain",
-        "LastName": "Crackel",
-        "Birthday": null,
-        "ClubId": 1,
-        "PersonEmails": [
-            {
-                "EmailId": 2,
-                "EmailAddress": "dcrackel@gmail.com",
-                "PersonId": 1,
-                "IsPrimary": true
-            }
-        ],
-        "ProfileImage": null
+        "Seed": 1,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 1,
+            "FirstName": "Dwain",
+            "LastName": "Crackel",
+            "Images": [
+                {
+                    "ImageId": 7,
+                    "URL": "https://randomuser.me/api/portraits/men/22.jpg",
+                    "AltText": null,
+                    "Type": "Portrait",
+                    "EntityId": 1,
+                    "EntityType": "Person"
+                }
+            ],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [
+                {
+                    "Id": 1,
+                    "PersonId": 1,
+                    "Rank": 1700,
+                    "Rating": 1200.2,
+                    "WeaponId": 1,
+                    "Updated": "2024-05-30T17:39:47.000Z"
+                }
+            ],
+            "M2Ratings": [
+                {
+                    "id": 1,
+                    "PersonId": 1,
+                    "EventId": 1,
+                    "WeaponId": 1,
+                    "Rating": "E24",
+                    "DateEarned": "2024-05-30"
+                }
+            ]
+        }
     },
     {
+        "Id": 74,
+        "EventId": 1,
         "PersonId": 2,
-        "DisplayName": "TLou",
-        "Pronouns": "They/Them",
-        "FirstName": "Test",
-        "LastName": "Testerlou",
-        "Birthday": null,
-        "ClubId": 1,
-        "PersonEmails": [
-            {
-                "EmailId": 4,
-                "EmailAddress": "tblouey@hotmail.com",
-                "PersonId": 2,
-                "IsPrimary": false
-            },
-            {
-                "EmailId": 3,
-                "EmailAddress": "tlou@gmail.com",
-                "PersonId": 2,
-                "IsPrimary": true
-            }
-        ],
-        "ProfileImage": null
+        "Seed": 6,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 2,
+            "FirstName": "Kyle",
+            "LastName": "Edwards",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [
+                {
+                    "Id": 2,
+                    "PersonId": 2,
+                    "Rank": 1756,
+                    "Rating": 1223.8,
+                    "WeaponId": 1,
+                    "Updated": "2024-05-30T17:39:47.000Z"
+                }
+            ],
+            "M2Ratings": [
+                {
+                    "id": 2,
+                    "PersonId": 2,
+                    "EventId": 1,
+                    "WeaponId": 1,
+                    "Rating": "D24",
+                    "DateEarned": "2024-05-22"
+                }
+            ]
+        }
+    },
+    {
+        "Id": 77,
+        "EventId": 1,
+        "PersonId": 3,
+        "Seed": 3,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 3,
+            "FirstName": "Dave",
+            "LastName": "Larabee",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": [
+                {
+                    "id": 3,
+                    "PersonId": 3,
+                    "EventId": 1,
+                    "WeaponId": 1,
+                    "Rating": "C24",
+                    "DateEarned": "2024-05-30"
+                }
+            ]
+        }
+    },
+    {
+        "Id": 78,
+        "EventId": 1,
+        "PersonId": 5,
+        "Seed": 10,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 5,
+            "FirstName": "Darlene",
+            "LastName": "Acevedo",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 79,
+        "EventId": 1,
+        "PersonId": 6,
+        "Seed": 11,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 6,
+            "FirstName": "Courtney",
+            "LastName": "Medina",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 80,
+        "EventId": 1,
+        "PersonId": 7,
+        "Seed": 5,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 7,
+            "FirstName": "Emily",
+            "LastName": "Carlson",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 81,
+        "EventId": 1,
+        "PersonId": 8,
+        "Seed": 12,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 8,
+            "FirstName": "Julie",
+            "LastName": "Riddle",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 82,
+        "EventId": 1,
+        "PersonId": 9,
+        "Seed": 4,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 9,
+            "FirstName": "Sean",
+            "LastName": "McCoy",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 83,
+        "EventId": 1,
+        "PersonId": 10,
+        "Seed": 13,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 10,
+            "FirstName": "Melissa",
+            "LastName": "Jones",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 84,
+        "EventId": 1,
+        "PersonId": 11,
+        "Seed": 9,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 11,
+            "FirstName": "Sylvia",
+            "LastName": "Lee",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 85,
+        "EventId": 1,
+        "PersonId": 12,
+        "Seed": 2,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 12,
+            "FirstName": "Lindsey",
+            "LastName": "Mitchell",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
+    },
+    {
+        "Id": 86,
+        "EventId": 1,
+        "PersonId": 13,
+        "Seed": 7,
+        "Status": "Absent",
+        "Person": {
+            "PersonId": 13,
+            "FirstName": "Jarrett",
+            "LastName": "Anderson",
+            "Images": [],
+            "Club": {
+                "ClubId": 1,
+                "Name": "Test Club",
+                "Description": "This is a test",
+                "AddressId": 1,
+                "SocialMediaId": null
+            },
+            "HEMARatings": [],
+            "M2Ratings": []
+        }
     }
 ]
 
+
 export default personsMock;

package/src/mocks/tournamentMock.js

@@ -4,7 +4,7 @@ const mockTournaments = [
     "Name": "Tournament Test",
     "StartDate": "2023-09-09",
     "EndDate": "2023-09-10",
-    "Description": "This is a test",
+    "Description": "combat with the joy of spending time with furry feline friends! This event celebrates the art of Historical European Martial Arts (HEMA) while offering a purrfect opportunity to interact with adorable cats, some of whom are looking for their forever homes. Whether you're a seasoned swordsman or new to the sport, Cats & Swords promises an unforgettable day of exciting bouts, heartwarming moments, and the chance to adopt a loving companion. Come for the swords, stay for the cats, and leave with memories (and maybe a new furry friend) that will last a lifetime.",
     "ClubId": 1,
     "AddressId": 1,
     "Club.Name": "Test Club",

package/src/stories/Molecules/Boxes/CounterBox/CounterBox.stories.js

@@ -0,0 +1,29 @@
+import CounterBox from './CounterBox.vue';
+
+export default {
+    title: 'Molecules/Boxes/CounterBox',
+    component: CounterBox,
+    tags: ['autodocs'],
+    args: {
+        count: 0,
+    },
+    argTypes: {
+        count: { control: { type: 'number' } },
+    },
+};
+
+export const Default = {
+    args: {
+        count: 0,
+        label: 'Counter',
+        recommended: 3
+    },
+};
+
+export const WithInitialCount = {
+    args: {
+        count: 2,
+        label: 'Pool num',
+        recommended: 4
+    },
+};

package/src/stories/Molecules/Boxes/CounterBox/CounterBox.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="flex flex-col items-center">
+  <section class="flex justify-center">
+    <BaseText :text="label" size="sm" color="primaryHighlight" />
+  </section>
+  <section :class="boxClass">
+    <div class="flex flex-row items-center justify-between h-14 py-2 px-2">
+      <button @click="increase" class="py-1"><BaseIcon icon-name="fa-caret-up" size="xl" color="primaryHighlight" /></button>
+      <span class="px-1"><BaseText :text="counter" size="xl" color="primary"/></span>
+      <button @click="decrease" class="py-1"><BaseIcon icon-name="fa-caret-down" size="xl" color="primaryHighlight" /></button>
+    </div>
+  </section>
+  </div>
+</template>
+
+<script>
+import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
+import BaseText from "../../../Atoms/Text/BaseText.vue";
+
+export default {
+  name: 'CounterBox',
+  components: {BaseText, BaseIcon},
+  props: {
+    label: {
+      type: String,
+      default: 'Counter',
+    },
+    count: {
+      type: Number,
+      default: 0,
+    },
+    recommended: {
+      type: Number,
+      required: true
+    }
+  },
+  data() {
+    return {
+      counter: this.count
+    };
+  },
+  computed: {
+    isRecommended() {
+      return this.counter === this.recommended;
+    },
+    boxClass() {
+      return {
+        'w-20 h-14 rounded-xl m-1 border bg-neutral': true,
+        'border-dropdownSelect': !this.isRecommended,
+        'border-bright': this.isRecommended,
+      };
+    },
+  },
+  methods: {
+    increase() {
+      this.counter++;
+      this.$emit('update:count', this.counter);
+    },
+    decrease() {
+      if (this.counter > 0) {
+        this.counter--;
+        this.$emit('update:count', this.counter);
+      }
+    },
+  },
+};
+</script>

package/src/stories/Molecules/Boxes/EventStatusBox/EventStatusBox.stories.js

@@ -0,0 +1,40 @@
+import EventStatusBox from './EventStatusBox.vue';
+
+export default {
+    title: 'Molecules/Boxes/EventStatusBox',
+    component: EventStatusBox,
+    tags: ['autodocs'],
+    args: {
+        statusCount: 10,
+        statusLabel: 'PRESENT',
+        boxColor: 'bg-eventBoxBlue',
+    },
+    argTypes: {}
+};
+
+
+
+export const Default = {
+    args: {
+        statusCount: 10,
+        statusLabel: 'PRESENT',
+        boxColor: 'bg-eventBoxBlue',
+    }
+};
+
+export const Absent = {
+    args: {
+        statusCount: 5,
+        statusLabel: 'ABSENT',
+        boxColor: 'bg-eventBoxGreen',
+    }
+};
+
+
+export const Removed = {
+    args: {
+        statusCount: 3,
+        statusLabel: 'REMOVED',
+        boxColor: 'bg-eventBoxRed',
+    }
+};

package/src/stories/Molecules/Boxes/EventStatusBox/EventStatusBox.vue

@@ -0,0 +1,35 @@
+<template>
+  <section :class="['w-20 h-14 rounded-xl m-1', boxColor]">
+    <div class="flex flex-col justify-between h-14 py-2 pl-1">
+      <p class="flex flex-row justify-center w-full pb-1">
+        <BaseText :text="statusCount" size="sm" color="quinary" weight="bold" />
+      </p>
+      <p class="flex flex-row justify-center w-full">
+        <BaseText :text="statusLabel" size="xs" color="quinary" />
+      </p>
+    </div>
+  </section>
+</template>
+
+<script>
+import BaseText from "../../../Atoms/Text/BaseText.vue";
+
+export default {
+  name: 'EventStatusBox',
+  components: {BaseText},
+  props: {
+    statusCount: {
+      type: Number,
+      required: true,
+    },
+    statusLabel: {
+      type: String,
+      required: true,
+    },
+    boxColor: {
+      type: String,
+      required: true,
+    },
+  },
+};
+</script>