D-Net

import {Component, Input, OnDestroy, ViewChild} from "@angular/core";

import {Role, Session, User} from "../../openaireLibrary/login/utils/helper.class";

import {NotifyFormComponent} from "../../openaireLibrary/notifications/notify-form/notify-form.component";

import {NotificationUtils} from "../../openaireLibrary/notifications/notification-utils";

import {Notification} from "../../openaireLibrary/notifications/notifications";

    <div [ngStyle]="{'max-height': maxHeight}"

         class="uk-overflow-auto uk-padding-remove-bottom">

      <form *ngIf="stakeholderFb" [formGroup]="stakeholderFb">

        <div class="uk-grid" [class.uk-margin-small-bottom]="!paddingLarge"

             [class.uk-margin-large-bottom]="paddingLarge" uk-grid uk-height-match=".uk-form-hint">

          <div dashboard-input class="uk-width-1-2@m" [formInput]="stakeholderFb.get('name')" label="Name"

               placeholder="Write a name..."

               hint="Set a name for your profile."></div>

          <div dashboard-input class="uk-width-1-2@m" [formInput]="stakeholderFb.get('alias')"

               hint="Set an URL alias for your profile."

               label="URL Alias" placeholder="Write an alias..."></div>

          <div dashboard-input class="uk-width-1-3@m" [formInput]="stakeholderFb.get('index_id')"

               label="Index ID" placeholder="Write index ID.">

          </div>

          <div dashboard-input class="uk-width-1-3@m" [formInput]="stakeholderFb.get('index_name')"

               label="Index Name" placeholder="Write index name.">

          </div>

          <div dashboard-input class="uk-width-1-3@m" [formInput]="stakeholderFb.get('index_shortName')"

               label="Index Short Name" placeholder="Write index short name.">

          </div>

          <div dashboard-input class="uk-width-1-1" [type]="'textarea'" placeholder="Write a description..."

               hint="Write a description for your profile"

               [rows]="4" [formInput]="stakeholderFb.get('description')" label="Description"></div>

          <input #file id="photo" type="file" class="uk-hidden" (change)="fileChangeEvent($event)"/>

          <div dashboard-input class="uk-width-1-1" type="logoURL" flex="top" [hideControl]="stakeholderFb.get('isUpload').value"

               hint="Upload or link the logo of your profile" [placeholder]="'Write link to the logo'"

               [formInput]="stakeholderFb.get('logoUrl')" label="Logo">

            <div *ngIf="!stakeholderFb.get('isUpload').value" style="margin-top: 7px;" class="uk-width-2-5@l uk-width-1-1">

              <div class="uk-grid uk-flex uk-flex-middle" uk-grid>

                <div class="uk-width-3-4@l uk-width-1-1 uk-flex uk-flex-center">

                  <button class="uk-button uk-button-secondary uk-flex uk-flex-middle uk-flex-wrap"

                          (click)="file.click()">

                    <icon name="cloud_upload" [flex]="true"></icon>

                    <span class="uk-margin-small-left">Upload a file</span>

                  </button>

                </div>

                <div class="uk-text-center uk-text-bold uk-width-expand">

                  OR

                </div>

              </div>

            </div>

            <div *ngIf="stakeholderFb.get('isUpload').value" class="uk-width-1-1 uk-flex uk-flex-middle">

              <div class="uk-card uk-card-default uk-text-center uk-border-circle">

                <img class="uk-position-center" [src]="photo">

              </div>

              <div class="uk-margin-left">

                <button (click)="remove()" class="uk-button-secondary outlined uk-icon-button">

                  <icon name="remove"></icon>

              <div class="uk-margin-small-left">

                <button class="uk-button-secondary uk-icon-button" (click)="file.click()">

                  <icon name="edit"></icon>

                </button>

          <div *ngIf="uploadError" class="uk-text-danger uk-width-1-1">{{uploadError}}</div>

          <div class="uk-width-1-1 uk-grid uk-child-width-1-1" [class.uk-child-width-1-2@m]="!canChooseType"

               [class.uk-child-width-1-3@m]="canChooseType" uk-grid>

            <div dashboard-input [formInput]="stakeholderFb.get('visibility')"

                 [placeholder]="'Select a status'"

                 label="Status" hint="Select the visibility status of your profile"

                 [options]="stakeholderUtils.statuses" type="select">

            <div dashboard-input [formInput]="stakeholderFb.get('type')"

                 [placeholder]="'Select a type'" hint="Select the type of your profile"

                 label="Type" [options]="types" type="select">

            <ng-container *ngIf="canChooseType">

              <div [placeholder]="'Select a template'"

                   hint="Select a template for your profile"

                   dashboard-input class="uk-width-1-3@m" [formInput]="stakeholderFb.get('defaultId')"

                   label="Template" [options]="defaultStakeholdersOptions" type="select"></div>

            </ng-container>

      </form>

      <div #notify notify-form [class.uk-hidden]="properties.environment !== 'development'" class="uk-width-1-1 uk-margin-medium-top uk-margin-medium-bottom"></div>

  @ViewChild('notify') notify: NotifyFormComponent;

  private notification: Notification;

          this.notification = NotificationUtils.editStakeholder(this.user.firstname + ' ' + this.user.lastname, this.stakeholder.name);

          this.notify.reset(this.notification.message);

          this.notification = NotificationUtils.createStakeholder(this.user.firstname + ' ' + this.user.lastname);

          this.notify.reset(this.notification.message);

  public get canChooseType(): boolean {

    return !this.stakeholderFb.get('isDefault').value && this.isNew && this.stakeholderFb.get('type').valid && !!this.defaultStakeholdersOptions;

  }

        this.notification.entity = stakeholder._id;

        this.notification.stakeholder = stakeholder.alias;

        this.notification.stakeholderType = stakeholder.type;

        this.notification.groups = [Role.curator(stakeholder.type)];

        this.notify.sendNotification(this.notification);

        this.notification.entity = stakeholder._id;

        this.notification.stakeholder = stakeholder.alias;

        this.notification.stakeholderType = stakeholder.type;

        this.notification.groups = [Role.curator(stakeholder.type), Role.manager(stakeholder.type, stakeholder.alias)];

        this.notify.sendNotification(this.notification);