#9 Delete Product box now available

This commit is contained in:
Luke Else 2024-02-08 19:58:49 +00:00
parent b49022f7f9
commit b1ee09e35a
5 changed files with 175 additions and 16 deletions

View File

@ -95,5 +95,13 @@ class ProductController(DatabaseController):
self.do(query, params) self.do(query, params)
def delete(self): def delete(self, id: int):
print("Doing work") params = [
id
]
query = """
DELETE FROM Products
WHERE id = ?
"""
self.do(query, params)

View File

@ -146,7 +146,7 @@ def update_product(id: int):
if product.sellerID != user_id: if product.sellerID != user_id:
flash("This product does not belong to you!", "error") flash("This product does not belong to you!", "error")
return redirect("/ownproducts") return redirect("/products/ownproducts")
# Save new image file # Save new image file
file = request.files.get('image') file = request.files.get('image')
@ -168,6 +168,29 @@ def update_product(id: int):
return redirect(f"/products/{product.id}") return redirect(f"/products/{product.id}")
@blueprint.post('/delete/<int:id>')
def delete_product(id: int):
""" Processes a request to delete a product in place on the site """
# Ensure that the product belongs to the current user
user_id = session.get('user_id')
# User needs to be logged in as a seller to view this page
if not is_role("Seller"):
flash("You must be logged in as a seller to view this page!", "error")
return redirect("/")
db = ProductController()
product = db.read_id(id)
if product.sellerID != user_id:
flash("This product does not belong to you!", "error")
return redirect("/products/ownproducts")
db.delete(id)
flash("Product Removed!", "success")
return redirect("/products/ownproducts")
@blueprint.route('/ownproducts') @blueprint.route('/ownproducts')
def display_own_products(): def display_own_products():
""" Display products owned by the currently logged in seller """ """ Display products owned by the currently logged in seller """

View File

@ -71,3 +71,112 @@
border: 1px solid #EDD; border: 1px solid #EDD;
color: #A66; color: #A66;
} }
.modal {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: left;
background: rgba(0,0,0, .9);
transition: opacity .25s ease;
}
.modal__bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
.modal-state {
display: none;
}
.modal-state:checked + .modal {
opacity: 1;
visibility: visible;
}
.modal-state:checked + .modal .modal__inner {
top: 0;
}
.modal__inner {
transition: top .25s ease;
position: absolute;
top: -20%;
right: 0;
bottom: 0;
left: 0;
width: 25rem;
height: 10rem;
margin: auto;
overflow: auto;
background: var(--bg);
color: var(--fg);
border-radius: 5px;
padding: 1em 2em;
}
.modal__close {
position: absolute;
right: 1em;
top: 1em;
width: 1.1em;
height: 1.1em;
cursor: pointer;
}
.modal__close:after,
.modal__close:before {
content: '';
position: absolute;
width: 2px;
height: 1.5em;
background: #ccc;
display: block;
transform: rotate(45deg);
left: 50%;
margin: -3px 0 0 -1px;
top: 0;
}
.modal__close:hover:after,
.modal__close:hover:before {
background: #aaa;
}
.modal__close:before {
transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
.modal__inner {
width: 90%;
height: 90%;
box-sizing: border-box;
}
}
.modal-btn {
cursor: pointer;
background: var(--red);
display: flex;
justify-content: center;
padding: .5em 1em;
color: var(--bg);
font-size: 70%;
border-radius: 3px;
}
.modal-btn:hover,
.modal-btn:focus {
background: var(--red);
color: var(--bg);
}

View File

@ -15,7 +15,6 @@
<body> <body>
{% include 'header.html' %} {% include 'header.html' %}
<div class="container"> <div class="container">
{% if category is defined %} {% if category is defined %}
{% set include_file = category+".html" %} {% set include_file = category+".html" %}

View File

@ -3,7 +3,8 @@
{% if product != None %} {% if product != None %}
{% if user.id == product.sellerID %} {% if user.id == product.sellerID %}
<form class="product-fs" method="POST" action="/products/update/{{product.id}}" enctype="multipart/form-data"> <!-- Form -->
<form class="product-fs" method="POST" action="{{url_for('main.products.update_product', id=product.id)}}" enctype="multipart/form-data">
<img class="product-image" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks"/> <img class="product-image" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks"/>
<div class="product-details"> <div class="product-details">
<div class="input-form-row"> <div class="input-form-row">
@ -32,6 +33,7 @@
<div class="input-form-row"> <div class="input-form-row">
<input type="submit" id="Create Product" value="Update Product"> <input type="submit" id="Create Product" value="Update Product">
</div> </div>
<label class="modal-btn" for="deleteModal">Delete Product</label>
</div> </div>
<div class="product-acquisition-pane"> <div class="product-acquisition-pane">
<div class="input-form-row"> <div class="input-form-row">
@ -46,13 +48,31 @@
{% if product.quantityAvailable > 0 %} {% if product.quantityAvailable > 0 %}
<div class="product-instock">In Stock</div> <div class="product-instock">In Stock</div>
<div class="product-quantity">{{product.quantityAvailable}} Available</div> <div class="product-quantity">{{product.quantityAvailable}} Available</div>
<a href="{{url_for('main.stats.view_product_stats', id=product.id)}}"><input type="button" class="product-add-to-cart" value="View Product Stats"/></a> <a href="{{url_for('main.stats.view_product_stats', id=product.id)}}">
<input type="button" class="product-add-to-cart" value="View Product Stats"/>
</a>
{% else %} {% else %}
<div class="product-nostock">Out of Stock</div> <div class="product-nostock">Out of Stock</div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</form> </form>
<!-- Modal -->
<input class="modal-state" id="deleteModal" type="checkbox" />
<div class="modal">
<label class="modal__bg" for="deleteModal"></label>
<div class="modal__inner">
<label class="modal__close" for="deleteModal"></label>
<h2>Confirm Delete</h2>
<p>Are you sure you want to <b>delete {{product.name}}</b> from your products</p>
<form method="POST" action="{{url_for('main.products.delete_product', id=product.id)}}">
<div class="input-form-row">
<input type="submit" class="modal-btn error" for="deleteModal" value="Delete" />
</div>
</form>
</div>
</div>
{% else %} {% else %}
<div class="product-fs"> <div class="product-fs">
<img class="product-image" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks"/> <img class="product-image" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks"/>