Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-04-30 21:51:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Format pages - forms

Browse Source
This commit is contained in:
Dennis Neufeld
2015-06-20 13:11:32 +02:00
parent 4ce12b818c
commit 65d99c7b6c
3 changed files with 121 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
pages/forms/general.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>AdminLTE 2 | Dashboard</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 -->
@@ -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,7 +237,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">
@@ -300,7 +300,7 @@
<div class="input-group">
<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>
@@ -671,11 +671,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 -->
@@ -691,36 +691,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>
@@ -730,19 +730,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&mdash;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>
@@ -819,9 +819,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>
@@ -830,7 +830,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>
@@ -839,7 +839,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>
@@ -848,7 +848,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>
@@ -859,9 +859,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>
@@ -872,7 +872,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>
@@ -883,7 +883,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>
@@ -894,7 +894,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>
@@ -971,15 +971,15 @@
</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>
<!-- 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 -->