update

kn8-codes · Aug 26, 2023 · 4743df4 · 4743df4
1 parent 5ac4cb9
commit 4743df4
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 35 deletions.
diff --git a/src/components/Card.js b/src/components/Card.js
@@ -37,18 +37,6 @@ export default class Card{
         this._cardElement = null;
     }
 
-
-    // _handleImageClick(){
-    //     const modalPreview = document.querySelector("#preview")
-    //     const modalImage = document.querySelector(".modal__preview-image");
-    //     const imageTitle = document.querySelector(".modal__caption");
-    //     modalImage.src = this._link;
-    //     modalImage.alt = "Image of " + this._name;
-    //     imageTitle.textContent = this._name;
-    //     openModal(modalPreview);
-    // }
-
-
     getView(){
       this._cardElement = this._getTemplate();
       this._setEventListeners();

diff --git a/src/components/PopupWithForm.js b/src/components/PopupWithForm.js
@@ -14,8 +14,14 @@ export default class PopupWithForm extends Popup {
         );
         return this._formValues;
       };
-
-      close(){
+
+    _setInputValues(data){
+      this._inputList.forEach((input) => {
+        input.value = data[input.name]
+      })
+    }
+
+    close(){
         this._popupForm.reset();
         super.close();
 

diff --git a/src/page/index.js b/src/page/index.js
@@ -13,27 +13,27 @@ import Popup from "../components/Popup";
 /*********************************************************************************************/
 
 //const cardsContainer = document.querySelector(".cards"); 
-const cardsWrap = document.querySelector(".cards__list")
+// const cardsWrap = document.querySelector(".cards__list")
 const profileEditButton = document.querySelector("#profile-edit-button");
 const profileEditModal = document.querySelector("#profile-edit-modal");
 const profileAddModal = document.querySelector("#profile-add-modal");
-const profileCloseEditModal = profileEditModal.querySelector("#profile-edit-close");
-const profileCloseAddModal = profileAddModal.querySelector("#profile-add-close");
+// const profileCloseEditModal = profileEditModal.querySelector("#profile-edit-close");
+// const profileCloseAddModal = profileAddModal.querySelector("#profile-add-close");
 const profileTitle = document.querySelector("#profile-title");
 const profileDescription = document.querySelector("#profile-description");
 const profileTitleInput = document.querySelector("#edit-modal-input-title");
 const profileDescriptionInput = document.querySelector("#edit-modal-input-description");
 const profileEditForm = profileEditModal.querySelector(".modal__form");
-const cardContainerElement = document.querySelector(".cards__container");
+// const cardContainerElement = document.querySelector(".cards__container");
 //const cardTemplate = document.querySelector("#card-template").content.firstElementChild;
 const addCardButton = document.querySelector("#profile-add-button")
 const addForm = document.querySelector("#add-form");
-const titleInputField = document.querySelector("#title");
-const linkInputField = document.querySelector("#link");
+// const titleInputField = document.querySelector("#title");
+// const linkInputField = document.querySelector("#link");
 //const createButton = document.querySelector("#create-btn");
 const previewModal = document.querySelector("#preview");
 //const previewModalImage = previewModal.querySelector(".modal__preview-image");
-const previewModalCloseButton = previewModal.querySelector("#preview-close");
+// const previewModalCloseButton = previewModal.querySelector("#preview-close");
 //const overlay = document.querySelector(".page");
 //const modalPreviewPictureCaption = previewModal.querySelector(".modal__caption");
 //const openedModal = document.querySelector(".modal_opened");
@@ -101,7 +101,7 @@ function handleProfileEditSubmit(data) {
   userInfo.setUserInfo(data.name, data.profession)
   editProfilePopup.close();
 
-}
+}  
 
 function handleAddCardSubmit(data){
   const cardElement = createCard(data);
@@ -121,28 +121,28 @@ function openProfileForm() {
   editProfilePopup.open();
 };
 
-function handleAddCard(e) {
-  e.preventDefault();
-  console.log(e)
-  const name = titleInputField.value;
-  const link = linkInputField.value;
-  renderCard({ name, link }, cardsWrap)
-  addForm.reset();
-  addCardValidator.toggleButtonState();
-  addCardPopup.close();
-};
+// function handleAddCard(e) {
+//   e.preventDefault();
+//   console.log(e)
+//   const name = titleInputField.value;
+//   const link = linkInputField.value;
+//   renderCard({ name, link }, cardsWrap)
+//   addForm.reset();
+//   addCardValidator.toggleButtonState();
+//   addCardPopup.close();
+// };
 
 
 profileEditButton.addEventListener('click', openProfileForm);
-profileCloseEditModal.addEventListener('click', () => addCardPopup.close());
-profileCloseAddModal.addEventListener('click', () => editProfilePopup.close());
+// profileCloseEditModal.addEventListener('click', () => addCardPopup.close());
+// profileCloseAddModal.addEventListener('click', () => editProfilePopup.close());
 // profileEditForm.addEventListener('submit', (e) => {
 //   e.preventDefault();
 //   handleProfileEditSubmit({ name: profileTitleInput.value, profession: profileDescriptionInput.value });
 // });
 addCardButton.addEventListener('click', () => addCardPopup.open());
 // addForm.addEventListener("submit", handleAddCard);
-previewModalCloseButton.addEventListener('click', () => imagePreviewPopup.close());
+// previewModalCloseButton.addEventListener('click', () => imagePreviewPopup.close());
 previewModal.addEventListener('click', () => imagePreviewPopup.open());
 
 // initialCards.forEach((cardData) => renderCard(cardData, cardsWrap));