Correct the path to the sortable library and add indentation.
This commit is contained in:
+28
-29
@@ -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";
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|||||||
Reference in New Issue
Block a user