HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2026-01-17 12:02:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed frontend (format, lint, build)

Browse Source
This commit is contained in:
masterElmar
2023-11-01 22:31:12 +01:00
parent a8dce8207b
commit 0fc6e249d2
10 changed files with 277 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/components/RoomFinder.vue
View File

@@ -1,7 +1,6 @@
<script lang="ts" setup>
import {Ref, ref} from "vue";
import {fetchRoom} from "../api/fetchRoom.ts";
import { Ref, ref } from "vue";
import { fetchRoom } from "../api/fetchRoom.ts";
import RoomOccupation from "./RoomOccupation.vue";
const rooms = async () => {
@@ -9,13 +8,13 @@ const rooms = async () => {
};
const roomsList: Ref<{ name: string }[]> = ref([]);
const selectedRoom: Ref<{ name: string }> = ref({name: ""});
const selectedRoom: Ref<{ name: string }> = ref({ name: "" });
rooms().then(
(data) =>
(roomsList.value = data.map((room) => {
return {name: room};
})),
(data) =>
(roomsList.value = data.map((room) => {
return { name: room };
})),
);
</script>
@@ -25,26 +24,24 @@ rooms().then(
<h3 class="text-4xl">Raumfinder</h3>
</div>
<div
class="flex align-items-center justify-content-center h-4rem border-round m-2"
class="flex align-items-center justify-content-center h-4rem border-round m-2"
>
<h5 class="text-2xl">Please select a room</h5>
</div>
<div
class="flex align-items-center justify-content-center border-round m-2"
class="flex align-items-center justify-content-center border-round m-2"
>
<Dropdown
v-model="selectedRoom"
:options="roomsList"
class="w-full md:w-25rem mx-2"
filter
option-label="name"
placeholder="Select a Room"
v-model="selectedRoom"
:options="roomsList"
class="w-full md:w-25rem mx-2"
filter
option-label="name"
placeholder="Select a Room"
/>
</div>
<div
class="m-6"
>
<RoomOccupation :room="selectedRoom.name"/>
<div class="m-6">
<RoomOccupation :room="selectedRoom.name" />
</div>
</div>
</template>