Summary Table

Categories Total Count
PII 0
URL 0
DNS 0
EKL 0
IP 0
PORT 0
VsID 0
CF 0
AI 0
VPD 0
PL 0
Other 0

File Content

<app-ars-base [title]="title" [tabIdx]="tabIdx">

<app-messages [successStatus]="successStatus" [successMsg]="successMsg" [errorStatus]="errorStatus" [errorMsg]="errorMsg" [infoMsg]= "infoMsg" [infoStatusSolid]= "infoStatus"></app-messages>

<article>
<!-- Adds Cushion -->
<div class="row"></div>
<div class="container fade-in">
<!-- Card Tabs -->
<div class="card-tabs blue-tab">
<section>
<!-- Tab 1 -->
<input [tabindex]="tabIdx" id="TAB_createUser_userAdmin_1" type="radio" checked="checked" (click)="resetSearchForm()"
name="tabs" role="tab" aria-label="Create User Tab. To switch tabs, use arrow keys." />
<label for="TAB_createUser_userAdmin_1" class="tab-label">Create User</label>
<!-- Tab 1 Content -->
<div class="tab-content">
<div class="col three">
<div class="card-head">
<h3 id="HDG_pagetitle_userAdmin_1">Create User</h3>
<span>Enter criteria to create a new user account.</span>
</div>
<form id="FRM_createUser_userAdmin_1" [formGroup]="createForm" (ngSubmit)="createUser()" novalidate>
<div class="col three">
<div class="col one">
<label class="label text-field" for="IPT_userId_userAdmin_1">UserName
<span class="error" role="alert" aria-live="assertive" *ngIf="createForm.get('userName').invalid && createForm.get('userName').touched">Enter Valid UserName</span>
<span class="required" *ngIf="!(createForm.get('userName').invalid && createForm.get('userName').touched)">Required</span>
</label>
<input appAutofocus type="text" formControlName="userName" placeholder="Enter UserName" id="IPT_userId_userAdmin_1"
name="userName" [(ngModel)]="requestModel.userName" maxlength="30">
<label class="label text-field" for="IPT_lastName_userAdmin_1">Last Name</label>
<input type="text" formControlName="lastName" placeholder="Enter Name" id="IPT_lastName_userAdmin_1"
name="lastName" [(ngModel)]="requestModel.lastName">
<label class="label text-field" for="IPT_firstName_userAdmin_1">First Name</label>
<input type="text" formControlName="firstName" placeholder="Enter Name" id="IPT_firstName_userAdmin_1"
name="firstName" [(ngModel)]="requestModel.firstName">
</div>
<div class="col one">
<label class="label text-field" for="IPT_domain_userAdmin_1">Domain</label>
<input type="text" formControlName="domain" placeholder="Enter Domain" id="IPT_domain_userAdmin_1"
name="domain" [(ngModel)]="requestModel.domain">
<label class="label text-field" for="IPT_phone_userAdmin_1">Phone Number
<span class="error" role="alert" aria-live="assertive" *ngIf="createForm.get('phone').invalid && createForm.get('phone').touched">Enter
Valid Number</span>
</label>
<input formControlName="phone" type="text" placeholder="Enter Number" id="IPT_phone_userAdmin_1"
name="phone" [(ngModel)]="requestModel.phone">
<label class="label text-field" for="IPT_email_userAdmin_1">Email
<span class="error" role="alert" aria-live="assertive" *ngIf="createForm.get('email').invalid && createForm.get('email').touched">Enter
Valid Email</span>
<span class="required" *ngIf="!(createForm.get('email').invalid && createForm.get('email').touched)"
alt="Required"></span>
</label>
<input type="text" formControlName="email" placeholder="Enter Email" id="IPT_email_userAdmin_1"
name="email" [(ngModel)]="requestModel.email">
</div>
<div class="col one">
<h4>User Attributes</h4>
<div class="form-fix">
<input type="checkbox" name="export" id="IPT_exportCheckbox_userAdmin_1" formControlName="export"
[(ngModel)]="enableExport">
<label class="checkbox-label" for="IPT_exportCheckbox_userAdmin_1">Allow Attachment Exporting</label>
</div>
<div class="form-fix">
<input type="checkbox" name="edit" id="IPT_editCheckbox_userAdmin_1" formControlName="edit"
[(ngModel)]="enableEdit">
<label class="checkbox-label" for="IPT_editCheckbox_userAdmin_1">Allow Attachment Editing</label>
</div>

