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

   1 <div cdsGrid
   2      class="notification-header"
   3      [useCssGrid]="true"
   4      [fullWidth]="true">
   5   <div cdsCol
   6        [columnNumbers]="{sm: 8, md: 8, lg: 16}">
   7     <div cdsRow>
   8       <div cdsGrid
   9            [useCssGrid]="true"
  10            [fullWidth]="true">
  11          <cds-text
  12               [columnNumbers]="{sm: 8, md: 8, lg: 11}"
  13               i18n
  14               cdsCol
  15               class="notification-header__title">Tasks and Notifications</cds-text>
  16           <button
  17             cdsCol
  18             [columnNumbers]="{sm: 8, md: 8, lg: 5}"
  19             class="notification-header__dismiss-btn"
  20             i18n
  21             cdsButton="ghost"
  22             size="sm"
  23             (click)="onDismissAll()">
  24             Dismiss all
  25           </button>
  26       </div>
  27     </div>
  28     <cds-toggle
  29       cdsRow
  30       [checked]="isMuted"
  31       size="sm"
  32       (checkedChange)="onToggleMute()"
  33       label="Mute notifications"
  34       i18n-label
  35       hideLabel="true"> <!--hides the toggle state values (like "On/Off" in the toggle button)-->
  36     </cds-toggle>
  37   </div>
  38 </div>