Added create user for admin page

IoT-Makers · Aug 30, 2018 · c2361b4 · c2361b4
1 parent e9d9622
commit c2361b4
Showing 1 changed file with 47 additions and 1 deletion.
diff --git a/webapp/src/app/pages/admin/admin.component.html b/webapp/src/app/pages/admin/admin.component.html
@@ -194,7 +194,7 @@ <h4 class="text-center">Users</h4>
           </div>
           <div class="card-block">
 
-            <button class="mb-1 btn btn-success" (click)="editUser()"><i class="fa fa-plus-circle"></i> Add a new user
+            <button class="mb-1 btn btn-success" (click)="openAddUserModal()"><i class="fa fa-plus-circle"></i> Add a new user
             </button>
 
             <ng-container *ngIf="!usersReady">
@@ -379,6 +379,52 @@ <h4 class="text-center">Organizations</h4>
 
 </div>
 
+<div bsModal #addOrEditUserModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
+     aria-labelledby="addOrEditUserModal" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <form *ngIf="addUserFlag" (ngSubmit)="addUser()" class="form-horizontal" #addOrEditForm="ngForm">
+        <div class="modal-header">
+          <h4 class="modal-title">Create an user</h4>
+          <button type="button" class="close" (click)="addOrEditUserModal.hide()" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+
+        <div class="modal-body">
+          <div class="input-group mb-1">
+            <span class="input-group-addon">@</span>
+            <input [(ngModel)]="userToAddOrEdit.email" type="text" class="form-control" name="username" placeholder="Email">
+          </div>
+
+          <div class="input-group mb-1">
+            <span class="input-group-addon"><i class="icon-lock"></i></span>
+            <input [(ngModel)]="userToAddOrEdit.password" type="password" class="form-control" name="password"
+                    placeholder="Password">
+          </div>
+
+          <div class="input-group mb-2">
+            <span class="input-group-addon"><i class="icon-lock"></i></span>
+            <input [(ngModel)]="verifyPassword" type="password" class="form-control" name="verifyPassword"
+                    (ngModelChange)="verify()" placeholder="Repeat password">
+          </div>
+
+          <div *ngIf="errorMessage != ''">
+            <div class="mb-3 bg-danger text-center">
+              {{errorMessage}}
+            </div>
+          </div>
+        </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" (click)="addOrEditUserModal.hide()">Close</button>
+          <button [disabled]="errorMessage!= ''" type="button" class="btn btn-user" (click)="addUser()">Create</button>
+        </div>
+      </form>
+    </div><!-- /.modal-content -->
+  </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
 <div bsModal #confirmModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirmModal"
      aria-hidden="true">
   <div class="modal-dialog" role="document">