Correct the path to the sortable library and add indentation.

This commit is contained in:
FusionPBX
2021-11-23 18:59:23 -07:00
committed by GitHub
parent d62837aab0
commit 9b5e062b57
+28 -29
View File
@@ -128,7 +128,7 @@
require_once "resources/header.php"; require_once "resources/header.php";
//include sortablejs //include sortablejs
echo "<script src='resources/sortablejs/sortable.min.js'></script>"; echo "<script src='/resources/sortablejs/sortable.min.js'></script>";
//include chart.js //include chart.js
echo "<script src='/resources/chartjs/chart.min.js'></script>"; echo "<script src='/resources/chartjs/chart.min.js'></script>";
@@ -267,51 +267,47 @@
} }
echo "</div>\n"; echo "</div>\n";
//show the footer
require_once "resources/footer.php";
//begin edit //begin edit
if ($_GET['edit'] == 'true') { if ($_GET['edit'] == 'true') {
?>
?> <style>
/*To prevent user selecting inside the drag source*/
<style> [draggable] {
/*To prevent user selecting inside the drag source*/
[draggable] {
-moz-user-select: none; -moz-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
} }
.widget { .widget {
cursor: move; cursor: move;
} }
.hud_box { .hud_box {
transition: 0.2s; transition: 0.2s;
} }
.hud_box:hover { .hud_box:hover {
box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2);
transform: scale(1.03, 1.03); transform: scale(1.03, 1.03);
transition: 0.2s; transition: 0.2s;
} }
.hud_box .hud_box:hover { .hud_box .hud_box:hover {
transform: none; transform: none;
box-shadow: none; box-shadow: none;
} }
.ghost { .ghost {
border: 3px dashed rgba(0,0,0,1); border: 3px dashed rgba(0,0,0,1);
opacity: 0.2; opacity: 0.2;
} }
</style> </style>
<script> <script>
var widgets = document.getElementById('widgets'); var widgets = document.getElementById('widgets');
var sortable = Sortable.create(widgets, { var sortable = Sortable.create(widgets, {
animation: 150, animation: 150,
draggable: ".widget", draggable: ".widget",
preventOnFilter: true, preventOnFilter: true,
@@ -338,10 +334,13 @@ var sortable = Sortable.create(widgets, {
widget_ids_list.push(widget_ids[i].id); widget_ids_list.push(widget_ids[i].id);
} }
document.getElementById('widget_order').value = widget_ids_list; document.getElementById('widget_order').value = widget_ids_list;
console.log(widget_ids_list);
}, },
}); });
</script> </script>
<?php <?php
} } //end edit
//show the footer
require_once "resources/footer.php";
?> ?>