From f0230ea7716a7b9d9b7a35ebb4967a394d032887 Mon Sep 17 00:00:00 2001
From: Paul Duncan <pabs@pablotron.org>
Date: Sun, 22 May 2016 00:40:38 -0400
Subject: populate users panel

---
 src/views/admin-page.ecr | 67 ++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 62 insertions(+), 5 deletions(-)

(limited to 'src/views/admin-page.ecr')

diff --git a/src/views/admin-page.ecr b/src/views/admin-page.ecr
index 033d79c..fe0d28d 100644
--- a/src/views/admin-page.ecr
+++ b/src/views/admin-page.ecr
@@ -108,13 +108,70 @@
           >
             <div class='panel panel-default'>
               <div class='panel-heading'>
+                <div class='btn-toolbar'>
+                  <div class='btn-group btn-group-sm'>
+                    <a
+                      href='#'
+                      class='btn btn-primary'
+                      title='Create new user.'
+                      data-toggle='modal'
+                      data-target='#user-add-dialog'
+                    >
+                      <i class='fa fa-user-plus'></i>
+                      Add User
+                    </a><!-- btn -->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm pull-right'>
+                    <a
+                      href='#'
+                      class='btn btn-default search-toggle'
+                      title='Toggle search field.'
+                    >
+                      <i class='fa fa-search'></i>
+                    </a><!-- btn-->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm pull-right'>
+                    <a
+                      href='#'
+                      id='users-reload'
+                      class='btn btn-default'
+                      title='Reload users.'
+                    >
+                      <span class='loading'>
+                        <i class='fa fa-refresh'></i>
+                      </span>
+
+                      <span class='loading hidden'>
+                        <i class='fa fa-spinner fa-spin'></i>
+                      </span>
+                    </a><!-- #reload -->
+                  </div><!-- btn-group -->
+                </div><!-- btn-toolbar -->
               </div><!-- panel-heading -->
 
-              <div class='panel-body'>
-                <p>
-                  TODO: users
-                </p>
-              </div><!-- panel-body -->
+              <div class='panel-heading hidden search-toggle'>
+                <div class='input-group input-group-sm'>
+                  <span class='input-group-addon'>
+                    <i class='fa fa-search'></i>
+                  </span>
+
+                  <input
+                    type='text'
+                    id='users-q'
+                    class='form-control'
+                    title='Enter search terms'
+                  />
+                </div><!-- input-group -->
+              </div><!-- panel-heading -->
+
+              <div id='users' class='list-group'>
+                <span class='list-group-item disabled'>
+                  <i class='fa fa-spinner fa-spin'></i>
+                  Loading...
+                </span><!-- list-group-item -->
+              </div><!-- list-group -->
             </div><!-- panel -->
           </div><!-- tab-pane -->
 
-- 
cgit v1.2.3