Merge pull request #207 from kubero-dev/feature/improve-navigation-breadkrumb

improve Navigation

Author: mms-gianni

client/src/components/apps/detail.vue

@@ -1,13 +1,22 @@
 <template>
     <v-container>
         <breadcrumbs :items="breadcrumbItems"></breadcrumbs>
-        <v-tabs v-model="tab"  class="background">
-            <v-tab class="background">Logs</v-tab>
-            <v-tab class="background">Events</v-tab>
-            <v-tab class="background">Vulnerabilities</v-tab>
-            <v-spacer  class="background"></v-spacer>
-        </v-tabs>
 
+        <v-container class="d-flex justify-space-between align-center mb-2">
+            <v-tabs v-model="tab"  class="background">
+                <v-tab class="background">Logs</v-tab>
+                <v-tab class="background">Events</v-tab>
+                <v-tab class="background">Vulnerabilities</v-tab>
+                <v-spacer  class="background"></v-spacer>
+            </v-tabs>
+            <v-btn
+                elevation="2"
+                color="primary"
+                :href="`#/pipeline/${this.pipeline}/${this.phase}/${this.app}`"
+                >Edit App
+            </v-btn>
+        </v-container>
+        
         <v-tabs-items v-model="tab">
             <v-tab-item transition="false" class="background">
                 <logs :pipeline="pipeline" :phase="phase" :app="app"/>
@@ -47,14 +56,7 @@ export default {
                     text: 'APP:'+this.app,
                     disabled: true,
                     href: `#/pipeline/${this.pipeline}/${this.phase}/${this.app}/detail`,
-                },
-                {
-                    text: "EDIT",
-                    disabled: false,
-                    //http://localhost:2000/#/pipeline/customcommand/production/noproc
-                    href: `#/pipeline/${this.pipeline}/${this.phase}/${this.app}`,
-                    icon: "mdi-pencil-box-outline",
-                },
+                }
             ],
         }
     },

client/src/components/apps/logstab.vue

@@ -1,23 +1,18 @@
 <template>
     <v-container>
-        <v-row class="justify-space-between">
+        <v-row>
             <v-col cols="6" sm="6" md="6" lg="6" xl="6">
                 <h1>
                     Logs for {{ this.app }}
-                    
-                    <v-btn
+                </h1>
+            </v-col>
+            <v-col cols="6" sm="6" md="6" lg="6" xl="6" class="d-flex justify-end">
+                <v-btn
                     class="ma-2"
                     @click="openInWindow"
-                    >
-                    Open Logs
-                    <v-icon
-                        right
-                        dark
-                    >
-                        mdi-open-in-new
-                    </v-icon>
-                    </v-btn>
-                </h1>
+                    >Open Logs
+                    <v-icon right dark >mdi-open-in-new</v-icon>
+                </v-btn>
                 <p></p>
             </v-col>
         </v-row>

client/src/components/apps/new.vue

@@ -806,14 +806,7 @@ export default {
               text: 'APP:'+this.app,
               disabled: false,
               href: `#/pipeline/${this.pipeline}/${this.phase}/${this.app}/detail`,
-          },
-          {
-              text: 'EDIT',
-              disabled: true,
-              //http://localhost:2000/#/pipeline/customcommand/production/noproc
-              href: `#/pipeline/${this.pipeline}/${this.phase}/${this.app}`,
-                    icon: "mdi-pencil-box-outline",
-          },
+          }
       ],
       advanced: false,
       panel: [0],