Team2890/PhotonVision
4
0
Fork 0
mirror of https://github.com/PhotonVision/photonvision synced 2026-07-06 03:31:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

added pipeline action menu

Browse Source
This commit is contained in:
ori agranat
2019-10-02 00:14:37 +03:00
parent c0d10e7282
commit 48d327fddf
6 changed files with 87 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
New client/chameleon-client/src/App.vue
View File

@@ -26,9 +26,12 @@
<script>
export default {
name: 'App',
components: {
},
data: () => ({
}),
};
</script>
@@ -56,5 +59,4 @@ export default {
span{
color: white;
}
</style>
</style>

31
New client/chameleon-client/src/components/cv-icon.vue Normal file
View File

@@ -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>

2
New client/chameleon-client/src/components/cv-select.vue
View File

@@ -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">

4
New client/chameleon-client/src/main.js
View File

@@ -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,

38
New client/chameleon-client/src/views/Camera.vue
View File

@@ -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(){