Merge pull request #710 from Alfresco/dev-eromano-529

add tag in demo shell

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

@@ -17,6 +17,7 @@
                 <a class="mdl-navigation__link" data-automation-id="uploader" href="" routerLink="/uploader">Uploader</a>
                 <a class="mdl-navigation__link" data-automation-id="activiti" href="" routerLink="/activiti">Activiti</a>
                 <a class="mdl-navigation__link" data-automation-id="webscript" href="" routerLink="/webscript">Webscript</a>
+                <a class="mdl-navigation__link" data-automation-id="tag" href="" routerLink="/tag">Tag</a>
                 <a class="mdl-navigation__link" data-automation-id="login" href="" routerLink="/login">Login</a>
                 <a class="mdl-navigation__link" data-automation-id="about" href="" routerLink="/about">About</a>
             </nav>
@@ -47,6 +48,7 @@
             <a class="mdl-navigation__link" href="" routerLink="/login" (click)="hideDrawer()">Login Demo</a>
             <a class="mdl-navigation__link" href="" routerLink="/activiti" (click)="hideDrawer()">Activiti Components Demo</a>
             <a class="mdl-navigation__link" href="" routerLink="/webscript" (click)="hideDrawer()">Webscript</a>
+            <a class="mdl-navigation__link" href="" routerLink="/tag" (click)="hideDrawer()">Tag</a>
             <a class="mdl-navigation__link" href="" routerLink="/about" (click)="hideDrawer()">About</a>
         </nav>
         <span class="mdl-layout-title">ECM host</span>

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

@@ -25,6 +25,7 @@ import {
     LoginDemoComponent,
     ActivitiDemoComponent,
     WebscriptComponent,
+    TagComponent,
     AboutComponent,
     FormViewer
 } from './components/index';
@@ -42,6 +43,7 @@ export const routes: RouterConfig = [
     { path: 'activiti/tasks/:id', component: FormViewer },
     { path: 'activiti/tasksnode/:id', component: FormNodeViewer },
     { path: 'webscript', component: WebscriptComponent },
+    { path: 'tag', component: TagComponent },
     { path: 'about', component: AboutComponent }
 ];
 

demo-shell-ng2/app/components/index.ts

@@ -23,5 +23,6 @@ export { LoginDemoComponent } from './login/login-demo.component';
 export { ActivitiDemoComponent } from './activiti/activiti-demo.component';
 export { FormViewer } from './activiti/form-viewer.component';
 export { WebscriptComponent } from './webscript/webscript.component';
+export { TagComponent } from './tag/tag.component';
 export { AboutComponent } from './about/about.component';
 export { FilesComponent } from './files/files.component';

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

@@ -0,0 +1,41 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+import { TAGCOMPONENT, TAGSERVICES } from 'ng2-alfresco-tag';
+
+@Component({
+    selector: 'alfresco-tag-demo',
+    template: `
+                <label for="nodeId"><b>Insert Node Id</b></label><br>
+                <input id="nodeId" type="text" size="48"  [(ngModel)]="nodeId"><br>
+            <div class="mdl-grid">
+              <div class="mdl-cell mdl-cell--4-col"><alfresco-tag-node-actions-list [nodeId]="nodeId"></alfresco-tag-node-actions-list></div>
+              <div class="mdl-cell mdl-cell--4-col">List Tags ECM <alfresco-tag-list></alfresco-tag-list></div>
+              <div class="mdl-cell mdl-cell--4-col">
+                    Tag list By Node ID 
+                    <alfresco-tag-node-list [nodeId]="nodeId"></alfresco-tag-node-list>
+              </div>
+            </div>
+    `,
+    directives: [TAGCOMPONENT],
+    providers: [TAGSERVICES]
+})
+export class TagComponent {
+
+    nodeId: string = '74cd8a96-8a21-47e5-9b3b-a1b3e296787d';
+}

demo-shell-ng2/package.json

@@ -86,7 +86,8 @@
     "ng2-activiti-form": "0.3.0",
     "ng2-activiti-tasklist": "0.3.0",
     "ng2-activiti-processlist": "0.3.0",
-    "ng2-alfresco-webscript": "0.3.0"
+    "ng2-alfresco-webscript": "0.3.0",
+    "ng2-alfresco-tag": "0.3.0"
   },
   "devDependencies": {
     "concurrently": "2.0.0",

demo-shell-ng2/systemjs.config.js

@@ -20,6 +20,7 @@
         'ng2-activiti-form': 'node_modules/ng2-activiti-form/dist',
         'ng2-alfresco-viewer': 'node_modules/ng2-alfresco-viewer/dist',
         'ng2-alfresco-webscript': 'node_modules/ng2-alfresco-webscript/dist',
+        'ng2-alfresco-tag': 'node_modules/ng2-alfresco-tag/dist',
         'ng2-activiti-tasklist': 'node_modules/ng2-activiti-tasklist/dist',
         'alfresco-js-api': 'node_modules/alfresco-js-api/dist',
         'ng2-activiti-processlist': 'node_modules/ng2-activiti-processlist/dist'
@@ -43,6 +44,7 @@
         'ng2-activiti-processlist': { main: 'index.js', defaultExtension: 'js'},
         'ng2-activiti-tasklist': { main: 'index.js', defaultExtension: 'js'},
         'ng2-alfresco-webscript': { main: 'index.js', defaultExtension: 'js'},
+        'ng2-alfresco-tag': { main: 'index.js', defaultExtension: 'js'},
         'alfresco-js-api': { main: 'alfresco-js-api.js', defaultExtension: 'js'}
     };
     var ngPackageNames = [