1 files changed, 112 insertions, 1 deletions
diff --git a/src/views/admin-page.ecr b/src/views/admin-page.ecr
index ba7dcaf..b441014 100644
--- a/src/views/admin-page.ecr
+++ b/src/views/admin-page.ecr
@@ -261,10 +261,120 @@
           >
             <div class='panel panel-default'>
               <div class='panel-heading'>
+                <div class='btn-toolbar'>
+                  <div class='btn-group btn-group-sm'>
+                    <a
+                      href='#'
+                      id='files-upload'
+                      class='btn btn-primary'
+                      title='Upload file to current directory.'
+                    >
+                      <i class='fa fa-upload'></i>
+                      Upload File...
+                    </a><!-- btn -->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'>
+                    <a
+                      href='#'
+                      id='files-mkdir'
+                      class='btn btn-default'
+                      title='Create folder in current directory.'
+                    >
+                      <span class='loading'>
+                        <i class='fa fa-folder'></i>
+                      </span><!-- loading -->
+
+                      <span class='loading hidden'>
+                        <i class='fa fa-spinner fa-spin'></i>
+                      </span><!-- loading -->
+
+                      New Folder...
+                    </a><!-- btn -->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'>
+                    <a
+                      href='#'
+                      class='btn btn-default'
+                      title='View actions.'
+                      data-toggle='dropdown'
+                    >
+                      <i class='fa fa-clone'></i>
+                      File Actions
+                      <i class='fa fa-caret-down'></i>
+                    </a><!-- btn -->
+
+                    <ul id='file-actions' class='dropdown-menu'>
+                      <li>
+                        <a
+                          href='#'
+                          title='Download selected file.'
+                          data-id='download'
+                        >
+                          <i class='fa fa-download'></i>
+                          Download File
+                        </a><!-- btn -->
+                      </li>
+
+                      <li>
+                        <a
+                          href='#'
+                          title='Move selected file or folder.'
+                          data-id='move'
+                        >
+                          <i class='fa fa-folder-open-o'></i>
+                          Move
+                        </a><!-- btn -->
+                      </li>
+
+                      <li>
+                        <a
+                          href='#'
+                          title='Delete selected file or folder.'
+                          data-id='delete'
+                        >
+                          <i class='fa fa-trash-o'></i>
+                          Delete
+                        </a><!-- btn -->
+                      </li>
+                    </ul><!-- dropdown-menu -->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm pull-right'>
+                    <a
+                      href='#'
+                      id='files-reload'
+                      class='btn btn-default'
+                      title='Reload files.'
+                    >
+                      <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><!-- btn -->
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm pull-right'>
+                    <span
+                      class='btn'
+                      title='Number of files in current directory.'
+                    >
+                      <span id='files-count'>0</span> Files
+                    </span><!-- btn -->
+                  </div><!-- btn-group -->
+                </div><!-- btn-toolbar -->
+              </div><!-- panel-heading -->
+
+              <div class='panel-heading'>
+                <div id='files-crumbs' class='btn-toolbar'>
+                </div><!-- btn-toolbar -->
               </div><!-- panel-heading -->
 
               <div id='files' class='list-group'>
-                TODO: files
               </div><!-- panel-body -->
             </div><!-- panel -->
           </div><!-- tab-pane -->
@@ -1349,6 +1459,7 @@
       assets/js/dropdown.js
       assets/js/admin/tabs/users.js
       assets/js/admin/tabs/posts.js
+      assets/js/admin/tabs/files.js
       assets/js/admin/dialogs/user-add.js
       assets/js/admin/dialogs/user-edit.js
       assets/js/admin/dialogs/post-edit.js