[ACA-20] Add/Remove favorite library (#804)

* custom add favorite library

* addFavoriteLibrary component

* tests

* update doc

* add content event

* reload on remove favorite library

* consistency

* app.selection.library over app.navigation.isLibraries

* fix duplicate id name

src/app/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.spec.ts

@@ -0,0 +1,94 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { TestBed } from '@angular/core/testing';
+import {
+  setupTestBed,
+  CoreModule,
+  AlfrescoApiService,
+  AlfrescoApiServiceMock
+} from '@alfresco/adf-core';
+import { ToggleFavoriteLibraryComponent } from './toggle-favorite-library.component';
+import { LibraryFavoriteDirective } from '../../../directives/library-favorite.directive';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppTestingModule } from '../../../testing/app-testing.module';
+import { ContentManagementService } from '../../../services/content-management.service';
+import { of } from 'rxjs';
+
+describe('ToggleFavoriteLibraryComponent', () => {
+  let fixture;
+  let component;
+  let contentManagementService;
+  const selection = { library: { entry: { id: 'libraryId' } } };
+
+  setupTestBed({
+    imports: [CoreModule, AppTestingModule],
+    declarations: [ToggleFavoriteLibraryComponent, LibraryFavoriteDirective],
+    providers: [
+      {
+        provide: AlfrescoApiService,
+        useClass: AlfrescoApiServiceMock
+      },
+      {
+        provide: Store,
+        useValue: {
+          dispatch: () => {},
+          select: () => of(selection)
+        }
+      },
+      ContentManagementService
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ToggleFavoriteLibraryComponent);
+    component = fixture.componentInstance;
+
+    contentManagementService = TestBed.get(ContentManagementService);
+    const api = TestBed.get(AlfrescoApiService);
+    spyOn(api.peopleApi, 'getFavoriteSite').and.returnValue(Promise.resolve());
+  });
+
+  it('should get library selection from Store', done => {
+    fixture.detectChanges();
+    component.selection$.subscribe(selected => {
+      expect(selected).toEqual(selection);
+      done();
+    });
+  });
+
+  it('should emit onToggleEvent() event', () => {
+    fixture.detectChanges();
+    spyOn(contentManagementService.favoriteLibraryToggle, 'next');
+
+    component.onToggleEvent();
+
+    expect(
+      contentManagementService.favoriteLibraryToggle.next
+    ).toHaveBeenCalled();
+  });
+});

src/app/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.ts

@@ -0,0 +1,66 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Component, ViewEncapsulation, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { AppStore } from '../../../store/states';
+import { appSelection } from '../../../store/selectors/app.selectors';
+import { Observable } from 'rxjs';
+import { SelectionState } from '@alfresco/adf-extensions';
+import { ContentManagementService } from '../../../services/content-management.service';
+
+@Component({
+  selector: 'app-toggle-favorite-library',
+  template: `
+    <button
+      mat-menu-item
+      #favoriteLibrary="favoriteLibrary"
+      (toggle)="onToggleEvent()"
+      [acaFavoriteLibrary]="(selection$ | async).library"
+    >
+      <mat-icon *ngIf="favoriteLibrary.isFavorite()">star</mat-icon>
+      <mat-icon *ngIf="!favoriteLibrary.isFavorite()">star_border</mat-icon>
+      <span>{{ 'APP.ACTIONS.FAVORITE' | translate }}</span>
+    </button>
+  `,
+  encapsulation: ViewEncapsulation.None,
+  host: { class: 'app-toggle-favorite-library' }
+})
+export class ToggleFavoriteLibraryComponent implements OnInit {
+  selection$: Observable<SelectionState>;
+
+  constructor(
+    private store: Store<AppStore>,
+    private content: ContentManagementService
+  ) {}
+
+  ngOnInit() {
+    this.selection$ = this.store.select(appSelection);
+  }
+
+  onToggleEvent() {
+    this.content.favoriteLibraryToggle.next();
+  }
+}