D-Net

<form [formGroup]="myForm">

  <div class="form-group" [ngClass]="{'has-error':!myForm.controls.name.valid && myForm.controls.name.dirty}">

      <label for="portalNameTag">*Portal Name</label>

      <input type="text" class="form-control" formControlName="name" id="portalNameTag" placeholder="Portal Name">

  </div>

  <div class="form-group" [ngClass]="{'has-error':!myForm.controls.type.valid && myForm.controls.type.dirty}">

    <label for="portalTypeTag">*Portal Type</label>

    <select formControlName="type" id="portalTypeTag" class="form-control uk-select">

      <option [value]="'explore'">OpenAIRE Explore Portal</option>

      <option [value]="'connect'">OpenAIRE Connect Portal</option>

      <option [value]="'monitor'">OpenAIRE Monitor Portal</option>

      <option [value]="'portal.ts'">OpenAIRE Community Gateway</option>

    </select>

  </div>

  <div class="form-group" [ngClass]="{'has-error':!myForm.controls.pid.valid && myForm.controls.pid.dirty}">

      <label for="communityPidTag">*Portal persistent id</label>

      <input type="text" class="uk-input uk-width-medium uk-margin-small-left" formControlName="pid" id="communityPidTag" placeholder="Portal Pid">

  </div>

  <input type="hidden" formControlName="_id">

</form>