DockerImages
/
SiDoMan
1
0
Fork 0
Code Releases Activity

add new login form

This commit is contained in:
Christopher 2020-10-23 23:04:33 +02:00
parent 2d48875bc4
commit 4a04614837
3 changed files with 212 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/dashboard.php
View File

@ -15,8 +15,6 @@ if(isset($_SESSION['LOGIN']))
if($container == NULL)
die("unknown container");
//print_r($container);
$logOutput = $dockerClient->getContainerLogs($_SESSION['CONTAINER']);

212
style/default/login-register.html Normal file
View File

@ -0,0 +1,212 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Login Register | Notika - Notika Admin Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- font awesome CSS
============================================ -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- owl.carousel CSS
============================================ -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<!-- animate CSS
============================================ -->
<link rel="stylesheet" href="css/animate.css">
<!-- normalize CSS
============================================ -->
<link rel="stylesheet" href="css/normalize.css">
<!-- mCustomScrollbar CSS
============================================ -->
<link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
<!-- wave CSS
============================================ -->
<link rel="stylesheet" href="css/wave/waves.min.css">
<!-- Notika icon CSS
============================================ -->
<link rel="stylesheet" href="css/notika-custom-icon.css">
<!-- main CSS
============================================ -->
<link rel="stylesheet" href="css/main.css">
<!-- style CSS
============================================ -->
<link rel="stylesheet" href="style.css">
<!-- responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
<!-- modernizr JS
============================================ -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Login Register area Start-->
<div class="login-content">
<!-- Login -->
<div class="nk-block toggled" id="l-login">
<div class="nk-form">
<div class="input-group">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-support"></i></span>
<div class="nk-int-st">
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
<div class="input-group mg-t-15">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-edit"></i></span>
<div class="nk-int-st">
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
<div class="fm-checkbox">
<label><input type="checkbox" class="i-checks"> <i></i> Keep me signed in</label>
</div>
<a href="#l-register" data-ma-action="nk-login-switch" data-ma-block="#l-register" class="btn btn-login btn-success btn-float"><i class="notika-icon notika-right-arrow right-arrow-ant"></i></a>
</div>
<div class="nk-navigation nk-lg-ic">
<a href="#" data-ma-action="nk-login-switch" data-ma-block="#l-register"><i class="notika-icon notika-plus-symbol"></i> <span>Register</span></a>
<a href="#" data-ma-action="nk-login-switch" data-ma-block="#l-forget-password"><i>?</i> <span>Forgot Password</span></a>
</div>
</div>
<!-- Register -->
<div class="nk-block" id="l-register">
<div class="nk-form">
<div class="input-group">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-support"></i></span>
<div class="nk-int-st">
<input type="text" class="form-control" placeholder="Username">
</div>
</div>
<div class="input-group mg-t-15">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-mail"></i></span>
<div class="nk-int-st">
<input type="text" class="form-control" placeholder="Email Address">
</div>
</div>
<div class="input-group mg-t-15">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-edit"></i></span>
<div class="nk-int-st">
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
<a href="#l-login" data-ma-action="nk-login-switch" data-ma-block="#l-login" class="btn btn-login btn-success btn-float"><i class="notika-icon notika-right-arrow"></i></a>
</div>
<div class="nk-navigation rg-ic-stl">
<a href="#" data-ma-action="nk-login-switch" data-ma-block="#l-login"><i class="notika-icon notika-right-arrow"></i> <span>Sign in</span></a>
<a href="" data-ma-action="nk-login-switch" data-ma-block="#l-forget-password"><i>?</i> <span>Forgot Password</span></a>
</div>
</div>
<!-- Forgot Password -->
<div class="nk-block" id="l-forget-password">
<div class="nk-form">
<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus. Curabitur commodo lorem fringilla enim feugiat commodo sed ac lacus.</p>
<div class="input-group">
<span class="input-group-addon nk-ic-st-pro"><i class="notika-icon notika-mail"></i></span>
<div class="nk-int-st">
<input type="text" class="form-control" placeholder="Email Address">
</div>
</div>
<a href="#l-login" data-ma-action="nk-login-switch" data-ma-block="#l-login" class="btn btn-login btn-success btn-float"><i class="notika-icon notika-right-arrow"></i></a>
</div>
<div class="nk-navigation nk-lg-ic rg-ic-stl">
<a href="" data-ma-action="nk-login-switch" data-ma-block="#l-login"><i class="notika-icon notika-right-arrow"></i> <span>Sign in</span></a>
<a href="" data-ma-action="nk-login-switch" data-ma-block="#l-register"><i class="notika-icon notika-plus-symbol"></i> <span>Register</span></a>
</div>
</div>
</div>
<!-- Login Register area End-->
<!-- jquery
============================================ -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- price-slider JS
============================================ -->
<script src="js/jquery-price-slider.js"></script>
<!-- owl.carousel JS
============================================ -->
<script src="js/owl.carousel.min.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/meanmenu/jquery.meanmenu.js"></script>
<!-- counterup JS
============================================ -->
<script src="js/counterup/jquery.counterup.min.js"></script>
<script src="js/counterup/waypoints.min.js"></script>
<script src="js/counterup/counterup-active.js"></script>
<!-- mCustomScrollbar JS
============================================ -->
<script src="js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<!-- sparkline JS
============================================ -->
<script src="js/sparkline/jquery.sparkline.min.js"></script>
<script src="js/sparkline/sparkline-active.js"></script>
<!-- flot JS
============================================ -->
<script src="js/flot/jquery.flot.js"></script>
<script src="js/flot/jquery.flot.resize.js"></script>
<script src="js/flot/flot-active.js"></script>
<!-- knob JS
============================================ -->
<script src="js/knob/jquery.knob.js"></script>
<script src="js/knob/jquery.appear.js"></script>
<script src="js/knob/knob-active.js"></script>
<!-- Chat JS
============================================ -->
<script src="js/chat/jquery.chat.js"></script>
<!-- wave JS
============================================ -->
<script src="js/wave/waves.min.js"></script>
<script src="js/wave/wave-active.js"></script>
<!-- icheck JS
============================================ -->
<script src="js/icheck/icheck.min.js"></script>
<script src="js/icheck/icheck-active.js"></script>
<!-- todo JS
============================================ -->
<script src="js/todo/jquery.todo.js"></script>
<!-- Login JS
============================================ -->
<script src="js/login/login-action.js"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
</body>
</html>

