Mirror/codiad
1
0
Fork 0
mirror of https://github.com/xevidos/codiad.git synced 2024-11-10 21:26:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added hide / show password button

Browse Source
This commit is contained in:
xevidos 2019-04-08 13:37:09 -04:00
parent 5bfe7ea545
commit 494675a9a0
2 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.php
View File

@ -134,11 +134,16 @@ if( defined( "SITE_NAME" ) && ! ( SITE_NAME === "" || SITE_NAME === null ) ) {
<form id="login" method="post" style="position: fixed; width: 350px; top: 30%; left: 50%; margin-left: -175px; padding: 35px;">
<label><span class="icon-user login-icon"></span> <?php i18n("Username"); ?></label>
<input type="text" name="username" autofocus="autofocus" autocomplete="off">
<label>
<span class="icon-user login-icon"></span> <?php i18n("Username"); ?>
<input type="text" name="username" autofocus="autofocus" autocomplete="off">
</label>
<label><span class="icon-lock login-icon"></span> <?php i18n("Password"); ?></label>
<input type="password" name="password">
<label>
<span class="icon-lock login-icon"></span> <?php i18n("Password"); ?>
<input type="password" name="password">
<span class="icon-eye in-field-icon-right" id="hide_password">
</label>
<div class="language-selector">
<label><span class="icon-picture login-icon"></span> <?php i18n("Theme"); ?></label>
@ -175,6 +180,22 @@ if( defined( "SITE_NAME" ) && ! ( SITE_NAME === "" || SITE_NAME === null ) ) {
</form>
<script src="components/user/init.js"></script>
<script>
$( "#hide_password" ).on( "click", function( e ) {
let password = document.querySelector( "input[name='password']" );
console.log( password, password.type );
if( password.type == "password" ) {
password.type = "text";
} else {
password.type = "password";
}
});
</script>
<?php
}

9
themes/default/screen.css
View File

@ -130,6 +130,13 @@ a:hover,a:active {;
.show-language-selector { display: block; float: right; color: #666; margin: 20px 0 0 0; }
.show-language-selector:hover { color: #fff; }
.in-field-icon-right {
float: right;
position: relative;
top: -30px;
}
/* FORMS */
label {
@ -821,4 +828,4 @@ table [class^="icon-"], [class*=" icon-"] {
height: 25px;
vertical-align: middle;
width: 25px;
}
}