mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2026-05-16 20:27:16 +02:00
165 lines
7.1 KiB
HTML
Executable File
165 lines
7.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style>
|
|
/* Loading Spinner */
|
|
.spinner{margin:0;width:70px;height:18px;margin:-35px 0 0 -9px;position:absolute;top:50%;left:50%;text-align:center}.spinner > div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}
|
|
</style>
|
|
<meta charset="UTF-8">
|
|
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
|
<title> Login - CyberPanel </title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<!-- Favicons -->
|
|
{% load static %}
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/finalLoginPageCSS/allCss.css' %}">
|
|
|
|
<!-- HELPERS -->
|
|
|
|
<!-- ELEMENTS -->
|
|
|
|
<!-- ICONS -->
|
|
|
|
<!-- Admin theme -->
|
|
|
|
<!-- Components theme -->
|
|
|
|
<!-- JS Core -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-core.min.js' %}"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(window).load(function(){
|
|
setTimeout(function() {
|
|
$('#loading').fadeOut( 400, "linear" );
|
|
}, 300);
|
|
});
|
|
</script>
|
|
|
|
<!-- JS Ends -->
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="loading">
|
|
<div class="spinner">
|
|
<div class="bounce1"></div>
|
|
<div class="bounce2"></div>
|
|
<div class="bounce3"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<style type="text/css">
|
|
|
|
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 Ent<span class="opacity-80">v 1.7</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-model="password" type="password" class="form-control" id="password" placeholder="Password" required>
|
|
<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" class="form-control">
|
|
<option selected>English</option>
|
|
<option>Chinese</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>
|
|
</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>
|
|
</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> |