userbogd/WebguiappTemplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

multiply dmx masters

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-07-16 17:47:08 +02:00
parent 9ea09b3392
commit 12d2408c39
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
HTML/dmxmaster.html
View File

@ -11,9 +11,10 @@
<title>~name~</title> <title>~name~</title>
<style> <style>
.svldetails{ .svldetails{
min-height: 70px; height: 60px;
min-width: 70px; width: 60px;
margin: 5px; margin: 2px;
padding: 2px;
background-color: var(--first-color); background-color: var(--first-color);
border-radius: 5px; border-radius: 5px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
@ -24,6 +25,10 @@
.selection { .selection {
border: 3px solid var(--accent-color);; border: 3px solid var(--accent-color);;
} }
.svldetails p{
margin: 0px;
vertical-align: middle;
}
</style> </style>
</head> </head>
<body> <body>
@ -33,20 +38,25 @@
<main> <main>
<section> <section>
<div class="ml"> <div class="ml">
<div id="app">
<div class="mlp"> <div class="mlp">
<div class="mlpc"> <div class="mlpc">
<div class="mlhdr"></div> <div class="mlhdr">DMX1</div>
<div class='cntr' style='text-align:center;margin-top:20px'> <div class='cntr' style='text-align:center;margin-top:20px'>
<devlist v-bind:slvdevices="slvdevices" v-bind:key="1"></devlist>
<div id="app">
<devlist v-bind:slvdevices="slvdevices"></devlist>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="mlp">
<div class="mlpc">
<div class="mlhdr">DMX2</div>
<div class='cntr' style='text-align:center;margin-top:20px'>
<devlist v-bind:slvdevices="slvdevices2" v-bind:key="2"></devlist>
</div>
</div>
</div>
</div>
</div> </div>
</section> </section>
@ -60,6 +70,7 @@
data(){ data(){
return { return {
slvdevices: [], slvdevices: [],
slvdevices2: [],
selecteddevs: [] selecteddevs: []
} }
} }
@ -88,7 +99,8 @@
selectedtype:'RGB', selectedtype:'RGB',
addrforadd:1 addrforadd:1
}}, }},
props: ["slvdevices"], props: ["slvdevices", "key"],
methods: methods:
{ {
AddDevice(){ AddDevice(){
@ -105,12 +117,14 @@
} }
}, },
PostData() { PostData() {
alert("key="+this.key);
fetch("\dmxmaster.html", { fetch("\dmxmaster.html", {
method: 'post', method: 'post',
headers: { headers: {
"Content-type": "application/x-www-form-urlencoded; charset=UTF-8" "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
}, },
body: JSON.stringify(this.slvdevices) body: JSON.stringify(this.slvdevices)
}); });
} }
}, },

2
HTML/index.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="res/iconsfont.css"> <link rel="stylesheet" href="res/iconsfont.css">
<script src="res/main.js"></script> <script src="res/main.js"></script>
<script src="res/res.js"></script> <script src="res/res.js"></script>
<script src="res/vue.global.prod_3_3_4.js"></script> <script src="res/vue.global.prod.js"></script>
<title>~name~</title> <title>~name~</title>
</head> </head>
<body> <body>