Prześlij pliki do 'templates'

This commit is contained in:
Sławomir Łopata 2023-02-01 20:00:46 +01:00
parent a2a69f9058
commit cc62bad523
5 changed files with 231 additions and 0 deletions

67
templates/koszyk.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Twój koszyk</title>
<link rel="stylesheet" href={{url_for('static', filename='css/koszyk.css')}} />
<link rel="stylesheet" href={{url_for('static', filename='css/topStyle.css') }} />
</head>
<body>
<div id="title">
<a href="/">
<img id="logo" src= {{ url_for('static', filename='images/logo.png') }} />
</a>
<form>
<input id="searchBox" type="text" name="searchQuery">
<input id="searchButton" type="submit" value="Search">
</form>
<div id="kart">
<a class="link" href="/koszyk">
<img src={{url_for('static', filename='images/koszyk_zakupowy.png')}} id="koszykIcon" />
{{noOfItems}}
</a>
</div>
{% if not loggedIn %}
<div id="signInButton">
<a class="link" href="/loginForm">Zaloguj się</a>
</div>
{% else %}
<div class="dropdown">
<button class="dropbtn">Cześć, <br>{{firstName}}</button>
<div class="dropdown-content">
<a href="/account/orders">Twoje zamówienie</a>
<a href="/account/profile">Twój Profil</a>
<hr>
<a href="/logout">Wyloguj się</a>
</div>
</div>
{% endif %}
</div>
<div id="koszykItems">
<h2>Twój koszyk</h2>
<div id="tableItems">
{% for row in products %}
<div>
<hr id="seperator">
<div id="itemImage">
<img src={{url_for('static', filename='uploads/'+row[3])}} id="image"/>
</div>
<div id="itemName">
<span id="itemNameTag">{{row[1]}}</span><br>
In stock<br>
<a href="/removeFromCart?productId={{row[0]}}">Usuń</a>
</div>
<div id="itemPrice">
${{row[2]}}
</div>
</div>
{% endfor %}
<hr id="seperator">
<div id="total">
<span id="subtotal">Cena całkowita</span> : ${{totalPrice}}
</div>
</div>
</div>
<a href="/checkout">Przejdź do kasy</a>
</body>
</html>

15
templates/login.html Normal file
View File

@ -0,0 +1,15 @@
<html>
<head>
<title> First flask app </title>
</head>
<body>
<p> {{Błąd}} </p>
<form action="/login" method="POST">
<p>Email: <input type="text" name="email"></p>
<p>Hasło: <input type="password" name="password"></p>
<p><input type="submit"></p>
<a href="/registerationForm">Zarejestruj się tu</a>
</form>
</body>
</html>

View File

@ -0,0 +1,73 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Opis produktu</title>
<link rel="stylesheet" href={{url_for('static', filename='css/productDescription.css')}} />
<link rel="stylesheet" href={{ url_for('static', filename='css/topStyle.css')}} />
</head>
<body>
<div id="title">
<a href="/">
<img id="logo" src= {{ url_for('static', filename='images/logo.png') }} />
</a>
<form>
<input id="searchBox" type="text" name="searchQuery">
<input id="searchButton" type="submit" value="Search">
</form>
<div id="kart">
<a class="link" href="/koszyk">
<img src={{url_for('static', filename='images/koszyk_zakupowy.png')}} id="koszykIcon" />
{{noOfItems}}
</a>
</div>
{% if not loggedIn %}
<div id="signInButton">
<a class="link" href="/loginForm">Zaloguj się</a>
</div>
{% else %}
<div class="dropdown">
<button class="dropbtn">Cześć, <br>{{firstName}}</button>
<div class="dropdown-content">
<a href="/account/orders">Twoje zamówienie</a>
<a href="/account/profile">Twój Profil</a>
<hr>
<a href="/logout">Wyloguj się</a>
</div>
</div>
{% endif %}
</div>
<div id="display">
<div id="productName">
<h1>{{data[1]}}</h1>
</div>
<div>
<img src={{url_for('static', filename='uploads/'+data[4]) }} id="productImage"/>
</div>
<div id="productDescription">
<h2>Detale</h2>
<table id="descriptionTable">
<tr>
<td>Nazwa</td>
<td>{{data[1]}}</td>
</tr>
<tr>
<td>Cena</td>
<td>${{data[2]}}</td>
</tr>
<tr>
<td>Zbiór</td>
<td>{{data[5]}}</td>
</tr>
</table>
<h2>Opis</h2>
<p>{{data[3]}}</p>
</div>
<div id="addTokoszyk">
<a href="/addToCart?productId={{request.args.get('productId')}}">Dodaj do koszyka</a>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,46 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Profile Home</title>
<link rel="stylesheet" href={{ url_for('static', filename='css/profileHome.css') }} />
<link rel="stylesheet" href={{ url_for('static', filename='css/topStyle.css') }} />
</head>
<body>
<div id="title">
<a href="/">
<img id="logo" src= {{ url_for('static', filename='images/logo.png') }} />
</a>
<form>
<input id="searchBox" type="text" name="searchQuery">
<input id="searchButton" type="submit" value="Search">
</form>
<div id="kart">
<a class="link" href="/koszyk">
<img src={{url_for('static', filename='images/koszyk_zakupowy.png')}} id="koszykIcon" />
{{noOfItems}}
</a>
</div>
{% if not loggedIn %}
<div id="signInButton">
<a class="link" href="/loginForm">Zaloguj się</a>
</div>
{% else %}
<div class="dropdown">
<button class="dropbtn">Cześć, <br>{{firstName}}</button>
<div class="dropdown-content">
<a href="/account/orders">Twoje zamówienie</a>
<a href="/account/profile">Twój Profil</a>
<hr>
<a href="/logout">Wyloguj się</a>
</div>
</div>
{% endif %}
</div>
<div class="display">
<a href="/account/profile/edit">Edytuj Profil</a><br>
<a href="/account/profile/changePassword">Zmień hasło</a>
</div>
</body>
</html>

30
templates/register.html Normal file
View File

@ -0,0 +1,30 @@
<html>
<head>
<title>Rejestracja</title>
<script type="text/javascript" src="{{ url_for('static', filename = 'js/validateForm.js') }}">
</script>
</head>
<body>
<form action="/register" method="POST" onsubmit="return validate()">
<p>Email: <input type="email" name="email"></p>
<P>Hasło: <input type="password" name="password" id="password" required></p>
<p>Powtórz Hasło: <input type="password" name="cpassword" id="cpassword"></p>
<p>Imię: <input type="text" name="firstName"></p>
<p>Nazwisko: <input type="text" name="lastName"></p>
<p>Adres Line 1: <input type="text" name="address1"></p>
<p>Adres Line 2: <input type="text" name="address2"></p>
<p>Kod pocztowy: <input type="text" name="zipcode"></p>
<p>Miasto: <input type="text" name="city"></p>
<p>Ulica: <input type="text" name="state"></p>
<p>Kraj: <input type="text" name="country"></p>
<p>Numer telefonu: <input type="text" name="phone"></p>
<p><input type="submit" value="Register"></p>
<a href="/loginForm">Zaloguj się tutaj</a>
</form>
</body>
</html>