From c08f97a9297a5a903b0e55e206bc8fff90ad06be Mon Sep 17 00:00:00 2001
From: xhagrg <grg.iksha@hotmail.com>
Date: Wed, 19 Apr 2017 09:54:06 -0500
Subject: [PATCH] User related view pages.

---
 vendor/app/views/user-detail.component.html |  0
 vendor/app/views/user-list.component.html   | 45 +++++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 vendor/app/views/user-detail.component.html
 create mode 100644 vendor/app/views/user-list.component.html

diff --git a/vendor/app/views/user-detail.component.html b/vendor/app/views/user-detail.component.html
new file mode 100644
index 0000000..e69de29
diff --git a/vendor/app/views/user-list.component.html b/vendor/app/views/user-list.component.html
new file mode 100644
index 0000000..76ed38f
--- /dev/null
+++ b/vendor/app/views/user-list.component.html
@@ -0,0 +1,45 @@
+<div class='users-holder'>
+  <div class='user'>
+    <div class='panel panel-default'>
+      <div class="panel-heading">
+        <h4>
+          Users
+        </h4>
+      </div>
+      <div class="list-group">
+        <a class="list-group-item" *ngFor="let user of users" id="user-{{user.id}}">
+          <div class='row'>
+            <div class='col-md-12'>
+              <a (click)="updateSelected(user);userModal.open()">
+                {{ user.name }}
+              </a>
+              <button class="btn btn-primary pull-right" *ngIf="!user.is_friend && !user.invitation_present" (click)="addFriend(user)">
+                <i class="glyphicon glyphicon-plus"></i>
+                Add friend
+              </button>
+            </div>
+          </div>
+        </a>
+        <a class="list-group-item" *ngIf="users?.length <= 0">
+          No users :(
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+<modal #userModal>
+  <modal-header>
+    <h3>User Details</h3>
+  </modal-header>
+  <modal-content>
+    <strong>Email: </strong>{{selectedUser?.email}}
+    <br>
+    <strong>Name: </strong>{{selectedUser?.name}}
+    <br>
+    <strong>Nick Name: </strong>{{selectedUser?.nick_name}}
+    <br>
+  </modal-content>
+  <modal-footer>
+      <button class="btn btn-primary" (click)="userModal.close()">Close</button>
+  </modal-footer>
+</modal>
\ No newline at end of file