[ADF-2540] Lock node feature (#3138)

* add adf-node-lock directive

* add lock-node service + button in context menu

* unit tests

* docs

* unit tests fix

* Remove unnecessary imports

* PR changes

* Remove fit from tests

* Update specific node from list on lock/ulock

lib/content-services/directives/content-directive.module.ts

@@ -21,6 +21,7 @@ import { MaterialModule } from '../material.module';
 
 import { NodeDownloadDirective } from './node-download.directive';
 import { NodeSharedDirective } from './node-share.directive';
+import { NodeLockDirective } from './node-lock.directive';
 
 @NgModule({
     imports: [
@@ -29,11 +30,13 @@ import { NodeSharedDirective } from './node-share.directive';
     ],
     declarations: [
         NodeDownloadDirective,
-        NodeSharedDirective
+        NodeSharedDirective,
+        NodeLockDirective
     ],
     exports: [
         NodeDownloadDirective,
-        NodeSharedDirective
+        NodeSharedDirective,
+        NodeLockDirective
     ]
 })
 export class ContentDirectiveModule {

lib/content-services/directives/node-lock.directive.spec.ts

@@ -0,0 +1,99 @@
+/*!
+ * @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 { TestBed, ComponentFixture, async, fakeAsync } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { Component, DebugElement } from '@angular/core';
+
+import { NodeLockDirective } from './node-lock.directive';
+import { MinimalNodeEntryEntity } from 'alfresco-js-api';
+import { NodeActionsService } from '../document-list/services/node-actions.service';
+import { ContentNodeDialogService } from '../content-node-selector/content-node-dialog.service';
+import { DocumentListService } from '../document-list/services/document-list.service';
+
+const fakeNode: MinimalNodeEntryEntity = <MinimalNodeEntryEntity> {
+    id: 'fake',
+    isFile: true,
+    isLocked: false
+};
+
+@Component({
+    template: '<div [adf-node-lock]="node"></div>'
+})
+class TestComponent {
+    node = null;
+}
+
+describe('NodeLock Directive', () => {
+    let component: TestComponent;
+    let fixture: ComponentFixture<TestComponent>;
+    let element: DebugElement;
+    let contentNodeDialogService: ContentNodeDialogService;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            imports: [],
+            providers: [
+                NodeActionsService,
+                ContentNodeDialogService,
+                DocumentListService
+            ],
+            declarations: [
+                TestComponent,
+                NodeLockDirective
+            ]
+        });
+
+        TestBed.compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(TestComponent);
+        component = fixture.componentInstance;
+        element = fixture.debugElement.query(By.directive(NodeLockDirective));
+        contentNodeDialogService = TestBed.get(ContentNodeDialogService);
+    });
+
+    it('should call openLockNodeDialog method on click', () => {
+        spyOn(contentNodeDialogService, 'openLockNodeDialog');
+        component.node = fakeNode;
+
+        fixture.detectChanges();
+        element = fixture.debugElement.query(By.directive(NodeLockDirective));
+        element.triggerEventHandler('click', {
+            preventDefault: () => {}
+        });
+
+        expect(contentNodeDialogService.openLockNodeDialog).toHaveBeenCalledWith(fakeNode);
+    });
+
+    it('should disable the button if node is a folder', fakeAsync(() => {
+        component.node = { isFile: false, isFolder: true };
+
+        fixture.detectChanges();
+
+        expect(element.nativeElement.disabled).toEqual(true);
+    }));
+
+    it('should enable the button if node is a file', fakeAsync(() => {
+        component.node = { isFile: true, isFolder: false };
+
+        fixture.detectChanges();
+
+        expect(element.nativeElement.disabled).toEqual(false);
+    }));
+});

lib/content-services/directives/node-lock.directive.ts

@@ -0,0 +1,50 @@
+/*!
+ * @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.
+ */
+
+/* tslint:disable:no-input-rename  */
+
+import { Directive, ElementRef, Renderer2, HostListener, Input, AfterViewInit } from '@angular/core';
+import { MinimalNodeEntryEntity } from 'alfresco-js-api';
+import { PermissionsEnum, ContentService } from '@alfresco/adf-core';
+import { ContentNodeDialogService } from '../content-node-selector/content-node-dialog.service';
+
+@Directive({
+    selector: '[adf-node-lock]'
+})
+export class NodeLockDirective implements AfterViewInit {
+
+    @Input('adf-node-lock')
+    node: MinimalNodeEntryEntity;
+
+    @HostListener('click', [ '$event' ])
+    onClick(event) {
+        event.preventDefault();
+        this.contentNodeDialogService.openLockNodeDialog(this.node);
+    }
+
+    constructor(
+        public element: ElementRef,
+        private renderer: Renderer2,
+        private contentService: ContentService,
+        private contentNodeDialogService: ContentNodeDialogService
+    ) {}
+
+    ngAfterViewInit() {
+        const hasPermission = this.contentService.hasPermission(this.node, PermissionsEnum.LOCK);
+        this.renderer.setProperty(this.element.nativeElement, 'disabled', !hasPermission);
+    }
+}

lib/content-services/directives/node-share.directive.spec.ts

@@ -107,7 +107,7 @@ describe('NodeSharedDirective', () => {
         }));
 
         it('should enable the button if nodes is selected and is a file', fakeAsync(() => {
-            component.node = { entry: { id: '1', name: 'name1' isFolder: false, isFile: true } };
+            component.node = { entry: { id: '1', name: 'name1', isFolder: false, isFile: true } };
 
             fixture.detectChanges();