Alfresco Development Framework facilita a criação de interfaces e webapps sobre o framework Angular e integra o Alfresco Content Services API

npm install -g yo generator-alfresco-adf-app@latest @angular/cli

yo alfresco-adf-app

• TypeScript
• Desenvolvimento Web
• Angular 9+

ng generate component nome-do-meu-novo-componente -m app.module

• Comandos do CLI: https://angular.io/cli

1. Abra o aquivo src/app/app-layout/app-layout.component.html
2. Adicione esse código dentro da tag mat-nav-list

<a mat-list-item class="adf-sidenav-link" routerLink="/rota-de-meu-novo-componente">
  <mat-icon matListIcon class="sidenav-menu-icon">launch</mat-icon>
  <div class="sidenav-menu-label" *ngIf="!isMenuMinimized">Meu novo componente</div>
</a>

• Icones Mat-Icon List

Após o item estar na barra lateral deve ser dito exibido

1. Abra o arquivo src/app/app.routes.ts
2. Adicione o link da rota do atributo routerLink no exemplo foi rota-de-meu-novo-componente

• Componente de barra de pesquisa do ADF

1. Injetar o service SearchService no component selecionado
2. Atribuir uma função onChange no input
3. Armazenar o retorno do método search
4. Interar o resultado da pesquisa no template

• ADF Services
• ADF Components