pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

split demo functions to different javascript file

Browse Source
This commit is contained in:
activ
2014-05-03 16:37:02 +02:00
parent 3395b8b18b
commit 3a999f72ce
29 changed files with 128 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -1
View File
@@ -943,7 +943,10 @@
<script src="js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>
<script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
js/AdminLTE/app.js
-70
View File
@@ -134,76 +134,6 @@ $(function() {
radioClass: 'iradio_minimal'
});
/* For demo purposes */
var demo = $("<div />").css({
position: "fixed",
top: "150px",
right: "0",
background: "rgba(0, 0, 0, 0.7)",
"border-radius": "5px 0px 0px 5px",
padding: "10px 15px",
"font-size": "16px",
"z-index": "999999",
cursor: "pointer",
color: "#ddd"
}).html("<i class='fa fa-gear'></i>").addClass("no-print");
var demo_settings = $("<div />").css({
"padding": "10px",
position: "fixed",
top: "130px",
right: "-200px",
background: "#fff",
border: "3px solid rgba(0, 0, 0, 0.7)",
"width": "200px",
"z-index": "999999"
}).addClass("no-print");
demo_settings.append(
"<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Layout Options</h4>"
+ "<div class='form-group no-margin'>"
+ "<div class='.checkbox'>"
+ "<label>"
+ "<input type='checkbox' onchange='change_layout();'/> "
+ "Fixed layout"
+ "</label>"
+ "</div>"
+ "</div>"
);
demo_settings.append(
"<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Skins</h4>"
+ "<div class='form-group no-margin'>"
+ "<div class='.radio'>"
+ "<label>"
+ "<input name='skins' type='radio' onchange='change_skin(\"skin-black\");' /> "
+ "Black"
+ "</label>"
+ "</div>"
+ "</div>"
+ "<div class='form-group no-margin'>"
+ "<div class='.radio'>"
+ "<label>"
+ "<input name='skins' type='radio' onchange='change_skin(\"skin-blue\");' checked='checked'/> "
+ "Blue"
+ "</label>"
+ "</div>"
+ "</div>"
);
demo.click(function() {
if (!$(this).hasClass("open")) {
$(this).css("right", "200px");
demo_settings.css("right", "0");
$(this).addClass("open");
} else {
$(this).css("right", "0");
demo_settings.css("right", "-200px");
$(this).removeClass("open")
}
});
$("body").append(demo);
$("body").append(demo_settings);
});
function fix_sidebar() {
//Make sure the body tag has the .fixed class
js/AdminLTE/demo.js
+72
View File
@@ -0,0 +1,72 @@
$(function() {
/* For demo purposes */
var demo = $("<div />").css({
position: "fixed",
top: "150px",
right: "0",
background: "rgba(0, 0, 0, 0.7)",
"border-radius": "5px 0px 0px 5px",
padding: "10px 15px",
"font-size": "16px",
"z-index": "999999",
cursor: "pointer",
color: "#ddd"
}).html("<i class='fa fa-gear'></i>").addClass("no-print");
var demo_settings = $("<div />").css({
"padding": "10px",
position: "fixed",
top: "130px",
right: "-200px",
background: "#fff",
border: "3px solid rgba(0, 0, 0, 0.7)",
"width": "200px",
"z-index": "999999"
}).addClass("no-print");
demo_settings.append(
"<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Layout Options</h4>"
+ "<div class='form-group no-margin'>"
+ "<div class='.checkbox'>"
+ "<label>"
+ "<input type='checkbox' onchange='change_layout();'/> "
+ "Fixed layout"
+ "</label>"
+ "</div>"
+ "</div>"
);
demo_settings.append(
"<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Skins</h4>"
+ "<div class='form-group no-margin'>"
+ "<div class='.radio'>"
+ "<label>"
+ "<input name='skins' type='radio' onchange='change_skin(\"skin-black\");' /> "
+ "Black"
+ "</label>"
+ "</div>"
+ "</div>"
+ "<div class='form-group no-margin'>"
+ "<div class='.radio'>"
+ "<label>"
+ "<input name='skins' type='radio' onchange='change_skin(\"skin-blue\");' checked='checked'/> "
+ "Blue"
+ "</label>"
+ "</div>"
+ "</div>"
);
demo.click(function() {
if (!$(this).hasClass("open")) {
$(this).css("right", "200px");
demo_settings.css("right", "0");
$(this).addClass("open");
} else {
$(this).css("right", "0");
demo_settings.css("right", "-200px");
$(this).removeClass("open")
}
});
$("body").append(demo);
$("body").append(demo_settings);
});
pages/UI/buttons.html
+2 -1
View File
@@ -1269,6 +1269,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/UI/empty.html
+2 -1
View File
@@ -414,6 +414,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/UI/general.html
+2 -1
View File
@@ -984,6 +984,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/UI/icons.html
+2 -1
View File
@@ -2175,6 +2175,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/UI/jquery-ui.html
+2 -1
View File
@@ -500,7 +500,8 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<script>
$(function() {
$("#accordion").accordion();
pages/UI/sliders.html
+2 -1
View File
@@ -488,7 +488,8 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- Ion Slider -->
<script src="../../js/plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
pages/UI/timeline.html
+2 -1
View File
@@ -562,6 +562,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/calendar.html
+2
View File
@@ -478,6 +478,8 @@
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- fullCalendar -->
<script src="../js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<!-- Page specific script -->
pages/charts/empty.html
+2 -1
View File
@@ -414,6 +414,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/charts/flot.html
+2 -1
View File
@@ -486,7 +486,8 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- FLOT CHARTS -->
<script src="../../js/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
pages/charts/inline.html
+2 -1
View File
@@ -673,7 +673,8 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- jQuery Knob -->
<script src="../../js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
<!-- Sparkline -->
pages/charts/morris.html
+2 -1
View File
@@ -468,7 +468,8 @@
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- page script -->
<script type="text/javascript">
$(function() {
pages/empty.html
+2 -1
View File
@@ -444,6 +444,7 @@
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/examples/404.html
+2 -1
View File
@@ -432,6 +432,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/examples/500.html
+2 -1
View File
@@ -432,6 +432,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/examples/blank.html
+2 -1
View File
@@ -415,6 +415,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/examples/invoice.html
+2 -1
View File
@@ -552,6 +552,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/forms/advanced.html
+2 -1
View File
@@ -679,7 +679,8 @@
<script src="../../js/plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- Page script -->
<script type="text/javascript">
$(function() {
pages/forms/editors.html
+2
View File
@@ -456,6 +456,8 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- CK Editor -->
<script src="../../js/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 -->
pages/forms/empty.html
+2 -1
View File
@@ -414,6 +414,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/forms/general.html
+2
View File
@@ -711,5 +711,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/mailbox.html
+2
View File
@@ -619,6 +619,8 @@
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../jsplugins//bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
<!-- iCheck -->
pages/tables/data.html
+2 -1
View File
@@ -1288,7 +1288,8 @@
<script src="../../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
<!-- page script -->
<script type="text/javascript">
$(function() {
pages/tables/empty.html
+2 -1
View File
@@ -414,6 +414,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/tables/simple.html
+2 -1
View File
@@ -715,6 +715,7 @@
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>
pages/widgets.html
+2 -1
View File
@@ -1027,6 +1027,7 @@
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../js/AdminLTE/app.js" type="text/javascript"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/AdminLTE/demo.js" type="text/javascript"></script>
</body>
</html>