mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2026-01-20 22:42:09 +01:00
feature: new login page
This commit is contained in:
Usman Nasir
@@ -55,7 +55,7 @@ pre,pre code{white-space:pre-wrap}.clear,.form-row:after,.row:after{clear:both}.
|
||||
.search-choice-close:before,
|
||||
.ui-icon-closethick:before,
|
||||
.ui-dialog-titlebar-close:before,
|
||||
.icon-clock-os:before,
|
||||
.icon-clock-os:before,
|
||||
.icon-close:before {
|
||||
content: "\f00d";
|
||||
}
|
||||
@@ -1533,3 +1533,113 @@ pre,pre code{white-space:pre-wrap}.clear,.form-row:after,.row:after{clear:both}.
|
||||
.icon-meanpath:before {
|
||||
content: "\f20c";
|
||||
}
|
||||
|
||||
/*customized mzou*/
|
||||
.text-white {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mt-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.mt-30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.mr-10 {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mb-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.mb-30 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.ml-10 {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.my-10 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.my-20 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.my-30 {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mx-5 {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.mx-10 {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mx-20 {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.mx-30 {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.text-bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
.rounded {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
color: #f8f9fa;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: #f8f9fa;
|
||||
}
|
||||
.btn-outline-light:hover {
|
||||
color: #212529;
|
||||
background-color: #f8f9fa;
|
||||
border-color: #f8f9fa;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.hidden-md {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.img-thumbnail {
|
||||
padding: .25rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: .25rem;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.text-center-sm {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -91,6 +91,14 @@
|
||||
|
||||
<!-- JS Ends -->
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
@@ -102,123 +110,128 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
<div class>
|
||||
<div class="col-md-6 col-sm-12 hidden-md" style="background: #00007A;">
|
||||
<div class="row panel-body style=" padding-bottom: 0px;>
|
||||
<div class="col-lg-6 col-md-12 panel-body">
|
||||
<h2 class="text-transform-upr text-white my-30 text-bold">WEB HOSTING CONTROL PANEL
|
||||
</br/>FOR EVERYONE
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="center-vertical">
|
||||
<div class="center-content row">
|
||||
|
||||
<div class="col-md-8 col-lg-6 clearfix center-margin">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<h3 class="text-transform-upr font-size-17">CyberPanel <span class="opacity-80">v 1.9</span></h3>
|
||||
<p class="font-gray">Web Hosting Control Panel</p>
|
||||
<div class="divider"></div>
|
||||
<ul class="reset-ul">
|
||||
<li class="pad10A font-size-16">
|
||||
<i class="glyph-icon icon-camera mrg10R font-green"></i>
|
||||
LiteSpeed
|
||||
</li>
|
||||
<li class="pad10A font-size-16">
|
||||
<i class="glyph-icon icon-cog mrg10R font-red"></i>
|
||||
Multiple PHPs
|
||||
</li>
|
||||
<li class="pad10A font-size-16">
|
||||
<i class="glyph-icon icon-bullhorn mrg10R font-orange"></i>
|
||||
Request throttling.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="divider"></div>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<div ng-app="loginSystem" ng-controller="loginSystem" class="col-md-7">
|
||||
|
||||
<form id="loginForm" action="/">
|
||||
<div class="content-box">
|
||||
<h3 class="content-box-header content-box-header-alt bg-default">
|
||||
<span class="icon-separator">
|
||||
<i class="glyph-icon icon-cog"></i>
|
||||
</span>
|
||||
<span class="header-wrapper">
|
||||
Administrative area
|
||||
<small>Provide username and password to login.</small>
|
||||
</span>
|
||||
</h3>
|
||||
<div class="content-box-wrapper">
|
||||
<div class="form-group">
|
||||
|
||||
<div class="input-group">
|
||||
<input ng-model="username" type="text" class="form-control" name="username"
|
||||
placeholder="Enter username" required>
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-envelope-o"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-keypress="initiateLogin($event)" ng-model="password" type="password"
|
||||
class="form-control" id="password" placeholder="Password" required name="password">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-unlock-alt"></i>
|
||||
</span>
|
||||
</div>
|
||||
<img id="verifyingLogin" class="center-block"
|
||||
src="{% static 'images/loading.gif' %}">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<select ng-model="languageSelection" ng-init="languageSelection='english'"
|
||||
class="form-control">
|
||||
<option value="english">English</option>
|
||||
<option>Chinese</option>
|
||||
<option>Italian</option>
|
||||
<option>French</option>
|
||||
<option>Bulgarian</option>
|
||||
<option>Portuguese</option>
|
||||
<option>Japanese</option>
|
||||
<option>Bosnian</option>
|
||||
<option>Greek</option>
|
||||
<option>Russian</option>
|
||||
<option>Turkish</option>
|
||||
<option>Spanish</option>
|
||||
<option>Polish</option>
|
||||
<option>Vietnamese</option>
|
||||
<option>German</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<button type="button" ng-click="verifyLoginCredentials()"
|
||||
class="btn btn-success btn-block">Sign In
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div id="loginFailed" class="alert alert-danger">
|
||||
<p>Could Not Login, Error message: {$ errorMessage $}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</h2>
|
||||
<h4 class="text-white">Powered By OpenLiteSpeed/LiteSpeed Enterprise. Built For Speed, Security and
|
||||
Reliability.</h4>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 text-center panel-body">
|
||||
<img class="" src="/static/images/cyberpanel-banner-graphics.png" alt="" width="96%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row panel-body">
|
||||
<div class="row panel-body">
|
||||
<ul class="reset-ul">
|
||||
<li class="row my-30">
|
||||
<div class="col-lg-3 col-md-12 text-center">
|
||||
<img class="img-thumbnail mb-20" src="/static/images/new-design-list-websites-square.png" alt=""
|
||||
width="150">
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 mb-20">
|
||||
<h3 class="text-white mb-5">
|
||||
Change Logs
|
||||
</h3>
|
||||
<p class="text-white mt-10">
|
||||
Learn about new releases and features.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-12 text-center">
|
||||
<a href="https://go.cyberpanel.net/updates"
|
||||
target='_blank'>
|
||||
<button type="button" class="btn btn-outline-light mb-30 rounded mt-5">
|
||||
Learn More
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-app="loginSystem" ng-controller="loginSystem" class="col-md-6 col-sm-12" style="background: #ffffff;">
|
||||
<br/>
|
||||
<div>
|
||||
<form id="loginForm" action="/" class="col-md-8 col-md-offset-2">
|
||||
<h1 class="text-transform-upr text-center panel-body text-bold"
|
||||
style="padding-bottom: 0px; color: #33CCCC;">
|
||||
<img class="center-block text-center my-20" src="{% static 'images/cyber-panel-logo.svg' %}">
|
||||
CyberPanel
|
||||
<span class="opacity-80">v 1.9</span>
|
||||
</h1>
|
||||
<h4 class="text-muted text-center mb-10">Web Hosting Control Panel</h4>
|
||||
<div class="">
|
||||
<div class="mx-30">
|
||||
<div class="content-box-wrapper panel-body my-10 mx-30">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-model="username" type="text" class="form-control" name="username"
|
||||
placeholder="Enter username" required style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-envelope-o"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-keypress="initiateLogin($event)" ng-model="password" type="password"
|
||||
class="form-control" id="password" placeholder="Password" required
|
||||
name="password">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-unlock-alt"></i>
|
||||
</span>
|
||||
</div>
|
||||
<img id="verifyingLogin" class="center-block"
|
||||
src="{% static 'images/loading.gif' %}">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<select ng-model="languageSelection" ng-init="languageSelection='english'"
|
||||
class="form-control">
|
||||
<option value="english">English</option>
|
||||
<option>Chinese</option>
|
||||
<option>Italian</option>
|
||||
<option>French</option>
|
||||
<option>Bulgarian</option>
|
||||
<option>Portuguese</option>
|
||||
<option>Japanese</option>
|
||||
<option>Bosnian</option>
|
||||
<option>Greek</option>
|
||||
<option>Russian</option>
|
||||
<option>Turkish</option>
|
||||
<option>Spanish</option>
|
||||
<option>Polish</option>
|
||||
<option>Vietnamese</option>
|
||||
<option>German</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<button type="button" ng-click="verifyLoginCredentials()"
|
||||
class="btn btn-success btn-block">Sign In
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div id="loginFailed" class="alert alert-danger">
|
||||
<p>Could Not Login, Error message: {$ errorMessage $}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular.min.js"></script>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular-route.min.js"></script>
|
||||
<script src="{% static 'loginSystem/login-systen.js' %}"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
41
static/images/cyber-panel-logo.svg
Normal file
41
static/images/cyber-panel-logo.svg
Normal file
@@ -0,0 +1,41 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#B5D8F2" d="M29.999,15.916c0.864,0,1.731,0.084,2.59,0.244l-9.428-9.427c-0.087-0.086-0.154-0.188-0.211-0.295
|
||||
L1.095,28.292c-0.943,0.945-0.943,2.478,0,3.426l3.633,3.621c0.032-0.036,0.063-0.078,0.102-0.119l15.222-15.213
|
||||
C22.708,17.366,26.239,15.916,29.999,15.916z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#61D2B4" d="M34.723,14.808l2.766-2.123c0.541-0.428,1.098-0.635,1.694-0.635c0.899,0,1.741,0.515,2.146,1.311
|
||||
c0.007,0.016,0.014,0.033,0.021,0.047c0.243,0.506,0.517,1.541-0.383,2.71c-0.005,0.006-0.01,0.017-0.016,0.025l-2.159,2.737
|
||||
l1.218,1.215c3.249,3.279,4.688,8.016,3.849,12.55l9.564-9.567c0.045-0.048,0.094-0.083,0.148-0.12L31.713,1.1
|
||||
c-0.46-0.456-1.068-0.711-1.712-0.711S28.747,0.644,28.29,1.1l-3.684,3.687c0.113,0.051,0.217,0.114,0.302,0.205L34.723,14.808z"
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#61D2B4" d="M25.216,45.24l-2.725,2.096c-0.386,0.291-0.926,0.623-1.692,0.623c-0.004,0-0.005,0-0.007,0
|
||||
c-0.003,0-0.005,0-0.007,0c-0.039,0-0.079,0-0.123-0.01c-0.829-0.045-1.608-0.549-1.981-1.27c-0.006-0.02-0.02-0.045-0.025-0.063
|
||||
c-0.433-0.893-0.298-1.875,0.387-2.758l2.114-2.68l-1.304-1.303c-3.24-3.329-4.608-7.923-3.752-12.433l-9.528,9.519
|
||||
c-0.038,0.043-0.082,0.071-0.125,0.105l21.84,21.839c0.458,0.456,1.067,0.703,1.711,0.703s1.252-0.247,1.712-0.703l3.636-3.64
|
||||
c-0.131-0.058-0.255-0.141-0.363-0.251L25.216,45.24z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#B5D8F2" d="M58.904,28.292l-3.611-3.612c-0.038,0.048-0.077,0.102-0.121,0.144l-15.25,15.242
|
||||
c-2.66,2.643-6.19,4.103-9.951,4.103c-0.863,0-1.731-0.087-2.592-0.246l9.354,9.347c0.108,0.109,0.188,0.231,0.249,0.364
|
||||
l21.923-21.915C59.848,30.771,59.848,29.237,58.904,28.292z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#F5D10A" d="M39.402,14.922l-8.952,11.357l0.343,0.465c0.464,0.639,1.924,2.747,4.738,6.851
|
||||
c0.168,0.243,0.222,1.063-0.24,1.418L21.302,45.752c-0.223,0.166-0.351,0.229-0.502,0.229c-0.004,0-0.005-0.01-0.007-0.01
|
||||
c-0.003,0-0.003,0.01-0.007,0.01c-0.145-0.01-0.292-0.104-0.349-0.213c-0.047-0.094-0.142-0.293,0.158-0.685l8.935-11.333
|
||||
l-5.062-7.282c-0.322-0.457-0.214-1.129,0.239-1.476l14.001-10.753c0.24-0.189,0.37-0.214,0.475-0.214
|
||||
c0.163,0,0.317,0.098,0.386,0.233C39.664,14.459,39.614,14.639,39.402,14.922z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
BIN
static/images/cyberpanel-banner-graphics.png
Normal file
BIN
static/images/cyberpanel-banner-graphics.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/images/new-design-list-websites-square.png
Normal file
BIN
static/images/new-design-list-websites-square.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Reference in New Issue
Block a user