Після цієї серії ви зрозумієте, як розбивати frontend на модулі, та як доповнити jwt токен корисною інформацією. Ми створимо новий модуль, який буде відповідати за admin частину. Також розберемо як додати ролі в jwt токет, та використати це на стороні браузера.

Команди:
npm install @auth0/angular-jwt
ng generate module admin (ng g m admin)
ng generate component admin –flat –skip-tests
ng generate component side-menu
ng g c home
ng g c class-room
ng g c grade

Код: https://github.com/chernikov/KaizenCourses/tree/17_admin_panel

Лінки: https://github.com/chernikov
https://www.instagram.com/andriychernikov/
https://www.facebook.com/chernikov1
https://www.linkedin.com/in/andriy-chernikov-1407301

0:00 – Вступ
00:24 – Кроки
00:54 – Додаємо Roles у jwt токен
00:3:44 – Перевіряємо Roles у токені
00:4:34 – Заміняємо Intercepter
00:5:11 – npm install @auth0/angular-jwt
00:5:46 – Import у модуль
00:6:38 – jwtFactory
00:8:40 – перевіряємо заміну Intercepter
00:9:30 – додаємо модуль Admin
00:9:56 – Генеруємо модуль в ng CLI
00:10:33 – Генеруємо admin компонент
00:11:39 – Генеруємо інші компоненти (side-menu, home, class-room, grade)
00:12:49 – Створюємо routing (admin)
00:14:58 – Lazy loading (app-routing)
00:16:40 – Перевіряємо /admin
00:17:52 – Перехід в admin з top-menu
00:18:44 – Беремо дані з токену (isAdmin)
00:22:38 – expander-span
00:23:46 – Side Menu
00:25:55 – Add links to side menu
00:27:24 – Додаємо mat-sidenav-container
00:28:30 – Виносимо MaterialModule
00:33:30 – Додаємо стилі
00:36:24 – Розбираємось з side menu items
00:39:12 – Показуємо top menu
00:40:25 – додаємо іконочку ⬅️
00:41:14 – Дякую!