openaire-library/connect/userEmailPreferences/mailPrefs.component.html

      <div *ngIf="!hidden" class="">
        <div *ngIf="showSaveResetButtons" class="uk-article-title custom-article-title">
          User Email Preferences for Claims Notifications
        </div>

        <div *ngIf="userValidMessage.length > 0" class = "uk-alert uk-alert-danger uk-animation-fade" role="alert">
            {{userValidMessage}}
        </div>
        <div *ngIf="savedMessage.length > 0" class="uk-alert uk-alert-success uk-animation-fade" role="alert">
            {{savedMessage}}
        </div>
        <errorMessages [status]="[status]" [type]="'notification preferences'"></errorMessages>


          <div *ngFor="let notification of notifications; let i=index" >
<!--              <div class="uk-accordion-title">Email preferences for {{preferencesFor}}: <strong>{{notification.openaireName}}</strong></div>-->
<!--              <div class="uk-accordion-content">-->
                <form class="uk-form-horizontal"><!-- [formGroup]="myForm"-->
                  <!--[ngClass]="{'has-error':!myForm.controls.notify.valid && myForm.controls.notify.dirty}"-->
                  <div class="uk-margin uk-grid">
                    <div class=" inherit-color uk-width-medium"
                         title="Get e-mail notification when there are new user links related your community">Notify
                      for new user links:</div>

                    <mat-slide-toggle [checked]="notification.notify"
                                      (change)="($event.source.checked = notification.notify);changeNotify(notification, !notification.notify, i)"></mat-slide-toggle>
                  </div>

                  <div *ngIf="notification.notify" [class]="notification.notify ? 'uk-margin' :
                  'uk-margin cursor-not-allowed'">
                    <div class="uk-form-label inherit-color">Frequency:</div>
                    <div class="uk-form-controls">
                      <select [class]="notification.notify ? 'uk-select' : 'uk-select uk-disabled'" id="form-horizontal-select"
                              [(ngModel)]="notification.frequency" (ngModelChange)="changeFrequency(i)" name="select_frequency">
                        <option [ngValue]="24" >Daily</option>
                        <option [ngValue]="48" >Every two days</option>
                        <option [ngValue]="168">Weekly</option>
                      </select>
                    </div>
                  </div>

                  <div *ngIf="showSaveResetButtons" class="uk-float-right">
                    <button type="submit" class="uk-button uk-button-primary" (click)="saveNotification(i)">Save Changes</button>
                    <button type="submit" class="uk-button" (click)="restoreNotification(i)">Reset</button>
                  </div>

                </form>

              </div>
<!--          </div>-->
<!--      </ul>-->

      </div>