Skip to content

Commit e265ebd

Browse files
BenjaOlivaBenjaOliva
committed
Final changes made
1 parent e461520 commit e265ebd

8 files changed

+99
-23
lines changed

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎admin/index.html

+26-6
Original file line numberDiff line numberDiff line change
@@ -848,6 +848,25 @@ <h6 class="m-0 font-weight-bold text-primary">Agronomias Virtuales - Editar</h6>
848848
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
849849
<div class="modal-content">
850850
<form id="editSlideForm">
851+
<div class="container" id="savingSlide" hidden>
852+
<br>
853+
<br>
854+
<br>
855+
<div class="d-flex justify-content-center">
856+
<div class="spinner-border" role="status">
857+
<span class="sr-only">Loading...</span>
858+
</div>
859+
</div>
860+
<br>
861+
<center>
862+
<div>
863+
<p>Guardando...</p>
864+
</div>
865+
</center>
866+
<br>
867+
<br>
868+
<br>
869+
</div>
851870
<div class="modal-header">
852871
<h5 class="modal-title" id="exampleModalCenterTitle">Editar Slide</h5>
853872
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
@@ -860,6 +879,11 @@ <h5 class="modal-title" id="exampleModalCenterTitle">Editar Slide</h5>
860879
<input type="text" class="form-control" id="title" name="title"
861880
placeholder="Escriba un titulo para la slide..." required>
862881
</div>
882+
<div class="form-group" hidden>
883+
<label for="exampleFormControlInput1">ID</label>
884+
<input type="text" class="form-control" id="id" name="id"
885+
placeholder="ID..." required>
886+
</div>
863887
<div class="form-group">
864888
<label for="exampleFormControlTextarea1">
865889
Texto del Slide
@@ -871,7 +895,7 @@ <h5 class="modal-title" id="exampleModalCenterTitle">Editar Slide</h5>
871895
<div class="modal-footer">
872896
<button type="button" class="btn btn-danger"
873897
data-dismiss="modal">Cancelar</button>
874-
<button type="submit" class="btn btn-primary">Guardar Slide</button>
898+
<button type="submit" class="btn btn-success">Guardar Slide</button>
875899
</div>
876900
</form>
877901
</div>
@@ -891,11 +915,7 @@ <h6 class="m-0 font-weight-bold text-primary">Slides - Fotos de Inicio</h6>
891915
</div>
892916
<div class="card-body">
893917
<div class="container">
894-
<div class="row">
895-
<button onclick="editSlide()" class="btn btn-warning">Editar
896-
Slide</button>
897-
</div>
898-
<div class="row d-flex justify-content-center" id="slides-list">
918+
<div id="slides-list">
899919

900920
</div><!-- /.row -->
901921
</div>

‎admin/main.js

