Migrated main page to material design

- some sections are left commented out for reference and migration
purposes and will be removed during future revisions

demo-shell-ng2/app/app.component.ts

@@ -7,11 +7,14 @@ import {HomeView} from './components/home.view';
 import {Page1View} from './components/page1.view';
 import {Page2View} from './components/page2.view';
 import {AlfrescoService} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
+import {MDL} from './components/MaterialDesignLiteUpgradeElement';
+
+declare var document: any;
 
 @Component({
     selector: 'my-app',
     templateUrl: 'app/app.component.html',
-    directives: [ROUTER_DIRECTIVES, AuthRouterOutlet]
+    directives: [ROUTER_DIRECTIVES, AuthRouterOutlet, MDL]
 })
 @RouteConfig([
     {path: '/', name: 'Home', component: HomeView, useAsDefault: true},
@@ -42,4 +45,9 @@ export class AppComponent {
                 () => this.router.navigate(['Login'])
             );
     }
+
+    hideDrawer() {
+        // todo: workaround for drawer closing
+        document.querySelector('.mdl-layout').MaterialLayout.toggleDrawer();
+    }
 }