dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

noch nicht alles ausgegeben style fehlt teils

Browse Source 
So ziemlich alle routes bis auf item add und noch nicht alle detail ausgaben ....
This commit is contained in:
InesSuess
2018-12-03 21:06:36 +01:00
parent 9e28c0fa32
commit a2bb9f25d3
3 changed files with 241 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
express-server/views/index.ejs
View File

@@ -5,6 +5,7 @@
<link rel='stylesheet' href='/stylesheets/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'>
</head>
<body>
@@ -18,42 +19,84 @@
<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" data-toggle="modal" data-target=".bd-example-modal-sm">Hinzufügen</button>
<button class="btn btn-outline-light border-secondary sl_add" style="color: black">Shoppingliste Hinzufügen</button>
</li>
</ul>
</nav>
<br>
<br>
<!--cards-->
<div class="container justify-content-center">
<!-- alle cards-->
<div class="container justify-content-center cardausgabe">
<div class="card-columns">
<div class="row listen-ausgabe">
<div class="listen-ausgabe">
</div>
</div>
</div>
<!-- detail card -->
<div class="row justify-content-center ">
<div class="card border-light mb-3 detailcardausgabe" style="width: 50rem;">
<div class="card-header text-center"></div>
<!-- Modal -->
<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text"></p>
</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">
<form>
<div class="form-group layout">
<label for="exampleInputEmail1">Name</label>
<input type="text" class="form-control" id="einkaufslistenname"placeholder="Billa">
</div>
<div class="form-group layout">
<label for="exampleInputPassword1">Beschreibung</label>
<input type="text" class="form-control" id="einkaufslistenbeschreibung" placeholder="Großeinkauf bei Billa">
</div>
<center><button type="submit" class="btn btn-outline-dark add">Submit</button></center>
<br>
</form>
<form>
<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>
<input type="text" class="form-control" id="groupfarbe" placeholder="zB: Red">
</div>
<center><button type="submit" class="btn btn-outline-dark gruppenadd">Hinzufügen</button></center>
<br>
</form>
</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">
<form>
<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>
<center><button type="submit" class="btn btn-outline-dark add">Hinzufügen</button></center>
<br>
</form>
</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>
@@ -62,5 +105,6 @@
<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>
</body>
</html>