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

Merge pull request #255 from pi-hole/loginPageTweaks

Browse Source 
played about with the layout. Looks nicer on fullscreen, boxed-layout…
This commit is contained in:
Adam Warner
2016-12-15 21:50:57 +00:00
committed by GitHub
parent 8746acb988 437ab6afb4
commit c8d977af03
1 changed files with 53 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
php/loginpage.php
+53 -38
View File
@@ -1,45 +1,60 @@
<div class="row">
<div class="col-sm-12">
<center><img src="img/DarkVortex.svg" width="20%"></center>
</div>
<div class="col-sm-12">
<center><span class="logo-lg" style="font-size: 25px;"><b>Pi</b>-hole</span></center>
</div>
</div>
<div class="login-box">
<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>
<?php if($wrongpassword){ ?>
<div class="form-group has-error login-box-msg">
<label class="control-label"><i class="fa fa-times-circle-o"></i> Wrong password!</label>
</div>
<div class="mainbox col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<div style="text-align: center;"><img src="img/DarkVortex.svg" width="<?php if ($boxedlayout) { ?>
50%
<?php } else { ?>
30%
<?php } ?>"></div>
<div class="panel-title text-center"><span class="logo-lg" style="font-size: 25px;"><b>Pi</b>-hole</span></div>
<p class="login-box-msg">Sign in to start your session</p>
<?php if ($wrongpassword) { ?>
<div class="form-group has-error login-box-msg">
<label class="control-label"><i class="fa fa-times-circle-o"></i> Wrong password!</label>
</div>
<?php } ?>
</div>
<form action="" method="post">
<div class="form-group has-feedback <?php if($wrongpassword){ ?>has-error<?php } ?> ">
<input type="password" name="pw" class="form-control" placeholder="Password">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<div class="col-xs-4 col-xs-offset-8">
<button type="submit" class="btn btn-primary btn-block btn-flat">Log In</button>
<div class="panel-body">
<form action="" method="post">
<div class="form-group has-feedback <?php if ($wrongpassword) { ?>has-error<?php } ?> ">
<input type="password" name="pw" class="form-control" placeholder="Password">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-12">
<div class="box box-<?php if(!$wrongpassword){ ?>info<?php }else{ ?>danger<?php } if(!$wrongpassword){ ?> collapsed-box<?php } ?> box-solid">
<div class="box-header with-border">
<h3 class="box-title">Forgot password</h3>
<div class="row">
<div class="col-xs-4 col-xs-offset-8">
<button type="submit" href="#" class="btn btn-primary pull-right"><i class="glyphicon glyphicon-log-in"></i>
Log in
</button>
</div>
</div>
<br>
<div class="row">
<div class="col-xs-12">
<div class="box box-<?php if (!$wrongpassword) { ?>info<?php } else { ?>danger<?php }
if (!$wrongpassword) { ?> collapsed-box<?php } ?> box-solid">
<div class="box-header with-border">
<h3 class="box-title">Forgot password</h3>
<div class="box-tools pull-right"><button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa <?php if($wrongpassword){ ?>fa-minus<?php }else{ ?>fa-plus<?php } ?>"></i></button></div>
</div>
<div class="box-body">
After installing Pi-Hole for the first time, a password is generated and displayed to the user. The password cannot be retrived later on, but it is possible to set a new password (or explicitly disable the password by setting an empty password) using the command <pre>sudo pihole -a -p newpassword</pre>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i
class="fa <?php if ($wrongpassword) { ?>fa-minus<?php } else { ?>fa-plus<?php } ?>"></i>
</button>
</div>
</div>
<div class="box-body">
After installing Pi-Hole for the first time, a password is generated and displayed to the user. The
password cannot be retrived later on, but it is possible to set a new password (or explicitly disable
the
password by setting an empty password) using the command
<pre>sudo pihole -a -p newpassword</pre>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<br>
</form>
</div>
</div>
</div>