Create the default status viewver

sebt3 · Jan 17, 2024 · 9a9d69c · 9a9d69c
1 parent aceded2
commit 9a9d69c
Show file tree

Hide file tree

Showing 49 changed files with 134 additions and 136 deletions.
diff --git a/front/components/core/DefaultStatusView.vue b/front/components/core/DefaultStatusView.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const props = defineProps<{status: object}>();
+console.log(props)
+</script>
+<template>
+  <div class="q-gutter-md">
+    <div v-if="Object.keys(status).includes('conditions')">
+      <q-field label="Conditions" stack-label borderless>
+        <template v-slot:prepend><q-icon name="dashboard" /></template>
+        <template v-slot:control><div class="self-center full-width no-outline" tabindex="0">{{ status['conditions'] }}</div></template>
+      </q-field>
+    </div>
+  </div>
+</template>
diff --git a/front/components/fluxcd/AlertEdit.vue b/front/components/fluxcd/AlertEdit.vue
@@ -3,6 +3,7 @@ import fluxcdAlertQuery from '@/queries/fluxcd/AlertView.graphql'
 import alertEdit from '@/queries/fluxcd/AlertEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useAlert, sanitizeData, getProperties } from './Alert.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotAlertFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useAlert();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotAlertFound);onPatchAlert(patchDone);onPatc
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdAlert!=null && result.fluxcdAlert.status != null">
+          <DefaultStatusView :status="result.fluxcdAlert.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/AlertView.vue b/front/components/fluxcd/AlertView.vue
@@ -3,6 +3,7 @@ import fluxcdAlertQuery from '@/queries/fluxcd/AlertView.graphql'
 import alertDelete from '@/queries/fluxcd/AlertDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useAlert, getProperties } from './Alert.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotAlertFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useAlert();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdAlertQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotAlertFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdAlert!=null && result.fluxcdAlert.status != null">
+          <DefaultStatusView :status="result.fluxcdAlert.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/BucketEdit.vue b/front/components/fluxcd/BucketEdit.vue
@@ -3,6 +3,7 @@ import fluxcdBucketQuery from '@/queries/fluxcd/BucketView.graphql'
 import bucketEdit from '@/queries/fluxcd/BucketEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useBucket, sanitizeData, getProperties } from './Bucket.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotBucketFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useBucket();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotBucketFound);onPatchBucket(patchDone);onPa
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdBucket!=null && result.fluxcdBucket.status != null">
+          <DefaultStatusView :status="result.fluxcdBucket.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/BucketView.vue b/front/components/fluxcd/BucketView.vue
@@ -3,6 +3,7 @@ import fluxcdBucketQuery from '@/queries/fluxcd/BucketView.graphql'
 import bucketDelete from '@/queries/fluxcd/BucketDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useBucket, getProperties } from './Bucket.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotBucketFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useBucket();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdBucketQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotBucketFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdBucket!=null && result.fluxcdBucket.status != null">
+          <DefaultStatusView :status="result.fluxcdBucket.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/GitRepositoryEdit.vue b/front/components/fluxcd/GitRepositoryEdit.vue
@@ -3,6 +3,7 @@ import fluxcdGitRepositoryQuery from '@/queries/fluxcd/GitRepositoryView.graphql
 import gitRepositoryEdit from '@/queries/fluxcd/GitRepositoryEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useGitRepository, sanitizeData, getProperties } from './GitRepository.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotGitRepositoryFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useGitRepository();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotGitRepositoryFound);onPatchGitRepository(p
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdGitRepository!=null && result.fluxcdGitRepository.status != null">
+          <DefaultStatusView :status="result.fluxcdGitRepository.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/GitRepositoryView.vue b/front/components/fluxcd/GitRepositoryView.vue
@@ -3,6 +3,7 @@ import fluxcdGitRepositoryQuery from '@/queries/fluxcd/GitRepositoryView.graphql
 import gitRepositoryDelete from '@/queries/fluxcd/GitRepositoryDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useGitRepository, getProperties } from './GitRepository.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotGitRepositoryFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useGitRepository();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdGitRepositoryQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotGitRepositoryFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdGitRepository!=null && result.fluxcdGitRepository.status != null">
+          <DefaultStatusView :status="result.fluxcdGitRepository.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/HelmChartEdit.vue b/front/components/fluxcd/HelmChartEdit.vue
@@ -3,6 +3,7 @@ import fluxcdHelmChartQuery from '@/queries/fluxcd/HelmChartView.graphql'
 import helmChartEdit from '@/queries/fluxcd/HelmChartEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmChart, sanitizeData, getProperties } from './HelmChart.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotHelmChartFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useHelmChart();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotHelmChartFound);onPatchHelmChart(patchDone
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmChart!=null && result.fluxcdHelmChart.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmChart.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/HelmChartView.vue b/front/components/fluxcd/HelmChartView.vue
@@ -3,6 +3,7 @@ import fluxcdHelmChartQuery from '@/queries/fluxcd/HelmChartView.graphql'
 import helmChartDelete from '@/queries/fluxcd/HelmChartDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmChart, getProperties } from './HelmChart.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotHelmChartFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useHelmChart();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdHelmChartQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotHelmChartFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmChart!=null && result.fluxcdHelmChart.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmChart.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/HelmReleaseEdit.vue b/front/components/fluxcd/HelmReleaseEdit.vue
@@ -3,6 +3,7 @@ import fluxcdHelmReleaseQuery from '@/queries/fluxcd/HelmReleaseView.graphql'
 import helmReleaseEdit from '@/queries/fluxcd/HelmReleaseEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmRelease, sanitizeData, getProperties } from './HelmRelease.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotHelmReleaseFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useHelmRelease();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotHelmReleaseFound);onPatchHelmRelease(patch
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmRelease!=null && result.fluxcdHelmRelease.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmRelease.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/HelmReleaseView.vue b/front/components/fluxcd/HelmReleaseView.vue
@@ -3,6 +3,7 @@ import fluxcdHelmReleaseQuery from '@/queries/fluxcd/HelmReleaseView.graphql'
 import helmReleaseDelete from '@/queries/fluxcd/HelmReleaseDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmRelease, getProperties } from './HelmRelease.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotHelmReleaseFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useHelmRelease();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdHelmReleaseQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotHelmReleaseFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmRelease!=null && result.fluxcdHelmRelease.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmRelease.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/HelmRepositoryEdit.vue b/front/components/fluxcd/HelmRepositoryEdit.vue
@@ -3,6 +3,7 @@ import fluxcdHelmRepositoryQuery from '@/queries/fluxcd/HelmRepositoryView.graph
 import helmRepositoryEdit from '@/queries/fluxcd/HelmRepositoryEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmRepository, sanitizeData, getProperties } from './HelmRepository.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotHelmRepositoryFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useHelmRepository();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotHelmRepositoryFound);onPatchHelmRepository
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmRepository!=null && result.fluxcdHelmRepository.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmRepository.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/HelmRepositoryView.vue b/front/components/fluxcd/HelmRepositoryView.vue
@@ -3,6 +3,7 @@ import fluxcdHelmRepositoryQuery from '@/queries/fluxcd/HelmRepositoryView.graph
 import helmRepositoryDelete from '@/queries/fluxcd/HelmRepositoryDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useHelmRepository, getProperties } from './HelmRepository.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotHelmRepositoryFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useHelmRepository();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdHelmRepositoryQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotHelmRepositoryFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdHelmRepository!=null && result.fluxcdHelmRepository.status != null">
