github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #36 from jakubsacha/master 

Split demo functions to different javascript file
pull/31/merge
Abdullah Almsaeed 2014-05-04 22:25:58 -04:00
parent 3395b8b18b 3a999f72ce
commit e12d021779
29 changed files with 128 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
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>

70
js/AdminLTE/app.js
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

72
js/AdminLTE/demo.js Normal file
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);
});

3
pages/UI/buttons.html
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>

3
pages/UI/empty.html
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>

3
pages/UI/general.html
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>

3
pages/UI/icons.html
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>

3
pages/UI/jquery-ui.html
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();

3
pages/UI/sliders.html
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>

3
pages/UI/timeline.html
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>

2
pages/calendar.html
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 -->

3
pages/charts/empty.html
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>

3
pages/charts/flot.html
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 -->

3
pages/charts/inline.html
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 -->

3
pages/charts/morris.html
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() {

3
pages/empty.html
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>

3
pages/examples/404.html
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>

3
pages/examples/500.html
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>

3
pages/examples/blank.html
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>

3
pages/examples/invoice.html
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>

3
pages/forms/advanced.html
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() {

2
pages/forms/editors.html
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 -->

3
pages/forms/empty.html
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>

2
pages/forms/general.html
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>

2
pages/mailbox.html
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 -->

3
pages/tables/data.html
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() {

3
pages/tables/empty.html
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>

3
pages/tables/simple.html
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>

3
pages/widgets.html
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>