refactor: rename containers

Author: mrholek

…s/full-layout/full-layout.component.html …ult-layout/default-layout.component.htmlsrc/app/containers/full-layout/full-layout.component.html renamed to src/app/containers/default-layout/default-layout.component.html src/app/containers/full-layout/full-layout.component.html renamed to src/app/containers/default-layout/default-layout.component.html

@@ -49,7 +49,7 @@
 </app-header>
 <div class="app-body">
   <app-sidebar [fixed]="true" [display]="'lg'">
-    <app-sidebar-nav [navItems]="navItems" [perfectScrollbar]="config"></app-sidebar-nav>
+    <app-sidebar-nav [navItems]="navItems" [perfectScrollbar] [disabled]="sidebarMinimized"></app-sidebar-nav>
     <app-sidebar-minimizer></app-sidebar-minimizer>
   </app-sidebar>
   <!-- Main content -->
@@ -255,10 +255,9 @@ <h6>Settings</h6>
           <div class="aside-options">
             <div class="clearfix mt-4">
               <small><b>Option 1</b></small>
-              <label class="switch switch-text switch-pill switch-success switch-sm float-right">
+              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                 <input type="checkbox" class="switch-input" checked>
-                <span class="switch-label" data-on="On" data-off="Off"></span>
-                <span class="switch-handle"></span>
+                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
               </label>
             </div>
             <div>
@@ -268,10 +267,9 @@ <h6>Settings</h6>
           <div class="aside-options">
             <div class="clearfix mt-3">
               <small><b>Option 2</b></small>
-              <label class="switch switch-text switch-pill switch-success switch-sm float-right">
+              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                 <input type="checkbox" class="switch-input">
-                <span class="switch-label" data-on="On" data-off="Off"></span>
-                <span class="switch-handle"></span>
+                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
               </label>
             </div>
             <div>
@@ -281,20 +279,19 @@ <h6>Settings</h6>
           <div class="aside-options">
             <div class="clearfix mt-3">
               <small><b>Option 3</b></small>
-              <label class="switch switch-text switch-pill switch-success switch-sm float-right">
+              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                 <input type="checkbox" class="switch-input">
-                <span class="switch-label" data-on="On" data-off="Off"></span>
+                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
                 <span class="switch-handle"></span>
               </label>
             </div>
           </div>
           <div class="aside-options">
             <div class="clearfix mt-3">
               <small><b>Option 4</b></small>
-              <label class="switch switch-text switch-pill switch-success switch-sm float-right">
+              <label class="switch switch-label switch-pill switch-success switch-sm float-right">
                 <input type="checkbox" class="switch-input" checked>
-                <span class="switch-label" data-on="On" data-off="Off"></span>
-                <span class="switch-handle"></span>
+                <span class="switch-slider" data-checked="On" data-unchecked="Off"></span>
               </label>
             </div>
           </div>

src/app/containers/default-layout/default-layout.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import { navItems } from './../../_nav';
+
+@Component({
+  selector: 'app-dashboard',
+  templateUrl: './default-layout.component.html'
+})
+export class DefaultLayoutComponent {
+  public navItems = navItems;
+  public sidebarMinimized = true;
+  private changes: MutationObserver;
+  public element: HTMLElement = document.body;
+  constructor() {
+
+    this.changes = new MutationObserver((mutations) => {
+      this.sidebarMinimized = document.body.classList.contains('sidebar-minimized')
+    });
+
+    this.changes.observe(<Element>this.element, {
+      attributes: true
+    });
+  }
+}

src/app/containers/default-layout/index.ts

@@ -0,0 +1 @@
+export * from './default-layout.component';

src/app/containers/full-layout/full-layout.component.ts

@@ -1,2 +1 @@
-export * from './full-layout';
-export * from './simple-layout';
+export * from './default-layout';