feat(client libs): add routes [WiP]

* add router-outlet app.component.html
* add authRoutes => auth.module.ts
* add userProfileRoutes => user-profile.common.ts
* add routes auth & user-profile

VladiRR#38

apps/frontend/client/src/app/core/components/app/app.component.html

@@ -1,3 +1,2 @@
-<p>Client app works</p>
 <router-outlet></router-outlet>
-<!--<svvs-home-page-ui></svvs-home-page-ui>-->
+

libs/frontend/client/feature/auth/src/lib/auth.common.ts

@@ -1,7 +1,12 @@
 import {Routes} from '@angular/router'
-import {AuthUiComponent} from '@svvs/frontend/client/feature/auth'
+import {AuthUiComponent} from './auth-ui/auth-ui.component'
 
 
-export const authRoutes: Routes = []
+export const authRoutes: Routes = [
+  {
+    path: '',
+    component: AuthUiComponent
+  }
+]
 
 export const authContainers: any[] = [AuthUiComponent]

libs/frontend/client/feature/auth/src/lib/auth.module.ts

@@ -1,10 +1,12 @@
 import {NgModule} from '@angular/core'
-import {authContainers} from './auth.common'
+import {authContainers, authRoutes} from './auth.common'
 import {AuthStoreModule} from '@svvs/frontend/shared/data-access/auth-store'
+import {RouterModule} from '@angular/router'
 
 @NgModule({
   imports: [
     AuthStoreModule.forRoot(),
+    RouterModule.forChild(authRoutes),
   ],
   exports: [...authContainers],
   declarations: [...authContainers],

libs/frontend/client/feature/home/src/lib/home.common.ts

@@ -11,6 +11,14 @@ export const homeRoutes: Routes = [
       {
         path: '',
         component: HomePageUiComponent
+      },
+      {
+        path: 'auth',
+        loadChildren: () => import('@svvs/frontend/client/feature/auth').then(m => m.AuthModule)
+      },
+      {
+        path: 'user-profile',
+        loadChildren: () => import('@svvs/frontend/client/feature/user-profile').then(m => m.UserProfileModule)
       }
     ]
   }

libs/frontend/client/feature/user-profile/src/lib/user-profile.common.ts

@@ -2,6 +2,11 @@ import {Routes} from '@angular/router'
 import {UserProfileUiComponent} from './user-profile-ui/user-profile-ui.component'
 
 
-export const userProfileRoutes: Routes = []
+export const userProfileRoutes: Routes = [
+  {
+    path: '',
+    component: UserProfileUiComponent
+  }
+]
 
 export const userProfileContainers: any[] = [UserProfileUiComponent]

libs/frontend/ui/components/src/lib/base-layout/base-layout-ui/base-layout-ui.component.html

@@ -1,3 +1,2 @@
-<p>base-layout-ui works!</p>
 <svvs-header-ui></svvs-header-ui>
 <router-outlet></router-outlet>

libs/frontend/ui/components/src/lib/header/header-ui/header-ui.component.html

@@ -1,3 +1 @@
-<p>header-ui works!</p>
-
 <svvs-navbar-ui></svvs-navbar-ui>

libs/frontend/ui/components/src/lib/navbar/navbar-ui/navbar-ui.component.html

@@ -1 +1,11 @@
-<p>navbar-ui works!</p>
+<ul class="nav justify-content-end">
+  <li class="nav-item">
+    <a class="nav-link"  routerLink="/">Главная</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" routerLink="/user-profile">Профиль</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link" routerLink="/auth">Войти</a>
+  </li>
+</ul>

libs/frontend/ui/components/src/lib/navbar/navbar-ui/navbar-ui.component.scss

@@ -0,0 +1 @@
+@import "ws-style/style";

libs/frontend/ui/components/src/lib/navbar/navbar.module.ts

@@ -1,11 +1,14 @@
 import {NgModule} from '@angular/core'
 import {navbarContainers} from './navbar.common'
+import {RouterModule} from '@angular/router'
 
 
 @NgModule({
   declarations: [...navbarContainers],
   exports: [...navbarContainers],
-  imports: [],
+  imports: [
+    RouterModule,
+  ],
 })
 export class NavbarModule {
 }

nx.json

@@ -54,6 +54,8 @@
     "frontend-client-feature-user-profile": {
       "tags": ["type:lib", "scope:frontend-client", "lib-type:feature"]
     },
-    "frontend-ui-components": { "tags": [] }
+    "frontend-ui-components": {
+      "tags": ["type:lib", "scope:frontend-client", "lib-type:ui"]
+    }
   }
 }

ws-style/shame.scss

@@ -0,0 +1,8 @@
+
+@import "~bootstrap/scss/nav";
+
+
+.justify-content-end {
+  display: flex;
+  justify-content: flex-end;
+}

ws-style/style.scss

@@ -14,3 +14,5 @@
  * Normalize default browser style
  */
 @import "base";
+
+@import "shame";