+47-12
Original file line numberDiff line numberDiff line change
@@ -204,25 +204,30 @@ function vistaPublicaciones(action) {
204204
function vistaSlides() {
205205
$(".section-container").attr("hidden", true);
206206
containerSlides.attr("hidden", false);
207+
setSlides();
208+
}
207209

210+
function setSlides() {
208211
const slidesList = document.getElementById("slides-list");
209212

210213
slidesList.innerHTML = "";
211214

212215
if (slides.length > 0) {
213216
slides.forEach((slide, index) => {
214217
slidesList.innerHTML += `
215-
<div class="col-12">
218+
<div class="row" style="margin-bottom: 3vh; display: flex; justify-content: center;">
219+
<div class="col-7">
216220
<div class="card">
217221
<div class="card-header">
218-
Slide ${index + 1}
222+
Slide ${index === 0 ? index + 1 : index + 2}
219223
</div>
220224
<div class="card-body">
221225
<h5 class="card-title">${slide.title}</h5>
222226
<button onclick="editSlide(${index})" class="btn btn-warning">Editar Slide</button>
223227
</div>
228+
</div>
224229
</div>
225-
</div>`;
230+
</div>`;
226231
});
227232
} else {
228233
slidesList.innerHTML = `
@@ -233,20 +238,50 @@ function vistaSlides() {
233238
}
234239

235240
function editSlide(slideIndex) {
241+
$("#editSlideForm").find("#savingSlide").attr("hidden", true);
242+
$("#editSlideForm").find(".modal-header").attr("hidden", false);
243+
$("#editSlideForm").find(".modal-body").attr("hidden", false);
244+
$("#editSlideForm").find(".modal-footer").attr("hidden", false);
245+
236246
const slideData = slides[slideIndex];
237-
console.log("Data: ", slideData);
238247
$("#editSlideModal").modal("show");
239-
const formRef = document.getElementById("editSlideForm")
240-
console.log(formRef.elements);
241-
formRef.elements['title'].value = slideData?.title
242-
editorUpdate.html.set(slideData?.description)
248+
const formRef = document.getElementById("editSlideForm");
249+
formRef.elements["title"].value = slideData?.title;
250+
formRef.elements["id"].value = slideData?.id;
251+
252+
editorUpdate.html.set(slideData?.description);
243253
}
244254

245255
document
246256
.getElementById("editSlideForm")
247-
.addEventListener("submit", function (event) {
248-
console.log(event);
257+
.addEventListener("submit", async function (event) {
249258
event.preventDefault();
259+
const form = event.target;
260+
const title = form.elements["title"].value;
261+
const description = editorUpdate.html.get();
262+
const id = form.elements["id"].value;
263+
try {
264+
$("#editSlideForm").find(".modal-header").attr("hidden", true);
265+
$("#editSlideForm").find(".modal-body").attr("hidden", true);
266+
$("#editSlideForm").find(".modal-footer").attr("hidden", true);
267+
$("#editSlideForm").find("#savingSlide").attr("hidden", false);
268+
269+
db.collection("Slides")
270+
.doc(id)
271+
.update({ title, description })
272+
.then(() => {
273+
setSlides();
274+
$("#editSlideModal").modal("hide");
275+
});
276+
slides[slides.findIndex((slide) => slide.id === id)] = {
277+
id,
278+
title,
279+
description,
280+
};
281+
} catch (error) {
282+
$("#editSlideForm").find("#savingSlide").attr("hidden", true);
283+
$("#editSlideForm").find(".modal-body").attr("hidden", false);
284+
}
250285
});
251286

252287
function vistaAgronomias(action) {
@@ -351,8 +386,8 @@ async function getSearchCat(category, agro) {
351386
productsContainer.innerHTML +=
352387
`<article id="` +
353388
doc.id +
354-
`" class="card card-product-list">
355-
<div class="row no-gutters">
389+
`" class="card card-product-list" style="margin-bottom: 3vh;">
390+
<div class="row" style="padding: 1%;">
356391
<aside class="col-md-3">
357392
<br>
358393
<hr>

‎admin/style.css

+4
Original file line numberDiff line numberDiff line change
@@ -169,3 +169,7 @@
169169
.mediaImg {
170170
display: none
171171
}
172+
173+
.title {
174+
margin-top: 2%;
175+
}

‎contacto.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@
267267
</div>
268268
</div><!-- /.container -->
269269

270-
<div class="btn-whatsapp">
270+
<div class="btn-whatsapp" hidden>
271271
<a href="https://api.whatsapp.com/send?phone=5493516438832" target="_blank">
272272
<img class="rounded-circle"
273273
src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg"

‎index.html

+8
Original file line numberDiff line numberDiff line change
@@ -207,6 +207,14 @@ <h5 class="modal-title" id="genericTitle"></h5>
207207
<span aria-hidden="true">&times;</span>
208208
</button>
209209
</div>
210+
<div id="logo-section" hidden>
211+
<center>
212+
<div id="image-field">
213+
<img src="assets/logo agroganas nuevo-04.png" alt="responsive image" class="d-block img-fluid">
214+
</div>
215+
<hr>
216+
</center>
217+
</div>
210218
<div class="modal-body" id="genericBody">
211219

212220
</div>

‎main.js

+9-3
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,8 @@ function setContainer(array) {
8888
productsContainer.innerHTML +=
8989
`<article id="` +
9090
doc.id +
91-
`" class="card card-product-list">
92-
<div class="row no-gutters">
91+
`" class="card card-product-list" style="margin-bottom: 2vh;">
92+
<div class="row" style="padding: 1%;">
9393
<aside class="col-md-3">
9494
<br>
9595
<hr>
@@ -155,7 +155,13 @@ $("#modalGeneric").on("show.bs.modal", function (event) {
155155
var button = $(event.relatedTarget); // Button that triggered the modal
156156
var slideRef = button.data("info"); // Extract info from data-* attributes
157157
var modal = $(this);
158-
const modalData = slides.find(doc => doc.id === slideRef)
158+
const modalData = slides.find((doc) => doc.id === slideRef);
159159
console.log(modalData);
160+
if (modalData.showLogo === true) {
161+
modal.find("#logo-section").attr("hidden", false);
162+
} else {
163+
modal.find("#logo-section").attr("hidden", true);
164+
}
160165
modal.find(".modal-title").text(modalData.title);
166+
modal.find(".modal-body").html(modalData.description);
161167
});

‎opiniones.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -248,7 +248,7 @@
248248
</div>
249249
</div><!-- /.container -->
250250

251-
<div class="btn-whatsapp">
251+
<div class="btn-whatsapp" hidden>
252252
<a href="https://api.whatsapp.com/send?phone=5493516438832" target="_blank">
253253
<img class="rounded-circle"
254254
src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg"

0 commit comments

Comments
 (0)