Commit 17f0360b by Dányi Bence

webui: hide box if needed

fixes #74
parent 8a338830
...@@ -400,9 +400,57 @@ $(function() { ...@@ -400,9 +400,57 @@ $(function() {
function hidden_group_count() { function hidden_group_count() {
var hidden_groups = JSON.parse(window.localStorage.getItem('hidden_groups')) || {}; var hidden_groups = JSON.parse(window.localStorage.getItem('hidden_groups')) || {};
return(hidden_groups[current_user] || []).length; return (hidden_groups[current_user] || []).length;
} }
if(hidden_group_count() == 0) {
function toggle_box(id) {
var boxes = JSON.parse(window.localStorage.getItem('hidden_boxes')) || {};
var user_boxes = boxes[current_user] || [];
for (var i in user_boxes) {
var box = user_boxes[i];
if (box == id) {
user_boxes.splice(i, 1);
boxes[current_user] = user_boxes;
window.localStorage.setItem('hidden_boxes', JSON.stringify(boxes));
$('#toggle-box-'+id).attr('src', '/static/icons/eye-half.png');
$('#toggle-box-'+id).parent().parent().parent().next().slideDown(700);
return;
}
}
user_boxes.push(id);
boxes[current_user] = user_boxes;
$('#toggle-box-'+id).attr('src', '/static/icons/eye.png');
$('#toggle-box-'+id).parent().parent().parent().next().slideUp(700);
console.log($('#toggle-box-'+id).parent().parent().parent().next()[0])
window.localStorage.setItem('hidden_boxes', JSON.stringify(boxes));
}
function box_hidden(id) {
var boxes = JSON.parse(window.localStorage.getItem('hidden_boxes')) || {};
var user_boxes = boxes[current_user] || [];
for (var i in user_boxes) {
var box = user_boxes[i];
if (box == id) {
return true;
}
}
return false;
}
$('.toggle-box').each(function(){
var id=$(this).data('id');
$(this).click(function(){
toggle_box(id);
});
if(box_hidden(id)){
$(this).attr('src','/static/icons/eye.png');
$(this).parent().parent().parent().next().hide();
} else {
$(this).attr('src','/static/icons/eye-half.png');
}
})
if (hidden_group_count() == 0) {
$('#show-hidden-groups').hide(); $('#show-hidden-groups').hide();
} }
......
...@@ -645,13 +645,22 @@ table { ...@@ -645,13 +645,22 @@ table {
margin:20px; margin:20px;
display: none; display: none;
} }
&:hover .boxhelp-box { .help:hover .boxhelp-box {
display: block; display: block;
} }
.help {
img {
cursor: default;
}
}
.icon { .icon {
display: block; display: block;
float: right; float: right;
} }
img {
margin: 3px;
cursor: pointer;
}
} }
#new-owner-autocomplete { #new-owner-autocomplete {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment