IMPLEMENT: single index php shema; ADD: _login.php, _register.php, _headerSession.php, _home.php, _myFriendsBook.php, CHANGE: entryForm.php

This commit is contained in:
the_kellner 2018-06-17 20:12:19 +02:00
parent fdd57cd033
commit 7312df615d
9 changed files with 160 additions and 96 deletions

View File

@ -20,6 +20,37 @@
<body> <body>
<!-- Include the header--> <!-- Include the header-->
<?php include('segments/_header.php'); ?> <?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"> <div id="content">
<button id="btnCreateTan" type="button" class="btn btn-info">Erstelle Tan</button> <button id="btnCreateTan" type="button" class="btn btn-info">Erstelle Tan</button>
@ -29,10 +60,8 @@
</div> </div>
<!-- Zum testen der Daten die ueber die Modals reinkommen --> <!-- 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--> <!-- Include the footer-->
<?php include('segments/_footer.html'); ?> <?php include('segments/_footer.html'); ?>

1
segments/_404.html Normal file
View File

@ -0,0 +1 @@
<h1>#ERROR: 404 site not found</h1>

View File

@ -39,12 +39,17 @@ function consumeTan($tanID) {
} }
?> ?>
<p></p>
<!-- Container fuer entry form--> <!-- Container fuer entry form-->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <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"> <form id="entry-form" action="index.php" method="post">
<!-- Vorname--> <!-- Vorname-->
<div class="input-group input-group-sm mb-3"> <div class="input-group input-group-sm mb-3">

View File

@ -24,111 +24,28 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <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>
<li class="nav-item"> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">SPACER</a> <a class="nav-link" href="index.php?page=myFriendsBook">My FriendsBook</a>
</li> </li>
</ul> </ul>
<form class="form-inline my-2 my-lg-0"> <form class="form-inline my-2 my-lg-0">
<div class="btn-group" role="group" aria-label="Basic example"> <div class="btn-group" role="group" aria-label="Basic example">
<!-- Button trigger modal Login --> <!-- Button Login -->
<button id="toggle-login" type="button" class="btn btn-secondary" data-toggle="modal" data-target="#login"> <a class="btn btn-secondary" href="index.php?page=login" role="button">
Login Login
</button> </a>
<!-- Button trigger modal Register --> <!-- Button Register -->
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#register"> <a class="btn btn-secondary" href="index.php?page=register" role="button">
Register Register
</button> </a>
</div> </div>
</form> </form>
</div> </div>
</nav> </nav>
<!-- Modal login-->
<?php require("php/signin.php") ?> <?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">&times;</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">&times;</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>

View 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
View File

@ -0,0 +1 @@
<h1>HOME SPACER</h1>

30
segments/_login.php Normal file
View 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 -->

View File

@ -0,0 +1 @@
<h1>MYFRIENDSBOOK SPACER</h1>

36
segments/_register.php Normal file
View 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 -->