From 0fdf07c41fe051ea41f4032a760d65c6171f8e2b Mon Sep 17 00:00:00 2001 From: nielsengelen Date: Mon, 3 Jun 2019 16:26:36 +0200 Subject: [PATCH] Updated login screen Updated login screen Code clean up --- css/loginform.css | 134 --------------------------- css/style.css | 83 ++++++++++++++++- exchange.php | 29 +++++- includes/dashboard.php | 203 +++++++++++++++++++---------------------- includes/licensing.php | 93 +++++++------------ index.php | 162 +++++++++++++++++++++----------- js/veeam.js | 62 ------------- onedrive.php | 29 +++++- readme.md | 2 +- sharepoint.php | 28 ++++++ 10 files changed, 397 insertions(+), 428 deletions(-) delete mode 100644 css/loginform.css delete mode 100644 js/veeam.js diff --git a/css/loginform.css b/css/loginform.css deleted file mode 100644 index b19260e..0000000 --- a/css/loginform.css +++ /dev/null @@ -1,134 +0,0 @@ -.login-content { - background-image: url('../images/login.jpg'); - background-repeat: repeat-x; /* Horizontal repeat */ - background-repeat: repeat-y; /* Vertical repeat */ - background-size: cover; - bottom: auto !important; - height: 100%; - left: auto !important; - position: absolute; - right: auto !important; - text-align: center; - top: auto !important; - width: 100%; -} - -.form-top { - background: #444444; - background: rgba(0, 0, 0, 0.35); - -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; - padding: 0 25px 15px 25px; - text-align: left; -} -.form-top-left { - color: #fff; - float: left; - font-size: 66px; - line-height: 100px; - opacity: 0.8; - padding-top: 5px; - text-align: center; - width: 15%; -} -.form-top-right { - color: #fff; - margin-left: 10px; - padding-top: 25px; - width: 85%; -} -.form-top-right h3 { - color: #ffffff; - margin-top: 0; -} -.form-top-right p { - color: #ffffff; -} - -.form-bottom { - background: #444444; - background: rgba(0, 0, 0, 0.3); - -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; - padding: 25px 25px 30px 25px; - text-align: center; -} -.form-bottom form textarea { - height: 100px; -} -.form-bottom form input { - padding-left: 35px; -} - -input[type="text"], -input[type="password"], -textarea, textarea.form-control { - height: 50px; - margin: 0; - padding: 0 20px; - vertical-align: middle; - background: #ffffff; - border: 3px solid #ffffff; - font-family: 'Roboto', sans-serif; - font-size: 16px; - font-weight: 300; - line-height: 50px; - color: #888; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; - -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; -} -input[type="text"]:focus, -input[type="password"]:focus, -textarea:focus, textarea.form-control:focus { - outline: 0; - background: #ffffff; - border: 3px solid #ffffff; - -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -} - -input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, -textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { - color: #888; -} -input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, -textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { - color: #888; -} -input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, -textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { - color: #888; -} - -button.btn-login { - background: #54b948; - border: 0; - color: #ffffff; - font-weight: 300; - font-size: 16px; - height: 50px; - line-height: 50px; - margin: 0; - padding: 0 20px; - vertical-align: middle; - -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - text-shadow: none; - -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; - -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; -} -button.btn-login:hover { - color: #ffffff; - opacity: 0.6; -} -button.btn-login:active { - color: #ffffff; - opacity: 0.6; - outline: 0; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; -} -button.btn-login:focus { - background: #de615e; - color: #ffffff; - opacity: 0.6; - outline: 0; -} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 12fdec5..f6009ce 100644 --- a/css/style.css +++ b/css/style.css @@ -233,10 +233,6 @@ textarea.noresize { .btn-margin { margin-right: 10px; } -.container { - padding-top: 50px; - position: fixed; -} .errorClass { border: 1px solid red; } @@ -308,4 +304,83 @@ table.table-small { .zeroPadding { padding: 0 !important; background: #ffffff; +} + +/* Login form */ +.input-loginform { + height: 50px; + margin: 0; + padding: 0 40px; + vertical-align: middle; + background: #fff; + border: 1px solid #000; + font-family: 'Roboto', sans-serif; + font-size: 16px; + font-weight: 300; + line-height: 50px; + color: #888; + -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; + -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; + -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; +} +.input-loginform:focus { + outline: 0; + background: #fff; + border: 2px solid #000; + -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; +} +.input-loginform:-moz-placeholder { + color: #888; +} +.input-loginform:-ms-input-placeholder { + color: #888; +} +.input-loginform::-webkit-input-placeholder { + color: #888; +} + +.login-block { + background: #4c6e5e; + float: left; + width: 100%; + height: 100vh; + padding: 50px 0; +} +.banner-sec { + background: url("../images/login.jpg") no-repeat bottom; + background-size: cover; + min-height: 500px; + border-radius: 0 10px 10px 0; + padding: 0; +} +.login-container { + background: #fff; + border-radius: 10px; + box-shadow: 15px 20px 0px rgba(0,0,0,0.1); +} +.login-sec { + padding: 50px 30px; + position: relative; +} +.login-sec h2 { + margin-bottom: 30px; + font-weight: 800; + font-size: 30px; + color: #54b948; +} +.login-sec h2:after { + content: " "; + width: 100px; + height: 5px; + background: #cbeac8; + display: block; + margin-top: 20px; + border-radius: 3px; + margin-left: auto; + margin-right: auto; +} +.btn-login { + background: #54b948; + color: #fff; + font-weight:600; } \ No newline at end of file diff --git a/exchange.php b/exchange.php index 641db06..c51e88a 100644 --- a/exchange.php +++ b/exchange.php @@ -45,7 +45,6 @@ -
\ No newline at end of file diff --git a/includes/licensing.php b/includes/licensing.php index c26faf3..f6c6e31 100644 --- a/includes/licensing.php +++ b/includes/licensing.php @@ -98,24 +98,25 @@ - - - - -
- - - - - - - - - - - + + + - - '; + } + ?> + +
NameLicensedLast BackupObjects in backup
+
+ + + + + + + + + + + '; @@ -148,51 +149,19 @@ echo ''; echo ''; } - ?> - '; - echo ''; - echo ''; - echo ''; - echo ''; - echo ''; - }*/ - ?> - -
NameLicensedLast BackupObjects in backup
' . $usersort[$j]['name'] . ' (' . $users['results'][$j]['name'] . ')'; - if (strtolower($users['results'][$j]['licenseState']) == 'licensed') { echo 'Yes'; } else { echo 'No'; } - echo '' . date('d/m/Y H:i T', strtotime($users['results'][$j]['lastBackupDate'])) . ''; - if ($usersort[$j]['isMailboxBackedUp']) { - echo ' '; - } else { - echo ' '; - } - if ($usersort[$i]['isArchiveBackedUp']) { - echo ' '; - } else { - echo ' '; - } - if ($usersort[$i]['isOneDriveBackedUp']) { - echo ' '; - } else { - echo ' '; - } - if ($usersort[$i]['isPersonalSiteBackedUp']) { - echo ' '; - } else { - echo ' '; - } - echo '
-
-
No licensed users.
+
+ + + + } + ?> - - - - + - -
+ +
+
+ +
-
- + + + - -
+ diff --git a/js/veeam.js b/js/veeam.js deleted file mode 100644 index ab12a20..0000000 --- a/js/veeam.js +++ /dev/null @@ -1,62 +0,0 @@ -$(document).ready(function(e) { - /* Logout option */ - $('#logout').click(function(e) { - e.preventDefault(); - - const swalWithBootstrapButtons = Swal.mixin({ - confirmButtonClass: 'btn btn-success btn-margin', - cancelButtonClass: 'btn btn-danger', - buttonsStyling: false, - }) - - swalWithBootstrapButtons.fire({ - type: 'question', - title: 'Logout', - text: 'You are about to logout. Are you sure you want to continue?', - showCancelButton: true, - confirmButtonText: 'Yes', - cancelButtonText: 'No', - }).then((result) => { - if (result.value) { - $.post('index.php', {'logout' : true}, function(data) { - window.location.replace('index.php'); - }); - } else { - return; - } - }) - }); - - /* Dashboard menu handler */ - $('ul.menu li').click(function(e) { - var call = $(this).data('call'); - var id = this.id; - - if (typeof id === undefined || !id) { - return; - } - - if (call == 'dashboard') { - window.location.replace('index.php'); - } else { - $('#main').load('includes/' + call + '.php'); - } - }); - - /* Panels on admin dashboard */ - $('#jobspanel').click(function(e) { - $('#main').load('includes/jobs.php'); - }); - $('#licensingpanel').click(function(e) { - $('#main').load('includes/licensing.php'); - }); - $('#organizationspanel').click(function(e) { - $('#main').load('includes/organizations.php'); - }); - $('#proxiespanel').click(function(e) { - $('#main').load('includes/proxies.php'); - }); - $('#repositoriespanel').click(function(e) { - $('#main').load('includes/repositories.php'); - }); -}); \ No newline at end of file diff --git a/onedrive.php b/onedrive.php index cd850d6..ee7f153 100644 --- a/onedrive.php +++ b/onedrive.php @@ -45,7 +45,6 @@ -