janis/shop-ejs-expressjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/shop-ejs-expressjs.git synced 2025-10-29 12:32:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

added fixed footer

Browse Source
This commit is contained in:
Janis M
2022-03-30 14:09:08 +02:00
parent 7caeedb45e
commit e0e28209c6
8 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/style.css
View File

@@ -5,8 +5,11 @@
} }
html,body{ html,body{
min-height: 100% !important; height: 100% !important;
height: 100%; display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
} }
h1, h2{ h1, h2{
@@ -51,7 +54,7 @@ h1, h2{
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
padding-top:10px; padding-top:10px;
padding-bottom: 20px; padding-bottom: 100px;
} }
@media only screen and (max-width: 1030px) { @media only screen and (max-width: 1030px) {

1
views/account.ejs
View File

@@ -46,6 +46,7 @@
</table> </table>
</div> </div>
</div> </div>
<%- include('partials/footer'); %>
</body> </body>
</html> </html>

7
views/index.ejs
View File

@@ -16,13 +16,6 @@
background-color: white; background-color: white;
} }
body {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
}
.grid-container { .grid-container {
display: flex; display: flex;
gap: 20px; gap: 20px;

1
views/login.ejs
View File

@@ -26,5 +26,6 @@
<a class="text-redirect" href="/register">Sie haben keinen Account?</a> <a class="text-redirect" href="/register">Sie haben keinen Account?</a>
</form> </form>
</div> </div>
<%- include('partials/footer'); %>
</body> </body>
</html> </html>

42
views/order.ejs
View File

@@ -6,27 +6,29 @@
</head> </head>
<body> <body>
<%- include('partials/header'); %> <%- include('partials/header'); %>
<br> <div class="content">
<h1 class="text-center">Ihre Bestellung</h1> <h1 class="text-center">Ihre Bestellung</h1>
<p style="width:100%; display:block;"class="error-text text-center"><%- error %></p> <p style="width:100%; display:block;"class="error-text text-center"><%- error %></p>
<div id="order-info"> <div id="order-info">
<p><b>Produktname:</b> <%= product.name %></p> <p><b>Produktname:</b> <%= product.name %></p>
<p><b>Stückpreis:</b> <%= product.price.toFixed(2) %> €</p> <p><b>Stückpreis:</b> <%= product.price.toFixed(2) %> €</p>
<p><b>Anzahl: </b><%= quantity %></p> <p><b>Anzahl: </b><%= quantity %></p>
<hr> <hr>
<p><b>Gesamtpreis:</b> <%= (quantity * product.price).toFixed(2) %> €</p> <p><b>Gesamtpreis:</b> <%= (quantity * product.price).toFixed(2) %> €</p>
</div>
<!--submit button-->
<form class="order_form" action="/order" method="POST">
<input hidden type="text" name="productId" value="<%= product.id %>">
<input hidden type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
</div> </div>
<!--submit button--> <%- include('partials/footer'); %>
<form class="order_form" action="/order" method="POST">
<input hidden type="text" name="productId" value="<%= product.id %>">
<input hidden type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
</body> </body>
</html> </html>

2
views/product.ejs
View File

@@ -89,6 +89,6 @@
<% } %> <% } %>
</section> </section>
</div> </div>
<!--<%- include('partials/footer'); %>--> <%- include('partials/footer'); %>
</body> </body>
</html> </html>

1
views/register.ejs
View File

@@ -93,6 +93,7 @@
<a class="text-redirect" href="/login">Sie haben bereits einen Account?</a> <a class="text-redirect" href="/login">Sie haben bereits einen Account?</a>
</form> </form>
</div> </div>
<%- include('partials/footer'); %>
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/register.js"></script> <script src="/js/register.js"></script>

8
views/search.ejs
View File

@@ -7,7 +7,6 @@
<header> <header>
<%- include('partials/header'); %> <%- include('partials/header'); %>
</header> </header>
<div class="filtersDIV" style="display:none"> <div class="filtersDIV" style="display:none">
<br/> <br/>
<h3 style="text-align: center; "> FILTER COMMING SOON </h3> <h3 style="text-align: center; "> FILTER COMMING SOON </h3>
@@ -76,6 +75,13 @@
</script> </script>
<style type="text/css"> <style type="text/css">
html,body{
height: 100% !important;
display: block !important;
min-height: 100vh;
flex-direction:unset !important;
}
a, a:hover, a:focus, a:active > .allProductsDIV { a, a:hover, a:focus, a:active > .allProductsDIV {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;