76
style/login/login.html
View File

@ -1,76 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="./style/login/vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/vendor/animate/animate.css">
<link rel="stylesheet" type="text/css" href="./style/login/vendor/css-hamburgers/hamburgers.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/vendor/animsition/css/animsition.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/vendor/select2/select2.min.css">
<link rel="stylesheet" type="text/css" href="./style/login/vendor/daterangepicker/daterangepicker.css">
<link rel="stylesheet" type="text/css" href="./style/login/css/util.css">
<link rel="stylesheet" type="text/css" href="./style/login/css/main.css">
<link href="./style/4Creative.ico" rel="icon">
<link href="./style/4Creative.ico" rel="apple-touch-icon">
</head>
<body>
<div class="limiter">
<div class="container-login100">
<div class="wrap-login100 p-t-50 p-b-90">
<form class="login100-form validate-form flex-sb flex-w" action="index.php?page=%%PAGENAME%%" method="post">
<span class="login100-form-title p-b-51">
Login
</span>
<div class="flex-sb-m w-full p-t-3 p-b-24" style="color: red;">
%%LOGINMESSAGE%%
</div>
<div class="wrap-input100 validate-input m-b-16" data-validate="Bitte gebe dein Benutzernamen an.">
<input class="input100" type="text" name="username" value="%%LASTUSERNAME%%" placeholder="Benutzername">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-16" data-validate="Bitte gebe dein Passwort ein.">
<input class="input100" type="password" name="password" placeholder="Passwort">
<span class="focus-input100"></span>
</div>
<div class="flex-sb-m w-full p-t-3 p-b-24">
<div>
</div>
<div>
<a href="#" class="txt1">Passwort Vergessen?</a>
</div>
</div>
<div class="container-login100-form-btn m-t-17">
<button class="login100-form-btn" name="login">
Anmelden
</button>
</div>
</form>
</div>
</div>
</div>
<div id="dropDownSelect1"></div>
<script src="./style/login/vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="./style/login/vendor/animsition/js/animsition.min.js"></script>
<script src="./style/login/vendor/bootstrap/js/popper.js"></script>
<script src="./style/login/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="./style/login/vendor/select2/select2.min.js"></script>
<script src="./style/login/vendor/daterangepicker/moment.min.js"></script>
<script src="./style/login/vendor/daterangepicker/daterangepicker.js"></script>
<script src="./style/login/vendor/countdowntime/countdowntime.js"></script>
<script src="./style/login/js/main.js"></script>
</body>
</html>