[AAE-11496] Move 'content-plugin' to projects folder as 'aca-content' (#2817)

* [AAE-11496] Move content-plugin to projects

* Fix unit test

projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html

@@ -0,0 +1,85 @@
+<aca-page-layout>
+  <aca-page-layout-header>
+    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE"> </adf-breadcrumb>
+
+    <adf-toolbar class="adf-toolbar--inline">
+      <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
+        <aca-toolbar-action [actionRef]="entry"></aca-toolbar-action>
+      </ng-container>
+    </adf-toolbar>
+  </aca-page-layout-header>
+
+  <aca-page-layout-content>
+    <div class="main-content">
+      <adf-document-list
+        #documentList
+        acaDocumentList
+        acaContextActions
+        [display]="documentDisplayMode$ | async"
+        [node]="$any(list)"
+        [loading]="isLoading"
+        selectionMode="single"
+        [navigate]="false"
+        [sorting]="['title', 'asc']"
+        sortingMode="client"
+        (node-dblclick)="handleNodeClick($event)"
+        [imageResolver]="imageResolver"
+        (name-click)="handleNodeClick($event)"
+      >
+        <adf-custom-empty-content-template>
+          <adf-empty-content
+            icon="library_books"
+            [title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TITLE'"
+            subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TEXT"
+          >
+          </adf-empty-content>
+        </adf-custom-empty-content-template>
+
+        <data-columns>
+          <ng-container *ngFor="let column of columns; trackBy: trackByColumnId">
+            <ng-container *ngIf="column.template && !(column.desktopOnly && isSmallScreen)">
+              <data-column
+                [key]="column.key"
+                [title]="column.title"
+                [type]="column.type"
+                [format]="column.format"
+                [class]="column.class"
+                [sortable]="column.sortable"
+              >
+                <ng-template let-context>
+                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                </ng-template>
+              </data-column>
+            </ng-container>
+
+            <ng-container *ngIf="!column.template && !(column.desktopOnly && isSmallScreen)">
+              <data-column
+                [key]="column.key"
+                [title]="column.title"
+                [type]="column.type"
+                [format]="column.format"
+                [class]="column.class"
+                [sortable]="column.sortable"
+              >
+              </data-column>
+            </ng-container>
+          </ng-container>
+        </data-columns>
+      </adf-document-list>
+
+      <adf-pagination
+        [target]="documentList"
+        [pagination]="pagination"
+        (changePageSize)="onChangePageSize($event)"
+        (changePageNumber)="onChange($event)"
+        (nextPage)="onChange($event)"
+        (prevPage)="onChange($event)"
+      >
+      </adf-pagination>
+    </div>
+
+    <div class="sidebar" *ngIf="infoDrawerOpened$ | async">
+      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+    </div>
+  </aca-page-layout-content>
+</aca-page-layout>

projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.spec.ts

@@ -0,0 +1,194 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 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 { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { Router } from '@angular/router';
+import { AlfrescoApiService, AppConfigModule, DataTableComponent, UserPreferencesService } from '@alfresco/adf-core';
+import { DocumentListComponent, NodeFavoriteDirective } from '@alfresco/adf-content-services';
+import { FavoriteLibrariesComponent } from './favorite-libraries.component';
+import { AppTestingModule } from '../../testing/app-testing.module';
+import { AppHookService, ContentApiService } from '@alfresco/aca-shared';
+import { EffectsModule } from '@ngrx/effects';
+import { RouterEffects } from '@alfresco/aca-shared/store';
+import { of, throwError } from 'rxjs';
+import { LibraryEffects } from '../../store/effects';
+import { NodeEntry } from '@alfresco/js-api';
+
+describe('FavoriteLibrariesComponent', () => {
+  let fixture: ComponentFixture<FavoriteLibrariesComponent>;
+  let component: FavoriteLibrariesComponent;
+  let alfrescoApi: AlfrescoApiService;
+  let userPreference: UserPreferencesService;
+  let contentApiService: ContentApiService;
+  let router: Router;
+  let page;
+  let appHookService: AppHookService;
+
+  beforeEach(() => {
+    page = {
+      list: {
+        entries: [{ entry: { id: 1 } }, { entry: { id: 2 } }],
+        pagination: { data: 'data' }
+      }
+    };
+  });
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [AppTestingModule, EffectsModule.forRoot([RouterEffects, LibraryEffects]), AppConfigModule],
+      declarations: [DataTableComponent, NodeFavoriteDirective, DocumentListComponent, FavoriteLibrariesComponent],
+      schemas: [NO_ERRORS_SCHEMA]
+    });
+
+    fixture = TestBed.createComponent(FavoriteLibrariesComponent);
+    component = fixture.componentInstance;
+
+    alfrescoApi = TestBed.inject(AlfrescoApiService);
+    contentApiService = TestBed.inject(ContentApiService);
+    userPreference = TestBed.inject(UserPreferencesService);
+    appHookService = TestBed.inject(AppHookService);
+    alfrescoApi.reset();
+    router = TestBed.inject(Router);
+
+    spyOn(contentApiService, 'getNode').and.returnValue(of({ entry: { id: 'libraryId' } } as NodeEntry));
+  });
+
+  describe('on initialization', () => {
+    it('should set data', () => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+      fixture.detectChanges();
+
+      expect(component.list).toBe(page);
+      expect(component.pagination).toBe(page.list.pagination);
+    });
+
+    it('should get data with user preference pagination size', () => {
+      userPreference.paginationSize = 1;
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+
+      fixture.detectChanges();
+
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalledWith('-me-', {
+        maxItems: userPreference.paginationSize
+      });
+    });
+
+    it('should set data on error', () => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(throwError('error'));
+      fixture.detectChanges();
+
+      expect(component.list).toBe(null);
+      expect(component.pagination).toBe(null);
+      expect(component.isLoading).toBe(false);
+    });
+  });
+
+  describe('Node navigation', () => {
+    it('does not navigate when id is not passed', () => {
+      spyOn(router, 'navigate').and.stub();
+      component.navigateTo(null);
+
+      expect(router.navigate).not.toHaveBeenCalled();
+    });
+
+    it('does not navigate when id is not passed', () => {
+      spyOn(router, 'navigate').and.stub();
+      component.navigateTo({ entry: { guid: 'guid' } } as any);
+
+      expect(router.navigate).toHaveBeenCalledWith(['favorite/libraries', 'libraryId']);
+    });
+  });
+
+  describe('Reload on actions', () => {
+    beforeEach(() => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+      fixture.detectChanges();
+    });
+
+    it('should reload on libraryDeleted action', () => {
+      appHookService.libraryDeleted.next();
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalled();
+    });
+
+    it('should reload on libraryUpdated action', () => {
+      appHookService.libraryUpdated.next();
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalled();
+    });
+
+    it('should reload on favoriteLibraryToggle action', () => {
+      appHookService.favoriteLibraryToggle.next();
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalled();
+    });
+
+    it('should reload on libraryJoined action', () => {
+      appHookService.libraryJoined.next();
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalled();
+    });
+
+    it('should reload on libraryLeft action', () => {
+      appHookService.libraryLeft.next();
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalled();
+    });
+  });
+
+  describe('Pagination', () => {
+    let pagination;
+
+    beforeEach(() => {
+      pagination = {
+        count: 100,
+        hasMoreItems: true,
+        totalItems: 300,
+        skipCount: 25,
+        maxItems: 25
+      };
+    });
+
+    it('should get list with pagination data onChange event', () => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+
+      component.onChange(pagination);
+
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalledWith('-me-', pagination);
+    });
+
+    it('should get list with pagination data onChangePageSize event', () => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+
+      component.onChangePageSize(pagination);
+
+      expect(contentApiService.getFavoriteLibraries).toHaveBeenCalledWith('-me-', pagination);
+    });
+
+    it('should set preference page size onChangePageSize event', () => {
+      spyOn(contentApiService, 'getFavoriteLibraries').and.returnValue(of(page));
+
+      component.onChangePageSize(pagination);
+
+      expect(userPreference.paginationSize).toBe(pagination.maxItems);
+    });
+  });
+});

projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.ts

@@ -0,0 +1,123 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 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 { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { SiteEntry, FavoritePaging, Pagination } from '@alfresco/js-api';
+import { ContentManagementService } from '../../services/content-management.service';
+import { AppExtensionService, AppHookService, ContentApiService } from '@alfresco/aca-shared';
+import { NavigateLibraryAction } from '@alfresco/aca-shared/store';
+import { PageComponent } from '../page.component';
+import { UserPreferencesService } from '@alfresco/adf-core';
+import { DocumentListPresetRef } from '@alfresco/adf-extensions';
+
+@Component({
+  templateUrl: './favorite-libraries.component.html'
+})
+export class FavoriteLibrariesComponent extends PageComponent implements OnInit {
+  pagination: Pagination = new Pagination({
+    skipCount: 0,
+    maxItems: 25,
+    totalItems: 0
+  });
+  isLoading = false;
+  list: FavoritePaging;
+  isSmallScreen = false;
+  columns: DocumentListPresetRef[] = [];
+
+  constructor(
+    content: ContentManagementService,
+    store: Store<any>,
+    extensions: AppExtensionService,
+    private appHookService: AppHookService,
+    private contentApiService: ContentApiService,
+    private breakpointObserver: BreakpointObserver,
+    private preferences: UserPreferencesService,
+    private changeDetectorRef: ChangeDetectorRef
+  ) {
+    super(store, extensions, content);
+  }
+
+  ngOnInit() {
+    super.ngOnInit();
+
+    this.getList({ maxItems: this.preferences.paginationSize });
+
+    this.subscriptions = this.subscriptions.concat([
+      this.appHookService.libraryDeleted.subscribe(() => this.reloadList()),
+      this.appHookService.libraryUpdated.subscribe(() => this.reloadList()),
+      this.appHookService.libraryJoined.subscribe(() => this.reloadList()),
+      this.appHookService.libraryLeft.subscribe(() => this.reloadList()),
+      this.appHookService.favoriteLibraryToggle.subscribe(() => this.reloadList()),
+
+      this.breakpointObserver.observe([Breakpoints.HandsetPortrait, Breakpoints.HandsetLandscape]).subscribe((result) => {
+        this.isSmallScreen = result.matches;
+      })
+    ]);
+    this.columns = this.extensions.documentListPresets.favoriteLibraries || [];
+  }
+
+  navigateTo(node: SiteEntry) {
+    if (node && node.entry && node.entry.guid) {
+      this.store.dispatch(new NavigateLibraryAction(node.entry.guid, 'favorite/libraries'));
+    }
+  }
+
+  handleNodeClick(event: Event) {
+    this.navigateTo((event as CustomEvent).detail?.node);
+  }
+
+  onChangePageSize(pagination: Pagination) {
+    this.preferences.paginationSize = pagination.maxItems;
+    this.getList(pagination);
+  }
+
+  onChange(pagination: Pagination) {
+    this.getList(pagination);
+  }
+
+  private getList(pagination: Pagination) {
+    this.isLoading = true;
+    this.contentApiService.getFavoriteLibraries('-me-', pagination).subscribe(
+      (favoriteLibraries: FavoritePaging) => {
+        this.list = favoriteLibraries;
+        this.pagination = favoriteLibraries.list.pagination;
+        this.isLoading = false;
+        this.changeDetectorRef.detectChanges();
+      },
+      () => {
+        this.list = null;
+        this.pagination = null;
+        this.isLoading = false;
+      }
+    );
+  }
+
+  private reloadList() {
+    this.reload();
+    this.getList(this.pagination);
+  }
+}