d6f3269d6c
Meinen Namen auf den Login und Registrieren und User Bearbeiten hinzugefügt. Damit jeder weis das das von mir designt wurde!
294 lines
12 KiB
Plaintext
294 lines
12 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel='stylesheet' href='/stylesheets/style.css'>
|
|
<link rel='stylesheet' href='/stylesheets/colorpicker-style.css'>
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
|
|
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
|
<link rel='stylesheet' href='/bootstrap/dist/css/bootstrap.min.css'>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-app.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-auth.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-messaging.js"></script>
|
|
|
|
</head>
|
|
|
|
<body id="vue-app">
|
|
|
|
<!-- Navbar -->
|
|
<nav class="navbar sticky-top navbar-light bg-light" style="background-color:rgb(200, 200, 201)">
|
|
<a class="navbar-brand" id="dashurl">
|
|
<div class="logo-image">
|
|
<img src="/images/Logo.png" class="img-fluid">
|
|
</div>
|
|
</a>
|
|
<ul class="nav justify-content-end liste">
|
|
<li class="nav-item">
|
|
<!-- <a class="nav-link active" href="#">Add</a> -->
|
|
<button class="btn btn-outline-light border-secondary sl_add" style="color: black">Shoppingliste
|
|
Hinzufügen</button>
|
|
</li>
|
|
|
|
</ul>
|
|
<ul class="nav justify-content-end liste">
|
|
<li class="nav-item">
|
|
<a class="btn btn-outline-light border-secondary userbearbeiten" href="/user" style="color: black">User
|
|
bearbeiten</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<button class="btn btn-outline-danger logout" style="color: red">Logout</button>
|
|
</li>
|
|
</ul>
|
|
<!-- <a href="/logout"> -->
|
|
|
|
|
|
<!-- </a> -->
|
|
</nav>
|
|
<br>
|
|
<br>
|
|
|
|
<!-- alle cards-->
|
|
<div class="container justify-content-center cardausgabe">
|
|
<div class="card-columns">
|
|
<div class="listen-ausgabe">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- shares cards -->
|
|
<div class="row justify-content-center ">
|
|
<div class="container shared-cards"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- detail card -->
|
|
<div class="row justify-content-center ">
|
|
<div class="card border-light mb-3 detailcardausgabe shadow-sm" style="width: 50rem;">
|
|
<div class="card-header kopf"></div>
|
|
|
|
<div class="card-body text-dark">
|
|
<div class="row justify-content-center gruppeninhalt">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Modal Group Hinzufügen -->
|
|
<div class="modal fade bd-example-modal-sm ListenDetailAdd" tabindex="-1" role="dialog"
|
|
aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div>
|
|
|
|
<center>
|
|
<p class="layout ueberschrift">Group hinzufügen</p>
|
|
</center>
|
|
<div class="form-group layout">
|
|
<label for="exampleInputEmail1">Name</label>
|
|
<input type="text" class="form-control" id="groupname" placeholder="zB: Getränke">
|
|
</div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputPassword1">Farbe</label>
|
|
<div class="farbeeen">
|
|
|
|
<input type="radio" name="color" id="farbe1" value="F44336" />
|
|
<label for="farbe1"><span class="farbe1"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe2" value="e91e63" />
|
|
<label for="farbe2"><span class="farbe2"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe3" value="9c27b0" />
|
|
<label for="farbe3"><span class="farbe3"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe4" value="673ab7" />
|
|
<label for="farbe4"><span class="farbe4"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe5" value="3F51B5" />
|
|
<label for="farbe5"><span class="farbe5"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe6" value="2196F3" />
|
|
<label for="farbe6"><span class="farbe6"></span></label>
|
|
|
|
<br>
|
|
|
|
<input type="radio" name="color" id="farbe7" value="03a9f4" />
|
|
<label for="farbe7"><span class="farbe7"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe8" value="00bcd4" />
|
|
<label for="farbe8"><span class="farbe8"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe9" value="009688" />
|
|
<label for="farbe9"><span class="farbe9"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe10" value="4caf50" />
|
|
<label for="farbe10"><span class="farbe10"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe11" value="8bc34a" />
|
|
<label for="farbe11"><span class="farbe11"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe12" value="cddc39" />
|
|
<label for="farbe12"><span class="farbe12"></span></label>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<center><button type="submit" class="btn btn-outline-dark gruppenadd">Hinzufügen</button></center>
|
|
<br>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Modal Item Hinzufügen -->
|
|
<div class="modal fade bd-example-modal-sm GroupItemAdd" tabindex="-1" role="dialog"
|
|
aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div class="inhalt">
|
|
|
|
<center>
|
|
<p class="layout ueberschrift">Item hinzufügen</p>
|
|
</center>
|
|
<div class="form-group layout">
|
|
<label for="exampleInputEmail1">Gegenstand</label>
|
|
<input type="text" class="form-control" id="itemname" placeholder="zB: Coca Cola">
|
|
</div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="Anzahl-example">Anzahl</label>
|
|
<input type="number" class="form-control" id="inputGroupSelect01" placeholder="zB: 2"
|
|
maxlength="3">
|
|
</div>
|
|
|
|
</div>
|
|
<center><button type="submit" class="btn btn-outline-dark itemhinzu">Hinzufügen</button></center>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Modal Shoppingliste Hinzufügen -->
|
|
<div class="modal fade bd-example-modal-sm EigeneListeAdd" tabindex="-1" id="EigeneListeAdd" role="dialog"
|
|
aria-labelledby="EigeneListeAdd" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputEmail1">Name</label>
|
|
<input type="text" class="form-control" id="einkaufslistenname" placeholder="zB: Billa">
|
|
</div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputPassword1">Beschreibung</label>
|
|
<input type="text" class="form-control" id="einkaufslistenbeschreibung"
|
|
placeholder="zB: Großeinkauf bei Billa">
|
|
</div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputPassword1">Farbe</label>
|
|
<div class="farbeeen">
|
|
|
|
<input type="radio" name="color" id="farbe1" value="F44336" />
|
|
<label for="farbe1"><span class="farbe1"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe2" value="e91e63" />
|
|
<label for="farbe2"><span class="farbe2"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe3" value="9c27b0" />
|
|
<label for="farbe3"><span class="farbe3"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe4" value="673ab7" />
|
|
<label for="farbe4"><span class="farbe4"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe5" value="3F51B5" />
|
|
<label for="farbe5"><span class="farbe5"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe6" value="2196F3" />
|
|
<label for="farbe6"><span class="farbe6"></span></label>
|
|
|
|
<br>
|
|
|
|
<input type="radio" name="color" id="farbe7" value="03a9f4" />
|
|
<label for="farbe7"><span class="farbe7"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe8" value="00bcd4" />
|
|
<label for="farbe8"><span class="farbe8"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe9" value="009688" />
|
|
<label for="farbe9"><span class="farbe9"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe10" value="4caf50" />
|
|
<label for="farbe10"><span class="farbe10"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe11" value="8bc34a" />
|
|
<label for="farbe11"><span class="farbe11"></span></label>
|
|
|
|
<input type="radio" name="color" id="farbe12" value="cddc39" />
|
|
<label for="farbe12"><span class="farbe12"></span></label>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<center><button type="submit" class="btn btn-outline-dark add">Hinzufügen</button></center>
|
|
<br>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Shoppingliste bearbeiten -->
|
|
<div class="modal fade bd-example-modal-sm editsl" tabindex="-1" id="editsl" role="dialog" aria-labelledby="editsl"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content editmodal" id="">
|
|
<div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputEmail1">Name</label>
|
|
<input type="text" class="form-control" id="editname" placeholder="zB: Billa">
|
|
</div>
|
|
|
|
<div class="form-group layout">
|
|
<label for="exampleInputPassword1">Beschreibung</label>
|
|
<input type="text" class="form-control" id="editbeschreibung"
|
|
placeholder="zB: Großeinkauf bei Billa">
|
|
</div>
|
|
|
|
<center><button type="submit" class="btn btn-outline-dark update">Hinzufügen</button></center>
|
|
<br>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <a href="/shoppinglist_json/0">dfasdfghjklöghjkl</a> -->
|
|
<!-- <a href="/myshoppinglists">Meine Einkaufslisten anzeigen</a><br>
|
|
<a href="/sharedshoppinglists">Mit mir geteilte Einkaufslisten anzeigen</a><br>
|
|
<a href="">Einkaufsliste erstellen</a><br>
|
|
<a href='/logout'>Logout</a> -->
|
|
|
|
<script src="/jquery/dist/jquery.js"></script>
|
|
|
|
<script src="/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<script src="/javascripts/ajax.js"></script>
|
|
<script src="https://unpkg.com/ionicons@4.4.8/dist/ionicons.js"></script>
|
|
<script src="/javascripts/test.js"></script>
|
|
<script src="/javascripts/firebase-app.js"></script>
|
|
</body>
|
|
|
|
</html> |