Skip to content

Latest commit

 

History

History
49 lines (36 loc) · 2.38 KB

step08.md

File metadata and controls

49 lines (36 loc) · 2.38 KB

KatlaSport Project

Шаг 8. Hive Section List

Задание

Добавить возможность просматривать список секций.

Выполнение

  1. "step8".
  2. Добавить во front-end модель HiveSectionListItem все поля из back-end модели HiveSectionListItem.
  3. Добавить реализацию метода getHiveSections в сервис hive.service.
getHiveSections(hiveId: number): Observable<Array<HiveSectionListItem>> {
  return this.http.get<Array<HiveSectionListItem>>(`${this.url}${hiveId}/sections`);
}
  1. Добавить реализацию метода ngOnInit в код компонента HiveSectionListComponent.
ngOnInit() {
  this.route.params.subscribe(p => {
    this.hiveId = p['id'];
    this.hiveService.getHiveSections(this.hiveId).subscribe(s => this.hiveSections = s);
  })
}
  1. Добавить список секций в таблицу в коде разметки компонента HiveSectionListComponent. Используйте HiveListComponent в качестве примера.
  2. Для каждой секции в таблице должна быть кнопка "Edit", которая должна производить переход на страницу "/section/hive_section_id".
  3. Собрать проект, исправить ошибки. Сохранить изменения.
  4. "step8" -> "master".

Проверка

  1. Отрыть http://localhost/hives.
  2. Перейти на список секторов с помощью кнопки "View sectors".
  3. Перейти на редактор сектора с помощью кнопки "Edit".

Материалы

Материалы для самостоятельного изучения: