Commit d9e98731 authored by jbuechele's avatar jbuechele
Browse files

renamed css classes and js/css files

parent 4f2076cd
......@@ -36,7 +36,7 @@
<#if realm.rememberMe && !usernameEditDisabled??>
<div class="form-group">
<label>
<input type="checkbox" name="remember">&nbsp;&nbsp;${msg("rememberMe")}
<input type="checkbox" name="rememberMe">&nbsp;&nbsp;${msg("rememberMe")}
</label>
</div>
</#if>
......
html,body {
height: 100%;
}
body.main-page {
background-color: #f7f9fb;
font-size: 14px;
}
.main-page .brand {
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 50%;
margin: 0 auto;
margin: 40px auto;
box-shadow: 0 0 40px rgba(0,0,0,.05);
}
.main-page .brand img {
width: 100%;
}
.main-page .card-wrapper {
width: 400px;
margin: 0 auto;
}
.main-page .card {
border-color: transparent;
box-shadow: 0 0 40px rgba(0,0,0,.05);
}
.main-page .card.fat {
padding: 10px;
}
.main-page .card .card-title {
margin-bottom: 30px;
}
.main-page .form-control {
border-width: 2.3px;
}
.main-page .form-group label {
width: 100%;
}
.btn-main-action {
padding: 12px 10px;
}
.main-page .margin-top20 {
margin-top: 20px;
}
.main-page .no-margin {
margin: 0;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-top-80 {
margin-top: 80px;
}
.btn-primary {
background-color: #00187D;
border-color: #00187D;
}
.btn-primary:hover {
background-color: #C2D115;
color: #FFF;
border-color: #C2D115;
}
a {
color: #283583;
}
a:hover {
color: #C2D115;
}
.form-control:focus {
border-color: #C2D115;
}
.social-provider {
color: white;
}
.btn-saml {
background-color: #CFD0D14D;
border-color: rgba(0,0,0,0.2);
}
.btn-saml:hover {
color: white;
background-color:#CFD0D1;
border-color:rgba(0,0,0,0.2)
}
.btn-oidc {
background-color: #CFD0D14D;
border-color: rgba(0,0,0,0.2);
}
.btn-oidc:hover {
color: white;
background-color:#CFD0D1;
border-color:rgba(0,0,0,0.2)
}
.btn-keycloak-oidc {
background-color: #CFD0D14D;
border-color: rgba(0,0,0,0.2);
}
.btn-keycloak-oidc:hover {
color: white;
background-color:#CFD0D1;
border-color:rgba(0,0,0,0.2)
}
#language-picker-dropdown {
background-color: transparent;
}
.footer a {
padding-left: 5px;
padding-right: 5px
}
#language-picker {
margin-top: 20px;
margin-bottom: 40px;
}
.footer {
color: #888;
text-align: center;
}
.required::after {
content: ' *';
color: darkred;
}
img {
width: 80%;
}
@media screen and (max-width: 425px) {
.main-page .card-wrapper {
width: 90%;
margin: 0 auto;
}
}
@media screen and (max-width: 320px) {
.main-page .card.fat {
padding: 0;
}
.main-page .card.fat .card-body {
padding: 15px;
}
}
\ No newline at end of file
$(function() {
$("input[type='password'][data-eye]").each(function(i) {
var $this = $(this);
$this.wrap($("<div/>", {
style: 'position:relative'
}));
$this.css({
paddingRight: 60
});
$this.after($("<div/>", {
html: 'Show',
class: 'btn btn-primary btn-sm',
id: 'passeye-toggle-'+i,
style: 'position:absolute;right:10px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);padding: 2px 7px;font-size:12px;cursor:pointer;'
}));
$this.after($("<input/>", {
type: 'hidden',
id: 'passeye-' + i
}));
$this.on("keyup paste", function() {
$("#passeye-"+i).val($(this).val());
});
$("#passeye-toggle-"+i).on("click", function() {
if($this.hasClass("show")) {
$this.attr('type', 'password');
$this.removeClass("show");
$(this).removeClass("btn-outline-primary");
}else{
$this.attr('type', 'text');
$this.val($("#passeye-"+i).val());
$this.addClass("show");
$(this).addClass("btn-outline-primary");
}
});
});
});
function removeError(event) {
if($('#' + event.target.id).hasClass("is-invalid")) {
$('#' + event.target.id).removeClass("is-invalid");
}
}
function addError(event) {
$('#' + event.target.id).addClass("is-invalid");
}
function setNickname() {
if(!$('#nickname').val()) {
const nickname = $('#firstName').val() + '.' + $('#lastName').val();
$('#nickname').val(nickname.toLowerCase());
}
}
$(document).ready(() => {
$("#password-confirm").change((event) => {
const password = $("#password").val();
if(password !== $("#password-confirm").val()) {
addError(event);
}
});
$("#password-confirm").focus(removeError);
$("#password").change((event) => {
const regex = new RegExp('^(?=.*[A-Z])(?=.*[0-9])(?=.*[a-z]).{8,}$');
if(!regex.test($('#password').val())) {
addError(event);
}
});
$('#password').focus(removeError);
$('#language-picker-dropdown').change(() => {
var redirectUrl = $('#language-picker-dropdown').val();
window.location.href = redirectUrl;
})
$('#agreeTerms').change((event) => {
if (!$('#agreeTerms').is(":checked")) {
$("#registerBtn").prop('disabled', true);
} else {
$("#registerBtn").prop('disabled', false);
$('#agreeTerms').val($.now());
setNickname();
}
});
});
......@@ -24,7 +24,7 @@
</#if>
</head>
<body class="my-login-page">
<body class="main-page">
<#nested "form">
......
parent=base
styles=css/bootstrap.min.css css/my-login.css font/css/font-awesome.min.css css/bootstrap-social.css
styles=css/bootstrap.min.css css/fairlogin.css font/css/font-awesome.min.css css/bootstrap-social.css
scripts=js/jquery.min.js js/popper.min.js js/bootstrap.min.js js/my-login.js
scripts=js/jquery.min.js js/popper.min.js js/bootstrap.min.js js/fairlogin.js
kcLogoLink=https://fairkom.net/
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment