Skip to content
代码片段 群组 项目
提交 00935cd6 编辑于 作者: FIRST_NAME LAST_NAME's avatar FIRST_NAME LAST_NAME 提交者： Mehrad Malayeri
浏览文件

https://github.com/project-chip/zap/issues/299

上级 d4832f9e
No related branches found
No related tags found
无相关合并请求
隐藏空白变更内容
行内 左右并排
src/components/ZclCustomZclView.vue
+ 60
− 70
浏览文件 @ 00935cd6
...@@ -14,77 +14,67 @@ See the License for the specific language governing permissions and ...@@ -14,77 +14,67 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
--> -->
<template> <template>
<div> <div style="width: 800px; max-width: 80vw">
<div class="row q-py-md"> <q-card>
<strong> <q-card-section>
<q-breadcrumbs> <div class="text-h5">Add Custom ZCL</div>
<!-- this needs to be updated depending on how the pages will work --> <div class="row items-center">
<q-breadcrumbs-el icon="keyboard_arrow_left" to="/"> <div>
Main Configurator You can use this functionality to add custom ZCL clusters or
</q-breadcrumbs-el> commands to the Zigbee Clusters Configurator
<q-breadcrumbs-el to="/"> Add Custom ZCL </q-breadcrumbs-el> </div>
</q-breadcrumbs> <q-space />
</strong> <q-btn
</div> color="primary"
<div style="padding: 0 10px"> icon="add"
<h5 style="margin: 10px 0 0px"> @click="browseForFile()"
<strong> Add Custom ZCL </strong> />
</h5>
<div class="row items-center" style="padding: 10px 10px 10px 10px">
<div >
You can use this functionality to add custom ZCL clusters or commands to
the Zigbee Clusters Configurator
</div> </div>
<q-space /> </q-card-section>
<q-btn <q-card-section>
color="primary" <q-list bordered separator>
label="Add" <template v-for="(sessionPackage, index) in packages">
@click="browseForFile()" <q-item v-bind:key="index">
v-close-popup <q-item-section>
/> <q-expansion-item>
</div> <template slot="header">
</div> <q-toolbar>
<div> <div>
<q-list bordered separator> <strong>{{
<template v-for="(sessionPackage, index) in packages"> getFileName(sessionPackage.pkg.path)
<q-item v-bind:key="index"> }}</strong>
<q-item-section> </div>
<q-expansion-item> <q-space />
<template slot="header"> <q-btn
<q-toolbar> label="Delete"
<div> icon="delete"
<strong>{{ flat
getFileName(sessionPackage.pkg.path) @click.stop="deletePackage(sessionPackage)"
}}</strong> :disable="sessionPackage.sessionPackage.required == 1"
</div> />
<q-space /> <q-btn
<q-btn label="Relative to..."
label="Delete" outlined
icon="delete" v-show="false"
flat @click.stop
@click.stop="deletePackage(sessionPackage)" />
:disable="sessionPackage.sessionPackage.required == 1" </q-toolbar>
/> </template>
<q-btn Full File path: {{ sessionPackage.pkg.path }} <br />
label="Relative to..." Package Type: {{ sessionPackage.pkg.type }} <br />
outlined Version: {{ sessionPackage.pkg.version }} <br />
v-show="false" Required:
@click.stop {{
/> sessionPackage.sessionPackage.required ? 'True' : 'False'
</q-toolbar> }}
</template> <br />
Full File path: {{ sessionPackage.pkg.path }} <br /> </q-expansion-item>
Package Type: {{ sessionPackage.pkg.type }} <br /> </q-item-section>
Version: {{ sessionPackage.pkg.version }} <br /> </q-item>
Required: </template>
{{ sessionPackage.sessionPackage.required ? 'True' : 'False' }} </q-list>
<br /> </q-card-section>
</q-expansion-item> </q-card>
</q-item-section>
</q-item>
</template>
</q-list>
</div>
</div> </div>
</template> </template>
......
src/layouts/ZclConfiguratorLayout.vue
+ 10
− 3
浏览文件 @ 00935cd6
...@@ -33,7 +33,8 @@ limitations under the License. ...@@ -33,7 +33,8 @@ limitations under the License.
emit-value emit-value
map-options map-options
@input="setSelectedEndpoint($event)" @input="setSelectedEndpoint($event)"
style="width: 250px" bg-color="white"
style="width: 250px;"
/> />
</q-toolbar-title> </q-toolbar-title>
<q-toolbar-title v-on:click.ctrl="showVersion" v-else> <q-toolbar-title v-on:click.ctrl="showVersion" v-else>
...@@ -59,7 +60,7 @@ limitations under the License. ...@@ -59,7 +60,7 @@ limitations under the License.
:ripple="false" :ripple="false"
:unelevated="false" :unelevated="false"
:outline="false" :outline="false"
to="/customZcl" @click="zclExtensionDialog = true"
> >
<div class="text-align q-ml-xs">ZCL Extensions...</div> <div class="text-align q-ml-xs">ZCL Extensions...</div>
</q-btn> </q-btn>
...@@ -84,6 +85,9 @@ limitations under the License. ...@@ -84,6 +85,9 @@ limitations under the License.
<zcl-cluster-manager /> <zcl-cluster-manager />
</q-page-container> </q-page-container>
</q-layout> </q-layout>
<q-dialog v-model="zclExtensionDialog" style="width:800px;">
<ZclExtensionDialog />
</q-dialog>
</div> </div>
</template> </template>
...@@ -92,6 +96,7 @@ import ZclGeneralOptionsBar from '../components/ZclGeneralOptionsBar.vue' ...@@ -92,6 +96,7 @@ import ZclGeneralOptionsBar from '../components/ZclGeneralOptionsBar.vue'
import ZclEndpointManager from '../components/ZclEndpointManager.vue' import ZclEndpointManager from '../components/ZclEndpointManager.vue'
import ZclClusterManager from '../components/ZclClusterManager.vue' import ZclClusterManager from '../components/ZclClusterManager.vue'
import InitialContent from '../components/InitialContent.vue' import InitialContent from '../components/InitialContent.vue'
import ZclExtensionDialog from '../components/ZclCustomZclView.vue'
const restApi = require('../../src-shared/rest-api.js') const restApi = require('../../src-shared/rest-api.js')
const commonUrl = require('../../src-shared/common-url.js') const commonUrl = require('../../src-shared/common-url.js')
...@@ -199,7 +204,8 @@ export default { ...@@ -199,7 +204,8 @@ export default {
data() { data() {
return { return {
isExpanded: false, isExpanded: false,
globalOptionsDialog:false globalOptionsDialog:false,
zclExtensionDialog:false
} }
}, },
...@@ -208,6 +214,7 @@ export default { ...@@ -208,6 +214,7 @@ export default {
ZclEndpointManager, ZclEndpointManager,
ZclClusterManager, ZclClusterManager,
InitialContent, InitialContent,
ZclExtensionDialog
}, },
} }
</script> </script>
......
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或