[ADF-3869] extensibility related components (#4107)

* extensions: dynamic column

* content: trashcan name column

* content: library status column

* content: library role column

* content: library name column

* style fixes

* content: name column

* demo: use name column in DL example

* fix tests

* lint fixes

* code fixes

* update docs

* add toggle to demo shell

lib/content-services/document-list/components/library-role-column/library-role-column.component.spec.ts

@@ -0,0 +1,77 @@
+/*!
+ * @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 { setupTestBed } from '@alfresco/adf-core';
+import { LibraryRoleColumnComponent } from './library-role-column.component';
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ContentTestingModule } from '../../../testing/content.testing.module';
+
+describe('LibraryNameColumnComponent', () => {
+    let fixture: ComponentFixture<LibraryRoleColumnComponent>;
+    let component: LibraryRoleColumnComponent;
+
+    setupTestBed({
+        imports: [ContentTestingModule],
+        schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
+    });
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(LibraryRoleColumnComponent);
+        component = fixture.componentInstance;
+    });
+
+    it('should render Manager', () => {
+        component.context = {
+            row: { node: { entry: { role: 'SiteManager' } } }
+        };
+        fixture.detectChanges();
+        expect(component.displayText).toBe('LIBRARY.ROLE.MANAGER');
+    });
+
+    it('should render Collaborator', () => {
+        component.context = {
+            row: { node: { entry: { role: 'SiteCollaborator' } } }
+        };
+        fixture.detectChanges();
+        expect(component.displayText).toBe('LIBRARY.ROLE.COLLABORATOR');
+    });
+
+    it('should render Contributor', () => {
+        component.context = {
+            row: { node: { entry: { role: 'SiteContributor' } } }
+        };
+        fixture.detectChanges();
+        expect(component.displayText).toBe('LIBRARY.ROLE.CONTRIBUTOR');
+    });
+
+    it('should render Consumer', () => {
+        component.context = {
+            row: { node: { entry: { role: 'SiteConsumer' } } }
+        };
+        fixture.detectChanges();
+        expect(component.displayText).toBe('LIBRARY.ROLE.CONSUMER');
+    });
+
+    it('should not render text for unknown', () => {
+        component.context = {
+            row: { node: { entry: { role: 'ROLE' } } }
+        };
+        fixture.detectChanges();
+        expect(component.displayText).toBe('');
+    });
+});

lib/content-services/document-list/components/library-role-column/library-role-column.component.ts

@@ -0,0 +1,58 @@
+/*!
+ * @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, OnInit, Input } from '@angular/core';
+
+@Component({
+  selector: 'adf-library-role-column',
+  template: `
+    <span title="{{ displayText | translate }}">
+      {{ displayText | translate }}
+    </span>
+  `,
+  host: { class: 'adf-library-role-column' }
+})
+export class LibraryRoleColumnComponent implements OnInit {
+  @Input()
+  context: any;
+
+  displayText: string;
+
+  ngOnInit() {
+    const node = this.context.row.node;
+    if (node && node.entry) {
+      const role: string = node.entry.role;
+      switch (role) {
+        case 'SiteManager':
+          this.displayText = 'LIBRARY.ROLE.MANAGER';
+          break;
+        case 'SiteCollaborator':
+          this.displayText = 'LIBRARY.ROLE.COLLABORATOR';
+          break;
+        case 'SiteContributor':
+          this.displayText = 'LIBRARY.ROLE.CONTRIBUTOR';
+          break;
+        case 'SiteConsumer':
+          this.displayText = 'LIBRARY.ROLE.CONSUMER';
+          break;
+        default:
+          this.displayText = '';
+          break;
+      }
+    }
+  }
+}