<div class="form-fix">
<input type="checkbox" name="admin" id="IPT_adminCheckbox_userAdmin_1" formControlName="admin"
[(ngModel)]="isAdmin">
<label class="checkbox-label" for="IPT_adminCheckbox_userAdmin_1">Make Administrator</label>
</div>
<div class="form-fix">
<input type="checkbox" name="status" id="IPT_statusCheckbox_userAdmin_1" formControlName="status"
[(ngModel)]="status">
<label class="checkbox-label" for="IPT_statusCheckbox_userAdmin_1">Status Active</label>
</div>
</div>
</div>
<div class="row bottom col two">
<button type="submit" class="button primary" id="BTN_createButton_userAdmin_1" alt="Create User"
[disabled]="createForm.invalid" [class.disabled]="createForm.invalid">Create User</button>
<button type="button" class="button secondary" id="BTN_resetButton_userAdmin_1" alt="Reset Form"
(click)="resetCreateForm()">Reset Form</button>
</div>
</form>
</div>
</div>
<!-- Tab 2 -->
<input [tabindex]="tabIdx" id="TAB_modifyUser_userAdmin_1" type="radio" name="tabs" (click)="resetCreateForm()"
role="tab" />
<label for="TAB_modifyUser_userAdmin_1" class="tab-label">Modify Users</label>
<!-- Tab 2 Content -->
<div class="tab-content">
<div class="col three">
<div class="col three">
<div class="card-head">
<h3>Modify Users</h3>
<span>Search by UserName, then click to modify users.</span>
</div>
</div>
<form [formGroup]="searchForm" (ngSubmit)="search()" novalidate>
<div class="col two">
<label class="label text-field" for="IPT_userSearchParam_userAdmin_1">UserName
<!-- <span class="required" *ngIf="!(searchForm.get('userName').invalid && searchForm.get('userName').touched)">Required</span> -->
<span class="error" role="alert" aria-live="assertive" *ngIf="searchForm.get('userName').invalid && searchForm.get('userName').touched">Enter
Valid UserName</span>
</label>
<input appAutofocus type="text" [tabindex]="tabIdx" id="IPT_userSearchParam_userAdmin_1" name="IPT_userSearchParam_userAdmin_1"
placeholder="Enter UserName" formControlName="userName" [(ngModel)]="searchModel.userName" style="height: 42px; font-size: 18px;">
</div>
<div class=" row bottom col two">
<button class="button primary button-align" [tabindex]="tabIdx" type="submit" id="BTN_userSearch_userAdmin_1"
[class.disabled]="searchForm.invalid" [disabled]="searchForm.invalid">Search</button>
<button class="button secondary button-align" [tabindex]="tabIdx" type="button" id="BTN_userClear_userAdmin_1"
(click)="resetSearchForm()">Reset Form</button>
<div class="split-right">
<input type="checkbox" name="includeInactive" id="IPT_includeInactiveCheckbox_userAdmin_1"
formControlName="includeInactive" [(ngModel)]="paginationModel.inActiveUsers" [tabindex]="tabIdx"
[checked]="paginationModel.inActiveUsers">
<label class="checkbox-label" for="IPT_includeInactiveCheckbox_userAdmin_1">Include Inactive Users</label>
<button class="button secondary button-align" [tabindex]="tabIdx" type="button" id="BTN_searchAll_userAdmin_1"
(click)="listAllUsers()">List All Users</button>
</div>
</div>
</form>
</div>
</div>
</section>
</div>
</div>

