<cd-table #table
          [data]="exports"
          columnMode="flex"
          [columns]="columns"
          identifier="id"
          forceIdentifier="true"
          selectionType="single"
          [hasDetails]="false"
          (setExpandedRow)="setExpandedRow($event)"
          (updateSelection)="updateSelection($event)">
  <div class="table-actions">
    <cd-table-actions class="btn-group"
                      [permission]="permission"
                      [selection]="selection"
                      [tableActions]="tableActions">
    </cd-table-actions>
  </div>

  <cd-nfs-details *cdTableDetail
                  [selection]="expandedRow">
  </cd-nfs-details>
</cd-table>

<ng-template #nfsFsal
             let-value="data.value">
  <ng-container *ngIf="value.name==='CEPH'"
                i18n>CephFS</ng-container>
  <ng-container *ngIf="value.name==='RGW'"
                i18n>Object Gateway</ng-container>
</ng-template>

<ng-template #protocolTpl
             let-protocols="data.value">
  <span *ngFor="let protocol of protocols">
    <cds-tag size="md">NFSv{{protocol}}</cds-tag>
  </span>
</ng-template>

<ng-template #transportTpl
             let-transports="data.value">
  <span *ngFor="let transport of transports">
    <cds-tag size="md">{{transport}}</cds-tag>
  </span>
</ng-template>

<ng-template #pathTmpl
             let-value="data.value">
  <span *ngIf="value === ''"
        i18n
        i18n-ngbTooltip
        ngbTooltip="All buckets owned by user">*</span>
  <span *ngIf="value !== ''">{{ value }}</span>
</ng-template>
