Merge branch 'main' of github.com:kubero-dev/kubero

kubero-dev · Oct 7, 2024 · 813ace2 · 813ace2
2 parents 4b5b01b + b4cc84d
commit 813ace2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/client/src/components/pipelines/form.vue b/client/src/components/pipelines/form.vue
@@ -1,11 +1,16 @@
 <template>
   <v-form v-model="valid">
     <v-container>
+      <Breadcrumbs :items="breadcrumbItems"></Breadcrumbs>
       <v-row>
         <v-col cols="12" sm="12" md="12" lg="12" xl="12">
-            <h2>
+
+            <h2 v-if="pipeline=='new'">
                 Create a new Pipeline
             </h2>
+            <h2 v-if="pipeline!='new'">
+                Edit <span style="color: rgb(var(--v-theme-kubero))">{{ pipelineName }}</span>
+            </h2>
             <p class="text-justify">
                 A Pipeline may have several stages with apps
             </p>
@@ -220,6 +225,7 @@
 <script lang="ts">
 import axios from "axios";
 import { defineComponent } from 'vue'
+import Breadcrumbs from "../breadcrumbs.vue";
 
 type Buildpack = {
   name?: string,
@@ -253,7 +259,15 @@ export default defineComponent({
         default: "new"
       }
     },
-    data: () => ({
+    data () {
+    return {
+      breadcrumbItems: [
+          {
+              title: 'dashboard.-',
+              disabled: false,
+              to: { name: 'Pipelines', params: {}}
+          },
+      ],
       gitops: false,
       dockerimage: '',
       deploymentstrategy: "git",
@@ -344,7 +358,7 @@ export default defineComponent({
         //    ((git|ssh|http(s)?)|(git@[\w\.]+))(:(//)?)([\w\.@\:/\-~]+)(\.git)(/)?
         (v: any) => /((git|ssh|http(s)?)|(git@[\w.]+))(:(\/\/)?)([\w.@:/\-~]+)(\.git)(\/)?/.test(v) || 'Format "owner/repository"',
       ],
-    }),
+    }}, 
     computed: {
       showConnectButton() {
         return this.gitrepoItems.includes(this.gitrepo) && this.repository_status.connected === false;
@@ -357,6 +371,9 @@ export default defineComponent({
       this.loadRepository();
       this.loadPipeline();
     },
+    components: {
+        Breadcrumbs,
+    },
     methods: {
       updateBuildpack(buildpack: Buildpack) {
         this.buildpack = buildpack;

diff --git a/client/src/components/pipelines/list.vue b/client/src/components/pipelines/list.vue
@@ -269,4 +269,8 @@ export default defineComponent({
     visibility: hidden;
     content: "";
 }
+button:where(.swal2-styled)  {
+    color: #FFF !important;
+}
+
 </style>