mirror/librenms-librenms
1
0
Fork 0
mirror of https://github.com/librenms/librenms.git synced 2024-10-07 16:52:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

By default lock all tiles

Browse Source 
Only allow moving/resizing if in Edit mode
This commit is contained in:
f0o
2015-10-02 05:06:48 +00:00
parent 48279c0f90
commit ea00040fd0
1 changed files with 38 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
html/pages/front/tiles.php
View File

@@ -86,9 +86,9 @@ if (!empty($shared_dashboards)) {
?> ?>
</ul> </ul>
</div> </div>
<button class="btn btn-default" href="#edit_dash" onclick="dashboard_collapse($(this).attr('href'))"><i class="fa fa-pencil-square-o fa-fw"></i></button> <button class="btn btn-default edit-dash-btn" href="#edit_dash" onclick="dashboard_collapse($(this).attr('href'))" data-toggle="tooltip" data-placement="top" title="Edit Dashboard"><i class="fa fa-pencil-square-o fa-fw"></i></button>
<button class="btn btn-danger" href="#del_dash" onclick="dashboard_collapse($(this).attr('href'))"><i class="fa fa-trash fa-fw"></i></button> <button class="btn btn-danger" href="#del_dash" onclick="dashboard_collapse($(this).attr('href'))" data-toggle="tooltip" data-placement="top" title="Remove Dashboard"><i class="fa fa-trash fa-fw"></i></button>
<button class="btn btn-success" href="#add_dash" onclick="dashboard_collapse($(this).attr('href'))"><i class="fa fa-plus fa-fw"></i></button> <button class="btn btn-success" href="#add_dash" onclick="dashboard_collapse($(this).attr('href'))" data-toggle="tooltip" data-placement="top" title="New Dashboard"><i class="fa fa-plus fa-fw"></i></button>
</div> </div>
</div> </div>
</div> </div>
@@ -229,7 +229,10 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
}); });
} }
var gridster_state = 0;
$(function(){ $(function(){
$('[data-toggle="tooltip"]').tooltip();
dashboard_collapse(); dashboard_collapse();
gridster = $(".gridster ul").gridster({ gridster = $(".gridster ul").gridster({
widget_base_dimensions: [100, 100], widget_base_dimensions: [100, 100],
@@ -260,9 +263,25 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
}).data('gridster'); }).data('gridster');
gridster.remove_all_widgets(); gridster.remove_all_widgets();
gridster.disable();
gridster.disable_resize();
$.each(serialization, function() { $.each(serialization, function() {
widget_dom(this); widget_dom(this);
}); });
$(document).on('click','.edit-dash-btn', function() {
if (gridster_state == 0) {
gridster.enable();
gridster.enable_resize();
gridster_state = 1;
$('.fade-edit').fadeIn();
}
else {
gridster.disable();
gridster.disable_resize();
gridster_state = 0;
$('.fade-edit').fadeOut();
}
});
$(document).on('click','#clear_widgets', function() { $(document).on('click','#clear_widgets', function() {
var widget_id = $(this).data('widget-id'); var widget_id = $(this).data('widget-id');
@@ -330,7 +349,7 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
}); });
$(document).on("click",".edit-widget",function() { $(document).on("click",".edit-widget",function() {
obj = $(this).parent().parent(); obj = $(this).parent().parent().parent();
if( obj.data('settings') == 1 ) { if( obj.data('settings') == 1 ) {
obj.data('settings','0'); obj.data('settings','0');
} else { } else {
@@ -347,6 +366,12 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
$(this).fadeOut(0); $(this).fadeOut(0);
}); });
$(target).fadeToggle(300); $(target).fadeToggle(300);
if (target != "#edit_dash") {
gridster.disable();
gridster.disable_resize();
gridster_state = 0;
$('.fade-edit').fadeOut();
}
} else { } else {
$('.dash-collapse').fadeOut(0); $('.dash-collapse').fadeOut(0);
} }
@@ -418,9 +443,12 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
function widget_dom(data) { function widget_dom(data) {
dom = '<li id="'+data.user_widget_id+'" data-type="'+data.widget+'" data-settings="0">'+ dom = '<li id="'+data.user_widget_id+'" data-type="'+data.widget+'" data-settings="0">'+
'<header class="widget_header"><span id="widget_title_'+data.user_widget_id+'">'+data.title+'</span>'+ '<header class="widget_header"><span id="widget_title_'+data.user_widget_id+'">'+data.title+
'<button style="color: #ffffff;" type="button" class="fa fa-times close close-widget" data-widget-id="'+data.user_widget_id+'" aria-label="Close">&nbsp;</button>'+ '</span>'+
'<button style="color: #ffffff;" type="button" class="fa fa-pencil-square-o close edit-widget" data-widget-id="'+data.user_widget_id+'" aria-label="Settings">&nbsp;</button>'+ '<strong class="fade-edit pull-right">'+
'<a href="#" class="fa fa-pencil-square-o edit-widget" data-widget-id="'+data.user_widget_id+'" aria-label="Settings">&nbsp;</a>&nbsp;'+
'<a href="#" class="text-danger fa fa-times close-widget" data-widget-id="'+data.user_widget_id+'" aria-label="Close">&nbsp;</a>&nbsp;'+
'</strong>'+
'</header>'+ '</header>'+
'<div class="widget_body" id="widget_body_'+data.user_widget_id+'" style="height: 100%; width:100%;">'+data.widget+'</div>'+ '<div class="widget_body" id="widget_body_'+data.user_widget_id+'" style="height: 100%; width:100%;">'+data.widget+'</div>'+
'\<script\>var timeout'+data.user_widget_id+' = grab_data('+data.user_widget_id+','+data.refresh+',\''+data.widget+'\');\<\/script\>'+ '\<script\>var timeout'+data.user_widget_id+' = grab_data('+data.user_widget_id+','+data.refresh+',\''+data.widget+'\');\<\/script\>'+
@@ -430,6 +458,9 @@ foreach (dbFetchRows("SELECT * FROM `widgets` ORDER BY `widget_title`") as $widg
} else { } else {
gridster.add_widget(dom, parseInt(data.size_x), parseInt(data.size_y)); gridster.add_widget(dom, parseInt(data.size_x), parseInt(data.size_y));
} }
if (gridster_state == 0) {
$('.fade-edit').fadeOut(0);
}
} }
function widget_settings(data) { function widget_settings(data) {