IMPLEMENT: single index php shema; ADD: _login.php, _register.php, _headerSession.php, _home.php, _myFriendsBook.php, CHANGE: entryForm.php
This commit is contained in:
parent
fdd57cd033
commit
7312df615d
35
index.php
35
index.php
@ -20,6 +20,37 @@
|
||||
<body>
|
||||
<!-- Include the header-->
|
||||
<?php include('segments/_header.php'); ?>
|
||||
<?php #include('segments/_indexTestLoginVals.php'); ?><!-- For forms testing -->
|
||||
|
||||
<?php
|
||||
$page = '_404.html';
|
||||
$p = '';
|
||||
if(isset($_GET['page'])){$p = $_GET['page'];}
|
||||
|
||||
if($p == '' || $p == 'home'){$page = '_home.html';}
|
||||
if($p == 'newEntry'){$page = '_entryForm.php';}
|
||||
if($p == 'myFriendsBook'){$page = '_myFriendsBook.html';}
|
||||
if($p == 'login'){$page = '_login.php';}
|
||||
if($p == 'register'){$page = '_register.php';}
|
||||
|
||||
require_once('segments/'.$page)
|
||||
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content">
|
||||
<button id="btnCreateTan" type="button" class="btn btn-info">Erstelle Tan</button>
|
||||
@ -29,10 +60,8 @@
|
||||
</div>
|
||||
|
||||
<!-- Zum testen der Daten die ueber die Modals reinkommen -->
|
||||
<!-- <?php include('segments/_indexTestLoginVals.php'); ?> -->
|
||||
|
||||
<!-- Include the entryForm-->
|
||||
<?php include('segments/_entryForm.php'); ?>
|
||||
|
||||
|
||||
<!-- Include the footer-->
|
||||
<?php include('segments/_footer.html'); ?>
|
||||
|
||||
1
segments/_404.html
Normal file
1
segments/_404.html
Normal file
@ -0,0 +1 @@
|
||||
<h1>#ERROR: 404 site not found</h1>
|
||||
@ -39,12 +39,17 @@ function consumeTan($tanID) {
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<p></p>
|
||||
<!-- Container fuer entry form-->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="alert alert-dark" role="alert">
|
||||
<h4>Write a new entry for yor friend!</h4>
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
<form id="entry-form" action="index.php" method="post">
|
||||
<!-- Vorname-->
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
|
||||
@ -24,111 +24,28 @@
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||||
<a class="nav-link" href="index.php?page=home">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">SPACER</a>
|
||||
<a class="nav-link" href="index.php?page=newEntry">New Entry</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">SPACER</a>
|
||||
<a class="nav-link" href="index.php?page=myFriendsBook">My FriendsBook</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<div class="btn-group" role="group" aria-label="Basic example">
|
||||
<!-- Button trigger modal Login -->
|
||||
<button id="toggle-login" type="button" class="btn btn-secondary" data-toggle="modal" data-target="#login">
|
||||
<!-- Button Login -->
|
||||
<a class="btn btn-secondary" href="index.php?page=login" role="button">
|
||||
Login
|
||||
</button>
|
||||
</a>
|
||||
|
||||
<!-- Button trigger modal Register -->
|
||||
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#register">
|
||||
<!-- Button Register -->
|
||||
<a class="btn btn-secondary" href="index.php?page=register" role="button">
|
||||
Register
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Modal login-->
|
||||
<?php require("php/signin.php") ?>
|
||||
|
||||
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Login</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Login into your FriendsBook Account!
|
||||
<!--Login-->
|
||||
<form id="login-form" action="index.php" method="post">
|
||||
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Username</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="loginName" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Password</span>
|
||||
</div>
|
||||
<input type="password" class="form-control" name="loginPassword" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div id="login-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button id="btnLogin" type="submit" class="btn btn-primary">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal Register-->
|
||||
<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Register</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Join our Community now! #friends
|
||||
<!--Register-->
|
||||
<form id="create-form" action="index.php" method="post">
|
||||
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Username</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="registerName" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Password</span>
|
||||
</div>
|
||||
<input type="password" class="form-control" name="registerPassword" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">EmailAdress</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="registerMail" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
╭∩╮(ಠಠ)╭∩╮
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button id="btnCreate" type="submit" class="btn btn-primary">Create Account</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
44
segments/_headerSession.php
Normal file
44
segments/_headerSession.php
Normal file
@ -0,0 +1,44 @@
|
||||
<div>
|
||||
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner" style="height: 100px;">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block h-100" src="img/header_pink.png" alt="First slide">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block h-100" src="img/header_lime.png" alt="Second slide">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block h-100" src="img/header_blue.png" alt="Third slide">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
|
||||
<a class="navbar-brand" href="#">FriendsBook</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="index.php?page=home">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.php?page=newEntry">New Entry</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.php?page=myFriendsBook">My FriendsBook</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<div class="btn-group" role="group" aria-label="Basic example">
|
||||
<!-- Button Logout -->
|
||||
<button type="button" class="btn btn-secondary">Logout</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
<?php require("php/signin.php") ?>
|
||||
1
segments/_home.php
Normal file
1
segments/_home.php
Normal file
@ -0,0 +1 @@
|
||||
<h1>HOME SPACER</h1>
|
||||
30
segments/_login.php
Normal file
30
segments/_login.php
Normal file
@ -0,0 +1,30 @@
|
||||
<p></p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="alert alert-dark" role="alert">
|
||||
<h4> Login into your FriendsBook Account!</h4>
|
||||
</div>
|
||||
<hr />
|
||||
<!--Login-->
|
||||
<form id="login-form" action="index.php" method="post">
|
||||
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Username</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="loginName" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Password</span>
|
||||
</div>
|
||||
<input type="password" class="form-control" name="loginPassword" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<hr />
|
||||
<button id="btnLogin" type="submit" style="float: right;" class="btn btn-primary">Login</button>
|
||||
<div id="login-status"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- Ende container login -->
|
||||
1
segments/_myFriendsBook.php
Normal file
1
segments/_myFriendsBook.php
Normal file
@ -0,0 +1 @@
|
||||
<h1>MYFRIENDSBOOK SPACER</h1>
|
||||
36
segments/_register.php
Normal file
36
segments/_register.php
Normal file
@ -0,0 +1,36 @@
|
||||
<p></p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="alert alert-dark" role="alert">
|
||||
<h4> Register at FriendsBook now!</h4>
|
||||
</div>
|
||||
<hr />
|
||||
<!--Register-->
|
||||
<form id="create-form" action="index.php" method="post">
|
||||
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Username</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="registerName" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">Password</span>
|
||||
</div>
|
||||
<input type="password" class="form-control" name="registerPassword" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm">EmailAdress</span>
|
||||
</div>
|
||||
<input type="text" class="form-control" name="registerMail" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||
</div>
|
||||
<hr />
|
||||
╭∩╮(ಠಠ)╭∩╮
|
||||
<button id="btnCreate" type="submit" style="float: right;" class="btn btn-primary">Create Account</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- Ende container login -->
|
||||
Loading…
Reference in New Issue
Block a user