populate settings tab

2 files changed, 113 insertions, 99 deletions

diff --git a/src/guff.cr b/src/guff.cr
index f2a5da4..7eb284a 100644
--- a/src/guff.cr
+++ b/src/guff.cr
@@ -1881,31 +1881,31 @@ module Guff
           name: "Files",
           text: "Manage files.",
         }, {
-          id:   "users",
-          css:  "",
-          icon: "fa-users",
-          name: "Users",
-          text: "Manage users and permissions.",
-        }, {
           id:   "settings",
           css:  "",
-          icon: "fa-cog",
+          icon: "fa-cogs",
           name: "Settings",
-          text: "Configure site settings.",
+          text: "Configure settings.",
         }],
 
         "settings": [{
           id:   "general",
           css:  "active",
-          icon: "fa-home",
+          icon: "fa-cog",
           name: "General",
-          text: "Configure general settings.",
+          text: "Manage general settings.",
         }, {
           id:   "sites",
           css:  "",
-          icon: "fa-cog",
+          icon: "fa-sitemap",
           name: "Sites",
-          text: "Configure sites.",
+          text: "Manage sites and domains.",
+        }, {
+          id:   "themes",
+          css:  "",
+          icon: "fa-eye",
+          name: "Themes",
+          text: "Manage themes.",
         }, {
           id:   "users",
           css:  "",
@@ -2733,7 +2733,7 @@ module Guff
         }, %{
           INSERT INTO states(state_id, state, icon, name, sort) VALUES
             (1, 'draft', 'fa-wrench', 'Draft', 1),
-            (2, 'public', 'fa-eye', 'Public', 2),
+            (2, 'public', 'fa-bullhorn', 'Public', 2),
             (3, 'deleted', 'fa-trash', 'Deleted', 3)
         }, %{
           CREATE TABLE posts (
diff --git a/src/views/admin-page.ecr b/src/views/admin-page.ecr
index af031eb..7845682 100644
--- a/src/views/admin-page.ecr
+++ b/src/views/admin-page.ecr
@@ -270,80 +270,6 @@
           </div><!-- tab-pane -->
 
           <div
-            id='admin-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>
-                      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-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 -->
-
-          <div
             id='admin-pane-settings'
             class='tab-pane'
             role='tabpanel'
@@ -351,22 +277,29 @@
             <div class='panel panel-default'>
               <div class='panel-body'>
                 <div class='row'>
-                  <div class='col-md-2'>
+                  <div class='col-md-3'>
                     <ul class='nav nav-pills nav-stacked' role='tablist'><%=
                       tabs("settings")
                     %></ul><!-- nav -->
-                  </div><!-- col-md-2 -->
+                  </div><!-- col-md-3 -->
 
-                  <div class='col-md-10'>
+                  <div class='col-md-9'>
                     <div class='tab-content'>
                       <div
                         id='settings-pane-general'
                         class='tab-pane active'
                         role='tabpanel'
                       >
-                        <p>
-                          TODO: general settings
-                        </p>
+                        <div class='panel panel-default'>
+                          <div class='panel-heading'>
+                          </div><!-- panel-heading -->
+
+                          <div class='panel-body'>
+                            <p>
+                              TODO: general settings
+                            </p>
+                          </div><!-- panel-body -->
+                        </div><!-- panel -->
                       </div><!-- tab-pane -->
 
                       <div
@@ -376,11 +309,85 @@
                       >
                         <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-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 -->
+
+                      <div
+                        id='settings-pane-themes'
+                        class='tab-pane'
+                        role='tabpanel'
+                      >
+                        <div class='panel panel-default'>
+                          <div class='panel-heading'>
+                          </div><!-- panel-heading -->
+
+                          <div id='themes' class='panel-body'>
                             <p>
-                              TODO: users settings
+                              TODO: themes
                             </p>
                           </div><!-- panel-body -->
                         </div><!-- panel -->
@@ -391,12 +398,19 @@
                         class='tab-pane'
                         role='tabpanel'
                       >
-                        <p>
-                          TODO: sites settings
-                        </p>
+                        <div class='panel panel-default'>
+                          <div class='panel-heading'>
+                          </div><!-- panel-heading -->
+
+                          <div id='sites' class='panel-body'>
+                            <p>
+                              TODO: sites settings
+                            </p>
+                          </div><!-- panel-body -->
+                        </div><!-- panel -->
                       </div><!-- tab-pane -->
                     </div><!-- tab-content -->
-                  </div><!-- col-md-10 -->
+                  </div><!-- col-md-9 -->
                 </div><!-- row -->
               </div><!-- panel-body -->
             </div><!-- panel -->