Обновление века (часть 1)

src/const.js

@@ -1,5 +1,5 @@
 const OFFER_COUNT = 5;
-const DESTINATION_COUNT = 5;
+
 const POINT_COUNT = 5;
 
 const CITIES = [
@@ -14,9 +14,11 @@
   'Saint Petersburg',
   'Moscow',
   'Sochi',
-  'Tokio',
+  'Tokyo',
 ];
 
+const DESTINATION_COUNT = CITIES.length;
+
 const OFFERS = [
   'Order Uber',
   'Add luggage',
@@ -64,7 +66,7 @@
   FUTURE: 'future',
   PRESENT: 'present',
   PAST: 'past'
 }
 
 const Mode = {
   DEFAULT: 'default',
@@ -102,4 +104,4 @@
   Mode,
   SortType,
   EnabledSortType
 }

src/mock/destination.js

@@ -1,18 +1,23 @@
-import { getRandomValue, getRandomInteger } from '../utils.js';
-import { CITIES, DESCRIPTION } from '../const.js';
+import { getRandomInteger } from "../utils.js";
+import { CITIES, DESCRIPTION } from "../const.js";
 
-function generateDestination () {
-  const city = getRandomValue(CITIES);
+const remainingCities = [...CITIES];
+
+const generateDestination = () => {
+  const randomIndex = getRandomInteger(0, remainingCities.length - 1);
+  const city = remainingCities[randomIndex];
+
+  remainingCities.splice(randomIndex, 1);
 
   return {
     id: crypto.randomUUID(),
     description: DESCRIPTION,
     name: city,
-    pictures: Array.from({ length: getRandomInteger(1, 5) }, () => ({
+    pictures: Array.from({ length: getRandomInteger(0, 5) }, () => ({
       'src': `https://loremflickr.com/248/152?random=${crypto.randomUUID()}`,
       'description': `${city} description`
     }))
   };
 }
 
 export { generateDestination };

src/presenter/point-presenter.js

@@ -41,13 +41,13 @@
 
     this.#editPointComponent = new EditPointView({
       point: this.#point,
-      pointDestination: this.#destinationsModel.getById(point.destination),
-      pointOffers: this.#offersModel.getByType(point.type),
+      pointDestination: this.#destinationsModel.get(),
+      pointOffers: this.#offersModel.get(),
       onSubmitClick: this.#formSubmitHandler,
       onResetClick: this.#resetButtonClickHandler
     })
 
-    if (prevPointComponent === null || prevEditPointComponent === null) {
+    if (!prevPointComponent || !prevEditPointComponent) {
       render(this.#pointComponent, this.#container);
       return;
     }
@@ -57,7 +57,7 @@
     }
 
     if (this.#mode === Mode.EDITING) {
-      replace(this.#pointComponent, prevEditPointComponent);
+      replace(this.#editPointComponent, prevEditPointComponent);
     }
 
     remove(prevPointComponent);
@@ -66,6 +66,7 @@
 
   resetView = () => {
     if (this.#mode !== Mode.DEFAULT) {
+      this.#editPointComponent.reset(this.#point);
       this.#replaceFormToPoint();
     }
   };
@@ -73,7 +74,7 @@
   destroy = () => {
     remove(this.#pointComponent);
     remove(this.#editPointComponent);
   }
 
   #replacePointToForm = () => {
     replace(this.#editPointComponent, this.#pointComponent);
@@ -91,6 +92,7 @@
   #escKeyDownHandler = (evt) => {
     if (evt.key === 'Escape') {
       evt.preventDefault();
+      this.#editPointComponent.reset(this.#point);
       this.#replaceFormToPoint();
     }
   };
@@ -109,9 +111,10 @@
   #formSubmitHandler = (point) => {
     this.#handleDataChange(point);
     this.#replaceFormToPoint();
   }
 
   #resetButtonClickHandler = () => {
+    this.#editPointComponent.reset(this.#point);
     this.#replaceFormToPoint();
   }
 }

src/presenter/trip-presenter.js

@@ -4,7 +4,7 @@ import EmptyListView from '../view/empty-list-view.js';
 import PointPresenter from './point-presenter.js';
 import { render, replace, remove } from '../framework/render.js';
 import { updateItem } from '../utils.js';
-import { SortType, EnabledSortType } from '../const.js';
+import { SortType } from '../const.js';
 import { sort } from '../utils/sort.js';
 import PointListView from '../view/point-list-view.js';
 

src/service/mock-service.js

@@ -20,19 +20,45 @@ export default class MockService {
     return this.destinations;
   }
 
+  getOffers() {
+    return this.offers;
+  }
+
+  getPoints() {
+    return this.points;
+  }
+
+  generateDestinations() {
+    return Array.from(
+      { length: DESTINATION_COUNT },
+      () => generateDestination()
+    );
+  }
+
   generateOffers() {
-    return TYPES.map((type) => ({
-      type,
-      offers: Array.from({ length: getRandomInteger(0, OFFER_COUNT) }, () => generateOffer(type))
-    }));
+    return TYPES.map((type) => {
+      const offers = Array.from({ length: getRandomInteger(0, OFFER_COUNT) }, () => generateOffer(type));
+
+      const offersWithRandomSelection = offers.map((offer, index) => ({
+        ...offer,
+        included: index < getRandomInteger(0, offers.length - 1)
+      }));
+
+      return {
+        type,
+        offers: offersWithRandomSelection
+      };
+    });
   }
 
   generatePoints() {
     return Array.from({ length: POINT_COUNT }, () => {
       const type = getRandomValue(TYPES);
       const destination = getRandomValue(this.destinations);
       const hasOffers = getRandomInteger(0, 1);
-      const offersByType = this.offers.find((offerByType) => offerByType.type === type);
+      const offersByType = this.offers
+        .find((offerByType) => offerByType.type === type);
+
       const offerIds = (hasOffers)
         ? offersByType.offers
           .slice(0, getRandomInteger(0, OFFER_COUNT))
@@ -42,19 +68,4 @@ export default class MockService {
       return generatePoint(type, destination.id, offerIds);
     });
   }
-
-  getOffers() {
-    return this.offers;
-  }
-
-  getPoints() {
-    return this.points;
-  }
-
-  generateDestinations() {
-    return Array.from(
-      { length: DESTINATION_COUNT },
-      () => generateDestination()
-    );
-  }
 }