ng-hub-ui-board
Version:
An Angular-based Kanban board component with Trello-like drag-and-drop, customizable columns, and straightforward event handling.
34 lines (33 loc) • 1.33 kB
TypeScript
import { TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Directive that allows customization of column footer templates within board columns.
*
* This directive enables developers to define custom templates for column footers,
* perfect for displaying summary information, quick actions, statistics,
* or any column-specific controls at the bottom of each column.
*
* @example
* ```html
* <ng-template columnFooterTpt let-column="column">
* <div class="custom-footer">
* <div class="column-summary">
* <span>Total: {{ column.cards.length }}</span>
* <span>Priority Items: {{ getPriorityItems(column) }}</span>
* </div>
* <button (click)="quickAddCard(column)">Quick Add</button>
* </div>
* </ng-template>
* ```
*/
export declare class BoardColumnFooterDirective {
templateRef: TemplateRef<unknown>;
/**
* Creates a new BoardColumnFooterDirective instance.
*
* @param templateRef - The template reference that contains the custom column footer layout
*/
constructor(templateRef: TemplateRef<unknown>);
static ɵfac: i0.ɵɵFactoryDeclaration<BoardColumnFooterDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<BoardColumnFooterDirective, "[columnFooterTpt]", never, {}, {}, never, never, true, never>;
}