mirror of
https://github.com/pi-hole/web.git
synced 2026-05-02 06:32:49 +01:00
Format pages - forms
This commit is contained in:
Dennis Neufeld
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>AdminLTE 2 | Advanced form elements</title>
|
||||
<!-- 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'>
|
||||
<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" />
|
||||
<!-- Font Awesome Icons -->
|
||||
@@ -16,9 +16,9 @@
|
||||
<!-- iCheck for checkboxes and radio inputs -->
|
||||
<link href="../../plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Bootstrap Color Picker -->
|
||||
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/>
|
||||
<link href="../../plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Bootstrap time Picker -->
|
||||
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/>
|
||||
<link href="../../plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Select2 -->
|
||||
<link href="../../plugins/select2/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Theme style -->
|
||||
@@ -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,7 +247,7 @@
|
||||
<!-- 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">
|
||||
@@ -308,9 +308,9 @@
|
||||
<!-- 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>
|
||||
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
@@ -557,7 +557,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 -->
|
||||
|
||||
@@ -567,7 +567,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 -->
|
||||
|
||||
@@ -578,7 +578,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 -->
|
||||
|
||||
@@ -589,7 +589,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 -->
|
||||
|
||||
@@ -600,7 +600,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 -->
|
||||
|
||||
@@ -615,14 +615,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>
|
||||
@@ -634,7 +634,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>
|
||||
@@ -658,7 +658,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 -->
|
||||
|
||||
@@ -669,7 +669,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 -->
|
||||
|
||||
@@ -698,13 +698,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>
|
||||
@@ -712,13 +712,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>
|
||||
@@ -728,13 +728,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>
|
||||
@@ -742,13 +742,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>
|
||||
@@ -758,13 +758,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>
|
||||
@@ -772,13 +772,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>
|
||||
@@ -812,9 +812,9 @@
|
||||
<!-- Home tab content -->
|
||||
<div class="tab-pane" id="control-sidebar-home-tab">
|
||||
<h3 class="control-sidebar-heading">Recent Activity</h3>
|
||||
<ul class='control-sidebar-menu'>
|
||||
<ul class="control-sidebar-menu">
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
|
||||
<div class="menu-info">
|
||||
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
|
||||
@@ -823,7 +823,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<i class="menu-icon fa fa-user bg-yellow"></i>
|
||||
<div class="menu-info">
|
||||
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
|
||||
@@ -832,7 +832,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
|
||||
<div class="menu-info">
|
||||
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
|
||||
@@ -841,7 +841,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<i class="menu-icon fa fa-file-code-o bg-green"></i>
|
||||
<div class="menu-info">
|
||||
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
|
||||
@@ -852,9 +852,9 @@
|
||||
</ul><!-- /.control-sidebar-menu -->
|
||||
|
||||
<h3 class="control-sidebar-heading">Tasks Progress</h3>
|
||||
<ul class='control-sidebar-menu'>
|
||||
<ul class="control-sidebar-menu">
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<h4 class="control-sidebar-subheading">
|
||||
Custom Template Design
|
||||
<span class="label label-danger pull-right">70%</span>
|
||||
@@ -865,7 +865,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<h4 class="control-sidebar-subheading">
|
||||
Update Resume
|
||||
<span class="label label-success pull-right">95%</span>
|
||||
@@ -876,7 +876,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<h4 class="control-sidebar-subheading">
|
||||
Laravel Integration
|
||||
<span class="label label-warning pull-right">50%</span>
|
||||
@@ -887,7 +887,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='javascript::;'>
|
||||
<a href="javascript::;">
|
||||
<h4 class="control-sidebar-subheading">
|
||||
Back End Framework
|
||||
<span class="label label-primary pull-right">68%</span>
|
||||
@@ -964,12 +964,11 @@
|
||||
</aside><!-- /.control-sidebar -->
|
||||
<!-- Add the sidebar's background. This div must be placed
|
||||
immediately after the control sidebar -->
|
||||
<div class='control-sidebar-bg'></div>
|
||||
<div class="control-sidebar-bg"></div>
|
||||
</div><!-- ./wrapper -->
|
||||
|
||||
|
||||
<!-- jQuery 2.1.4 -->
|
||||
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
|
||||
<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>
|
||||
<!-- Select2 -->
|
||||
@@ -990,7 +989,7 @@
|
||||
<!-- iCheck 1.0.1 -->
|
||||
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
|
||||
<!-- FastClick -->
|
||||
<script src='../../plugins/fastclick/fastclick.min.js'></script>
|
||||
<script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="../../dist/js/app.min.js" type="text/javascript"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
@@ -1058,6 +1057,5 @@
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user