Restructure Shared Module;

Author: jsfrocha

src/app/screens/content/content.component.ts

@@ -3,7 +3,7 @@ import gql from 'graphql-tag';
 import {AppService} from '../../app.service';
 import {BehaviorSubject, combineLatest, Observable} from 'rxjs';
 import {map} from 'rxjs/operators';
-import {IFilters} from '../../shared/filters/interfaces/filters.interface';
+import {IFilters} from '../../shared/components/filters/interfaces/filters.interface';
 import {Apollo, QueryRef} from 'apollo-angular';
 import {IContentItem} from '../../interfaces/content-item.interface';
 import {ActivatedRoute} from '@angular/router';

src/app/shared/blog-article-card/blog-article-card.component.html renamed to src/app/shared/components/blog-article-card/blog-article-card.component.html

@@ -1,4 +1,4 @@
-@import '../../../theme/index';
+@import 'theme';
 
 .blog-article-item {
   position: relative;
@@ -9,7 +9,7 @@
   background-repeat: no-repeat;
   background-size: cover;
 
-  mask: url(../../../assets/card/cta-blog.png);
+  mask: url(/assets/card/cta-blog.png);
   mask-size: cover;
 
   .mask-overlay {

src/app/shared/blog-article-card/blog-article-card.component.scss renamed to src/app/shared/components/blog-article-card/blog-article-card.component.scss

@@ -1,5 +1,5 @@
 import {Component, Input, OnInit} from '@angular/core';
-import {IContentItem} from '../../interfaces/content-item.interface';
+import {IContentItem} from '../../../interfaces/content-item.interface';
 
 @Component({
   selector: 't4e-content-card',

src/app/shared/blog-article-card/blog-article-card.component.spec.ts renamed to src/app/shared/components/blog-article-card/blog-article-card.component.spec.ts

@@ -4,7 +4,7 @@
 
   <nav class="navbar">
     <a routerLink="/" class="brand">
-      <img src="../../../assets/Logo.png" alt="Tools4Edu Logo">
+      <img src="../../../../assets/Logo.png" alt="Tools4Edu Logo">
     </a>
     <ul class="navbar__nav-items">
       <li class="nav-item nav-item--home">
@@ -31,7 +31,7 @@
     </div>
 
     <a href="/" class="brand">
-      <img src="../../../assets/Logo-mobile.png" alt="Tools4Edu Logo">
+      <img src="../../../../assets/Logo-mobile.png" alt="Tools4Edu Logo">
     </a>
     <ul class="navbar__nav-items navbar--mobile__nav-items">
       <li class="nav-item nav-item--home">

src/app/shared/blog-article-card/blog-article-card.component.ts renamed to src/app/shared/components/blog-article-card/blog-article-card.component.ts

@@ -1,4 +1,4 @@
-@import '../../../theme/index';
+@import 'theme';
 
 :host {
   position: relative;

src/app/shared/content-card/content-card.component.html renamed to src/app/shared/components/content-card/content-card.component.html

@@ -1,4 +1,4 @@
-@import '../../../theme/index';
+@import 'theme';
 
 .t4e-page-header {
 

src/app/shared/content-card/content-card.component.scss renamed to src/app/shared/components/content-card/content-card.component.scss

@@ -1,27 +1,29 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NavbarComponent } from './navbar/navbar.component';
+import { NavbarComponent } from './components/navbar/navbar.component';
 import { RouterModule } from '@angular/router';
-import { PageHeaderComponent } from './page-header/page-header.component';
-import { FooterComponent } from './footer/footer.component';
+import { PageHeaderComponent } from './components/page-header/page-header.component';
+import { FooterComponent } from './components/footer/footer.component';
 import { CarouselModule } from 'ngx-owl-carousel-o';
-import { BlogArticleCardComponent } from './blog-article-card/blog-article-card.component';
-import { FiltersComponent } from './filters/filters.component';
+import { BlogArticleCardComponent } from './components/blog-article-card/blog-article-card.component';
+import { FiltersComponent } from './components/filters/filters.component';
 import {ReactiveFormsModule} from '@angular/forms';
-import { ContentCardComponent } from './content-card/content-card.component';
-import { FilterDrawerComponent } from './filter-drawer/filter-drawer.component';
-
+import { ContentCardComponent } from './components/content-card/content-card.component';
+import { FilterDrawerComponent } from './components/filter-drawer/filter-drawer.component';
 
+const SHARED_COMPONENTS = [
+  NavbarComponent,
+  PageHeaderComponent,
+  FooterComponent,
+  BlogArticleCardComponent,
+  FiltersComponent,
+  ContentCardComponent,
+  FilterDrawerComponent,
+]
 
 @NgModule({
   declarations: [
-    NavbarComponent,
-    PageHeaderComponent,
-    FooterComponent,
-    BlogArticleCardComponent,
-    FiltersComponent,
-    ContentCardComponent,
-    FilterDrawerComponent,
+    ...SHARED_COMPONENTS
   ],
   imports: [
     CommonModule,
@@ -30,13 +32,7 @@ import { FilterDrawerComponent } from './filter-drawer/filter-drawer.component';
     ReactiveFormsModule
   ],
   exports: [
-    NavbarComponent,
-    PageHeaderComponent,
-    FooterComponent,
-    BlogArticleCardComponent,
-    FiltersComponent,
-    ContentCardComponent,
-    FilterDrawerComponent
+    ...SHARED_COMPONENTS
   ]
 })
 export class SharedModule { }