public/projects/angular-small-apps/apps/recipes/src/app/components/toolbar/toolbar.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<div class="toolbar" toolbar>
  <div class="toggle-edition">
    <input
      type="checkbox"
      name="edition-mode"
      id="edition-mode"
      class="toggle-edition__checkbox"
      [checked]="isEditionEnabled"
      (click)="toggleEdition()"
    />
    <label for="edition-mode" class="toggle-edition__label">{{
      toggleLabel
    }}</label>
  </div>
  <button *ngIf="shouldDisplaySave()" class="btn" (click)="saveRecipe()">
    Save
  </button>
</div>