Jon Lambson
7 years ago
19 changed files with 3274 additions and 10278 deletions
File diff suppressed because it is too large
@ -0,0 +1,440 @@ |
|||
@font-face { font-family: Brown Bold; font-weight: bold; src: url('../fonts/Brown-Bold.otf'); } |
|||
@font-face { font-family: Brown Regular; src: url('../fonts/Brown-Regular.otf'); } |
|||
@font-face { font-family: Brown Light; src: url('../fonts/Brown-Light.otf'); } |
|||
@font-face { font-family: Myriad Pro; src: url('../fonts/Myriad-Pro_31655.ttf'); } |
|||
|
|||
* { |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
html, body { |
|||
font-family: 'Brown Regular', Brown Regular, "Helvetica Neue", Helvetica, Arial, sans-serif; |
|||
background-color: #282828; |
|||
color: #FFFFFF; |
|||
} |
|||
/*override bootstrap fade*/ |
|||
.fade { |
|||
opacity: 1; |
|||
} |
|||
input.emailInput::placeholder { |
|||
font-family : Brown Regular; |
|||
font-size : 14px; |
|||
line-height : 16px; |
|||
color : #666666; |
|||
color : rgb(102, 102, 102); |
|||
opacity : 0.5; |
|||
filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) ; |
|||
} |
|||
input.js-authn-otp-code::placeholder { |
|||
font-size : 17px; |
|||
line-height : 16px; |
|||
letter-spacing : 1.02px; |
|||
color : #999999; |
|||
color : rgb(153, 153, 153); |
|||
text-align: center; |
|||
} |
|||
input.js-authn-otp-code { |
|||
font-size : 17px; |
|||
line-height : 16px; |
|||
letter-spacing : 1.02px; |
|||
text-align: center; |
|||
} |
|||
input.js-authn-otp-code { |
|||
font-size : 14px; |
|||
line-height : 16px; |
|||
} |
|||
p { |
|||
font-size: 14px; |
|||
line-height: 19px; |
|||
color: #E6E6E6; |
|||
color: rgb(230, 230, 230); |
|||
} |
|||
.text-left{ |
|||
line-height: 1.42857143; |
|||
text-align: left; |
|||
} |
|||
.text-center{ |
|||
line-height: 1.42857143; |
|||
text-align: center; |
|||
} |
|||
.dap-bordered { |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
h4, h5{ |
|||
color: #F2F2F2; |
|||
} |
|||
a{ |
|||
color: #333333; |
|||
} |
|||
.checkbox{ |
|||
text-align: left; |
|||
} |
|||
fieldset{ |
|||
text-align: left; |
|||
} |
|||
.check{ |
|||
/*background-image: url('../images/unpressed-check.png');*/ |
|||
background-position: 5%, 50%; |
|||
background-repeat: no-repeat; |
|||
padding-right: 5px; |
|||
} |
|||
/*====== BUTTONS =========*/ |
|||
.btn, button{ |
|||
font-family : 'Brown', "Helvetica Neue", Helvetica, Arial, sans-serif; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #CCCCCC; |
|||
color : rgb(204, 204, 204); |
|||
} |
|||
.btn-default{ |
|||
font-family : Brown; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
width: 100%; |
|||
max-width : 240px; |
|||
color : #1A1A1A; |
|||
color : rgb(26, 26, 26); |
|||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) )); |
|||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)"; |
|||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
} |
|||
.btn-default:active{ |
|||
font-family : Brown; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #666666; |
|||
color : rgb(102, 102, 102); |
|||
background : #E6E6E6; |
|||
background : rgba(230, 230, 230, 1); |
|||
border-style : Solid; |
|||
border-color : #B3B3B3; |
|||
border-color : rgba(179, 179, 179, 1); |
|||
border-width : 1px; |
|||
border-radius : 6px; |
|||
-moz-border-radius : 6px; |
|||
-webkit-border-radius : 6px; |
|||
outline: none; |
|||
} |
|||
.btn-default:hover{ |
|||
font-family : Brown; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #1A1A1A; |
|||
color : rgb(26, 26, 26); |
|||
outline: border-color : #B3B3B3; |
|||
outline: rgba(179, 179, 179, 1);; |
|||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) )); |
|||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)"; |
|||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
} |
|||
.btn-default:focus{ |
|||
font-family : Brown; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #666666; |
|||
color : rgb(102, 102, 102); |
|||
outline: #E6E6E6; |
|||
background : #E6E6E6; |
|||
background : rgba(230, 230, 230, 1); |
|||
border-style : Solid; |
|||
border-color : #B3B3B3; |
|||
border-color : rgba(179, 179, 179, 1); |
|||
border-width : 1px; |
|||
border-radius : 6px; |
|||
-moz-border-radius : 6px; |
|||
-webkit-border-radius : 6px; |
|||
} |
|||
.btn-default:active:focus{ /*click event*/ |
|||
outline: none; |
|||
font-family : Brown; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #FDA53E; |
|||
color : rgb(253, 165, 62); |
|||
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) )); |
|||
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)"; |
|||
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%); |
|||
border-radius : 6px; |
|||
-moz-border-radius : 6px; |
|||
-webkit-border-radius : 6px; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#DEDEDE' , GradientType=0); |
|||
|
|||
} |
|||
.btn-primary:visited{ |
|||
border-color: none; |
|||
} |
|||
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{ |
|||
background-color: #1A1A1A; |
|||
color: #FDA53E; |
|||
border-color: #000000; |
|||
} |
|||
.btn-primary:focus, .btn-primary.focus{ |
|||
border-color: black; |
|||
outline: none; |
|||
} |
|||
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{ |
|||
background-color: #1A1A1A; |
|||
outline: none; |
|||
border-color: #000000; |
|||
color: #ACACAC; |
|||
} |
|||
.btn-primary, .btn.disabled{ |
|||
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(36, 36, 36, 1) 0%,rgba(19, 19, 19, 1) 100%); |
|||
background : -webkit-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%); |
|||
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(36, 36, 36, 1) ),color-stop(1,rgba(19, 19, 19, 1) )); |
|||
background : -o-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%); |
|||
background : -ms-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#131313' ,GradientType=0)"; |
|||
background : linear-gradient(180deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%); |
|||
left : 19px; |
|||
top : 506px; |
|||
width : 100%; |
|||
height : 40px; |
|||
border-radius : 6px; |
|||
-moz-border-radius : 6px; |
|||
-webkit-border-radius : 6px; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424',endColorstr='#131313' , GradientType=0); |
|||
width: 100%; |
|||
max-width: 280px; |
|||
margin-top: 10px; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
font-weight : bold; |
|||
font-size : 12px; |
|||
line-height : 19.57px; |
|||
letter-spacing : 1.44px; |
|||
text-transform : uppercase; |
|||
color : #CCCCCC; |
|||
color : rgb(204, 204, 204); |
|||
} |
|||
|
|||
/*text-transform: uppercase; |
|||
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(59, 59, 59, 1) 0%,rgba(35, 35, 35, 1) 100%); |
|||
background : -webkit-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%); |
|||
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(59, 59, 59, 1) ),color-stop(1,rgba(35, 35, 35, 1) )); |
|||
background : -o-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%); |
|||
background : -ms-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%); |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B', endColorstr='#232323' ,GradientType=0)"; |
|||
background : linear-gradient(180deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%); |
|||
border-radius : 6px; |
|||
-moz-border-radius : 6px; |
|||
-webkit-border-radius : 6px; |
|||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B',endColorstr='#232323' , GradientType=0); |
|||
}*/ |
|||
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus{ |
|||
border-color: black; |
|||
outline: none; |
|||
} |
|||
.btn-primary:hover{ |
|||
border-color: black; |
|||
} |
|||
.btn-primary{ |
|||
color: #CCCCCC; |
|||
background-color: #1A1A1A; |
|||
border-color: black; |
|||
} |
|||
/*====== INPUT =========*/ |
|||
.form-control{ |
|||
height : 39px; |
|||
} |
|||
.form-control:focus, .form-control:active, .form-control{ |
|||
height: 39px; |
|||
border-color: #ACACAC; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
.input-group .form-control:first-child:first-child>{ |
|||
background : #E6E6E6; |
|||
background : rgba(230, 230, 230, 1); |
|||
width : 100%; |
|||
min-width: 278px; |
|||
height : 39px; |
|||
border-radius : 4px; |
|||
-moz-border-radius : 4px; |
|||
-webkit-border-radius : 4px; |
|||
} |
|||
|
|||
/*=====================*/ |
|||
.well{ |
|||
background : #F2F2F2; |
|||
background : rgba(242, 242, 242, 1); |
|||
max-width: 323px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-bottom: 50px; |
|||
width: 100%; |
|||
min-width : 299px; |
|||
border-radius : 12px; |
|||
-moz-border-radius : 12px; |
|||
-webkit-border-radius : 12px; |
|||
box-shadow : 0px 10px 6px rgba(0, 0, 0, 0.6); |
|||
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#000000') ; |
|||
} |
|||
.well input { |
|||
background : #E6E6E6; |
|||
background : rgba(230, 230, 230, 1); |
|||
width: 100%; |
|||
max-width : 282px; |
|||
border-radius : 4px; |
|||
-moz-border-radius : 4px; |
|||
-webkit-border-radius : 4px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.well li.list-group-item { |
|||
background-color: #E6E6E6; |
|||
width: 100%; |
|||
max-width : 282px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.btn-back { |
|||
margin: 0; |
|||
float: left; |
|||
width: 39px; |
|||
height: 40px; |
|||
} |
|||
.checkbox label { |
|||
padding-left: 0px; |
|||
} |
|||
.modal-title { |
|||
font-family : Brown Bold; |
|||
font-weight : bold; |
|||
font-size : 18px; |
|||
color : #1A1A1A; |
|||
color : rgb(26, 26, 26); |
|||
} |
|||
.modal-body input, .modal-body select { |
|||
background: #E6E6E6; |
|||
background: rgba(230, 230, 230, 1); |
|||
} |
|||
/*Daplie Device*/ |
|||
label.cloud-device { |
|||
display: inline-block; |
|||
position: relative; |
|||
padding: 1%; |
|||
} |
|||
label.cloud-device > input { |
|||
visibility: hidden; |
|||
position: absolute; |
|||
} |
|||
.not-selected { |
|||
content: url("../images/server-icon.png"); |
|||
margin: auto; |
|||
} |
|||
.is-selected{ |
|||
content: url("../images/selected-server.png"); |
|||
} |
|||
.welcome-text { |
|||
font-family : Brown Regular; |
|||
font-size : 14px; |
|||
line-height : 19px; |
|||
color : #E5E5E5; |
|||
color : rgb(229, 229, 229); |
|||
max-width: 250px; |
|||
text-align: center; |
|||
padding-bottom: 30px; |
|||
} |
|||
.org-title { |
|||
padding-top: 70px; |
|||
font-family : Brown Bold; |
|||
font-weight : bold; |
|||
font-size : 18px; |
|||
line-height : 35.6px; |
|||
color : #62A8A1; |
|||
color : rgb(98, 168, 161); |
|||
} |
|||
.dap-input { |
|||
width : 280px; |
|||
height : 39px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.dap-centered-div.dap-space-on-top.form-group { |
|||
text-align: center; |
|||
} |
|||
form.twelve-digit-code, .js-authn-otp-code { |
|||
text-align: center; |
|||
} |
|||
img.sponsored-by-logo { |
|||
margin-top: 70px; |
|||
width: 81px; |
|||
height: 81px; |
|||
} |
|||
.code-sent-text { |
|||
font-size : 14px; |
|||
line-height : 19px; |
|||
color : #E5E5E5; |
|||
color : rgb(229, 229, 229); |
|||
margin-bottom: 0; |
|||
} |
|||
.email-address { |
|||
color: #808080; |
|||
} |
|||
.code-lasts-text { |
|||
font-family : Brown Regular; |
|||
font-size : 11px; |
|||
line-height : 19px; |
|||
color : #666666; |
|||
color : rgb(102, 102, 102); |
|||
text-align: center; |
|||
margin-bottom: 5px; |
|||
} |
|||
.dap-remember-me { |
|||
font-family : Brown Light; |
|||
font-size : 14px; |
|||
color : #E6E6E6; |
|||
color : rgb(230, 230, 230); |
|||
vertical-align: middle; |
|||
} |
|||
.almost-done-text { |
|||
font-family : Brown Regular; |
|||
font-size : 14px; |
|||
line-height : 19px; |
|||
color : #E5E5E5; |
|||
color : rgb(229, 229, 229); |
|||
max-width: 180px; |
|||
text-align: center; |
|||
} |
|||
.sign-out-text { |
|||
padding-top: 70px; |
|||
} |
|||
.js-authorization-decision { |
|||
text-align: center; |
|||
} |
|||
.pb-40 { |
|||
padding-bottom: 40px; |
|||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 861 B |
File diff suppressed because one or more lines are too long
@ -1,38 +1,107 @@ |
|||
// $('body').on('click', '.js-remember-label', function (ev) {
|
|||
// ev.preventDefault();
|
|||
// ev.stopPropagation();
|
|||
// if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) {
|
|||
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o');
|
|||
// $('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin');
|
|||
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', false);
|
|||
// $('.js-remember-btn').removeClass('dap-full-button-purple');
|
|||
// $('.js-remember-btn').addClass('dap-full-button-green');
|
|||
// $('.js-remember-btn').text('SIGN IN ONCE');
|
|||
// } else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) {
|
|||
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin');
|
|||
// $('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o');
|
|||
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', true);
|
|||
// $('.js-remember-btn').removeClass('dap-full-button-green');
|
|||
// $('.js-remember-btn').addClass('dap-full-button-purple');
|
|||
// $('.js-remember-btn').text('SIGN IN FOREVER');
|
|||
// }
|
|||
// });
|
|||
|
|||
// $('body').on('click', '.js-auth-li-enabled', function (ev) {
|
|||
// ev.preventDefault();
|
|||
// ev.stopPropagation();
|
|||
//
|
|||
// var $checkbox = $(this);
|
|||
// if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) {
|
|||
// // $checkbox.removeClass('fa-check-square-o');
|
|||
// // $checkbox.addClass('fa-square-o');
|
|||
// $checkbox.find('.js-auth-checkbox').prop('checked', false);
|
|||
// } else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) {
|
|||
// // $checkbox.removeClass('fa-square-o');
|
|||
// // $checkbox.addClass('fa-check-square-o');
|
|||
// $checkbox.find('.js-auth-checkbox').prop('checked', true);
|
|||
// }
|
|||
// });
|
|||
$('body').on('click', '.js-remember-label', function (ev) { |
|||
ev.preventDefault(); |
|||
ev.stopPropagation(); |
|||
|
|||
if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) { |
|||
$('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o'); |
|||
$('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin'); |
|||
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', false); |
|||
$('.js-remember-btn').removeClass('dap-full-button-purple'); |
|||
$('.js-remember-btn').addClass('dap-full-button-green'); |
|||
$('.js-remember-btn').text('SIGN IN ONCE'); |
|||
} else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) { |
|||
$('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin'); |
|||
$('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o'); |
|||
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', true); |
|||
$('.js-remember-btn').removeClass('dap-full-button-green'); |
|||
$('.js-remember-btn').addClass('dap-full-button-purple'); |
|||
$('.js-remember-btn').text('SIGN IN FOREVER'); |
|||
var $this = $(this); |
|||
if ($this.find('.js-remember-checkbox').is(':checked') === true) { |
|||
$this.find('.js-remember-checkbox').prop( "checked", false ); |
|||
} else { |
|||
$this.find('.js-remember-checkbox').prop( "checked", true ); |
|||
} |
|||
}); |
|||
|
|||
$('body').on('click', '.check', function () { |
|||
var $img = $(this); |
|||
if($img.attr("src") === "./img/pressed-check.png") { |
|||
$img.attr("src", "./img/unpressed-check.png"); |
|||
$img.removeClass("is-checked"); |
|||
} else if($img.attr("src") === "./img/unpressed-check.png") { |
|||
$img.attr("src", "./img/pressed-check.png"); |
|||
$img.addClass("is-checked"); |
|||
} |
|||
}); |
|||
|
|||
$('body').on('click', '.js-auth-li-enabled', function (ev) { |
|||
ev.preventDefault(); |
|||
ev.stopPropagation(); |
|||
var $this = $(this); |
|||
if ($this.find('.js-auth-checkbox').is(':checked') === true) { |
|||
$this.find('.js-auth-checkbox').prop( "checked", false ); |
|||
} else { |
|||
$this.find('.js-auth-checkbox').prop( "checked", true ); |
|||
} |
|||
}); |
|||
|
|||
$('body').on('keyup keypress', '.js-authn-otp-code', function (e) { |
|||
var keyCode = e.keyCode || e.which; |
|||
var regex = new RegExp('^[0-9 \-]+$'); |
|||
var key = String.fromCharCode(!e.charCode ? e.which : e.charCode); |
|||
var oauthCode = $(this).val().split('-').join('').replace(/\s/g, ''); |
|||
|
|||
if (!regex.test(key)) { |
|||
event.preventDefault(); |
|||
return false; |
|||
} |
|||
|
|||
if (oauthCode.length > 0) { |
|||
oauthCode = oauthCode.match(new RegExp('.{1,4}', 'g')).join("-"); |
|||
} |
|||
|
|||
$(this).val(oauthCode); |
|||
|
|||
var $checkbox = $(this) |
|||
if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) { |
|||
$checkbox.removeClass('fa-check-square-o'); |
|||
$checkbox.addClass('fa-square-o'); |
|||
$checkbox.find('.js-auth-checkbox').prop('checked', false); |
|||
} else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) { |
|||
$checkbox.removeClass('fa-square-o'); |
|||
$checkbox.addClass('fa-check-square-o'); |
|||
$checkbox.find('.js-auth-checkbox').prop('checked', true); |
|||
if($(this).val().length == $(this).attr("maxlength")){ |
|||
$('.submit-btn').prop("disabled", false); |
|||
} |
|||
}); |
|||
|
|||
$('body').on('keyup', '.js-oauth3-email', function () { |
|||
var emailAddress = $(this).val(); |
|||
var emailRegex = new RegExp(/^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$/i); |
|||
var valid = emailRegex.test(emailAddress); |
|||
if (!valid) { |
|||
$('.js-authn-show').prop("disabled", true); |
|||
return false; |
|||
} else { |
|||
$('.js-authn-show').prop("disabled", false); |
|||
return true; |
|||
} |
|||
}); |
|||
|
|||
$('body').on('blur', '.js-oauth3-email', function () { |
|||
var emailAddress = $(this).val(); |
|||
$('.email-address').text(emailAddress); |
|||
}); |
|||
|
Loading…
Reference in new issue