52 lines
2.3 KiB
HTML
52 lines
2.3 KiB
HTML
<!-- Begin page -->
|
|
<div class="wrapper">
|
|
<app-sidebar></app-sidebar>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div id="content">
|
|
<app-topbar></app-topbar>
|
|
<!-- Start Content-->
|
|
<div class="container-fluid" appMenuSelection>
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a routerLink="/home">Home</a></li>
|
|
<li class="breadcrumb-item"><a routerLink="/settings">Settings</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Invite User</li>
|
|
</ol>
|
|
</nav>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<mat-card-title class="card-header text-center">
|
|
INVITE NEW USERS
|
|
</mat-card-title>
|
|
<div class="card-body">
|
|
<form [formGroup]="inviteForm" (ngSubmit)="invite()">
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Email Address: </mat-label>
|
|
<input matInput type="email" id="email" placeholder="Email" formControlName="email"
|
|
[errorStateMatcher]="matcher">
|
|
<mat-error *ngIf="submitted && inviteFormStub.email.errors">Email is required.</mat-error>
|
|
</mat-form-field><br>
|
|
<mat-radio-group aria-label="Select a role" formControlName="role">
|
|
<mat-radio-button value="Superadmin">Superadmin</mat-radio-button><br>
|
|
<mat-radio-button value="Admin">Admin</mat-radio-button><br>
|
|
<mat-radio-button value="Subadmin">Subadmin</mat-radio-button><br>
|
|
<mat-radio-button value="View">View</mat-radio-button><br>
|
|
</mat-radio-group>
|
|
<mat-error *ngIf="submitted && inviteFormStub.role.errors">Role is required.</mat-error>
|
|
<button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary">INVITE</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<app-footer appMenuSelection></app-footer>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
</div>
|