Добавление обработчиков в поинт вью

htmlacademy-ecmascript · Sep 30, 2024 · 84f0521 · 84f0521
1 parent 9db963c
commit 84f0521
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 13 deletions.
diff --git a/src/presenter/board-presenter.js b/src/presenter/board-presenter.js
@@ -5,33 +5,34 @@ import {render} from '../framework/render.js';
 const siteMainElement = document.querySelector('.page-body');
 const siteTripInfo = siteMainElement.querySelector('.trip-info'); // Инфо в шапке про маршрут
 export default class BoardPresenter {
-
+  #container = null;
+  #pointsModel = null;
   constructor({container, pointsModel}) {
-    this.container = container;
-    this.pointsModel = pointsModel;
+    this.#container = container;
+    this.#pointsModel = pointsModel;
   }
 
   init() {
 
     render(new TripInfoView(), siteTripInfo); // Отображение информации в шапке про маршрут
-    this.boardPoints = [...this.pointsModel.points];
+    this.boardPoints = [...this.#pointsModel.points];
 
-    this.boardOffers = [...this.pointsModel.offers];
+    this.boardOffers = [...this.#pointsModel.offers];
     const offersView = new OffersView({
       point: this.boardPoints[0],
-      allOffers: this.pointsModel.getOffersByType(this.boardPoints[0].type),
-      pointDestination: this.pointsModel.getDestinationsById(this.boardPoints[0].destination),
-      allDestination: this.pointsModel.destinations
+      allOffers: this.#pointsModel.getOffersByType(this.boardPoints[0].type),
+      pointDestination: this.#pointsModel.getDestinationsById(this.boardPoints[0].destination),
+      allDestination: this.#pointsModel.destinations
     });
-    render(offersView, this.container); //Отображение формы редактирования
+    render(offersView, this.#container); //Отображение формы редактирования
 
     for (let i = 0; i < this.boardPoints.length; i++) {
       const point = new PointView({
         point: this.boardPoints[i],
-        offers: [...this.pointsModel.getOffersById(this.boardPoints[i].type, this.boardPoints[i].offers)],
-        destination: this.pointsModel.getDestinationsById(this.boardPoints[i].destination)
+        offers: [...this.#pointsModel.getOffersById(this.boardPoints[i].type, this.boardPoints[i].offers)],
+        destination: this.#pointsModel.getDestinationsById(this.boardPoints[i].destination)
       });
-      render(point, this.container); //Отображение поинтов
+      render(point, this.#container); //Отображение поинтов
     }
   }
 }

diff --git a/src/view/trip-point-view.js b/src/view/trip-point-view.js
@@ -59,14 +59,28 @@ export default class PointView extends AbstractView{
   #point = null;
   #offers = null;
   #destination = null;
-  constructor({point, offers, destination}) {
+  #onOpenEditButtonClick = null;
+  constructor({point, offers, destination, onOpenEditButtonClick}) {
     super();
     this.#point = point;
     this.#offers = offers;
     this.#destination = destination;
+    this.#onOpenEditButtonClick = onOpenEditButtonClick;
+    this.#setEventListeners();
   }
 
   get template() {
     return createListTemplate(this.#point, this.#offers, this.#destination);
   }
+
+  #setEventListeners() {
+    this.element
+      .querySelector('.event__rollup-btn')
+      .addEventListener('click', this.#openEditButtonClickHandler);
+  }
+
+  #openEditButtonClickHandler = (evt) => {
+    evt.preventDefault(evt);
+    this.#onOpenEditButtonClick();
+  };
 }