fix hide/show passphase button + fix "enter" press on sign-in form
This commit is contained in:
DeckerSU
parent
b0d39bcb8a
commit
3f4d150218
|
|
@ -48,7 +48,7 @@
|
|||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.form-signin input[type="password"] {
|
||||
margin-bottom: 10px;
|
||||
/*margin-bottom: 10px;*/
|
||||
/*border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;*/
|
||||
}
|
||||
|
|
|
|||
|
|
@ -69,10 +69,12 @@
|
|||
|
||||
<label for="loginPassphrase" class="sr-only">Passphrase</label>
|
||||
<div class="input-group col-sm-12">
|
||||
<input type="password" id="loginPassphrase" class="form-control loginPassphrase" placeholder="Passphrase" required>
|
||||
<!-- https://github.com/wenzhixin/bootstrap-show-password -->
|
||||
<input type="password" id="loginPassphrase" class="form-control loginPassphrase" placeholder="Passphrase" data-toggle="password" required>
|
||||
<!--
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-grey btn_login_show_passphrase" style="height: 44px; margin-bottom: 10px;"><span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span></button>
|
||||
</span>
|
||||
</span> -->
|
||||
</div>
|
||||
<div class="input-group col-sm-12" style="margin-bottom: 10px;">
|
||||
<select class="selectpicker login_mode_options" data-hide-disabled="true" data-width="30%"></select>
|
||||
|
|
@ -86,6 +88,7 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- LOGIN BODY END -->
|
||||
|
||||
<!-- LOADING BODY -->
|
||||
|
|
@ -703,6 +706,7 @@
|
|||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<script src="js/fuelux.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap-select.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap-show-password.min.js" type="text/javascript"></script>
|
||||
<script src="js/qrcode.min.js" type="text/javascript"></script>
|
||||
<script src="js/toastr.min.js" type="text/javascript"></script>
|
||||
<script src="js/bootstrap-toggle.min.js" type="text/javascript"></script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* @author zhixin wen <wenzhixin2010@gmail.com>
|
||||
* https://github.com/wenzhixin/bootstrap-show-password
|
||||
* version: 1.1.0
|
||||
*/
|
||||
!function(e){"use strict";var t=function(e){var t=arguments,s=!0,i=1;return e=e.replace(/%s/g,function(){var e=t[i++];return"undefined"==typeof e?(s=!1,""):e}),s?e:""},s=function(t,s){this.options=s,this.$element=e(t),this.isShown=!1,this.init()};s.DEFAULTS={placement:"after",white:!1,message:"Click here to show/hide password",eyeClass:"glyphicon",eyeOpenClass:"glyphicon-eye-open",eyeCloseClass:"glyphicon-eye-close",eyeClassPositionInside:!1},s.prototype.init=function(){var s,i;"before"===this.options.placement?(s="insertBefore",i="input-prepend"):(this.options.placement="after",s="insertAfter",i="input-append"),this.$element.wrap(t('<div class="%s input-group" />',i)),this.$text=e('<input type="text" />')[s](this.$element).attr("class",this.$element.attr("class")).attr("style",this.$element.attr("style")).attr("placeholder",this.$element.attr("placeholder")).css("display",this.$element.css("display")).val(this.$element.val()).hide(),this.$element.prop("readonly")&&this.$text.prop("readonly",!0),this.$icon=e(['<span tabindex="100" title="'+this.options.message+'" class="add-on input-group-addon">','<i class="icon-eye-open'+(this.options.white?" icon-white":"")+" "+this.options.eyeClass+" "+(this.options.eyeClassPositionInside?"":this.options.eyeOpenClass)+'">'+(this.options.eyeClassPositionInside?this.options.eyeOpenClass:"")+"</i>","</span>"].join(""))[s](this.$text).css("cursor","pointer"),this.$text.off("keyup").on("keyup",e.proxy(function(){this.isShown&&this.$element.val(this.$text.val()).trigger("change")},this)),this.$icon.off("click").on("click",e.proxy(function(){this.$text.val(this.$element.val()).trigger("change"),this.toggle()},this))},s.prototype.toggle=function(e){this[this.isShown?"hide":"show"](e)},s.prototype.show=function(t){var s=e.Event("show.bs.password",{relatedTarget:t});this.$element.trigger(s),this.isShown=!0,this.$element.hide(),this.$text.show(),this.options.eyeClassPositionInside?this.$icon.find("i").removeClass("icon-eye-open").addClass("icon-eye-close").html(this.options.eyeCloseClass):this.$icon.find("i").removeClass("icon-eye-open "+this.options.eyeOpenClass).addClass("icon-eye-close "+this.options.eyeCloseClass),this.$text[this.options.placement](this.$element)},s.prototype.hide=function(t){var s=e.Event("hide.bs.password",{relatedTarget:t});this.$element.trigger(s),this.isShown=!1,this.$element.show(),this.$text.hide(),this.options.eyeClassPositionInside?this.$icon.find("i").removeClass("icon-eye-close").addClass("icon-eye-open").html(this.options.eyeOpenClass):this.$icon.find("i").removeClass("icon-eye-close "+this.options.eyeCloseClass).addClass("icon-eye-open "+this.options.eyeOpenClass),this.$element[this.options.placement](this.$text)},s.prototype.val=function(e){return"undefined"==typeof e?this.$element.val():(this.$element.val(e).trigger("change"),this.$text.val(e),void 0)};var i=e.fn.password;e.fn.password=function(){var t,i=arguments[0],n=arguments,o=["show","hide","toggle","val"];return this.each(function(){var a=e(this),h=a.data("bs.password"),l=e.extend({},s.DEFAULTS,a.data(),"object"==typeof i&&i);if("string"==typeof i){if(e.inArray(i,o)<0)throw"Unknown method: "+i;t=h[i](n[1])}else h?h.init(l):(h=new s(a,l),a.data("bs.password",h))}),t?t:this},e.fn.password.Constructor=s,e.fn.password.noConflict=function(){return e.fn.password=i,this},e(function(){e('[data-toggle="password"]').password()})}(window.jQuery);
|
||||
Loading…
Reference in New Issue