moved website folder
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
.hideit{
|
||||
display:none;
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
/* Made with love by Mutiullah Samim*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Numans');
|
||||
|
||||
html,body{
|
||||
background-image: url('../rsc/login2.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-family: 'Numans', sans-serif;
|
||||
}
|
||||
|
||||
.container{
|
||||
height: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.card{
|
||||
height: 370px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
width: 400px;
|
||||
background-color: rgba(0,0,0,0.5) !important;
|
||||
}
|
||||
|
||||
.social_icon span{
|
||||
font-size: 60px;
|
||||
margin-left: 10px;
|
||||
color: #FFC312;
|
||||
}
|
||||
|
||||
.social_icon span:hover{
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card-header h3{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.social_icon{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
.input-group-prepend span{
|
||||
width: 50px;
|
||||
background-color: #FFC312;
|
||||
color: black;
|
||||
border:0 !important;
|
||||
}
|
||||
|
||||
input:focus{
|
||||
outline: 0 0 0 0 !important;
|
||||
box-shadow: 0 0 0 0 !important;
|
||||
|
||||
}
|
||||
|
||||
.remember{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.remember input
|
||||
{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 15px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.login_btn{
|
||||
color: black;
|
||||
background-color: #FFC312;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.login_btn:hover{
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.links{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.links a{
|
||||
margin-left: 4px;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
html,body{
|
||||
background-image: url('../rsc/login2.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-family: 'Numans', sans-serif;
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
/* Made with love by Mutiullah Samim*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Numans');
|
||||
|
||||
html,body{
|
||||
background-image: url('../rsc/login2.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-family: 'Numans', sans-serif;
|
||||
}
|
||||
|
||||
.container{
|
||||
height: 100%;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.card{
|
||||
height: 470px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
width: 400px;
|
||||
background-color: rgba(0,0,0,0.5) !important;
|
||||
}
|
||||
|
||||
.social_icon span{
|
||||
font-size: 60px;
|
||||
margin-left: 10px;
|
||||
color: #FFC312;
|
||||
}
|
||||
|
||||
.social_icon span:hover{
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card-header h3{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.social_icon{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: -45px;
|
||||
}
|
||||
|
||||
.input-group-prepend span{
|
||||
width: 50px;
|
||||
background-color: #FFC312;
|
||||
color: black;
|
||||
border:0 !important;
|
||||
}
|
||||
|
||||
input:focus{
|
||||
outline: 0 0 0 0 !important;
|
||||
box-shadow: 0 0 0 0 !important;
|
||||
|
||||
}
|
||||
|
||||
.remember{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.remember input
|
||||
{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 15px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.login_btn{
|
||||
color: black;
|
||||
background-color: #FFC312;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.login_btn:hover{
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.links{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.links a{
|
||||
margin-left: 4px;
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
html,body{
|
||||
background-image: url('../rsc/login2.jpg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-family: 'Numans', sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.optionsarray{
|
||||
margin-left: 20mm;
|
||||
margin-top: 20mm;
|
||||
}
|
||||
|
||||
.create-table{
|
||||
background-color: rgba(0,0,0,0.5) !important;
|
||||
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
|
||||
color: #FFFFFF;
|
||||
|
||||
}
|
||||
|
||||
.create-table-window-toolpane{
|
||||
height: 50px;
|
||||
background-color: rgba(0,0,0,0.5) !important;
|
||||
}
|
||||
|
||||
.exit-icon{
|
||||
color: #FF0000;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.create-table-title{
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
height: 100%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.create-table-window-bottom{
|
||||
bottom: 0;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
background-color: rgba(1,0,0,0.3) !important;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.create-table-window-content{
|
||||
overflow:scroll;
|
||||
}
|
||||
|
||||
.create-table-window-settings{
|
||||
margin-left: 7%;
|
||||
margin-top: 1%;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Login Page</title>
|
||||
<!--Made with love by Mutiullah Samim -->
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
<!-- Popper JS -->
|
||||
<script src="lib/popper.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
<!--Custom styles-->
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
|
||||
<script type="text/javascript" src="js/index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="d-flex justify-content-center h-100">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Sign In</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="username" id="userfield">
|
||||
|
||||
</div>
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="password" id="passfield">
|
||||
</div>
|
||||
<div class="row align-items-center remember">
|
||||
<input type="checkbox">Remember Me
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Login" class="btn float-right login_btn" id="loginbtn">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="d-flex justify-content-center links">
|
||||
Don't have an account?<a href="register.html">Sign Up</a>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center">
|
||||
<a href="#">Forgot your password?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
$(document).ready(function() {
|
||||
$('#loginbtn').click(function(e) {
|
||||
e.preventDefault();
|
||||
console.log("clicked login button");
|
||||
var username = $("#userfield")[0].value;
|
||||
var password = $("#passfield")[0].value;
|
||||
|
||||
$.post('/senddata/loginget','username='+username+'&password='+password,function(data){
|
||||
|
||||
console.log(data);
|
||||
if (data.accept == true) {
|
||||
console.log("successfully logged in!");
|
||||
document.cookie = "username="+username;
|
||||
window.location = 'settings.html';
|
||||
}
|
||||
},'json');
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,2 @@
|
||||
$(document).ready(function() {
|
||||
});
|
||||
@@ -0,0 +1,37 @@
|
||||
$(document).ready(function() {
|
||||
$('#loginbtn').click(function(e) {
|
||||
e.preventDefault();
|
||||
console.log("clicked login button");
|
||||
var username = $("#usernamefield")[0].value;
|
||||
var firstname = $("#firstnamefield")[0].value;
|
||||
var lastname = $("#lastnamefield")[0].value;
|
||||
var email = $("#emailfield")[0].value;
|
||||
var password = $("#passfield")[0].value;
|
||||
var replypassword = $("#replpassfield")[0].value;
|
||||
|
||||
if (password != replypassword) {
|
||||
console.log("passwords doesnt match");
|
||||
}else {
|
||||
$.post('/senddata/registerpost','username='+username+
|
||||
'&firstname='+firstname+
|
||||
'&lastname='+lastname+
|
||||
'&email='+email+
|
||||
'&password='+password,function(data){
|
||||
|
||||
console.log(data);
|
||||
|
||||
if (data.accept == true) {
|
||||
console.log("successfully registered!");
|
||||
$("#successbar").show();
|
||||
|
||||
setTimeout(function() {
|
||||
window.location = 'index.html';
|
||||
},3000);
|
||||
}else {
|
||||
console.log("error!");
|
||||
$("#errorbar").show();
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,29 @@
|
||||
$(document).ready(function() {
|
||||
//check login state
|
||||
console.log("page loaded");
|
||||
$.post('/senddata/checkloginstate','action=getloginstate',function(data){
|
||||
console.log(data);
|
||||
if (data.loggedin == true) {
|
||||
$("#userlabel").html(" "+data.username);
|
||||
}else{
|
||||
$("#userlabel").html(" not logged in!!");
|
||||
}
|
||||
},'json');
|
||||
|
||||
|
||||
|
||||
$('#logoutbtn').click(function() {
|
||||
$.post('/senddata/checkloginstate','action=logout',function(data){
|
||||
console.log(data);
|
||||
},'json');
|
||||
});
|
||||
|
||||
$('#addnewtable-btn').click(function() {
|
||||
console.log("clicked");
|
||||
$('.create-table').show();
|
||||
});
|
||||
|
||||
$('.exit-icon').click(function() {
|
||||
$('.create-table').hide();
|
||||
});
|
||||
});
|
||||
+7
File diff suppressed because one or more lines are too long
+7
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+5
File diff suppressed because one or more lines are too long
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
<!-- Popper JS -->
|
||||
<script src="lib/popper.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/profile.css">
|
||||
<script type="text/javascript" src="js/profile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||||
<div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="settings.html">Settings</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="profile.html">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mx-auto order-0">
|
||||
<a class="navbar-brand mx-auto" href="#">Profile</a>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"> lheilige</i></span>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary">Logout</button>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<!-- .card -->
|
||||
<div class="card card-fluid">
|
||||
<h6 class="card-header"> Account Info</h6>
|
||||
<!-- .card-body -->
|
||||
<div class="card-body">
|
||||
<!-- form -->
|
||||
<form method="post">
|
||||
<!-- form row -->
|
||||
<div class="form-row">
|
||||
<!-- form column -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="input01">First Name</label>
|
||||
<input type="text" class="form-control" id="input01" value="Max" required=""></div>
|
||||
<!-- /form column -->
|
||||
<!-- form column -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="input02">Last Name</label>
|
||||
<input type="text" class="form-control" id="input02" value="Mustermann" required=""></div>
|
||||
<!-- /form column -->
|
||||
</div>
|
||||
<!-- /form row -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input03">Email</label>
|
||||
<input type="email" class="form-control" id="input03" value="Max@Musterman.com" required=""></div>
|
||||
<!-- /.form-group -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input04">New Password</label>
|
||||
<input type="password" class="form-control" id="input04" value="secret" required=""></div>
|
||||
<!-- /.form-group -->
|
||||
<!-- .form-group -->
|
||||
<div class="form-group">
|
||||
<label for="input05">Username</label>
|
||||
<input type="text" class="form-control" id="input05" value="bent10" required="">
|
||||
</div>
|
||||
<!-- /.form-group -->
|
||||
<hr>
|
||||
<!-- .form-actions -->
|
||||
<div class="form-actions">
|
||||
<!-- enable submit btn when user type their current password -->
|
||||
<input type="password" class="form-control ml-auto mr-3" id="input06"
|
||||
placeholder="Enter Current Password" required="">
|
||||
<button type="submit" class="btn btn-primary" disabled="">Update Account</button>
|
||||
</div>
|
||||
<!-- /.form-actions -->
|
||||
</form>
|
||||
<!-- /form -->
|
||||
</div>
|
||||
<!-- /.card-body -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Login Page</title>
|
||||
<!--Made with love by Mutiullah Samim -->
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
<!-- Popper JS -->
|
||||
<script src="lib/popper.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
<!--Custom styles-->
|
||||
<link rel="stylesheet" type="text/css" href="css/register.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/general.css">
|
||||
|
||||
<script type="text/javascript" src="js/register.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="successbar" class="alert alert-success hideit">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
<div id="errorbar" class="alert alert-danger hideit">
|
||||
<strong>Success!</strong> Indicates a successful or positive action.
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center h-100">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Register</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="username" id="usernamefield">
|
||||
</div>
|
||||
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="first name" id="firstnamefield">
|
||||
</div>
|
||||
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-user"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="last name" id="lastnamefield">
|
||||
</div>
|
||||
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-at"></i></span>
|
||||
</div>
|
||||
<input type="text" class="form-control" placeholder="E-Mail" id="emailfield">
|
||||
</div>
|
||||
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="password" id="passfield">
|
||||
</div>
|
||||
|
||||
<div class="input-group form-group">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i class="fas fa-key"></i></span>
|
||||
</div>
|
||||
<input type="password" class="form-control" placeholder="Reply password" id="replpassfield">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<input type="submit" value="Register" class="btn float-right login_btn" id="loginbtn">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 536 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
@@ -0,0 +1,189 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||||
|
||||
<!--Fontawesome CDN-->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
|
||||
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
||||
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="lib/jquery.min.js"></script>
|
||||
|
||||
<!-- Popper JS -->
|
||||
<script src="lib/popper.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="lib/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Date-Picker Plugin -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/settings.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/general.css">
|
||||
|
||||
<script type="text/javascript" src="js/settings.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||||
<div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="settings.html">Settings</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="profile.html">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mx-auto order-0">
|
||||
<a class="navbar-brand mx-auto" href="#">Profile</a>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text"><i id="userlabel" class="fas fa-user"> lheilige</i></span>
|
||||
</div>
|
||||
<button type="button" id="logoutbtn" class="btn btn-primary">Logout</button>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<button type="button" id="addnewtable-btn" class="btn btn-primary" name="button">click me to add new table</button>
|
||||
|
||||
<div class="create-table hideit">
|
||||
<div class="create-table-window-toolpane">
|
||||
<div class="fas fa-times-circle fa-2x exit-icon"></div>
|
||||
|
||||
<div class="create-table-title">Add new Table</div>
|
||||
</div>
|
||||
<div class="create-table-window-content">
|
||||
<div class="create-table-window-settings">
|
||||
|
||||
<form>
|
||||
<h4>General options:</h4>
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="customSwitch1">
|
||||
<label class="custom-control-label" for="customSwitch1">Notify Led-Board</label>
|
||||
</div>
|
||||
<div class="form-group" style="margin-top: 15px; width: 30%;">
|
||||
<label for="exampleInputEmail1">Table Name</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter Table Name">
|
||||
<small id="emailHelp" class="form-text text-muted">Please try to use no special characters</small>
|
||||
</div>
|
||||
<div class="form-group" style="width: 30%;">
|
||||
<label for="exampleInputEmail1">City/Village name</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter City name here">
|
||||
<small id="emailHelp" class="form-text text-muted">Please try to use no special characters</small>
|
||||
</div>
|
||||
|
||||
<h4>Add Data:</h4>
|
||||
<div class="input-group mt-3 mb-3" style="width: 50%;">
|
||||
<div class="input-group-prepend">
|
||||
<button type="button" class="btn btn-outline-light dropdown-toggle" data-toggle="dropdown">
|
||||
Select waste type
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Plastic</a>
|
||||
<a class="dropdown-item" href="#">Metal</a>
|
||||
<a class="dropdown-item" href="#">residual waste</a>
|
||||
<a class="dropdown-item" href="#">biowaste</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input style="width: 50px;" class="form-control" id="date" name="date" placeholder="MM/DD/YYY" type="text"/>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
var date_input=$('input[name="date"]'); //our date input has the name "date"
|
||||
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
|
||||
var options={
|
||||
format: 'mm/dd/yyyy',
|
||||
container: container,
|
||||
todayHighlight: true,
|
||||
autoclose: true,
|
||||
};
|
||||
date_input.datepicker(options);
|
||||
})
|
||||
</script>
|
||||
|
||||
<input type="text" class="form-control" placeholder="Region">
|
||||
<button type="button" class="btn btn-success" style="float:right;">Add to list</button>
|
||||
</div>
|
||||
|
||||
<h4>Your Data:</h4>
|
||||
<table class="table table-dark table-hover" style="width: 50%;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Firstname</th>
|
||||
<th>Lastname</th>
|
||||
<th>Email</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>John</td>
|
||||
<td>Doe</td>
|
||||
<td>john@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mary</td>
|
||||
<td>Moe</td>
|
||||
<td>mary@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>July</td>
|
||||
<td>Dooley</td>
|
||||
<td>july@example.com</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="create-table-window-bottom">
|
||||
<button type="button" class="btn btn-success" style="float:right;">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user