Data/Season: Add remaining "Create" buttons (drivers/races/substitutions)

src/lib/components/cards/DriverCard.svelte

@@ -47,11 +47,16 @@
   if ($modalStore[0].meta) {
     const meta = $modalStore[0].meta;
 
+    // Stuff thats required for the "update" card
     driver = meta.driver;
     team_select_value = meta.team_select_value;
     team_select_options = meta.team_select_options;
     active_value = meta.active_value;
     disable_inputs = meta.disable_inputs;
+
+    // Stuff thats additionally required for the "create" card
+    require_inputs = meta.require_inputs;
+    headshot_template = meta.headshot_template;
   }
 </script>
 

src/lib/components/cards/RaceCard.svelte

@@ -31,8 +31,13 @@
   if ($modalStore[0].meta) {
     const meta = $modalStore[0].meta;
 
+    // Stuff thats required for the "update" card
     race = meta.race;
     disable_inputs = meta.disable_inputs;
+
+    // Stuff thats additionally required for the "create" card
+    require_inputs = meta.require_inputs;
+    pictogram_template = meta.pictogram_template;
   }
 
   // Dates have to be formatted to datetime-local format

src/lib/components/cards/SubstitutionCard.svelte

@@ -55,14 +55,19 @@
   if ($modalStore[0].meta) {
     const meta = $modalStore[0].meta;
 
+    // Stuff thats required for the "update" card
     substitution = meta.substitution;
     drivers = meta.drivers;
+    disable_inputs = meta.disable_inputs;
     substitute_select_value = meta.substitute_select_value;
     driver_select_value = meta.driver_select_value;
     race_select_value = meta.race_select_value;
     driver_select_options = meta.driver_select_options;
     race_select_options = meta.race_select_options;
-    disable_inputs = meta.disable_inputs;
+
+    // Stuff thats additionally required for the "create" card
+    require_inputs = meta.require_inputs;
+    headshot_template = meta.headshot_template;
   }
 
   // This action is used on the <Dropdown> element.

src/lib/components/cards/TeamCard.svelte

@@ -38,9 +38,12 @@
   if ($modalStore[0].meta) {
     const meta = $modalStore[0].meta;
 
+    // Stuff thats required for the "update" card
     team = meta.team;
-    require_inputs = meta.require_inputs;
     disable_inputs = meta.disable_inputs;
+
+    // Stuff thats additionally required for the "create" card
+    require_inputs = meta.require_inputs;
     banner_template = meta.banner_template;
     logo_template = meta.logo_template;
   }

src/routes/data/season/+page.svelte

@@ -193,6 +193,24 @@
     modalStore.trigger(modalSettings);
   };
 
+  const create_driver_handler = async (event: Event) => {
+    const modalSettings: ModalSettings = {
+      type: "component",
+      component: "driverCard",
+      meta: {
+        team_select_value: update_driver_team_select_values["create"],
+        team_select_options: team_dropdown_options,
+        active_value: update_driver_active_values["create"],
+        disable_inputs: !data.admin,
+        require_inputs: true,
+        headshot_template:
+          get_by_value(data.graphics, "name", "driver_headshot_template")?.file_url ?? "Invalid",
+      },
+    };
+
+    modalStore.trigger(modalSettings);
+  };
+
   const races_columns: TableColumn[] = [
     {
       data_value_name: "name",
@@ -239,6 +257,21 @@
     modalStore.trigger(modalSettings);
   };
 
+  const create_race_handler = async (event: Event) => {
+    const modalSettings: ModalSettings = {
+      type: "component",
+      component: "raceCard",
+      meta: {
+        disable_inputs: !data.admin,
+        require_inputs: true,
+        pictogram_template:
+          get_by_value(data.graphics, "name", "race_pictogram_template")?.file_url ?? "Invalid",
+      },
+    };
+
+    modalStore.trigger(modalSettings);
+  };
+
   const substitutions_columns: TableColumn[] = [
     {
       data_value_name: "substitute",
@@ -283,6 +316,27 @@
 
     modalStore.trigger(modalSettings);
   };
+
+  const create_substitution_handler = async (event: Event) => {
+    const modalSettings: ModalSettings = {
+      type: "component",
+      component: "substitutionCard",
+      meta: {
+        drivers: await data.drivers,
+        substitute_select_value: update_substitution_substitute_select_values["create"],
+        driver_select_value: update_substitution_for_select_values["create"],
+        disable_inputs: !data.admin,
+        race_select_value: update_substitution_race_select_values["create"],
+        driver_select_options: driver_dropdown_options,
+        race_select_options: race_dropdown_options,
+        require_inputs: true,
+        headshot_template:
+          get_by_value(data.graphics, "name", "driver_headshot_template")?.file_url ?? "Invalid",
+      },
+    };
+
+    modalStore.trigger(modalSettings);
+  };
 </script>
 
 <svelte:head>
@@ -319,7 +373,11 @@
       <!-- Drivers Tab -->
       <!-- Drivers Tab -->
       <!-- Drivers Tab -->
-      <!-- TODO: Add driver -->
+      <div class="pb-2">
+        <Button width="w-full" color="surface" onclick={create_driver_handler}>
+          <b>Create New Driver</b>
+        </Button>
+      </div>
       {#await data.drivers then drivers}
         <Table data={drivers} columns={drivers_columns} handler={drivers_handler} />
       {/await}
@@ -327,6 +385,11 @@
       <!-- Races Tab -->
       <!-- Races Tab -->
       <!-- Races Tab -->
+      <div class="pb-2">
+        <Button width="w-full" color="surface" onclick={create_race_handler}>
+          <b>Create New Race</b>
+        </Button>
+      </div>
       {#await data.races then races}
         <Table data={races} columns={races_columns} handler={races_handler} />
       {/await}
@@ -334,6 +397,11 @@
       <!-- Substitutions Tab -->
       <!-- Substitutions Tab -->
       <!-- Substitutions Tab -->
+      <div class="pb-2">
+        <Button width="w-full" color="surface" onclick={create_substitution_handler}>
+          <b>Create New Substitution</b>
+        </Button>
+      </div>
       {#await data.substitutions then substitutions}
         <Table
           data={substitutions}