ing

src/app/packages/member/components/signin/signin.component.html

@@ -1 +1 @@
-<div>login</div>
+<div>signin</div>

src/app/packages/member/components/signup/signup.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-signup',
+  selector: 'of-member-signup',
   templateUrl: './signup.component.html',
   styleUrls: ['./signup.component.scss']
 })

src/app/pages/auth/auth.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-auth',
+  selector: 'of-pages-auth',
   templateUrl: './auth.component.html',
   styleUrls: ['./auth.component.scss']
 })

src/app/pages/auth/auth.module.ts

@@ -5,12 +5,14 @@ import { AuthRoutingModule } from './auth-routing.module';
 import { SigninComponent } from './signin/signin.component';
 import { SignupComponent } from './signup/signup.component';
 import { ResetPasswordComponent } from './reset-password/reset-password.component';
+import { MemberModule } from 'app/packages/member/member.module';
 
 
 @NgModule({
   imports: [
     CommonModule,
     AuthRoutingModule,
+    MemberModule
   ],
   declarations: [
     AuthComponent,

src/app/pages/auth/reset-password/reset-password.component.html

@@ -1,3 +1 @@
-<p>
+<of-member-reset-password></of-member-reset-password>
-  reset-password works!
-</p>

src/app/pages/auth/reset-password/reset-password.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-reset-password',
+  selector: 'of-pages-auth-reset-password',
   templateUrl: './reset-password.component.html',
   styleUrls: ['./reset-password.component.scss']
 })

src/app/pages/auth/signin/signin.component.html

@@ -1 +1 @@
-<button mat-button>Basic</button>
+<of-member-signin></of-member-signin>

src/app/pages/auth/signin/signin.component.ts

@@ -5,9 +5,9 @@ import { ErrorStateMatcher } from '@angular/material/core';
 
 
 @Component({
-  selector: 'of-auth-signin',
+  selector: 'of-pages-auth-signin',
   templateUrl: './signin.component.html',
-  styleUrls: ['./signin.component.scss']
+  styleUrls: ['./signin.component.scss'],
 })
 export class SigninComponent implements OnInit {
 

src/app/pages/auth/signup/signup.component.html

@@ -1,3 +1 @@
-<p>
+<of-member-signup></of-member-signup>
-  signup works!
-</p>

src/app/pages/auth/signup/signup.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-signup',
+  selector: 'of-pages-auth-signup',
   templateUrl: './signup.component.html',
   styleUrls: ['./signup.component.scss']
 })

src/app/pages/errors/e404/e404.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-e404',
+  selector: 'of-pages-errors-e404',
   templateUrl: './e404.component.html',
   styleUrls: ['./e404.component.scss']
 })

src/app/pages/errors/e500/e500.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-e500',
+  selector: 'of-pages-errors-e500',
   templateUrl: './e500.component.html',
   styleUrls: ['./e500.component.scss']
 })

src/app/pages/errors/errors.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-errors',
+  selector: 'of-pages-errors',
   templateUrl: './errors.component.html',
   styleUrls: ['./errors.component.scss']
 })

src/app/pages/home/home.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'of-home',
+  selector: 'of-pages-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss']
 })