From 48d327fddf5a2a7bd0f1279da63418b88a24ab08 Mon Sep 17 00:00:00 2001
From: ori agranat <oriagranat9@gmail.com>
Date: Wed, 2 Oct 2019 00:14:37 +0300
Subject: [PATCH] added pipeline action menu

---
 New client/chameleon-client/package-lock.json | 20 +++++++---
 New client/chameleon-client/src/App.vue       |  6 ++-
 .../src/components/cv-icon.vue                | 31 +++++++++++++++
 .../src/components/cv-select.vue              |  2 +-
 New client/chameleon-client/src/main.js       |  4 +-
 .../chameleon-client/src/views/Camera.vue     | 38 +++++++++++++++++--
 6 files changed, 87 insertions(+), 14 deletions(-)
 create mode 100644 New client/chameleon-client/src/components/cv-icon.vue

diff --git a/New client/chameleon-client/package-lock.json b/New client/chameleon-client/package-lock.json
index 44a66cd79..9891ff371 100644
--- a/New client/chameleon-client/package-lock.json	
+++ b/New client/chameleon-client/package-lock.json	
@@ -13481,7 +13481,8 @@
             },
             "code-point-at": {
               "version": "1.1.0",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "concat-map": {
               "version": "0.0.1",
@@ -13490,7 +13491,8 @@
             },
             "console-control-strings": {
               "version": "1.1.0",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "core-util-is": {
               "version": "1.0.2",
@@ -13593,7 +13595,8 @@
             },
             "inherits": {
               "version": "2.0.3",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "ini": {
               "version": "1.3.5",
@@ -13603,6 +13606,7 @@
             "is-fullwidth-code-point": {
               "version": "1.0.0",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "number-is-nan": "^1.0.0"
               }
@@ -13622,11 +13626,13 @@
             },
             "minimist": {
               "version": "0.0.8",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "minipass": {
               "version": "2.2.4",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.1",
                 "yallist": "^3.0.0"
@@ -13643,6 +13649,7 @@
             "mkdirp": {
               "version": "0.5.1",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -13715,7 +13722,8 @@
             },
             "number-is-nan": {
               "version": "1.0.1",
-              "bundled": true
+              "bundled": true,
+              "optional": true
             },
             "object-assign": {
               "version": "4.1.1",
@@ -13725,6 +13733,7 @@
             "once": {
               "version": "1.4.0",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "wrappy": "1"
               }
@@ -13830,6 +13839,7 @@
             "string-width": {
               "version": "1.0.2",
               "bundled": true,
+              "optional": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",
diff --git a/New client/chameleon-client/src/App.vue b/New client/chameleon-client/src/App.vue
index 8859b936d..f0cdc5a5f 100644
--- a/New client/chameleon-client/src/App.vue	
+++ b/New client/chameleon-client/src/App.vue	
@@ -26,9 +26,12 @@
 <script>
 export default {
   name: 'App',
+
   components: {
+
   },
   data: () => ({
+
   }),
 };
 </script>
@@ -56,5 +59,4 @@ export default {
   span{
     color: white;
   }
-</style>
-
+</style>
\ No newline at end of file
diff --git a/New client/chameleon-client/src/components/cv-icon.vue b/New client/chameleon-client/src/components/cv-icon.vue
new file mode 100644
index 000000000..1466ba8d9
--- /dev/null
+++ b/New client/chameleon-client/src/components/cv-icon.vue	
@@ -0,0 +1,31 @@
+<template>
+    <div>
+        <v-tooltip :right="right" :bottom="!right" nudge-right="10">
+            <template v-slot:activator="{ on }">
+                <v-icon @click="handleClick"  v-on="on" :color="color">{{text}}</v-icon>
+            </template>
+            <span>{{tooltip}}</span>
+        </v-tooltip>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'Icon',
+        props:['color','tooltip','text','right'],
+        data() {
+            return {
+                
+            }
+        },
+        methods:{
+            handleClick(){
+                this.$emit('click');
+            }
+        }
+    }
+</script>
+
+<style lang="" scoped>
+    
+</style>
\ No newline at end of file
diff --git a/New client/chameleon-client/src/components/cv-select.vue b/New client/chameleon-client/src/components/cv-select.vue
index 84b7d6485..83f738bae 100644
--- a/New client/chameleon-client/src/components/cv-select.vue	
+++ b/New client/chameleon-client/src/components/cv-select.vue	
@@ -1,7 +1,7 @@
 <template>
     <div>
         <v-row align="center">
-            <v-col :cols="2">
+            <v-col :cols="3">
                 <span>{{name}}</span>
             </v-col>
             <v-col :cols="9">
diff --git a/New client/chameleon-client/src/main.js b/New client/chameleon-client/src/main.js
index 0bfc42000..5f86b9150 100644
--- a/New client/chameleon-client/src/main.js	
+++ b/New client/chameleon-client/src/main.js	
@@ -4,8 +4,8 @@ import router from './router'
 import store from './store'
 import vuetify from './plugins/vuetify';
 import VueNativeSock from 'vue-native-websocket';
-Vue.config.productionTip = false
-// Vue.use(VueNativeSock,'ws://' + location.hostname + ':8888/websocket',{format:'JSON'});
+Vue.config.productionTip = false;
+// Vue.use(VueNativeSock,'ws://' + location.host + '/websocket',{format: 'json'});
 new Vue({
   router,
   store,
diff --git a/New client/chameleon-client/src/views/Camera.vue b/New client/chameleon-client/src/views/Camera.vue
index 46d3c479e..bf11e938d 100644
--- a/New client/chameleon-client/src/views/Camera.vue	
+++ b/New client/chameleon-client/src/views/Camera.vue	
@@ -7,12 +7,40 @@
                         <CVselect name="Camera" :list="[1,2,3]"></CVselect>
                     </div>
                 </v-col>
+                <v-col :cols="1">
+                    <CVicon color="white" text="edit" tooltip="Edit camera name"></CVicon>
+                </v-col>
                 <v-col :cols="3" class="colsClass">
                     <CVselect name="Pipeline" :list="[1,2,3]"></CVselect>
                 </v-col>
-                 <v-col :cols="2" class="colsClass">
-                     <v-icon color="white" @click="test">add</v-icon>
-                     <v-icon color="red darken-2" @click="test">delete</v-icon>
+                 <v-col :cols="1" class="colsClass">
+                        <v-menu offset-y dark auto>
+                            <template v-slot:activator="{ on }">
+                                <v-icon color="white" @click="test" v-on="on">menu</v-icon>
+                            </template>
+                            <v-list dense>
+                                <v-list-item @click="test">
+                                    <v-list-item-title>
+                                        <CVicon color="white" :right="true" text="edit" tooltip="Edit pipeline name"></CVicon>
+                                    </v-list-item-title>
+                                </v-list-item>
+                                      <v-list-item @click="test">
+                                    <v-list-item-title>
+                                        <CVicon color="white" :right="true" text="add" tooltip="Add new pipeline"></CVicon>
+                                    </v-list-item-title>
+                                </v-list-item>
+                                <v-list-item @click="test">
+                                    <v-list-item-title>
+                                        <CVicon color="red darken-2" :right="true" text="delete" tooltip="Delete pipeline"></CVicon>
+                                    </v-list-item-title>
+                                </v-list-item>
+                                <v-list-item @click="test">
+                                    <v-list-item-title>
+                                        <CVicon color="white" :right="true" text="mdi-content-copy" tooltip="Duplicate pipeline"></CVicon>
+                                    </v-list-item-title>
+                                </v-list-item>
+                            </v-list>
+                        </v-menu>
                 </v-col>
             </v-row>
         </div>
@@ -48,6 +76,7 @@ import ThresholdTab from './CameraViewes/ThresholdTab'
 import ContoursTab from './CameraViewes/ContoursTab'
 import OutputTab from './CameraViewes/OutputTab'
 import CVselect from '../components/cv-select'
+import CVicon from '../components/cv-icon'
     export default {
         name: 'CameraTab',
         components:{
@@ -55,7 +84,8 @@ import CVselect from '../components/cv-select'
             ThresholdTab,
             ContoursTab,
             OutputTab,
-            CVselect
+            CVselect,
+            CVicon
         },
         methods:{
             test(){