welton/RRBEC
1
0
Fork 0
mirror of https://github.com/welton89/RRBEC.git synced 2026-04-05 13:35:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

add url image product

Browse Source
This commit is contained in:
Welton Moura
2025-07-05 16:21:56 -03:00
parent 7c6586bbce
commit b969ea6663
9 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
gestaoRaul/templates/static/products/css/products.css
View File

@@ -30,6 +30,26 @@
width: 100%;
}
.modal-product{
/* position: relative; */
width: 100%;
/* height: 400px; */
background-image: url('https://placehold.co/600x800/efc7b8/49291c?text=Sem_Imagem'); /* URL da imagem */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.modal-product::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
.hide-on-mobile {

10
gestaoRaul/templates/static/products/js/products.js
View File

@@ -5,6 +5,9 @@ function openModal() {
var productPrice = document.getElementById('productPrice');
var productDescription = document.getElementById('productDescription');
var productqtd = document.getElementById('productqtd');
var urlImage = document.getElementById('url-image');
var imageProduct = document.getElementById('image-product');
var productCuisine = document.getElementById('cuisine');
var categorie = document.getElementById('select-categorie');
@@ -18,6 +21,7 @@ function openModal() {
productPrice.value = '';
productDescription.value ='';
productqtd.value = '';
urlImage.value = '';
productCuisine.checked = false
categorie.value = 1;
}
@@ -38,6 +42,10 @@ function editProduct(id) {
var productPrice = document.getElementById('productPrice');
var productDescription = document.getElementById('productDescription');
var productqtd = document.getElementById('productqtd');
var urlImage = document.getElementById('url-image');
var imageProduct = document.getElementById('modal-product');
var productCuisine = document.getElementById('cuisine');
var categorie = document.getElementById('select-categorie');
@@ -49,6 +57,8 @@ function editProduct(id) {
productPrice.value = preco;
productDescription.value = document.getElementById('description-'+id).value;
productqtd.value = document.getElementById('quantity-'+id).innerHTML;
urlImage.value = document.getElementById('image-'+id).innerHTML;
imageProduct.style.backgroundImage = urlImage.value != '' ?`url('${urlImage.value}'` : `url('https://placehold.co/600x800/efc7b8/49291c?text=${productName.value}')`;
productCuisine.checked = document.getElementById('cuisine-'+id).value == 'True' ? true : false;
categorie.value = document.getElementById('h-category-'+id).value;