mirror of
https://github.com/pi-hole/web.git
synced 2026-02-21 02:07:56 +00:00
effcd907cd
This adjusts the markup for the Forgot Password box such that the entire box header (the text, whitespace and plus/minus icon) is interactive. Previous behaviour of clicking the icon remains the same. This also improves the markup/spacing inside the box's content. Signed-off-by: David Beitey <david@davidjb.com>
79 lines
3.6 KiB
PHP
79 lines
3.6 KiB
PHP
<?php
|
|
/* Pi-hole: A black hole for Internet advertisements
|
|
* (c) 2017 Pi-hole, LLC (https://pi-hole.net)
|
|
* Network-wide ad blocking via your own hardware.
|
|
*
|
|
* This file is copyright under the latest version of the EUPL.
|
|
* Please see LICENSE file for your rights under this license. */ ?>
|
|
|
|
<div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2" style="float:none">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<div class="text-center">
|
|
<img src="img/logo.svg" alt="Pi-hole logo" style="width: <?php if ($boxedlayout) { ?>50%<?php } else { ?>30%<?php } ?>;">
|
|
</div>
|
|
<br>
|
|
|
|
<div class="panel-title text-center"><span class="logo-lg" style="font-size: 25px;">Pi-<b>hole</b></span></div>
|
|
<p class="login-box-msg">Sign in to start your session</p>
|
|
<div id="cookieInfo" class="panel-title text-center text-red" style="font-size: 150%" hidden>Verify that cookies are allowed for <code><?php echo $_SERVER['HTTP_HOST']; ?></code></div>
|
|
<?php if ($wrongpassword) { ?>
|
|
<div class="form-group has-error login-box-msg">
|
|
<label class="control-label"><i class="fa fa-times-circle"></i> Wrong password!</label>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<form action="" id="loginform" method="post">
|
|
<div class="form-group has-feedback <?php if ($wrongpassword) { ?>has-error<?php } ?>">
|
|
<input type="password" id="loginpw" name="pw" class="form-control" placeholder="Password" autocomplete="current-password" autofocus>
|
|
<span class="fa fa-key form-control-feedback"></span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-12">
|
|
<button type="submit" class="btn btn-primary form-control"><i class="fas fa-sign-in-alt"></i> Log in</button>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-xs-8 hidden-xs hidden-sm">
|
|
<ul>
|
|
<li><kbd>Return</kbd> → Log in and go to requested page (<?php echo $scriptname; ?>)</li>
|
|
<li><kbd>Ctrl</kbd>+<kbd>Return</kbd> → Log in and go to Settings page</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-xs-12 col-md-4">
|
|
<div>
|
|
<input type="checkbox" id="logincookie" name="persistentlogin">
|
|
<label for="logincookie">Remember me for 7 days</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="box box-<?php if (!$wrongpassword) { ?>info collapsed-box<?php } else { ?>danger<?php }?>">
|
|
<div class="box-header with-border pointer no-user-select" data-widget="collapse">
|
|
<h3 class="box-title">Forgot password?</h3>
|
|
<div class="box-tools pull-right">
|
|
<button type="button" class="btn btn-box-tool"><i class="fa <?php if ($wrongpassword) { ?>fa-minus<?php } else { ?>fa-plus<?php } ?>"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="box-body">
|
|
<p>
|
|
After installing Pi-hole for the first time, a password is generated and displayed to the user. The
|
|
password cannot be retrieved later on, but it is possible to set a new password (or explicitly disable
|
|
the password by setting an empty password) using the command
|
|
</p>
|
|
<pre>sudo pihole -a -p</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|