HTML5 Pages - Forms
This commit is contained in:
Dennis Neufeld
parent
d311cc0ab2
commit
560b79e884
|
|
@ -6,26 +6,26 @@
|
|||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||
<!-- Ionicons -->
|
||||
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||
<!-- daterange picker -->
|
||||
<link href="../../plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
|
||||
<!-- iCheck for checkboxes and radio inputs -->
|
||||
<link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/iCheck/all.css">
|
||||
<!-- Bootstrap Color Picker -->
|
||||
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/colorpicker/bootstrap-colorpicker.min.css">
|
||||
<!-- Bootstrap time Picker -->
|
||||
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/timepicker/bootstrap-timepicker.min.css">
|
||||
<!-- Select2 -->
|
||||
<link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/select2/select2.min.css">
|
||||
<!-- Theme style -->
|
||||
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
||||
folder instead of downloading all of them to reduce the load. -->
|
||||
<link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
<li><!-- start message -->
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Support Team
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
AdminLTE Design Team
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Developers
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Sales Department
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Reviewers
|
||||
|
|
@ -247,13 +247,13 @@
|
|||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2012</small>
|
||||
|
|
@ -297,7 +297,7 @@
|
|||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p>Alexander Pierce</p>
|
||||
|
|
@ -307,7 +307,7 @@
|
|||
<!-- search form -->
|
||||
<form action="#" method="get" class="sidebar-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search..." />
|
||||
<input type="text" name="q" class="form-control" placeholder="Search...">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
|
||||
</span>
|
||||
|
|
@ -556,7 +556,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-calendar"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask />
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask>
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -566,7 +566,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-calendar"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask />
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask>
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -577,7 +577,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-phone"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask />
|
||||
<input type="text" class="form-control" data-inputmask='"mask": "(999) 999-9999"' data-mask>
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -588,7 +588,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-phone"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask />
|
||||
<input type="text" class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']" data-mask>
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -599,7 +599,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-laptop"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask />
|
||||
<input type="text" class="form-control" data-inputmask="'alias': 'ip'" data-mask>
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -614,14 +614,14 @@
|
|||
<!-- Color Picker -->
|
||||
<div class="form-group">
|
||||
<label>Color picker:</label>
|
||||
<input type="text" class="form-control my-colorpicker1" />
|
||||
<input type="text" class="form-control my-colorpicker1">
|
||||
</div><!-- /.form group -->
|
||||
|
||||
<!-- Color Picker -->
|
||||
<div class="form-group">
|
||||
<label>Color picker with addon:</label>
|
||||
<div class="input-group my-colorpicker2">
|
||||
<input type="text" class="form-control" />
|
||||
<input type="text" class="form-control">
|
||||
<div class="input-group-addon">
|
||||
<i></i>
|
||||
</div>
|
||||
|
|
@ -633,7 +633,7 @@
|
|||
<div class="form-group">
|
||||
<label>Time picker:</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control timepicker" />
|
||||
<input type="text" class="form-control timepicker">
|
||||
<div class="input-group-addon">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
</div>
|
||||
|
|
@ -657,7 +657,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-calendar"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control pull-right" id="reservation" />
|
||||
<input type="text" class="form-control pull-right" id="reservation">
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -668,7 +668,7 @@
|
|||
<div class="input-group-addon">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
</div>
|
||||
<input type="text" class="form-control pull-right" id="reservationtime" />
|
||||
<input type="text" class="form-control pull-right" id="reservationtime">
|
||||
</div><!-- /.input group -->
|
||||
</div><!-- /.form group -->
|
||||
|
||||
|
|
@ -689,7 +689,7 @@
|
|||
<!-- iCheck -->
|
||||
<div class="box box-success">
|
||||
<div class="box-header">
|
||||
<h3 class="box-title">iCheck - Checkbox & Radio Inputs</h3>
|
||||
<h3 class="box-title">iCheck - Checkbox & Radio Inputs</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<!-- Minimal style -->
|
||||
|
|
@ -697,13 +697,13 @@
|
|||
<!-- checkbox -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="checkbox" class="minimal" checked />
|
||||
<input type="checkbox" class="minimal" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="minimal" />
|
||||
<input type="checkbox" class="minimal">
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="minimal" disabled />
|
||||
<input type="checkbox" class="minimal" disabled>
|
||||
Minimal skin checkbox
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -711,13 +711,13 @@
|
|||
<!-- radio -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="radio" name="r1" class="minimal" checked />
|
||||
<input type="radio" name="r1" class="minimal" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r1" class="minimal" />
|
||||
<input type="radio" name="r1" class="minimal">
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r1" class="minimal" disabled />
|
||||
<input type="radio" name="r1" class="minimal" disabled>
|
||||
Minimal skin radio
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -727,13 +727,13 @@
|
|||
<!-- checkbox -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="checkbox" class="minimal-red" checked />
|
||||
<input type="checkbox" class="minimal-red" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="minimal-red" />
|
||||
<input type="checkbox" class="minimal-red">
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="minimal-red" disabled />
|
||||
<input type="checkbox" class="minimal-red" disabled>
|
||||
Minimal red skin checkbox
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -741,13 +741,13 @@
|
|||
<!-- radio -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="radio" name="r2" class="minimal-red" checked />
|
||||
<input type="radio" name="r2" class="minimal-red" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r2" class="minimal-red" />
|
||||
<input type="radio" name="r2" class="minimal-red">
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r2" class="minimal-red" disabled />
|
||||
<input type="radio" name="r2" class="minimal-red" disabled>
|
||||
Minimal red skin radio
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -757,13 +757,13 @@
|
|||
<!-- checkbox -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="checkbox" class="flat-red" checked />
|
||||
<input type="checkbox" class="flat-red" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="flat-red" />
|
||||
<input type="checkbox" class="flat-red">
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" class="flat-red" disabled />
|
||||
<input type="checkbox" class="flat-red" disabled>
|
||||
Flat green skin checkbox
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -771,13 +771,13 @@
|
|||
<!-- radio -->
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<input type="radio" name="r3" class="flat-red" checked />
|
||||
<input type="radio" name="r3" class="flat-red" checked>
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r3" class="flat-red" />
|
||||
<input type="radio" name="r3" class="flat-red">
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="r3" class="flat-red" disabled />
|
||||
<input type="radio" name="r3" class="flat-red" disabled>
|
||||
Flat green skin radio
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -907,7 +907,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Report panel usage
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Some information about this general settings option
|
||||
|
|
@ -917,7 +917,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Allow mail redirect
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Other sets of options are available
|
||||
|
|
@ -927,7 +927,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Expose author name in posts
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Allow the user to show his name in blog posts
|
||||
|
|
@ -939,14 +939,14 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Show me as online
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Turn off notifications
|
||||
<input type="checkbox" class="pull-right" />
|
||||
<input type="checkbox" class="pull-right">
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
|
|
@ -966,34 +966,34 @@
|
|||
</div><!-- ./wrapper -->
|
||||
|
||||
<!-- jQuery 2.1.4 -->
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
|
||||
<!-- Bootstrap 3.3.2 JS -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- Select2 -->
|
||||
<script src="../../plugins/select2/select2.full.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/select2/select2.full.min.js"></script>
|
||||
<!-- InputMask -->
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.js"></script>
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
|
||||
<script src="../../plugins/input-mask/jquery.inputmask.extensions.js"></script>
|
||||
<!-- date-range-picker -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
|
||||
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
|
||||
<!-- bootstrap color picker -->
|
||||
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
|
||||
<!-- bootstrap time picker -->
|
||||
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></script>
|
||||
<!-- SlimScroll 1.3.0 -->
|
||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
||||
<!-- iCheck 1.0.1 -->
|
||||
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/iCheck/icheck.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/fastclick/fastclick.min.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/app.min.js"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
<script src="../../dist/js/demo.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/demo.js"></script>
|
||||
<!-- Page script -->
|
||||
<script type="text/javascript">
|
||||
<script>
|
||||
$(function () {
|
||||
//Initialize Select2 Elements
|
||||
$(".select2").select2();
|
||||
|
|
@ -1011,18 +1011,18 @@
|
|||
$('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
|
||||
//Date range as a button
|
||||
$('#daterange-btn').daterangepicker(
|
||||
{
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
},
|
||||
startDate: moment().subtract(29, 'days'),
|
||||
endDate: moment()
|
||||
},
|
||||
{
|
||||
ranges: {
|
||||
'Today': [moment(), moment()],
|
||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
},
|
||||
startDate: moment().subtract(29, 'days'),
|
||||
endDate: moment()
|
||||
},
|
||||
function (start, end) {
|
||||
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,18 +6,18 @@
|
|||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||
<!-- Ionicons -->
|
||||
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||
<!-- Theme style -->
|
||||
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
||||
folder instead of downloading all of them to reduce the load. -->
|
||||
<link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
|
||||
<!-- bootstrap wysihtml5 - text editor -->
|
||||
<link href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<li><!-- start message -->
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Support Team
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
AdminLTE Design Team
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Developers
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Sales Department
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Reviewers
|
||||
|
|
@ -238,13 +238,13 @@
|
|||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2012</small>
|
||||
|
|
@ -288,7 +288,7 @@
|
|||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p>Alexander Pierce</p>
|
||||
|
|
@ -298,7 +298,7 @@
|
|||
<!-- search form -->
|
||||
<form action="#" method="get" class="sidebar-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search..." />
|
||||
<input type="text" name="q" class="form-control" placeholder="Search...">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
|
||||
</span>
|
||||
|
|
@ -616,7 +616,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Report panel usage
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Some information about this general settings option
|
||||
|
|
@ -626,7 +626,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Allow mail redirect
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Other sets of options are available
|
||||
|
|
@ -636,7 +636,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Expose author name in posts
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Allow the user to show his name in blog posts
|
||||
|
|
@ -648,14 +648,14 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Show me as online
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Turn off notifications
|
||||
<input type="checkbox" class="pull-right" />
|
||||
<input type="checkbox" class="pull-right">
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
|
|
@ -675,20 +675,20 @@
|
|||
</div><!-- ./wrapper -->
|
||||
|
||||
<!-- jQuery 2.1.4 -->
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
|
||||
<!-- Bootstrap 3.3.2 JS -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/fastclick/fastclick.min.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/app.min.js"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
<script src="../../dist/js/demo.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/demo.js"></script>
|
||||
<!-- CK Editor -->
|
||||
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js" type="text/javascript"></script>
|
||||
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></script>
|
||||
<!-- Bootstrap WYSIHTML5 -->
|
||||
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
// Replace the <textarea id="editor1"> with a CKEditor
|
||||
// instance, using default configuration.
|
||||
|
|
|
|||
|
|
@ -6,16 +6,16 @@
|
|||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||
<!-- Ionicons -->
|
||||
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||
<!-- Theme style -->
|
||||
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
||||
folder instead of downloading all of them to reduce the load. -->
|
||||
<link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
<li><!-- start message -->
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Support Team
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
AdminLTE Design Team
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Developers
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Sales Department
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
<li>
|
||||
<a href="#">
|
||||
<div class="pull-left">
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<h4>
|
||||
Reviewers
|
||||
|
|
@ -237,13 +237,13 @@
|
|||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2012</small>
|
||||
|
|
@ -287,7 +287,7 @@
|
|||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p>Alexander Pierce</p>
|
||||
|
|
@ -297,7 +297,7 @@
|
|||
<!-- search form -->
|
||||
<form action="#" method="get" class="sidebar-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search..."/>
|
||||
<input type="text" name="q" class="form-control" placeholder="Search...">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
|
||||
</span>
|
||||
|
|
@ -504,9 +504,9 @@
|
|||
</div>
|
||||
<div class="box-body">
|
||||
<input class="form-control input-lg" type="text" placeholder=".input-lg">
|
||||
<br/>
|
||||
<br>
|
||||
<input class="form-control" type="text" placeholder="Default input">
|
||||
<br/>
|
||||
<br>
|
||||
<input class="form-control input-sm" type="text" placeholder=".input-sm">
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /.box -->
|
||||
|
|
@ -540,12 +540,12 @@
|
|||
<span class="input-group-addon">@</span>
|
||||
<input type="text" class="form-control" placeholder="Username">
|
||||
</div>
|
||||
<br/>
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon">.00</span>
|
||||
</div>
|
||||
<br/>
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon">$</span>
|
||||
<input type="text" class="form-control">
|
||||
|
|
@ -557,12 +557,12 @@
|
|||
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
|
||||
<input type="email" class="form-control" placeholder="Email">
|
||||
</div>
|
||||
<br/>
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control">
|
||||
<span class="input-group-addon"><i class="fa fa-check"></i></span>
|
||||
</div>
|
||||
<br/>
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon"><i class="fa fa-dollar"></i></span>
|
||||
<input type="text" class="form-control">
|
||||
|
|
@ -670,11 +670,11 @@
|
|||
<!-- text input -->
|
||||
<div class="form-group">
|
||||
<label>Text</label>
|
||||
<input type="text" class="form-control" placeholder="Enter ..." />
|
||||
<input type="text" class="form-control" placeholder="Enter ...">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Text Disabled</label>
|
||||
<input type="text" class="form-control" placeholder="Enter ..." disabled />
|
||||
<input type="text" class="form-control" placeholder="Enter ..." disabled>
|
||||
</div>
|
||||
|
||||
<!-- textarea -->
|
||||
|
|
@ -690,36 +690,36 @@
|
|||
<!-- input states -->
|
||||
<div class="form-group has-success">
|
||||
<label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>
|
||||
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ..." />
|
||||
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ...">
|
||||
</div>
|
||||
<div class="form-group has-warning">
|
||||
<label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with warning</label>
|
||||
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ..." />
|
||||
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ...">
|
||||
</div>
|
||||
<div class="form-group has-error">
|
||||
<label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with error</label>
|
||||
<input type="text" class="form-control" id="inputError" placeholder="Enter ..." />
|
||||
<input type="text" class="form-control" id="inputError" placeholder="Enter ...">
|
||||
</div>
|
||||
|
||||
<!-- checkbox -->
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" />
|
||||
<input type="checkbox">
|
||||
Checkbox 1
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" />
|
||||
<input type="checkbox">
|
||||
Checkbox 2
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" disabled />
|
||||
<input type="checkbox" disabled>
|
||||
Checkbox disabled
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -729,19 +729,19 @@
|
|||
<div class="form-group">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked />
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
|
||||
Option one is this and that—be sure to include why it's great
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" />
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
||||
Option two can be something else and selecting it will deselect option one
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled />
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
|
||||
Option three is disabled
|
||||
</label>
|
||||
</div>
|
||||
|
|
@ -914,7 +914,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Report panel usage
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Some information about this general settings option
|
||||
|
|
@ -924,7 +924,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Allow mail redirect
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Other sets of options are available
|
||||
|
|
@ -934,7 +934,7 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Expose author name in posts
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
<p>
|
||||
Allow the user to show his name in blog posts
|
||||
|
|
@ -946,14 +946,14 @@
|
|||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Show me as online
|
||||
<input type="checkbox" class="pull-right" checked />
|
||||
<input type="checkbox" class="pull-right" checked>
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-sidebar-subheading">
|
||||
Turn off notifications
|
||||
<input type="checkbox" class="pull-right" />
|
||||
<input type="checkbox" class="pull-right">
|
||||
</label>
|
||||
</div><!-- /.form-group -->
|
||||
|
||||
|
|
@ -973,14 +973,14 @@
|
|||
</div><!-- ./wrapper -->
|
||||
|
||||
<!-- jQuery 2.1.4 -->
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
|
||||
<!-- Bootstrap 3.3.2 JS -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<script src="../../bootstrap/js/bootstrap.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
|
||||
<script src="../../plugins/fastclick/fastclick.min.js"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/app.min.js"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
<script src="../../dist/js/demo.js" type="text/javascript"></script>
|
||||
<script src="../../dist/js/demo.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue