From d524274d82a2ef8a563fecf9bdff5f59b5726e9f Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Thu, 21 Apr 2016 18:46:04 +0100
Subject: [PATCH]  clean demo project

---
 demo-shell-ng2/app/app.component.html         | 10 +-
 demo-shell-ng2/app/app.component.ts           | 16 ++--
 .../MaterialDesignLiteUpgradeElement.ts       |  0
 .../files.component.ts}                       |  8 +-
 .../login/{login.ts => login.component.ts}    |  4 +-
 demo-shell-ng2/app/components/page1.view.ts   | 93 -------------------
 demo-shell-ng2/app/components/page2.view.ts   | 21 -----
 .../{ => router}/AuthRouterOutlet.ts          |  2 +-
 demo-shell-ng2/index.html                     |  3 -
 demo-shell-ng2/tsconfig.json                  |  1 +
 10 files changed, 18 insertions(+), 140 deletions(-)
 rename demo-shell-ng2/app/components/{ => common}/MaterialDesignLiteUpgradeElement.ts (100%)
 rename demo-shell-ng2/app/components/{home.view.ts => files/files.component.ts} (94%)
 rename demo-shell-ng2/app/components/login/{login.ts => login.component.ts} (95%)
 delete mode 100644 demo-shell-ng2/app/components/page1.view.ts
 delete mode 100644 demo-shell-ng2/app/components/page2.view.ts
 rename demo-shell-ng2/app/components/{ => router}/AuthRouterOutlet.ts (94%)

diff --git a/demo-shell-ng2/app/app.component.html b/demo-shell-ng2/app/app.component.html
index 98abb43bfc..8d5bfa738e 100644
--- a/demo-shell-ng2/app/app.component.html
+++ b/demo-shell-ng2/app/app.component.html
@@ -56,9 +56,8 @@
             <div class="mdl-layout-spacer"></div>
             <!-- Navigation. We hide it in small screens. -->
             <nav class="mdl-navigation mdl-layout--large-screen-only">
-                <a class="mdl-navigation__link" href="" [routerLink]="['Home']">Home</a>
-                <a class="mdl-navigation__link" href="" [routerLink]="['Page1']">Uploader</a>
-                <a class="mdl-navigation__link" href="" [routerLink]="['Page2']">Page 2</a>
+                <a class="mdl-navigation__link" href="" [routerLink]="['Files']">Files</a>
+                <a class="mdl-navigation__link" href="" [routerLink]="['Login']">Login</a>
             </nav>
             <!-- Right aligned menu below button -->
             <button id="demo-menu-lower-right"
@@ -80,9 +79,8 @@
     <div class="mdl-layout__drawer">
         <span class="mdl-layout-title">Alfresco</span>
         <nav class="mdl-navigation">
-            <a class="mdl-navigation__link" href="" [routerLink]="['Home']" (click)="hideDrawer()">Home</a>
-            <a class="mdl-navigation__link" href="" [routerLink]="['Page1']" (click)="hideDrawer()">Uploader</a>
-            <a class="mdl-navigation__link" href="" [routerLink]="['Page2']" (click)="hideDrawer()">Page 2</a>
+            <a class="mdl-navigation__link" href="" [routerLink]="['Files']" (click)="hideDrawer()">Files</a>
+            <a class="mdl-navigation__link" href="" [routerLink]="['Login']" (click)="hideDrawer()">Login</a>
         </nav>
     </div>
     <main class="mdl-layout__content">
diff --git a/demo-shell-ng2/app/app.component.ts b/demo-shell-ng2/app/app.component.ts
index 404a273013..8975f1c1e7 100644
--- a/demo-shell-ng2/app/app.component.ts
+++ b/demo-shell-ng2/app/app.component.ts
@@ -1,13 +1,11 @@
 import {Component} from 'angular2/core';
 import {Router, RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
-import {Login} from './components/login/login';
 import {Authentication} from './services/authentication';
-import {AuthRouterOutlet} from './components/AuthRouterOutlet';
-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';
+import {MDL} from './components/common/MaterialDesignLiteUpgradeElement';
+import {FilesComponent} from './components/files/files.component';
+import {LoginComponent} from './components/login/login.component';
+import {AuthRouterOutlet} from './components/router/AuthRouterOutlet';
 
 declare var document: any;
 
@@ -17,10 +15,8 @@ declare var document: any;
     directives: [ROUTER_DIRECTIVES, AuthRouterOutlet, MDL]
 })
 @RouteConfig([
-    {path: '/', name: 'Home', component: HomeView, useAsDefault: true},
-    {path: '/login', name: 'Login', component: Login},
-    {path: '/page1', name: 'Page1', component: Page1View},
-    {path: '/page2', name: 'Page2', component: Page2View}
+    {path: '/', name: 'Files', component: FilesComponent, useAsDefault: true},
+    {path: '/login', name: 'Login', component: LoginComponent}
 ])
 export class AppComponent {
 
diff --git a/demo-shell-ng2/app/components/MaterialDesignLiteUpgradeElement.ts b/demo-shell-ng2/app/components/common/MaterialDesignLiteUpgradeElement.ts
similarity index 100%
rename from demo-shell-ng2/app/components/MaterialDesignLiteUpgradeElement.ts
rename to demo-shell-ng2/app/components/common/MaterialDesignLiteUpgradeElement.ts
diff --git a/demo-shell-ng2/app/components/home.view.ts b/demo-shell-ng2/app/components/files/files.component.ts
similarity index 94%
rename from demo-shell-ng2/app/components/home.view.ts
rename to demo-shell-ng2/app/components/files/files.component.ts
index 430b8e4744..cbd8f1ae15 100644
--- a/demo-shell-ng2/app/components/home.view.ts
+++ b/demo-shell-ng2/app/components/files/files.component.ts
@@ -1,9 +1,9 @@
 import {Component} from 'angular2/core';
 import {DocumentList} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
-import {MDL} from './MaterialDesignLiteUpgradeElement';
+import {MDL} from '../common/MaterialDesignLiteUpgradeElement';
 
 @Component({
-    selector: 'home-view',
+    selector: 'files-component',
     template: `
         <div class="container-fluid p-10">
             <div class="row">
@@ -42,7 +42,7 @@ import {MDL} from './MaterialDesignLiteUpgradeElement';
                     </ul>
                 </div>
                 <div class="col-md-10">
-                    <alfresco-document-list #list 
+                    <alfresco-document-list #list
                         [thumbnails]="thumbnails"
                         [breadcrumb]="breadcrumb"
                         [navigate]="navigation"
@@ -55,7 +55,7 @@ import {MDL} from './MaterialDesignLiteUpgradeElement';
     `,
     directives: [DocumentList, MDL]
 })
-export class HomeView {
+export class FilesComponent {
     thumbnails: boolean = true;
     breadcrumb: boolean = false;
     navigation: boolean = true;
diff --git a/demo-shell-ng2/app/components/login/login.ts b/demo-shell-ng2/app/components/login/login.component.ts
similarity index 95%
rename from demo-shell-ng2/app/components/login/login.ts
rename to demo-shell-ng2/app/components/login/login.component.ts
index b2e8ee361a..0125b7dde6 100644
--- a/demo-shell-ng2/app/components/login/login.ts
+++ b/demo-shell-ng2/app/components/login/login.component.ts
@@ -5,13 +5,13 @@ import {Authentication} from '../../services/authentication';
 declare let componentHandler;
 
 @Component({
-    selector: 'login',
+    selector: 'login-component',
     moduleId: 'app/components/login/login',
     directives: [ROUTER_DIRECTIVES, FORM_DIRECTIVES],
     templateUrl: 'login.component.html',
     styleUrls: ['login.component.css'],
 })
-export class Login {
+export class LoginComponent {
     form:ControlGroup;
     error:boolean = false;
 
diff --git a/demo-shell-ng2/app/components/page1.view.ts b/demo-shell-ng2/app/components/page1.view.ts
deleted file mode 100644
index b8a3f30b86..0000000000
--- a/demo-shell-ng2/app/components/page1.view.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import {Component, NgZone} from 'angular2/core';
-import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
-
-@Component({
-    selector: 'page1-view',
-    styles: [
-        `
-        :host .dropzone {
-            width: 100%;
-            height: 100px;
-            background-color: #f5f5f5;
-            margin-top: 2px;
-            margin-bottom: 2px;
-            box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-            text-align: center;
-        }
-        `
-    ],
-    template: `
-        <div class="container">
-            <div class="row">
-                <h2>Upload File</h2>
-                <input type="file" 
-                       [ng-file-select]="options"
-                       (onUpload)="handleUpload($event)">
-                <div>
-                    Response: {{ uploadFile | json }}
-                </div>
-            </div>
-            <div class="row">
-                <h2>Drag and Drop file demo</h2>
-                <div class="col-md-4 col-md-offset-3">
-                    <div [ng-file-drop]="options" (onUpload)="handleDropUpload($event)" class="dropzone">
-                        Drop file here...
-                    </div>
-                    <div class="progress">
-                        <div class="progress-bar" [style.width]="dropProgress + '%'"></div>
-                        <span class="percent">{{ dropProgress }}%</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    `,
-    directives: [UPLOAD_DIRECTIVES]
-})
-export class Page1View {
-    uploadFile:any;
-    options:Object = {
-        url: 'http://192.168.99.100:8080/alfresco/service/api/upload',
-        withCredentials: true,
-        authToken: btoa('admin:admin'),
-        authTokenPrefix: 'Basic',
-        fieldName: 'filedata',
-        formFields: {
-            siteid: 'swsdp',
-            containerid: 'documentLibrary'
-        }
-    };
-
-    zone:NgZone;
-    dropProgress:number = 0;
-    dropResp:any[] = [];
-
-    constructor() {
-        this.zone = new NgZone({enableLongStackTrace: false});
-    }
-
-    handleUpload(data):void {
-        if (data && data.response) {
-            data = JSON.parse(data.response);
-            this.uploadFile = data;
-        }
-    }
-
-    handleDropUpload(data):void {
-        let index = this.dropResp.findIndex(x => x.id === data.id);
-        if (index === -1) {
-            this.dropResp.push(data);
-        } else {
-            this.zone.run(() => {
-                this.dropResp[index] = data;
-            });
-        }
-
-        let total = 0, uploaded = 0;
-        this.dropResp.forEach(resp => {
-            total += resp.progress.total;
-            uploaded += resp.progress.loaded;
-        });
-
-        this.dropProgress = Math.floor(uploaded / (total / 100));
-    }
-}
diff --git a/demo-shell-ng2/app/components/page2.view.ts b/demo-shell-ng2/app/components/page2.view.ts
deleted file mode 100644
index 82e0ee68f2..0000000000
--- a/demo-shell-ng2/app/components/page2.view.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Component} from 'angular2/core';
-import {MDL} from './MaterialDesignLiteUpgradeElement';
-
-@Component({
-    selector: 'page2-view',
-    template: `
-        <div class="container">
-            <div class="row">
-                <h2>Page 2</h2>
-                <label mdl class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
-                  <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" checked>
-                  <span class="mdl-checkbox__label">Checkbox</span>
-                </label>
-            </div>
-        </div>
-    `,
-    directives: [MDL]
-})
-export class Page2View {
-
-}
diff --git a/demo-shell-ng2/app/components/AuthRouterOutlet.ts b/demo-shell-ng2/app/components/router/AuthRouterOutlet.ts
similarity index 94%
rename from demo-shell-ng2/app/components/AuthRouterOutlet.ts
rename to demo-shell-ng2/app/components/router/AuthRouterOutlet.ts
index 592be07d13..7ff475599d 100644
--- a/demo-shell-ng2/app/components/AuthRouterOutlet.ts
+++ b/demo-shell-ng2/app/components/router/AuthRouterOutlet.ts
@@ -1,6 +1,6 @@
 import { ElementRef, DynamicComponentLoader, Directive, Attribute } from 'angular2/core';
 import { Router, RouterOutlet, ComponentInstruction } from 'angular2/router';
-import {Authentication} from '../services/authentication';
+import {Authentication} from '../../services/authentication';
 
 @Directive({selector: 'auth-router-outlet'})
 export class AuthRouterOutlet extends RouterOutlet {
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 97b3ed708f..fe544456d1 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -28,9 +28,6 @@
 
     <!--<script src="node_modules/ng2-uploader/bundles/ng2-uploader.js"></script>-->
 
-    <script src="node_modules/jquery/dist/jquery.min.js"></script>
-    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
-
     <script src="/app/js/xml2json.js"></script>
 
     <!-- 2. Configure SystemJS -->
diff --git a/demo-shell-ng2/tsconfig.json b/demo-shell-ng2/tsconfig.json
index bb6b614683..a9ba2d14f1 100644
--- a/demo-shell-ng2/tsconfig.json
+++ b/demo-shell-ng2/tsconfig.json
@@ -11,6 +11,7 @@
     "noImplicitAny": false
   },
   "files": [
+    "node_modules/angular2/typings/browser.d.ts",
     "typings/browser/ambient/jasmine/index.d.ts",
     "app/**/*.ts"
   ],