DopeyCode/marmeladenladen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

integrated EVERYTHING!

Browse Source
This commit is contained in:
StockiP
2022-05-12 18:48:58 +02:00
parent 8e91e4a8f6
commit f1185ade0c
18 changed files with 424 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/login.html
View File

@@ -1,15 +1,13 @@
<div class="container maincontent">
<form>
<form id="loginForm">
<!-- Email input -->
<div class="form-outline mb-4">
<input type="email" id="emailLogin" class="form-control" />
<label class="form-label" for="email">Email address</label>
<input type="email" class="form-control" name="email" id="emailLogin" placeholder="E-Mail" required>
</div>
<!-- Password input -->
<div class="form-outline mb-4">
<input type="password" id="passwordLogin" class="form-control" />
<label class="form-label" for="password">Password</label>
<input type="password" class="form-control" name="password" id="passwordLogin" placeholder="Passwort" required>
</div>
<!-- 2 column grid layout for inline styling -->
@@ -24,6 +22,7 @@
</div>
<!-- Submit button -->
<button type="button" class="btn btn-success btn-block mb-4 float-end">Sign in</button>
<button type="submit" class="btn btn-success btn-block mb-4 float-end">Sign in</button>
</form>
</div>
</div>
<script src="../js/login.js"></script>

6
components/main_nav.html
View File

@@ -29,6 +29,12 @@
<li class="nav-item">
<a class="nav-link" type="button" id="registerLink">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" type="button" id="profileLink">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" type="button" id="logoutLink">Logout</a>
</li>
</ul>
</div>
<div class="navbar align-self-center d-flex">

48
components/profile.html Normal file
View File

@@ -0,0 +1,48 @@
<div class="container registerform maincontent">
<h1> Hello <p id="usernameHeader"></p></h1>
<form id="userProfile">
<div class="row">
<div class="col-3">
<input type="text" class="form-control" name="salutation" id="salutation" readonly>
</div>
<div class="col-4">
<input type="text" class="form-control" name="firstname" id="firstname" readonly>
</div>
<div class="col-5">
<input type="text" class="form-control" name="lastname" id="lastname" readonly>
</div>
</div>
<div class="row" id="address">
<div class="col-12">
<input type="text" class="form-control" name="street" id="street" placeholder="Straße" required>
</div>
<div>
<div class="row">
<div class="col-4">
<input type="text" class="form-control" name="postalcode" id="postalcode" placeholder="PLZ" required>
</div>
<div class="col-8">
<input type="text" class="form-control" name="city" id="city" placeholder="Stadt" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="email" class="form-control" name="email" id="email" placeholder="E-Mail" readonly>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="text" class="form-control" name="phone" id="phone" placeholder="Telefon" required>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="password" class="form-control" name="password" id="password" placeholder="Passwort" required>
</div>
</div>
<div class="modal-footer d-block">
<button type="submit" class="btn btn-success float-end" id="changeData" >Daten ändern</button>
</div>
</form>
</div>
<script src="../js/datachange.js"></script>