Upravy UI, refaktoring, davkove upravy a mazani fotek

src/components/copilots/CopilotDetailSkeleton.vue

@@ -1,5 +1,9 @@
-<script setup></script>
+<script setup>
+import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+</script>
 
 <template>
-  <em>Copilot skeleton</em>
+  <q-card class="flight-detail-card">
+    <BasicListSkeleton :items-count-min="1" :items-count-max="5"/>
+  </q-card>
 </template>

src/components/copilots/CopilotForm.vue

@@ -4,17 +4,24 @@ import {onMounted, reactive} from "vue";
 import {setDefaultData} from "src/composables/form/formHandling";
 import FormWrapper from "components/FormWrapper.vue";
 import {commonProps} from "src/composables/inputs";
+import {isRequestPending} from "src/composables/form/props";
+import {isRequired} from "src/composables/form/rules";
 
 const props = defineProps({
   copilot: {
     type: Object
-  }
+  },
+  isRequestPending
 })
 
 const formData = reactive({
   name: null,
 });
 
+const rules = {
+  name: [isRequired]
+}
+
 onMounted(() => {
   if (props.copilot) {
     setDefaultData(formData, props.copilot);
@@ -24,7 +31,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <FormWrapper v-model="formData">
-    <q-input v-bind="commonProps" label="Jméno" v-model="formData.name" />
+  <FormWrapper v-model="formData" :is-request-pending="props.isRequestPending">
+    <q-input
+      v-bind="commonProps"
+      label="Jméno"
+      :rules="rules.name"
+      v-model="formData.name"
+    />
   </FormWrapper>
 </template>