tags and new analytics new in budget

src/components/spaces/SpaceCreationFormView.vue

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+
+import {onMounted, ref} from "vue";
+import {createSpaceRequest} from "@/services/spaceService";
+import {Space} from "@/models/Space";
+
+import FloatLabel from "primevue/floatlabel";
+import Checkbox from "primevue/checkbox";
+import InputText from "primevue/inputtext";
+import Textarea from "primevue/textarea";
+import Button from "primevue/button";
+import DatePicker from "primevue/datepicker";
+
+const emits = defineEmits(['space-created', 'close-modal', 'error-space-creation'])
+
+
+const spaceName = ref('')
+const spaceDescription = ref('')
+const createCategories = ref(true)
+
+const cancel = () => {
+  resetForm()
+  emits("close-modal");
+}
+
+const createSpace = async () => {
+  const space = new Space()
+  space.name = spaceName.value
+  space.description = spaceDescription.value
+  space.createCategories = createCategories.value
+  try {
+    await createSpaceRequest(space).then((res) => {
+      resetForm()
+      emits("space-created", res)
+    })
+
+  } catch (e) {
+    console.error(e)
+    emits('error-space-creation', e)
+  }
+}
+const resetForm = () => {
+  spaceName.value = ''
+  spaceDescription.value = ''
+}
+</script>
+
+<template>
+
+  <div class="flex flex-col gap-4 mt-1">
+    <FloatLabel variant="on" class="w-full">
+      <label for="name">Название</label>
+      <InputText v-model="spaceName" id="name" class="w-full"/>
+    </FloatLabel>
+    <FloatLabel variant="on" class="w-full">
+      <label for="name">Описание</label>
+      <Textarea v-model="spaceDescription" id="name" class="w-full"/>
+    </FloatLabel>
+    <div class="flex flex-row items-center min-w-fit gap-4">
+      <Checkbox v-model="createCategories" binary/>
+      Создать стандартный набор категорий?
+    </div>
+    <div class="flex flex-row gap-2 justify-end items-center">
+      <Button label="Создать" severity="success" icon="pi pi-save" @click="createSpace"/>
+      <Button label="Отмена" severity="secondary" icon="pi pi-times-circle" @click="cancel"/>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>