iou1name/Juice
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: iou1name:8f2c127d9cd7455ebebb7b82ee6c700bad8660ec
Branches Tags
iou1name:master
..
compare: iou1name:b3111c8d12072baf226978dfbdeec01d30f334ca
Branches Tags
iou1name:master

2 Commits
8f2c127d9c ... b3111c8d12

Author SHA1 Message Date
iou1name
b3111c8d12 added unlock_device() 2019-06-20 11:28:26 -04:00
iou1name
f0f786324d added lock_device() 2019-06-20 11:19:31 -04:00
4 changed files with 38 additions and 9 deletions
Show Stats Expand all files Collapse all files

BIN
static/fontawesome-webfont.woff2
View File

Binary file not shown.

5
static/juice.css
View File

@ -46,7 +46,6 @@ nav span:hover {
background-color: whitesmoke; background-color: whitesmoke;
} }
.ip_address { .ip_address {
font-size: 0.8em; font-size: 0.8em;
font-style: italic; font-style: italic;
@ -78,12 +77,12 @@ nav span:hover {
src: url("/static/fontawesome-webfont.woff2"); src: url("/static/fontawesome-webfont.woff2");
} }
.edit, .save { .edit, .save, .lock, .unlock {
font-size: 0.8em; font-size: 0.8em;
color: dimgrey; color: dimgrey;
} }
.edit:hover, .save:hover { .edit:hover, .save:hover, .lock:hover, .unlock:hover {
color: red; color: red;
cursor: pointer; cursor: pointer;
} }

32
static/juice.js
View File

@ -73,7 +73,7 @@ function save_field(field) {
let params = { let params = {
device_id: device_id, device_id: device_id,
sub_dev_id: sub_dev_id, sub_dev_id: sub_dev_id,
field: field.className, field: field.classList[0],
value: value value: value
}; };
let query = Object.keys(params) let query = Object.keys(params)
@ -120,3 +120,33 @@ function new_device() {
children[children.length - 1].id = json.device_id; children[children.length - 1].id = json.device_id;
}); });
} }
function lock_device(device) {
let fields = device.querySelectorAll('.editable');
fields.forEach(function(field) {
field.querySelector('.edit').remove();
});
device.querySelector('.id').querySelector('.lock').remove();
let unlock = document.createElement('span');
unlock.innerHTML = '';
unlock.className = 'unlock font-awesome';
unlock.setAttribute('onclick', 'unlock_device(this.parentElement.parentElement)');
device.querySelector('.id').appendChild(unlock);
}
function unlock_device(device) {
let fields = device.querySelectorAll('.editable');
fields.forEach(function(field) {
let edit = document.createElement('span');
edit.innerHTML = '';
edit.className = 'edit font-awesome';
edit.setAttribute('onclick', 'edit_field(this.parentElement)');
field.appendChild(edit);
});
device.querySelector('.id').querySelector('.unlock').remove();
let lock = document.createElement('span');
lock.innerHTML = '';
lock.className = 'lock font-awesome';
lock.setAttribute('onclick', 'lock_device(this.parentElement.parentElement)');
device.querySelector('.id').appendChild(lock);
}

10
templates/index.html
View File

@ -18,16 +18,16 @@
<div id="devices"> <div id="devices">
{% for device in network %} {% for device in network %}
<div class="device {{ device.type }}" id="{{ device.id }}"> <div class="device {{ device.type }}" id="{{ device.id }}">
<div class="id">{{ device.id }}</div> <div class="id editable"><span class="field_value">{{ device.id }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span> <span class="lock font-awesome" onclick="lock_device(this.parentElement.parentElement)">&#xe803;</span></div>
<div class="description"><span class="field_value">{{ device.description }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div> <div class="description editable"><span class="field_value">{{ device.description }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div>
<div class="location"><span class="field_value">{{ device.location }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div> <div class="location editable"><span class="field_value">{{ device.location }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div>
<div class="ip_address"><span class="field_value"><i>{{ device.ip_address }}</i></span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div> <div class="ip_address editable"><span class="field_value">{{ device.ip_address }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div>
<div class="sub_devices"> <div class="sub_devices">
{% for sub_dev in device.sub_devices %} {% for sub_dev in device.sub_devices %}
<div class="sub_device {{ sub_dev.type }}" id="{{ sub_dev.id }}"> <div class="sub_device {{ sub_dev.type }}" id="{{ sub_dev.id }}">
<div class="id">{{ sub_dev.id }}</div> <div class="id">{{ sub_dev.id }}</div>
<object class="outlet_image" data="/static/outlet.svg"></object> <object class="outlet_image" data="/static/outlet.svg"></object>
<div class="description"><span class="field_value">{{ sub_dev.description }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div> <div class="description editable"><span class="field_value">{{ sub_dev.description }}</span> <span class="edit font-awesome" onclick="edit_field(this.parentElement)">&#xe800;</span></div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>