D-Net

      <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>