vel
/
VEL-Connect
mirror of https://github.com/velaboratory/VEL-Connect
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

set for other values on website

dev
Anton Franzluebbers 2021-10-19 23:59:57 -04:00
parent 609de94b42
commit a6f055498a
1 changed files with 37 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
velconnect/templates/index.jinja
View File

@ -80,26 +80,37 @@
<div class="tile tile-centered"> <div class="tile tile-centered">
<div class="tile-content"> <div class="tile-content">
<div class="tile-title text-bold">TV URL</div> <div class="tile-title text-bold">TV URL</div>
<div class="tile-subtitle tv_url">---</div> <input class="btn tv_url" type="text" id="tv_url" placeholder="----">
</div>
<div class="tile-action">
<button class="btn btn-primary btn-lg tooltip tooltip-left" id="set_tv_url"
data-tooltip="">Set</button>
</div> </div>
</div> </div>
<br> <br>
<div class="tile tile-centered"> <div class="tile tile-centered">
<div class="tile-content"> <div class="tile-content">
<div class="tile-title text-bold">User Color</div> <div class="tile-title text-bold">User Color</div>
<div class="tile-subtitle user_color">---</div> <input class="btn user_color" type="text" id="user_color" placeholder="----">
</div>
<div class="tile-action">
<button class="btn btn-primary btn-lg tooltip tooltip-left" id="set_user_color"
data-tooltip="Set User Color">Set</button>
</div> </div>
</div> </div>
<br> <br>
<div class="tile tile-centered"> <div class="tile tile-centered">
<div class="tile-content"> <div class="tile-content">
<div class="tile-title text-bold">Carpet Color</div> <div class="tile-title text-bold">Carpet Color</div>
<div class="tile-subtitle carpet_color">---</div> <input class="btn carpet_color" type="text" id="carpet_color" placeholder="----">
</div>
<div class="tile-action">
<button class="btn btn-primary btn-lg tooltip tooltip-left" id="set_carpet_color"
data-tooltip="Set Carpet Color">Set</button>
</div> </div>
</div> </div>
<br> <br>
<br> <br>
<br>
</div> </div>
</div> </div>
</div> </div>
@ -133,25 +144,35 @@
writeClass('last_used', respData['user']['last_used']); writeClass('last_used', respData['user']['last_used']);
writeClass('user_color', respData['user']['user_color']); writeClass('user_color', respData['user']['user_color']);
writeClass('user_name', respData['user']['user_name']); writeClass('user_name', respData['user']['user_name']);
if (respData['room']) {
writeClass('tv_url', respData['room']['tv_url']); writeClass('tv_url', respData['room']['tv_url']);
writeClass('carpet_color', respData['room']['carpet_color']); writeClass('carpet_color', respData['room']['carpet_color']);
}
headset_details.style.display = "block"; headset_details.style.display = "block";
}, (status) => { }, (status) => {
failure.style.display = "block"; failure.style.display = "block";
}); });
function setData(endpoint, data) {
httpPostAsync('/api/set_headset_details/' + hw_id + '/' + endpoint,
data,
(resp) => {console.log('success');},
(status) => {console.log('fail');}
);
}
set_room_id.addEventListener('click', () => { set_room_id.addEventListener('click', () => {
httpPostAsync('/api/set_headset_details/' + hw_id, setData('current_room', {"current_room": current_room.value});
{
"current_room": current_room.value
},
(resp) => {
console.log('success');
},
(status) => {
console.log('fail');
}); });
document.getElementById('set_tv_url').addEventListener('click', () => {
setData('tv_url', {"tv_url": document.getElementById('tv_url').value});
});
document.getElementById('set_user_color').addEventListener('click', () => {
setData('user_color', {"user_color": document.getElementById('user_color').value});
});
document.getElementById('set_carpet_color').addEventListener('click', () => {
setData('carpet_color', {"carpet_color": document.getElementById('carpet_color').value});
}); });
} else { } else {