D-Net

<div class="p-grid p-nogutter">

  <div [formGroup]="createRoleForm">

    <div class="p-fluid p-formgroup">

      <div class="p-field">

        <p-radioButton name="mradio"

                       [value]="true"

                       label="Global"

                       formControlName="mradio"

                       inputId="opt1"

                       class="p-mr-5">

        </p-radioButton>

        <p-radioButton name="mradio"

                       [value]="false"

                       label="Non-Global"

                       formControlName="mradio"

                       inputId="opt1">

        </p-radioButton>

      </div>

      <div class="p-field">

        <label for="name">

          {{"ROLE_NAME" | translate}}

        </label>

        <input type="text"

               pInputText

               formControlName="name" />

      </div>

      <div class="p-field">

        <label for="description">

          {{"ROLE_DESCRIPTION" | translate}}

        </label>

        <input type="text"

               pInputText

               formControlName="description" />

      </div>

    </div>

  </div>

</div>

<div class="p-grid p-nogutter p-jc-center">

  <div class="p-formgroup-inline p-mt-3">

    <button pButton

            type="button"

            label="{{'CREATE_ROLE' | translate}}"

            class="p-button-primary"

            (click)="createRole()"

            [disabled]="!createRoleForm.valid">

    </button>

  </div>

</div>