mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2026-06-13 07:30:11 +02:00
360 lines
20 KiB
HTML
Executable File
360 lines
20 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 - CyberCP </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="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'baseTemplate/assets/images/icons/apple-touch-icon-144-precomposed.png' %}">
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'baseTemplate/assets/images/icons/apple-touch-icon-114-precomposed.png' %}">
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'baseTemplate/assets/images/icons/apple-touch-icon-72-precomposed.png' %}">
|
|
<link rel="apple-touch-icon-precomposed" href="{% static 'baseTemplate/assets/images/icons/apple-touch-icon-57-precomposed.png' %}">
|
|
<link rel="shortcut icon" href="{% static 'baseTemplate/assets/images/icons/favicon.png' %}">
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/bootstrap/css/bootstrap.css' %}">
|
|
|
|
|
|
<!-- HELPERS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/animate.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/backgrounds.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/boilerplate.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/border-radius.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/grid.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/page-transitions.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/spacing.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/typography.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/utils.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/colors.css' %}">
|
|
|
|
<!-- ELEMENTS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/badges.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/buttons.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/content-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/dashboard-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/forms.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/images.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/info-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/invoice.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/loading-indicators.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/menus.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/panel-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/response-messages.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/responsive-tables.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/ribbon.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/social-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/tables.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/tile-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/elements/timeline.css' %}">
|
|
|
|
|
|
|
|
<!-- ICONS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/icons/fontawesome/fontawesome.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/icons/linecons/linecons.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/icons/spinnericon/spinnericon.css' %}">
|
|
|
|
|
|
<!-- WIDGETS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/accordion-ui/accordion.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/calendar/calendar.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/carousel/carousel.css' %}">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/charts/justgage/justgage.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/charts/morris/morris.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/charts/piegage/piegage.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/charts/xcharts/xcharts.css' %}">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/chosen/chosen.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/colorpicker/colorpicker.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/datatable/datatable.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/datepicker/datepicker.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/datepicker-ui/datepicker.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/daterangepicker/daterangepicker.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/dialog/dialog.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/dropdown/dropdown.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/dropzone/dropzone.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/file-input/fileinput.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/input-switch/inputswitch.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/input-switch/inputswitch-alt.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/ionrangeslider/ionrangeslider.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/jcrop/jcrop.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/jgrowl-notifications/jgrowl.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/loading-bar/loadingbar.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/maps/vector-maps/vectormaps.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/markdown/markdown.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/modal/modal.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/multi-select/multiselect.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/multi-upload/fileupload.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/nestable/nestable.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/noty-notifications/noty.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/popover/popover.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/pretty-photo/prettyphoto.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/progressbar/progressbar.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/range-slider/rangeslider.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/slidebars/slidebars.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/slider-ui/slider.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/summernote-wysiwyg/summernote-wysiwyg.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/tabs-ui/tabs.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/theme-switcher/themeswitcher.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/timepicker/timepicker.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/tocify/tocify.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/tooltip/tooltip.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/touchspin/touchspin.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/uniform/uniform.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/wizard/wizard.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/widgets/xeditable/xeditable.css' %}">
|
|
|
|
<!-- SNIPPETS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/chat.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/files-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/login-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/notification-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/progress-box.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/todo.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/user-profile.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/snippets/mobile-navigation.css' %}">
|
|
|
|
<!-- APPLICATIONS -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/applications/mailbox.css' %}">
|
|
|
|
<!-- Admin theme -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/themes/admin/layout.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/themes/admin/color-schemes/default.css' %}">
|
|
|
|
<!-- Components theme -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/themes/components/default.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/themes/components/border-radius.css' %}">
|
|
|
|
<!-- Admin responsive -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/responsive-elements.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/helpers/admin-responsive.css' %}">
|
|
|
|
<!-- JS Core -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-core.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-ui-core.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-ui-widget.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-ui-mouse.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-ui-position.js' %}"></script>
|
|
<!--<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/transition.js' %}"></script>-->
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/modernizr.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-cookie.js' %}"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(window).load(function(){
|
|
setTimeout(function() {
|
|
$('#loading').fadeOut( 400, "linear" );
|
|
}, 300);
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
</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">CyberCP <span class="opacity-80">v0.1</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 Webserver
|
|
</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>Provider 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>
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
<!-- WIDGETS -->
|
|
|
|
|
|
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
|
|
<script src="{% static 'loginSystem/login-system.js' %}"></script>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/bootstrap/js/bootstrap.js' %}"></script>
|
|
|
|
<!-- Bootstrap Dropdown -->
|
|
|
|
<!-- <script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/dropdown/dropdown.js' %}"></script> -->
|
|
|
|
<!-- Bootstrap Tooltip -->
|
|
|
|
<!-- <script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/tooltip/tooltip.js' %}"></script> -->
|
|
|
|
<!-- Bootstrap Popover -->
|
|
|
|
<!-- <script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/popover/popover.js' %}"></script> -->
|
|
|
|
<!-- Bootstrap Progress Bar -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/progressbar/progressbar.js' %}"></script>
|
|
|
|
<!-- Bootstrap Buttons -->
|
|
|
|
<!-- <script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/button/button.js' %}"></script> -->
|
|
|
|
<!-- Bootstrap Collapse -->
|
|
|
|
<!-- <script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/collapse/collapse.js' %}"></script> -->
|
|
|
|
<!-- Superclick -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/superclick/superclick.js' %}"></script>
|
|
|
|
<!-- Input switch alternate -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/input-switch/inputswitch-alt.js' %}"></script>
|
|
|
|
<!-- Slim scroll -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/slimscroll/slimscroll.js' %}"></script>
|
|
|
|
<!-- Slidebars -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/slidebars/slidebars.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/slidebars/slidebars-demo.js' %}"></script>
|
|
|
|
<!-- PieGage -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/charts/piegage/piegage.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/charts/piegage/piegage-demo.js' %}"></script>
|
|
|
|
<!-- Screenfull -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/screenfull/screenfull.js' %}"></script>
|
|
|
|
<!-- Content box -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/content-box/contentbox.js' %}"></script>
|
|
|
|
<!-- Overlay -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/overlay/overlay.js' %}"></script>
|
|
|
|
<!-- Widgets init for demo -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-init/widgets-init.js' %}"></script>
|
|
|
|
<!-- Theme layout -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/themes/admin/layout.js' %}"></script>
|
|
|
|
<!-- Theme switcher -->
|
|
|
|
<script type="text/javascript" src="{% static 'baseTemplate/assets/widgets/theme-switcher/themeswitcher.js' %}"></script>
|
|
|
|
</body>
|
|
</html>
|