+          <DefaultStatusView :status="result.fluxcdHelmRepository.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/ImagePolicyEdit.vue b/front/components/fluxcd/ImagePolicyEdit.vue
@@ -3,6 +3,7 @@ import fluxcdImagePolicyQuery from '@/queries/fluxcd/ImagePolicyView.graphql'
 import imagePolicyEdit from '@/queries/fluxcd/ImagePolicyEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useImagePolicy, sanitizeData, getProperties } from './ImagePolicy.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotImagePolicyFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useImagePolicy();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotImagePolicyFound);onPatchImagePolicy(patch
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdImagePolicy!=null && result.fluxcdImagePolicy.status != null">
+          <DefaultStatusView :status="result.fluxcdImagePolicy.status" />
         </q-card-section>
       </q-card>
     </div>

diff --git a/front/components/fluxcd/ImagePolicyView.vue b/front/components/fluxcd/ImagePolicyView.vue
@@ -3,6 +3,7 @@ import fluxcdImagePolicyQuery from '@/queries/fluxcd/ImagePolicyView.graphql'
 import imagePolicyDelete from '@/queries/fluxcd/ImagePolicyDelete.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useImagePolicy, getProperties } from './ImagePolicy.js'
 const { onErrorHandler, notifySuccess, notifyError, onNotImagePolicyFound, navigation, setNamespacedItemFromRoute, toEdit, actionDelete } = useImagePolicy();setNamespacedItemFromRoute();
 const { result, loading, onResult, onError } = useQuery(fluxcdImagePolicyQuery, {"namespace": navigation.currentNamespace, "name": navigation.currentItem }, { pollInterval: 500 });onError(onErrorHandler); onResult(onNotImagePolicyFound);
@@ -39,10 +40,8 @@ onDeleteError((err) => {
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-            TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdImagePolicy!=null && result.fluxcdImagePolicy.status != null">
+          <DefaultStatusView :status="result.fluxcdImagePolicy.status" />
         </q-card-section>
       </q-card>
     </div><div class="col-md-6">

diff --git a/front/components/fluxcd/ImageRepositoryEdit.vue b/front/components/fluxcd/ImageRepositoryEdit.vue
@@ -3,6 +3,7 @@ import fluxcdImageRepositoryQuery from '@/queries/fluxcd/ImageRepositoryView.gra
 import imageRepositoryEdit from '@/queries/fluxcd/ImageRepositoryEdit.graphql'
 import MetadataView from '../core/MetadataView.vue';
 import OpenApiEdit from '../core/OpenApiEdit.vue';
+import DefaultStatusView from '../core/DefaultStatusView.vue';
 import { ref, useQuery, useMutation, useImageRepository, sanitizeData, getProperties } from './ImageRepository.js'
 const data = ref({});
 const { patchDone, patchError, notifyWorking, onNotImageRepositoryFound, setNamespacedItemFromRoute, navigation, onErrorHandler } = useImageRepository();setNamespacedItemFromRoute();
@@ -30,10 +31,8 @@ onError(onErrorHandler);onResult(onNotImageRepositoryFound);onPatchImageReposito
         <q-card-section>
           <div class="text-h6 text-grey-8 q-mt-none q-mb-none q-pt-none q-pb-none">Status</div>
         </q-card-section>
-        <q-card-section>
-          <div class="q-gutter-md">
-          TODO
-          </div>
+        <q-card-section v-if="!loading && result.fluxcdImageRepository!=null && result.fluxcdImageRepository.status != null">
+          <DefaultStatusView :status="result.fluxcdImageRepository.status" />
         </q-card-section>
       </q-card>
     </div>