git-server-git.apps.pok.os.sepia.ceph.com Git - ceph.git/blob

   1 <cds-tile class="productive-card"
   2           [ngClass]="{'productive-card--shadow': applyShadow}"
   3           [cdsLayer]="0">
   4   <header
   5     cdsGrid
   6     class="productive-card-header">
   7     <div cdsRow
   8          class="productive-card-header-row">
   9       <div cdsCol
  10            [columnNumbers]="{sm: headerActionTemplate ? 12 : 16, md: headerActionTemplate ? 12 : 16, lg: headerActionTemplate ? 12 : 16}">
  11         <h2 class="cds--type-heading-compact-02">{{headerTitle}}</h2>
  12       </div>
  13       @if(!!headerActionTemplate) {
  14       <div cdsCol
  15            [columnNumbers]="{sm: 4, md: 4, lg: 4}"
  16            class="productive-card-header-actions">
  17         <ng-container *ngTemplateOutlet="headerActionTemplate"></ng-container>
  18       </div>
  19       }
  20     </div>
  21   </header>
  22   <section class="productive-card-section cds--type-body-compact-01"
  23            [ngClass]="{'productive-card-section--footer': footerTemplate}">
  24     <ng-content></ng-content>
  25   </section>
  26   @if(!!footerTemplate) {
  27   <footer class="productive-card-footer">
  28     <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
  29   </footer>
  30   }
  31 </cds-tile>