update

kn8-codes · Jul 18, 2023 · 00fff8f · 00fff8f
1 parent d09ba9e
commit 00fff8f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/components/Card.js b/components/Card.js
@@ -20,11 +20,11 @@ export default class Card{
             this._handleLikeIcon();
         })
 
-        this._cardElement.querySelector(".card__like-button").addEventListener('click',()=>{
+        this._cardElement.querySelector(".card__delete-button").addEventListener('click',()=>{
             this._handleDeleteCard();
         })
 
-        this._cardElement.querySelector(".card__like-button").addEventListener('click',()=>{
+        this._cardElement.querySelector(".card__image").addEventListener('click',()=>{
             this._handlePreviewClick();
         })
     }
@@ -44,16 +44,11 @@ export default class Card{
         modalImage.src = this._link;
         modalImage.alt = "Image of " + this._name;
         imageTitle.textContent = this._name;
-        console.log(modalPreview)
         openModal(modalPreview);
     }
 
 
     getView(){
-      //const likeButton = this._cardElement.querySelector(".card__like-button");
-      //const deleteButton = this._cardElement.querySelector(".card__like-button");
-      //const cardImage = this._cardElement.querySelector(".card__like-button");
-      //console.log(likeButton, deleteButton, cardImage)
       this._cardElement = this._getTemplate();
       this._setEventListeners();
       this._cardElement.querySelector('.card__image').src = this._link

diff --git a/page/index.js b/page/index.js
@@ -7,7 +7,7 @@ import { initialCards, cardData, options } from "../utils/constants.js";
 /***************************************ELEMENTS**********************************************/
 /*********************************************************************************************/
 
-const cardsContainer = document.querySelector(".cards"); 
+//const cardsContainer = document.querySelector(".cards"); 
 const cardsWrap = document.querySelector(".cards__list")
 const profileEditButton = document.querySelector("#profile-edit-button");
 const profileEditModal = document.querySelector("#profile-edit-modal");
@@ -20,14 +20,14 @@ 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 cardTemplate = document.querySelector("#card-template").content.firstElementChild;
+//const cardTemplate = document.querySelector("#card-template").content.firstElementChild;
 const addNewCardButton = document.querySelector("#profile-add-button")
 const addForm = document.querySelector("#add-form");
 const titleInputField = document.querySelector("#title");
 const linkInputField = document.querySelector("#link");
-const createButton = document.querySelector("#create-btn");
+//const createButton = document.querySelector("#create-btn");
 const previewModal = document.querySelector("#preview");
-const previewModalImage = previewModal.querySelector(".modal__preview-image");
+//const previewModalImage = previewModal.querySelector(".modal__preview-image");
 const previewModalCloseButton = previewModal.querySelector("#preview-close");
 const overlay = document.querySelector(".page");
 const modalPreviewPictureCaption = previewModal.querySelector(".modal__caption");
@@ -76,7 +76,6 @@ const cardSelector = '#card-template'
     renderCard( {name , link} , cardsWrap )
     closeModal(profileAddModal);
     addForm.reset();
-    console.log(this.querySelector('.modal__button'))
     //this.querySelector('.modal__button').classList.toggle('modal__button_disabled')
     addCardValidator.toggleButtonState();
   };