35 lines
890 B
JavaScript
35 lines
890 B
JavaScript
(function(){
|
|
|
|
Vue.component('sdo-panel',{
|
|
props: {
|
|
subscribed: {
|
|
type: Array,
|
|
required: true,
|
|
default: []
|
|
},
|
|
},
|
|
computed: {
|
|
},
|
|
data: function(){
|
|
return {}
|
|
},
|
|
template: `
|
|
<div class="panel">
|
|
<h2>SDO Panel</h2>
|
|
<article v-for="sdo,key in subscribed">
|
|
<h2>{{sdo.Index.toString(16).toUpperCase()}} {{ sdo.Name }} ({{ sdo.DataType}} / M:{{ sdo.MaxSubIndex }})</h2>
|
|
<ul>
|
|
<div
|
|
v-for="sdovalue in sdo.Values"
|
|
>
|
|
<span>.{{sdovalue.SubIndex}} {{ sdovalue.Name }} ({{ sdo.DataType}})</span>
|
|
<input :disabled="(sdovalue.DataType == 'NONE')" type="text" :value="sdovalue.Value">
|
|
</div>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
`,
|
|
});
|
|
|
|
|
|
})(); |