DatalinkListComponent

import { Component } from '@angular/core';
import { DatalinkListComponent } from 'venzia-datalink';

@Component({
  selector: 'app-document-details',
  standalone: true,
  imports: [DatalinkListComponent],
  template: `
    <aqua-datalink-list
      [nodeId]="documentId"
      (select)="onSelectionChange($event)"
      (error)="handleError($event)">
    </aqua-datalink-list>
  `
})
export class DocumentDetailsComponent {
  documentId = 'workspace://SpacesStore/abc-123';

  onSelectionChange(selectedItems: any[]) {
    console.log('Selected items:', selectedItems);
  }

  handleError(error: any) {
    console.error('Datalink error:', error);
  }
}

import { Component, Input, OnChanges, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
import { Node, SiteEntry } from '@alfresco/js-api';
import { VenziaDatalinkApiService } from '../../services/venzia-datalink-api.service';
import { VenziaDatalinkSearchDialogService } from '../../services/venzia-datalink-search-dialog.service';
import { ContentApiService } from '@alfresco/aca-shared';
import { NodesApiService } from '@alfresco/adf-content-services';
import { Store } from '@ngrx/store';
import { SnackbarErrorAction, AppStore } from '@alfresco/aca-shared/store';

@Component({
  standalone: true,
  selector: 'aqua-datalink-list',
  templateUrl: './datalink-list.component.html',
  styleUrls: ['./datalink-list.component.scss'],
  encapsulation: ViewEncapsulation.None
})
export class DatalinkListComponent implements OnChanges {
  @Input() nodeId = '';
  @Input() node: Node;
  @Output() select: EventEmitter<any> = new EventEmitter();
  @Output() error: EventEmitter<any> = new EventEmitter();
  @Output() reloadDialog: EventEmitter<any> = new EventEmitter();

  rows: any = {};
  datalinkList: any;
  datalinkActiveIndex = 0;
  isLoading = false;
  displayNode: Node | SiteEntry;
  selectedItems: any[] = [];

  constructor(
    private store: Store<AppStore>,
    private contentApi: ContentApiService,
    private nodesApiService: NodesApiService,
    private dlnkApiService: VenziaDatalinkApiService,
    private datalinkSearchDialogService: VenziaDatalinkSearchDialogService,
    private logger: LogService
  ) {}

  ngOnChanges() {
    this.isLoading = true;
    this.dlnkApiService.loadDataLink().subscribe((data) => {
      this.datalinkList = data;
      this.loadNodeInfo(this.nodeId);
    });
  }

  public reload() {
    this.loadNodeInfo(this.nodeId);
  }

  public deleteSelectRows(_: Event) {
    this.datalinkSearchDialogService
      .deleteSelectRows(
        this.nodeId,
        this.selectedItems,
        this.datalinkList[this.datalinkActiveIndex]
      )
      .subscribe(
        () => this.reloadDialog.emit(),
        (error) => this.store.dispatch(new SnackbarErrorAction(error))
      );
  }

  openAddDatalinkDialog(_: Event) {
    this.datalinkSearchDialogService
      .updateNodeDatalinkByDialog(
        this.nodeId,
        this.datalinkList[this.datalinkActiveIndex]
      )
      .subscribe(
        () => {},
        (error) => this.store.dispatch(new SnackbarErrorAction(error))
      );
  }
}