refactor settings panes, simplify admin page

1 files changed, 73 insertions, 0 deletions

diff --git a/src/views/panes/settings/users.ecr b/src/views/panes/settings/users.ecr
new file mode 100644
index 0000000..87ca397
--- /dev/null
+++ b/src/views/panes/settings/users.ecr
@@ -0,0 +1,73 @@
+<div
+  id='settings-pane-users'
+  class='tab-pane'
+  role='tabpanel'
+>
+  <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>
+            New 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-fw 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-fw fa-refresh'></i>
+            </span>
+
+            <span class='loading hidden'>
+              <i class='fa fa-fw fa-spinner fa-spin'></i>
+            </span>
+          </a><!-- #reload -->
+        </div><!-- btn-group -->
+      </div><!-- btn-toolbar -->
+    </div><!-- panel-heading -->
+
+    <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 -->