Rename app-blocks and app-blockviewer & transfer layout.scss into styles.scss

src/app/app-routing.module.ts

@@ -18,7 +18,7 @@ import { TableComponent } from './components/table/table.component';
 import { ListComponent } from './components/list/list.component';
 import { TreeComponent } from './components/tree/tree.component';
 import { CrudComponent } from './components/crud/crud.component';
-import { AppBlocksComponent } from './components/app-blocks/app-blocks.component';
+import { BlocksComponent } from './components/blocks/blocks.component';
 import { FloatLabelComponent } from './components/floatlabel/floatlabel.component';
 import { InvalidStateComponent } from './components/invalidstate/invalidstate.component';
 import { TimelineComponent } from './components/timeline/timeline.component';
@@ -50,7 +50,7 @@ import { IconsComponent } from './components/icons/icons.component';
                     {path: 'pages/timeline', component: TimelineComponent},
                     {path: 'pages/empty', component: EmptyComponent},
                     {path: 'icons', component: IconsComponent},
-                    {path: 'blocks', component: AppBlocksComponent},
+                    {path: 'blocks', component: BlocksComponent},
                     {path: 'documentation', component: DocumentationComponent}
                 ]
             },

src/app/app.module.ts

@@ -86,7 +86,7 @@ import { TreeModule } from 'primeng/tree';
 import { TreeSelectModule } from 'primeng/treeselect';
 import { TreeTableModule } from 'primeng/treetable';
 import { VirtualScrollerModule } from 'primeng/virtualscroller';
-import { BlockViewer } from './components/app-blockviewer/app.blockviewer.component';
+import { BlockViewer } from './components/blockviewer/blockviewer.component';
  
 import { AppCodeModule } from './components/app-code/app.code.component';
 import { AppComponent } from './app.component';
@@ -118,7 +118,7 @@ import { DocumentationComponent } from './components/documentation/documentation
 import { CrudComponent } from './components/crud/crud.component';
 import { TimelineComponent } from './components/timeline/timeline.component';
 import { IconsComponent } from './components/icons/icons.component';
-import { AppBlocksComponent } from './components/app-blocks/app-blocks.component';
+import { BlocksComponent } from './components/blocks/blocks.component';
 
 import { PaymentComponent} from './components/menus/payment.component';
 import { ConfirmationComponent } from './components/menus/confirmation.component';
@@ -252,7 +252,7 @@ import { MenuService } from './service/app.menu.service';
         DocumentationComponent,
         CrudComponent,
         TimelineComponent,
-        AppBlocksComponent,
+        BlocksComponent,
         BlockViewer,
         MediaComponent,
         PaymentComponent,

src/app/components/blocks/blocks.component.ts

@@ -1,9 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  templateUrl: './app-blocks.component.html'
+  templateUrl: './blocks.component.html'
 })
-export class AppBlocksComponent{
+export class BlocksComponent{
 
   block1: string = `
   <div class="grid grid-nogutter surface-section text-800">

src/app/components/blockviewer/blockviewer.component.ts

@@ -37,7 +37,7 @@ enum BlockView {
         </div>
     </div>
   `,
-  styleUrls: ['./app.blockviewer.component.scss']
+  styleUrls: ['./blockviewer.component.scss']
 })
 export class BlockViewer {