<div *ngIf="showResults" class="container">
<div class="row results">
<div class="col three">
<div class="card-head">
<h4> Search Results</h4>
</div>
</div>
<div class="col three">
<app-table [tabIdx]="tabIdx" (notify)="updateTable()" (btnNotify)="buttonClicked($event)" [columns]="tableColumns"
[loading]="loading" [rows]="searchResults" [paginationSettings]="paginationSettings" [tableSettings]="tableSettings"></app-table>
</div>
<div class="row"></div>
</div>
</div>
</article>
<!-- Modify Modal -->
<div class="container">
<app-modal (modalClosed)="onModalClose($event)" [hidden]="modalClosed">
<div class="results round-corners">
<div class="left-align">
<h4 id="HDG_modalTitle_userAdmin_1">Modify {{editRequestModel.userName}}</h4>
</div>
<div class="left-align">
<form id="FRM_editUser_userAdmin_1" [formGroup]="modifyForm" (ngSubmit)="modifyUser()" novalidate>
<!-- <label class="label text-field" for="IPT_editUserName_userAdmin_1">User Name
<span class="error" *ngIf="modifyForm.get('editUserName').invalid && modifyForm.get('editUserName').touched">Enter Valid UserName</span>
</label>
<input appAutofocus type="text" formControlName="editUserName" placeholder="Enter UserName" id="IPT_editUserName_userAdmin_1"
name="editUserName" [(ngModel)]="editRequestModel.userName"> -->
<label class="label text-field" for="IPT_editDomain_userAdmin_1">Domain</label>
<input type="text" formControlName="editDomain" placeholder="Enter Domain" id="IPT_editDomain_userAdmin_1"
name="editDomain" [(ngModel)]="editRequestModel.domain">
<label class="label text-field" for="IPT_editLastName_userAdmin_1">Last Name</label>
<input formControlName="editLastName" type="text" placeholder="Enter Name" id="IPT_editLastName_userAdmin_1"
name="IPT_editLastName_userAdmin_1" [(ngModel)]="editRequestModel.lastName">
<label class="label text-field" for="IPT_editFirstName_userAdmin_1">First Name</label>
<input type="text" formControlName="editFirstName" placeholder="Enter Name" id="IPT_editFirstName_userAdmin_1"
name="editFirstName" [(ngModel)]="editRequestModel.firstName">
<label class="label text-field" for="IPT_editPhone_userAdmin_1">Phone Number
<span class="error" role="alert" aria-live="assertive" *ngIf="modifyForm.get('editPhone').invalid && modifyForm.get('editPhone').touched">Enter
Valid Number</span>
</label>
<input type="text" formControlName="editPhone" placeholder="Enter Number" id="IPT_editUserId_userAdmin_1"
name="editPhone" [(ngModel)]="editRequestModel.phone">
<div class="row">
<label class="label text-field" for="IPT_editemail_userAdmin_1"> Email
<span class="error" role="alert" aria-live="assertive" *ngIf="modifyForm.get('editEmail').invalid && modifyForm.get('editEmail').touched">Enter
Valid Email</span>
<span class="required" *ngIf="!(modifyForm.get('editEmail').invalid && modifyForm.get('editEmail').touched)">Required</span>
</label>
<input type="text" formControlName="editEmail" placeholder="Enter Email" id="IPT_editemail_userAdmin_1"
name="editEmail" [(ngModel)]="editRequestModel.email">
</div>
<div class="form-fix">
<input type="checkbox" name="editExport" formControlName="editExport" id="IPT_editExportCheckbox_userAdmin_1"
[checked]="modifyEnableExport" [(ngModel)]="modifyEnableExport">
<label class="checkbox-label" for="IPT_editExportCheckbox_userAdmin_1">Allow Attachment Exporting</label>
</div>
<div class="form-fix">
<input type="checkbox" name="editEdit" formControlName="editEdit" id="IPT_editAllowEditCheckbox_userAdmin_1"
[checked]="modifyEnableEdit" [(ngModel)]="modifyEnableEdit">
<label class="checkbox-label" for="IPT_editAllowEditCheckbox_userAdmin_1">Allow Attachment Editing</label>
</div>
<div class="form-fix">
<input type="checkbox" name="editAdmin" formControlName="editAdmin" id="IPT_editAdminCheckbox_userAdmin_1"
[checked]="modifyIsAdmin" [(ngModel)]="modifyIsAdmin">
<label class="checkbox-label" for="IPT_editAdminCheckbox_userAdmin_1">Make Administrator</label>
</div>
<div class="form-fix">
<input type="checkbox" name="editStatus" formControlName="editStatus" id="IPT_editStatus_userAdmin_1"
[checked]="modifyStatus" [(ngModel)]="modifyStatus">
<label class="checkbox-label" for="IPT_editStatus_userAdmin_1">Status Active</label>
</div>
<button type="submit" class="button primary" id="BTN_editButton_userAdmin_1" alt="Modify User" [disabled]="modifyForm.invalid"
[class.disabled]="modifyForm.invalid">Modify User</button>
<button type="button" class="button secondary" id="BTN_editResetButton_userAdmin_1" alt="Cancel" (click)="resetModal()">Cancel</button>
</form>
</div>
</div>
</app-modal>
</div>
<!-- <div class="container">
<app-modal (modalClosed)="onDeleteModalClose()" [hidden]="deleteModalClosed">
<div class="results round-corners left-align warning-modal">
<div class="row modal-warning"> Delete User</div>
<div class="row"></div>
<p>
This will permanently remove the selected user from the system. This cannot be undone.
</p>
<button class="button danger small" type="submit" (click)="delete()">Delete User</button>
<button class="button secondary small" type="button" (click)="onDeleteModalClose()">Cancel</button>
</div>
</app-modal>
</div> -->
</app-ars-base>