reordered Project
This commit is contained in:
parent
038182e377
commit
47934a70be
353
index.php
353
index.php
@ -14,362 +14,15 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<?php include('segments/_header.html'); ?>
|
<?php include('segments/_header.html'); ?>
|
||||||
<!--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="#">Home <span class="sr-only">(current)</span></a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">SPACER</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#">SPACER</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 type="button" class="btn btn-secondary" data-toggle="modal" data-target="#login">
|
|
||||||
Login
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<!-- Button trigger modal Register -->
|
|
||||||
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#register">
|
|
||||||
Register
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<!-- Modal login-->
|
|
||||||
<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>
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
||||||
<button id="login" 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="password" 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="create" type="submit" class="btn btn-primary">Create Account</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id="phpTest">
|
|
||||||
LoginModalData:
|
|
||||||
Welcome <?php echo $_POST["loginName"]; ?><br>
|
|
||||||
Your Password is: <?php echo $_POST["loginPassword"]; ?><br>
|
|
||||||
<br>
|
|
||||||
RegisterModalData:
|
|
||||||
Welcome <?php echo $_POST["registerName"]; ?><br>
|
|
||||||
Your Password is: <?php echo $_POST["registerPassword"]; ?><br>
|
|
||||||
Your Mail Adress is: <?php echo $_POST["registerMail"]; ?><br>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
1 of 3
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-10">
|
|
||||||
<form id="entry-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">Vorname*</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryVorname" 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">Nachname*</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryNachname" 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">Geburtstag</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryGeburtstag" 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">Wohnort</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryOrt" 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">Straße</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryStraße" 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">Woher kennen wir uns?*</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryKennen" 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">Festnetz</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryFestnetz" 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">Handynummer</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryHandy" 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">E-Mail*</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryMail" 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">Hobbys</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryHobbys" 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">Berufswunsch</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryBeruf" 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">Das könnte ich jeden Tag essen</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryEssen" 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">Was ich auf eine Insel mitnehmen würde</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryInsel" 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">Lieblingsfilm</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryFilm" 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">Lieblingssport</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entrySport" 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">Coolster Film oder Spielecharaker</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryCharakter" 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">Mein Lieblingstier</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryTier" 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">Lieblingsmusik(Genre, Interpret, Titel)</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryMusik" 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">Geilstes Game</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryGame" 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">Lieblings alkoholisches Getränk</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryAlk" 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">Meine heftigste Suffstory</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryStory" 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">Letzer Absturz</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryAbsturz" 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">Lieblings Trinkspiel</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryTrinkspiel" 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">friendsTAN*</span>
|
|
||||||
</div>
|
|
||||||
<input type="text" class="form-control" name="entryTrinkspiel" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="modal-footer">
|
|
||||||
<button id="entry" type="submit" class="btn btn-primary">Login</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
3 of 3
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Zum testen der Daten die ueber die Modals reinkommen -->
|
||||||
|
<!-- <?php include('segments/_indexTestLoginVals.php'); ?> -->
|
||||||
|
|
||||||
|
<?php include('segments/_entryForm.php'); ?>
|
||||||
|
|
||||||
<!-- Include the footer-->
|
<!-- Include the footer-->
|
||||||
<?php include('segments/_footer.html'); ?>
|
<?php include('segments/_footer.html'); ?>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
window.addEventListener('load', async () => {
|
window.addEventListener('load', async () => {
|
||||||
console.log("Seite geladen");
|
console.log("Seite geladen");
|
||||||
getNewUniqueLink();
|
getNewUniqueLink();
|
||||||
document.getElementById('create').addEventListener('click' , async (event) => createEntry());
|
document.getElementById('btnCreate').addEventListener('click' , async (event) => createEntry());
|
||||||
})
|
})
|
||||||
|
|
||||||
async function getNewUniqueLink() {
|
async function getNewUniqueLink() {
|
||||||
|
|||||||
@ -1,6 +1,3 @@
|
|||||||
Link to Project:
|
Link to Project:
|
||||||
|
|
||||||
https://icaotix.github.io/ipr-projekt/
|
https://icaotix.github.io/ipr-projekt/
|
||||||
|
|
||||||
Info: index.php
|
|
||||||
form with php_post in line 61 and 97, feel free to change the destination path.
|
|
||||||
|
|||||||
183
segments/_entryForm.php
Normal file
183
segments/_entryForm.php
Normal file
@ -0,0 +1,183 @@
|
|||||||
|
<!-- Container fuer entry form-->
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<form id="entry-form" action="index.php" method="post">
|
||||||
|
<!-- Vorname-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Vorname*</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryVorname" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Nachname-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Nachname*</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryNachname" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Geburtstag-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Geburtstag</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryGeburtstag" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Wohnort-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Wohnort</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryOrt" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Strasse-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Straße</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryStraße" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Woher kennen-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Woher kennen wir uns?*</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryKennen" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Festnetz-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Festnetz</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryFestnetz" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Handynummer-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Handynummer</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryHandy" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- E-Mail-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">E-Mail*</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryMail" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Hobbies-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Hobbies</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryHobbies" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Berufswunsch-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Berufswunsch</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryBeruf" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Essen-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Das könnte ich jeden Tag essen</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryEssen" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Insel-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Was ich auf eine Insel mitnehmen würde</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryInsel" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Film-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Lieblingsfilm</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryFilm" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Sport-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Lieblingssport</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entrySport" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Charaker-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Coolster Film oder Spielecharaker</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryCharakter" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Tier -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Mein Lieblingstier</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryTier" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Musik -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Lieblingsmusik(Genre, Interpret, Titel)</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryMusik" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Game -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Geilstes Game</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryGame" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Alk-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Lieblings alkoholisches Getränk</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryAlk" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Story-->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Meine heftigste Suffstory</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryStory" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Absturz -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Letzer Absturz</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryAbsturz" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Trinkspiel -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Lieblings Trinkspiel</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryTrinkspiel" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- TAN -->
|
||||||
|
<div class="input-group input-group-sm mb-3">
|
||||||
|
<div class="input-group-prepend">
|
||||||
|
<span class="input-group-text" id="inputGroup-sizing-sm">Eintrags-TAN*</span>
|
||||||
|
</div>
|
||||||
|
<input type="text" class="form-control" name="entryTan" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
|
||||||
|
</div>
|
||||||
|
<!-- Absenden Button-->
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="entry" type="submit" class="btn btn-primary">Absenden</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> <!-- Ende container entry form -->
|
||||||
@ -13,3 +13,117 @@
|
|||||||
</div>
|
</div>
|
||||||
</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="#">Home <span class="sr-only">(current)</span></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">SPACER</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">SPACER</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 type="button" class="btn btn-secondary" data-toggle="modal" data-target="#login">
|
||||||
|
Login
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Button trigger modal Register -->
|
||||||
|
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#register">
|
||||||
|
Register
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!-- Modal login-->
|
||||||
|
<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>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
<button id="login" 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="password" 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="create" type="submit" class="btn btn-primary">Create Account</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|||||||
10
segments/_indexTestLoginVals.php
Normal file
10
segments/_indexTestLoginVals.php
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
<div id="phpTest">
|
||||||
|
LoginModalData:
|
||||||
|
Welcome <?php echo $_POST["loginName"]; ?><br>
|
||||||
|
Your Password is: <?php echo $_POST["loginPassword"]; ?><br>
|
||||||
|
<br>
|
||||||
|
RegisterModalData:
|
||||||
|
Welcome <?php echo $_POST["registerName"]; ?><br>
|
||||||
|
Your Password is: <?php echo $_POST["registerPassword"]; ?><br>
|
||||||
|
Your Mail Adress is: <?php echo $_POST["registerMail"]; ?><br>
|
||||||
|
</div>
|
||||||
@ -3,6 +3,6 @@ CREATE TABLE `user` (
|
|||||||
`user` VARCHAR(50) NOT NULL DEFAULT '0',
|
`user` VARCHAR(50) NOT NULL DEFAULT '0',
|
||||||
`email` VARCHAR(100) NOT NULL DEFAULT '0',
|
`email` VARCHAR(100) NOT NULL DEFAULT '0',
|
||||||
`password` VARCHAR(100) NOT NULL DEFAULT '0',
|
`password` VARCHAR(100) NOT NULL DEFAULT '0',
|
||||||
PRIMARY KEY (`ID`)
|
PRIMARY KEY (`ID`),
|
||||||
UNIQUE INDEX `user` (`user`)
|
UNIQUE INDEX `user` (`user`)
|
||||||
)
|
);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user