feat: city operations

odyseja-ui/src/routes/panel/+layout.svelte

@@ -10,7 +10,8 @@
         {label: 'Harmonogram', route: '/panel/timetable', icon: 'ic:round-calendar-view-month'},
         {label: 'Problemy', route: '/panel/problem', icon: 'ic:round-format-list-bulleted'},
         {label: 'Informacje', route: '/panel/info', icon: 'ic:outline-info'},
-        {label: 'Sceny', route: '/panel/stage', icon: 'ic:outline-curtains'}
+        {label: 'Sceny', route: '/panel/stage', icon: 'ic:outline-curtains'},
+        {label: 'Miasta', route: '/panel/city', icon: 'ic:outline-curtains'}
     ];
 
     export let data: Cities

odyseja-ui/src/routes/panel/+layout.ts

@@ -1,15 +1,8 @@
-import {get} from "$lib/apiService";
-import type {Cities, City} from "$lib/types";
+import {fetchCities} from "./city/cityService";
 
 
 export async function load() {
     const cities = await fetchCities();
     console.log(cities)
     return cities
 }
-
-async function fetchCities(): Promise<Cities> {
-    const data = await get('/city');
-    const cites = data as City[]
-    return {cities: cites} as Cities;
-}

odyseja-ui/src/routes/panel/city/+page.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+    import type {Cities, City} from "$lib/types";
+    import {del} from "$lib/apiService";
+    import {fetchCities} from "./cityService";
+    import Dialog from "$lib/Dialog.svelte";
+    import CityDialog from "./CityDialog.svelte";
+
+    export let data: Cities
+    let cityDialog: HTMLDialogElement;
+
+    async function addNew() {
+        cityDialog.show()
+    }
+
+    async function deleteCity(city: City) {
+        await del(`/city/${city.id}`, 'Miasto usunięte')
+        await refresh()
+    }
+
+    async function refresh() {
+        data = await fetchCities()
+        cityDialog.close()
+    }
+
+</script>
+
+<h2 class="mb-6">Miasta</h2>
+
+<section class="p-4">
+    {#each data.cities as city}
+        <div class="flex">
+            <label class="label p-2">
+                <input class="input" type="text" placeholder="Input" bind:value={city.name} readonly/>
+            </label>
+            <button class="btn btn-md variant-filled-error h-10" type="button" on:click={deleteCity(city)}>Del</button>
+        </div>
+    {/each}
+    <button class="btn btn-md variant-filled-secondary h-10" on:click={addNew} type="button">Dodaj</button>
+</section>
+
+<Dialog bind:dialog={cityDialog}>
+    <CityDialog onSave={refresh}/>
+</Dialog>

odyseja-ui/src/routes/panel/city/+page.ts

@@ -0,0 +1,6 @@
+import type {PageLoad} from './$types';
+import {fetchCities} from "./cityService";
+
+export const load = (({params}) => {
+    return fetchCities();
+}) satisfies PageLoad;

odyseja-ui/src/routes/panel/city/CityDialog.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+    import {post} from "$lib/apiService";
+    import type {City} from "$lib/types";
+
+    export let onSave;
+
+    let cityName = '';
+
+    async function save() {
+        await post({id: 0, name: cityName} as City, '/city', 'Zapisano')
+        onSave();
+    }
+
+</script>
+
+<label class="label">
+    <span>Drużyna</span>
+    <input bind:value={cityName} class="input" type="text"/>
+</label>
+
+<button
+        class="btn btn-md variant-filled-primary"
+        on:click={save}
+        type="button">Zapisz
+</button>

odyseja-ui/src/routes/panel/city/cityService.ts

@@ -0,0 +1,8 @@
+import type {Cities, City} from "$lib/types";
+import {get} from "$lib/apiService";
+
+export async function fetchCities(): Promise<Cities> {
+    const data = await get('/city');
+    const cites = data as City[]
+    return {cities: cites} as Cities;
+}

odyseja-ui/src/routes/panel/stage/+page.svelte

@@ -39,7 +39,7 @@
 </script>
 
 <div class="mt-4 mx-4 flex justify-between items-center">
-    <h2 class="mb-6">Problemy</h2>
+    <h2 class="mb-6">Sceny</h2>
     <button type="button" on:click={toggleEdit} class="btn btn-md variant-filled-primary"
             disabled='{editToggled}'>Edytuj
     </button>

src/main/kotlin/odyseja/odysejapka/rest/CityController.kt

@@ -18,7 +18,7 @@ class CityController(
 
   @Secured("ROLE_ADMIN")
   @PostMapping
-  fun saveCity(cityEntity: CityEntity) {
+  fun saveCity(@RequestBody cityEntity: CityEntity) {
     cityService.addCity(cityEntity)
   }