add first version of report page (development)

src/pages/ReportPage.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="rows">
+    <div class="row justify-end">
+      <div class="column">
+        <DateDaySelect title="hjgjh" />
+      </div>
+    </div>
+  </div>
+  <q-btn @click="openDateSelect">Hallo</q-btn>
+  <DialogFrame :header-title="$t('selectDates')" :width="350" :height="500" ref="dateSelect">
+    <DateDaySelect :title="$t('selectDates')" />
+    <q-btn color="primary" no-caps>{{ $t('apply') }}</q-btn>
+  </DialogFrame>
+</template>
+
+<script setup lang="ts">
+import { appApi } from 'src/boot/axios';
+import DateDaySelect from 'src/components/DateDaySelect.vue';
+import { onMounted, ref } from 'vue';
+import { useNotify } from 'src/vueLib/general/useNotify';
+import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
+
+const dateSelect = ref();
+const { NotifyResponse } = useNotify();
+
+onMounted(() => {
+  appApi
+    .get('events')
+    .then((resp) => console.log(1, resp))
+    .catch((err) => NotifyResponse(err, 'error'));
+});
+
+function openDateSelect() {
+  dateSelect.value?.open();
+}
+</script>