initial home panel dragging

1 files changed, 97 insertions, 5 deletions

diff --git a/src/views/panes/admin/home.ecr b/src/views/panes/admin/home.ecr
index af19b78..df0c7ec 100644
--- a/src/views/panes/admin/home.ecr
+++ b/src/views/panes/admin/home.ecr
@@ -6,16 +6,108 @@
   <div class='panel panel-default'>
     <div class='panel-heading'>
       <div class='btn-toolbar'>
-        <div class='btn-group btn-group-sm'><%=
+        <div class='btn-group btn-group-sm home-not-editing'><%=
           new_post_button
         %></div><!-- btn-group -->
+
+        <div class='btn-group btn-group-sm home-editing hidden'>
+          <a
+            href='#'
+            class='btn btn-primary'
+            title='Add new panel.'
+            data-toggle='dropdown'
+          >
+            <i class='fa fa-plus-circle'></i>
+            Add Panel
+            <i class='fa fa-caret-down'></i>
+          </a>
+
+          <ul id='home-add' class='dropdown-menu'><%=
+            add_menu
+          %></ul><!-- dropdown-menu -->
+        </div><!-- btn-group -->
+
+        <div class='btn-group btn-group-sm home-editing hidden'>
+          <a
+            href='#'
+            class='btn btn-default'
+            title='Set column count.'
+            data-toggle='dropdown'
+          >
+            <i class='fa fa-columns'></i>
+            Width: <span>3 Columns</span>
+            <i class='fa fa-caret-down'></i>
+          </a>
+
+          <ul id='home-cols' class='dropdown-menu'><%=
+            cols_menu
+          %></ul><!-- dropdown-menu -->
+        </div><!-- btn-group -->
+
+        <div class='btn-group btn-group-sm pull-right'>
+          <a
+            href='#'
+            id='home-edit-toggle'
+            class='btn btn-default'
+            title='Toggle panel home-editing mode.'
+          >
+            <i class='fa fa-cog'></i>
+          </a>
+        </div><!-- btn-group -->
       </div><!-- btn-toolbar -->
     </div><!-- panel-heading -->
 
-    <div class='panel-body'>
-      <p>
-        TODO: home
-      </p>
+    <div id='home' class='panel-body'>
+      <div class='row'>
+        <div class='col-md-4 drop'>
+          <div id='p-1' class='panel panel-default'>
+            <div class='panel-heading'>
+              <%= panel_edit %>
+
+              <b>
+                Some Panel
+              </b>
+            </div><!-- panel-heading -->
+
+            <div class='panel-body'>
+              <p>Some panel.</p>
+            </div><!-- panel-body -->
+          </div><!-- panel -->
+        </div><!-- col-md-4 -->
+
+        <div class='col-md-4 drop'>
+          <div id='p-2' class='panel panel-default'>
+            <div class='panel-heading'>
+              <%= panel_edit %>
+
+              <b>
+                Another Panel
+              </b>
+            </div><!-- panel-heading -->
+
+            <div class='panel-body'>
+              <p>Another panel.</p>
+            </div><!-- panel-body -->
+          </div><!-- panel -->
+        </div><!-- col-md-4 -->
+
+        <div class='col-md-4 drop'>
+          <div id='p-3' class='panel panel-default'>
+
+            <div class='panel-heading'>
+              <%= panel_edit %>
+
+              <b>
+                Third Panel
+              </b>
+            </div><!-- panel-heading -->
+
+            <div class='panel-body'>
+              <p>Third panel.</p>
+            </div><!-- panel-body -->
+          </div><!-- panel -->
+        </div><!-- col-md-4 -->
+      </div><!-- row -->
     </div><!-- panel-body -->
   </div><!-- panel -->
 </div><!-- tab-pane -->