-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
3. Заведет презентер и отрисует компоненты на странице
- Loading branch information
1 parent
9f20f71
commit ccf7237
Showing
2 changed files
with
33 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,14 @@ | ||
import FilterView from './view/filter-view.js'; | ||
import HeaderInfoView from './view/header-info-view.js'; | ||
import {render} from './render.js'; | ||
import TripPresenter from './presenter/trip-presenter.js'; | ||
|
||
const headerContainer = document.querySelector('.trip-main'); | ||
const filterContainer = headerContainer.querySelector('.trip-controls__filters'); | ||
const tripEventsContainer = document.querySelector('.trip-events'); | ||
const tripPresenter = new TripPresenter({container: tripEventsContainer}); | ||
|
||
render (new FilterView(), filterContainer); | ||
render (new HeaderInfoView(), headerContainer, 'afterbegin'); | ||
|
||
tripPresenter.init(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
|
||
import SortView from '../view/sort-view.js'; | ||
import CreateFormView from '../view/create-form-view.js'; | ||
import EditFormView from '../view/edit-form-view.js'; | ||
import RoutePointListView from '../view/route-point-list-view.js'; | ||
import RoutePointView from '../view/route-point-view.js'; | ||
import {render} from '../render.js'; | ||
|
||
const ROUTE_POINT_AMOUNT = 3; | ||
|
||
export default class TripPresenter { | ||
pointListElement = new RoutePointListView(); | ||
|
||
constructor({container}) { | ||
this.container = container; | ||
} | ||
|
||
init() { | ||
render(new SortView(), this.container); | ||
render(this.pointListElement, this.container); | ||
render(new CreateFormView(), this.pointListElement.getElement()); | ||
render(new EditFormView(), this.pointListElement.getElement()); | ||
|
||
for (let i = 0; i < ROUTE_POINT_AMOUNT; i++) { | ||
render(new RoutePointView(), this.pointListElement.getElement()); | ||
} | ||
} | ||
} |