From 7f994c65451a90d55cfd8ca6f863d2f7e475e8fb Mon Sep 17 00:00:00 2001
From: Paul Duncan <pabs@pablotron.org>
Date: Thu, 28 Jul 2016 00:30:33 -0400
Subject: mv admin-page to admin/page

---
 src/guff/handlers.cr                 |    2 +-
 src/guff/views/admin-page.cr         |  226 -------
 src/guff/views/admin/dialogs/user.cr |    2 +-
 src/guff/views/admin/page.cr         |  226 +++++++
 src/views/admin-page.ecr             | 1111 ----------------------------------
 src/views/admin/page.ecr             | 1111 ++++++++++++++++++++++++++++++++++
 6 files changed, 1339 insertions(+), 1339 deletions(-)
 delete mode 100644 src/guff/views/admin-page.cr
 create mode 100644 src/guff/views/admin/page.cr
 delete mode 100644 src/views/admin-page.ecr
 create mode 100644 src/views/admin/page.ecr

(limited to 'src')

diff --git a/src/guff/handlers.cr b/src/guff/handlers.cr
index 2670f89..a44140a 100644
--- a/src/guff/handlers.cr
+++ b/src/guff/handlers.cr
@@ -215,7 +215,7 @@ module Guff::Handlers
         context.response.headers["x-frame-options"] = "SAMEORIGIN"
         context.response.content_type = "text/html; charset=utf-8"
         context.response.status_code = 200
-        Views::AdminPageView.new(@context).to_s(context.response)
+        Views::Admin::PageView.new(@context).to_s(context.response)
       else
         call_next(context)
       end
diff --git a/src/guff/views/admin-page.cr b/src/guff/views/admin-page.cr
deleted file mode 100644
index c51ee1b..0000000
--- a/src/guff/views/admin-page.cr
+++ /dev/null
@@ -1,226 +0,0 @@
-require "./html"
-require "./admin/dialogs/*"
-
-class Guff::Views::AdminPageView < Guff::Views::HTMLView
-  TITLE = "Guff Admin"
-
-  POST_TYPES = {
-    blog: {
-      id:   "blog",
-      name: "Blog Post",
-      icon: "fa-sticky-note-o",
-    },
-
-    page: {
-      id:   "page",
-      name: "Page",
-      icon: "fa-file-text-o",
-    },
-
-    project: {
-      id:   "project",
-      name: "Project",
-      icon: "fa-cube",
-    },
-  }
-
-  TABS = {
-    "admin" => [{
-      :id   => "home",
-      :css  => "active",
-      :icon => "fa-home",
-      :name => "Home",
-      :text => "View home tab.",
-    }, {
-      :id   => "posts",
-      :css  => "",
-      :icon => "fa-cubes",
-      :name => "Posts",
-      :text => "Manage blog, pages, and projects.",
-    }, {
-      :id   => "files",
-      :css  => "",
-      :icon => "fa-files-o",
-      :name => "Files",
-      :text => "Manage files.",
-    }, {
-      :id   => "settings",
-      :css  => "",
-      :icon => "fa-cogs",
-      :name => "Settings",
-      :text => "Configure settings.",
-    }],
-
-    "settings" => [{
-      :id   => "general",
-      :css  => "active",
-      :icon => "fa-cog",
-      :name => "General",
-      :text => "Manage general settings.",
-    }, {
-      :id   => "backups",
-      :css  => "",
-      :icon => "fa-archive",
-      :name => "Backups",
-      :text => "Manage backups.",
-    }, {
-      :id   => "import",
-      :css  => "",
-      :icon => "fa-upload",
-      :name => "Import / Export",
-      :text => "Import and export posts.",
-    }, {
-      :id   => "sites",
-      :css  => "",
-      :icon => "fa-sitemap",
-      :name => "Sites",
-      :text => "Manage sites and domains.",
-    }, {
-      :id   => "themes",
-      :css  => "",
-      :icon => "fa-eye",
-      :name => "Themes",
-      :text => "Manage themes.",
-    }, {
-      :id   => "users",
-      :css  => "",
-      :icon => "fa-users",
-      :name => "Users",
-      :text => "Manage users and permissions.",
-    }],
-  }
-
-  NEW_POST_MENU_ITEM = "
-    <li>
-      <a
-        href='#'
-        title='Create new %s.'
-        class='add-post'
-        data-type='%s'
-      >
-        <i class='fa fa-fw %s'></i>
-        %s
-      </a>
-    </li>
-  "
-
-  TEMPLATES = {
-    :option => "
-      <option value='%s'>%s</option>
-    ",
-
-    :new_post_button => "
-      <a
-        href='#'
-        class='btn btn-primary'
-        title='Create new blog post, page, or project.'
-        data-toggle='dropdown'
-      >
-        <i class='fa fa-plus-circle'></i>
-        Create
-        <i class='fa fa-fw fa-caret-down'></i>
-      </a>
-
-      <ul class='dropdown-menu'>" + %i{blog page project}.map { |id|
-        NEW_POST_MENU_ITEM % %i{name id icon name}.map { |key|
-          POST_TYPES[id][key]
-        }
-      }.join + "
-      </ul>
-    ",
-
-    :state_button => "
-      <a
-        href='#'
-        class='btn btn-default'
-        title='Mark as %s.'
-        data-val='%s'
-      >
-        <i class='fa %s'></i>
-        %s
-      </a>
-    ",
-  }
-
-  def tabs(id : String)
-    super(id, TABS[id])
-  end
-
-  private def new_post_button
-    TEMPLATES[:new_post_button]
-  end
-
-  private def state_buttons
-    @state_buttons ||= String.build do |io|
-      @context.models.state.get_states.each do |row|
-        io << TEMPLATES[:state_button] % [
-          h(row["name"]),
-          h(row["state"]),
-          h(row["icon"]),
-          h(row["name"])
-        ]
-      end
-    end
-  end
-
-  private def authors_menu_items
-    @context.models.user.get_users.map do |row|
-      {
-        :id   => row["user_id"],
-        :name => row["name"],
-        :text => "Show author \"%s\"." % [row["name"]],
-      }
-    end
-  end
-
-  private def sites_menu_items
-    @context.models.site.get_sites.map do |row|
-      {
-        :id   => row["site_id"],
-        :name => row["name"],
-        :text => "Show site \"%s\"." % [row["name"]],
-      }
-    end
-  end
-
-  private def states_menu_items
-    @context.models.state.get_states.map do |row|
-      {
-        :id   => row["state"],
-        :name => row["name"],
-        :icon => row["icon"],
-        :text => "Show state \"%s\"." % [row["name"]],
-      }
-    end
-  end
-
-  private def theme_options
-    [{
-      "id"    => "site-default",
-      "name"  => "Site Default",
-    }].concat(@context.models.theme.all.map { |row|
-      {
-        "id"    => row["theme_id"],
-        "name"  => "%s (%s)" % %w{
-          name
-          version
-        }.map { |k| row["theme_#{k}"] },
-      }
-    }).map { |row|
-      TEMPLATES[:option] % %w{id name}.map { |k| row[k] }
-    }.join("")
-  end
-
-  private def page_data
-    { post_types: POST_TYPES}.to_json
-  end
-
-  private def dialogs
-    String.build do |io|
-      io << Admin::Dialogs::UserAddDialog.new(@context)
-      io << Admin::Dialogs::UserEditDialog.new(@context)
-    end
-  end
-
-  ECR.def_to_s("src/views/admin-page.ecr")
-end
diff --git a/src/guff/views/admin/dialogs/user.cr b/src/guff/views/admin/dialogs/user.cr
index 4bae8da..98a632e 100644
--- a/src/guff/views/admin/dialogs/user.cr
+++ b/src/guff/views/admin/dialogs/user.cr
@@ -1,6 +1,6 @@
 class Guff::Views::Admin::Dialogs::UserDialog < Guff::Views::HTMLView
   protected def role_options
-    tmpl = Guff::Views::AdminPageView::TEMPLATES[:option]
+    tmpl = Guff::Views::Admin::PageView::TEMPLATES[:option]
 
     @role_options ||= String.build do |io|
       @context.models.role.get_roles.each do |row|
diff --git a/src/guff/views/admin/page.cr b/src/guff/views/admin/page.cr
new file mode 100644
index 0000000..a61f52a
--- /dev/null
+++ b/src/guff/views/admin/page.cr
@@ -0,0 +1,226 @@
+require "../html"
+require "./dialogs/*"
+
+class Guff::Views::Admin::PageView < Guff::Views::HTMLView
+  TITLE = "Guff Admin"
+
+  POST_TYPES = {
+    blog: {
+      id:   "blog",
+      name: "Blog Post",
+      icon: "fa-sticky-note-o",
+    },
+
+    page: {
+      id:   "page",
+      name: "Page",
+      icon: "fa-file-text-o",
+    },
+
+    project: {
+      id:   "project",
+      name: "Project",
+      icon: "fa-cube",
+    },
+  }
+
+  TABS = {
+    "admin" => [{
+      :id   => "home",
+      :css  => "active",
+      :icon => "fa-home",
+      :name => "Home",
+      :text => "View home tab.",
+    }, {
+      :id   => "posts",
+      :css  => "",
+      :icon => "fa-cubes",
+      :name => "Posts",
+      :text => "Manage blog, pages, and projects.",
+    }, {
+      :id   => "files",
+      :css  => "",
+      :icon => "fa-files-o",
+      :name => "Files",
+      :text => "Manage files.",
+    }, {
+      :id   => "settings",
+      :css  => "",
+      :icon => "fa-cogs",
+      :name => "Settings",
+      :text => "Configure settings.",
+    }],
+
+    "settings" => [{
+      :id   => "general",
+      :css  => "active",
+      :icon => "fa-cog",
+      :name => "General",
+      :text => "Manage general settings.",
+    }, {
+      :id   => "backups",
+      :css  => "",
+      :icon => "fa-archive",
+      :name => "Backups",
+      :text => "Manage backups.",
+    }, {
+      :id   => "import",
+      :css  => "",
+      :icon => "fa-upload",
+      :name => "Import / Export",
+      :text => "Import and export posts.",
+    }, {
+      :id   => "sites",
+      :css  => "",
+      :icon => "fa-sitemap",
+      :name => "Sites",
+      :text => "Manage sites and domains.",
+    }, {
+      :id   => "themes",
+      :css  => "",
+      :icon => "fa-eye",
+      :name => "Themes",
+      :text => "Manage themes.",
+    }, {
+      :id   => "users",
+      :css  => "",
+      :icon => "fa-users",
+      :name => "Users",
+      :text => "Manage users and permissions.",
+    }],
+  }
+
+  NEW_POST_MENU_ITEM = "
+    <li>
+      <a
+        href='#'
+        title='Create new %s.'
+        class='add-post'
+        data-type='%s'
+      >
+        <i class='fa fa-fw %s'></i>
+        %s
+      </a>
+    </li>
+  "
+
+  TEMPLATES = {
+    :option => "
+      <option value='%s'>%s</option>
+    ",
+
+    :new_post_button => "
+      <a
+        href='#'
+        class='btn btn-primary'
+        title='Create new blog post, page, or project.'
+        data-toggle='dropdown'
+      >
+        <i class='fa fa-plus-circle'></i>
+        Create
+        <i class='fa fa-fw fa-caret-down'></i>
+      </a>
+
+      <ul class='dropdown-menu'>" + %i{blog page project}.map { |id|
+        NEW_POST_MENU_ITEM % %i{name id icon name}.map { |key|
+          POST_TYPES[id][key]
+        }
+      }.join + "
+      </ul>
+    ",
+
+    :state_button => "
+      <a
+        href='#'
+        class='btn btn-default'
+        title='Mark as %s.'
+        data-val='%s'
+      >
+        <i class='fa %s'></i>
+        %s
+      </a>
+    ",
+  }
+
+  def tabs(id : String)
+    super(id, TABS[id])
+  end
+
+  private def new_post_button
+    TEMPLATES[:new_post_button]
+  end
+
+  private def state_buttons
+    @state_buttons ||= String.build do |io|
+      @context.models.state.get_states.each do |row|
+        io << TEMPLATES[:state_button] % [
+          h(row["name"]),
+          h(row["state"]),
+          h(row["icon"]),
+          h(row["name"])
+        ]
+      end
+    end
+  end
+
+  private def authors_menu_items
+    @context.models.user.get_users.map do |row|
+      {
+        :id   => row["user_id"],
+        :name => row["name"],
+        :text => "Show author \"%s\"." % [row["name"]],
+      }
+    end
+  end
+
+  private def sites_menu_items
+    @context.models.site.get_sites.map do |row|
+      {
+        :id   => row["site_id"],
+        :name => row["name"],
+        :text => "Show site \"%s\"." % [row["name"]],
+      }
+    end
+  end
+
+  private def states_menu_items
+    @context.models.state.get_states.map do |row|
+      {
+        :id   => row["state"],
+        :name => row["name"],
+        :icon => row["icon"],
+        :text => "Show state \"%s\"." % [row["name"]],
+      }
+    end
+  end
+
+  private def theme_options
+    [{
+      "id"    => "site-default",
+      "name"  => "Site Default",
+    }].concat(@context.models.theme.all.map { |row|
+      {
+        "id"    => row["theme_id"],
+        "name"  => "%s (%s)" % %w{
+          name
+          version
+        }.map { |k| row["theme_#{k}"] },
+      }
+    }).map { |row|
+      TEMPLATES[:option] % %w{id name}.map { |k| row[k] }
+    }.join("")
+  end
+
+  private def page_data
+    { post_types: POST_TYPES}.to_json
+  end
+
+  private def dialogs
+    String.build do |io|
+      io << Dialogs::UserAddDialog.new(@context)
+      io << Dialogs::UserEditDialog.new(@context)
+    end
+  end
+
+  ECR.def_to_s("src/views/admin/page.ecr")
+end
diff --git a/src/views/admin-page.ecr b/src/views/admin-page.ecr
deleted file mode 100644
index c06b5f0..0000000
--- a/src/views/admin-page.ecr
+++ /dev/null
@@ -1,1111 +0,0 @@
-<!DOCTYPE html>
-<html lang='en-US'>
-  <head>
-    <meta charset="utf-8"/>
-    <title><%= h(TITLE) %></title>
-
-    <%=
-      styles %w{
-        assets/font-awesome-4.5.0/css/font-awesome.min.css
-        assets/bootstrap-3.3.6/css/bootstrap.min.css
-        assets/bootstrap-3.3.6/css/bootstrap-theme.min.css
-        assets/css/admin.css
-      }
-    %>
-  </head>
-
-  <body>
-    <div
-      class='navbar navbar-inverse navbar-static-top'
-      role='navigation'
-    >
-      <div class='container-fluid'>
-        <div class='navbar-header'>
-          <a
-            href='admin.html'
-            class='navbar-brand'
-          >
-            <i class='fa fa-bomb'></i>
-            <%= h(TITLE) %>
-          </a><!-- navbar-brand -->
-        </div><!-- navbar-default -->
-
-        <ul class='nav navbar-nav navbar-right'>
-          <li>
-            <a
-              href='logout.html'
-              title='Log out.'
-            >
-              <i class='fa fa-power-off'></i>
-              Log Out
-            </a>
-          </li>
-        </ul><!-- nav -->
-      </div><!-- container-fluid -->
-    </div><!-- navbar -->
-
-    <div class='container'>
-      <div class='col-md-12'>
-        <ul class='nav nav-tabs nav-justified' role='tablist'><%=
-          tabs("admin")
-        %></ul><!-- nav -->
-
-        <div class='tab-content'>
-          <div
-            id='admin-pane-home'
-            class='tab-pane active'
-            role='tabpanel'
-          >
-            <div class='panel panel-default'>
-              <div class='panel-heading'>
-                <div class='btn-toolbar'>
-                  <div class='btn-group btn-group-sm'><%=
-                    new_post_button
-                  %></div><!-- btn-group -->
-                </div><!-- btn-toolbar -->
-              </div><!-- panel-heading -->
-
-              <div class='panel-body'>
-                <p>
-                  TODO: home
-                </p>
-              </div><!-- panel-body -->
-            </div><!-- panel -->
-          </div><!-- tab-pane -->
-
-          <div
-            id='admin-pane-posts'
-            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'><%=
-                    new_post_button
-                  %></div><!-- btn-group -->
-
-                  <div class='btn-group btn-group-sm'>
-                    <span>&nbsp;&nbsp;</span>
-                  </div><!-- btn-group -->
-
-                  <div class='btn-group btn-group-sm'><%=
-                    dropdown(
-                      id:       "posts-filter-type",
-                      css:      "posts-filter-menu",
-
-                      name:     "Type",
-                      text:     "Filter posts by type.",
-
-                      icon:     "",
-                      default:  "all",
-
-                      items: [{
-                        :id   => "all",
-                        :name => "All",
-                        :text => "Show all types.",
-                      }, {
-                        :type => "divider",
-                      }] + %i{blog page project}.map { |id|
-                        name = POST_TYPES[id][:name]
-
-                        {
-                          :id   => POST_TYPES[id][:id],
-                          :name => name,
-                          :icon => POST_TYPES[id][:icon],
-                          :text => "Show #{name}s.",
-                        }
-                      }
-                    )
-                  %></div><!-- btn-group -->
-
-                  <div class='btn-group btn-group-sm'><%=
-                    dropdown(
-                      id:       "posts-filter-state",
-                      css:      "posts-filter-menu",
-
-                      name:     "State",
-                      text:     "Filter by post state.",
-
-                      icon:     "",
-                      default:  "default",
-
-                      items: [{
-                        :id   => "default",
-                        :name => "Default",
-                        :text => "Show drafts and posted items.",
-                      }, {
-                        :type => "divider",
-                      }].concat(states_menu_items),
-                    )
-                  %></div><!-- btn-group -->
-
-                  <div class='btn-group btn-group-sm'><%=
-                    dropdown(
-                      id:       "posts-filter-site",
-                      css:      "posts-filter-menu",
-
-                      name:     "Site",
-                      text:     "Filter by site.",
-
-                      icon:     "",
-                      default:  "all",
-
-                      items: [{
-                        :id   => "all",
-                        :name => "All",
-                        :text => "Show all sites.",
-                      }, {
-                        :type => "divider",
-                      }].concat(sites_menu_items),
-                    )
-                  %></div><!-- btn-group -->
-
-                  <div class='btn-group btn-group-sm'><%=
-                    dropdown(
-                      id:       "posts-filter-user",
-                      css:      "posts-filter-menu",
-
-                      name:     "Author",
-                      text:     "Filter by author.",
-
-                      icon:     "",
-                      default:  "all",
-
-                      items: [{
-                        :id   => "all",
-                        :name => "All",
-                        :text => "Show all authors.",
-                      }, {
-                        :type => "divider",
-                      }].concat(authors_menu_items),
-                    )
-                  %></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='posts-reload'
-                      class='btn btn-default'
-                      title='Reload posts'
-                    >
-                      <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><!-- 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='posts-q'
-                    class='form-control'
-                    title='Enter search terms'
-                  />
-                </div><!-- input-group -->
-              </div><!-- panel-heading -->
-
-              <table
-                id='posts'
-                class='table table-hover'
-              >
-                <thead>
-                  <tr class='small'>
-                    <th>&nbsp;</th>
-                    <th>Name</th>
-                    <th>Site</th>
-                    <th>URL / Slug</th>
-                    <th>Author</th>
-                    <th>Created</th>
-                    <th>Posted</th>
-                  </tr>
-                </thead>
-
-                <tbody>
-                </tbody>
-              </table><!-- table -->
-            </div><!-- panel -->
-          </div><!-- tab-pane -->
-
-          <div
-            id='admin-pane-files'
-            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='#'
-                      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'>
-              </div><!-- panel-body -->
-            </div><!-- panel -->
-          </div><!-- tab-pane -->
-
-          <div
-            id='admin-pane-settings'
-            class='tab-pane'
-            role='tabpanel'
-          >
-            <div class='panel panel-default'>
-              <div class='panel-body'>
-                <div class='row'>
-                  <div class='col-md-3'>
-                    <ul class='nav nav-pills nav-stacked' role='tablist'><%=
-                      tabs("settings")
-                    %></ul><!-- nav -->
-                  </div><!-- col-md-3 -->
-
-                  <div class='col-md-9'>
-                    <div class='tab-content'>
-                      <div
-                        id='settings-pane-general'
-                        class='tab-pane active'
-                        role='tabpanel'
-                      >
-                        <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
-                        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 -->
-
-                      <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: themes
-                            </p>
-                          </div><!-- panel-body -->
-                        </div><!-- panel -->
-                      </div><!-- tab-pane -->
-
-                      <div
-                        id='settings-pane-sites'
-                        class='tab-pane'
-                        role='tabpanel'
-                      >
-                        <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
-                        id='settings-pane-backups'
-                        class='tab-pane'
-                        role='tabpanel'
-                      >
-                        <div class='panel panel-default'>
-                          <div class='panel-heading'>
-                          </div><!-- panel-heading -->
-
-                          <div class='panel-body'>
-                            <p>
-                              TODO: backups
-                            </p>
-                          </div><!-- panel-body -->
-                        </div><!-- panel -->
-                      </div><!-- tab-pane -->
-
-                      <div
-                        id='settings-pane-import'
-                        class='tab-pane'
-                        role='tabpanel'
-                      >
-                        <div class='panel panel-default'>
-                          <div class='panel-heading'>
-                          </div><!-- panel-heading -->
-
-                          <div class='panel-body'>
-                            <p>
-                              TODO: import
-                            </p>
-                          </div><!-- panel-body -->
-                        </div><!-- panel -->
-                      </div><!-- tab-pane -->
-                    </div><!-- tab-content -->
-                  </div><!-- col-md-9 -->
-                </div><!-- row -->
-              </div><!-- panel-body -->
-            </div><!-- panel -->
-          </div><!-- tab-pane -->
-        </div><!-- tab-content -->
-      </div><!-- col-md-12 -->
-    </div><!-- container -->
-
-    <%= dialogs %>
-
-    <div id='blog-edit-dialog' class='modal fade' role='dialog'>
-      <div class='modal-dialog modal-lg' role='document'>
-        <div class='modal-content'>
-          <div class='modal-header'>
-            <button
-              type='button'
-              class='close'
-              data-dismiss='modal'
-              aria-label='Close'
-            >
-              <span aria-hidden='true'>
-                &times;
-              </span>
-            </button><!-- close -->
-
-            <h4 class='modal-title'>
-              <i class='fa fa-edit'></i>
-              Edit Blog Entry
-            </h4><!-- modal-title -->
-          </div><!-- modal-header -->
-
-          <div class='modal-body loading-done'>
-            <div class='row'>
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='blog-edit-name'>
-                    Title
-                  </label>
-
-                  <input
-                    type='text'
-                    id='blog-edit-name'
-                    class='form-control post-name'
-                    title='Enter title for blog entry.'
-                    placeholder='Blog Entry Title'
-                    aria-describedby='blog-edit-name-help'
-                  />
-
-                  <p id='blog-edit-name-help' class='help-block'>
-                    Title of blog entry.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='blog-edit-slug'>
-                    Slug
-                  </label>
-
-                  <div class='input-group'>
-                    <input
-                      type='text'
-                      id='blog-edit-slug'
-                      class='form-control post-slug'
-                      disabled='disabled'
-                      title='Enter slug for blog entry.'
-                      placeholder='blog-post-title'
-                      aria-describedby='blog-edit-slug-help'
-                    />
-
-                    <a
-                      href='#'
-                      id='blog-edit-slug-lock'
-                      class='btn input-group-addon btn-default post-slug-lock'
-                      title='Toggle slug lock.'
-                      aria-describedby='page-edit-slug-help'
-                    >
-                      <i class='fa fa-lock'></i>
-                    </a><!-- slog-lock -->
-                  </div><!-- input-group -->
-
-                  <p id='blog-edit-slug-help' class='help-block'>
-                    Slug of blog entry.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-
-            <div class='form-group'>
-              <label for='blog-edit-body'>
-                Body
-              </label>
-
-              <textarea
-                id='blog-edit-body'
-                class='form-control'
-                rows='15'
-                aria-describedby='blog-edit-body-help'
-              ></textarea>
-
-              <p id='blog-edit-body-help' class='help-block'>
-                Body of this blog entry.
-              </p>
-            </div><!-- form-group -->
-
-            <div class='row'>
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='blog-edit-tags'>
-                    Tags
-                  </label>
-
-                  <input
-                    type='text'
-                    id='blog-edit-tags'
-                    class='form-control'
-                    title='Enter tags for this blog entry.'
-                    placeholder='Blog Entry Tags'
-                    aria-describedby='blog-edit-tags-help'
-                  />
-
-                  <p id='blog-edit-tags-help' class='help-block'>
-                    Space-delimited list of tags.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <label>
-                  State
-                </label>
-
-                <div
-                  id='blog-edit-state'
-                  class='btn-group btn-group-justified state-buttons'
-                ><%=
-                  state_buttons
-                %></div><!-- btn-group -->
-
-                <p class='help-block'>
-                  Visibility of this blog post.
-                </p>
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-
-          </div><!-- modal-body -->
-
-          <div class='modal-footer'>
-            <button
-              id='blog-edit-confirm'
-              class='btn btn-primary'
-              title='Create post.'
-            >
-              <span class='hidden loading'>
-                <i class='fa fa-spinner fa-spin'></i>
-                Please Wait...
-              </span>
-
-              <span class='loading'>
-                <i class='fa fa-save'></i>
-                Save Changes
-              </span>
-            </button>
-
-            <button
-              class='btn btn-default'
-              data-dismiss='modal'
-              title='Close dialog.'
-            >
-              &times; Close
-            </button>
-          </div><!-- modal-footer -->
-        </div><!-- modal-content -->
-      </div><!-- modal-dialog -->
-    </div><!-- modal -->
-
-    <div id='page-edit-dialog' class='modal fade' role='dialog'>
-      <div class='modal-dialog modal-lg' role='document'>
-        <div class='modal-content'>
-          <div class='modal-header'>
-            <button
-              type='button'
-              class='close'
-              data-dismiss='modal'
-              aria-label='Close'
-            >
-              <span aria-hidden='true'>
-                &times;
-              </span>
-            </button><!-- close -->
-
-            <h4 class='modal-title'>
-              <i class='fa fa-edit'></i>
-              Edit Page
-            </h4><!-- modal-title -->
-          </div><!-- modal-header -->
-
-          <div class='modal-body loading-text'>
-            <p>
-              <i class='fa fa-spinner fa-spin'></i>
-              Loading...
-            </p>
-          </div><!-- modal-body -->
-
-          <div class='modal-body loading-error'>
-            <div class='well'>
-              <i class='fa fa-exclamation-triangle'></i>
-              Error: <span class='error-text'></span>
-            </div><!-- well -->
-          </div><!-- modal-body -->
-
-          <div class='modal-body loading-done'>
-            <div class='row'>
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='page-edit-name'>
-                    Title
-                  </label>
-
-                  <input
-                    type='text'
-                    id='page-edit-name'
-                    class='form-control post-name'
-                    title='Enter title for page.'
-                    placeholder='Page Title'
-                    aria-describedby='page-edit-name-help'
-                  />
-
-                  <p id='page-edit-name-help' class='help-block'>
-                    Title of page.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='page-edit-slug'>
-                    Path
-                  </label>
-
-                  <div class='input-group'>
-                    <input
-                      type='text'
-                      id='page-edit-slug'
-                      class='form-control post-slug'
-                      disabled='disabled'
-                      title='Enter path for this page.'
-                      placeholder='page-title'
-                    />
-
-                    <a
-                      href='#'
-                      id='page-edit-slug-lock'
-                      class='btn input-group-addon btn-default post-slug-lock'
-                      title='Toggle path lock.'
-                      aria-describedby='page-edit-slug-help'
-                    >
-                      <i class='fa fa-lock'></i>
-                    </a><!-- slog-lock -->
-                  </div><!-- input-group -->
-
-                  <p id='page-edit-slug-help' class='help-block'>
-                    URL path of page.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-
-            <div class='form-group'>
-              <label for='page-edit-body'>
-                Body
-              </label>
-
-              <textarea
-                id='page-edit-body'
-                class='form-control'
-                rows='15'
-                aria-describedby='page-edit-body-help'
-              ></textarea>
-
-              <p id='page-edit-body-help' class='help-block'>
-                Body of this page.
-              </p>
-            </div><!-- form-group -->
-
-            <div class='row'>
-              <div class='col-md-6'>
-                <label for='page-edit-theme'>
-                  Theme
-                </label>
-
-                <select
-                  id='page-edit-theme'
-                  class='form-control'
-                  title='Choose theme for this page.'
-                ><%=
-                  theme_options
-                %></select>
-
-                <p class='help-block'>
-                  Theme for this page.
-                </p>
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <label>
-                  State
-                </label>
-
-                <div
-                  id='page-edit-state'
-                  class='btn-group btn-group-justified state-buttons'
-                ><%=
-                  state_buttons
-                %></div><!-- btn-group -->
-
-                <p class='help-block'>
-                  Visibility state of this page.
-                </p>
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-          </div><!-- modal-body -->
-
-          <div class='modal-footer'>
-            <button
-              id='page-edit-confirm'
-              class='btn btn-primary'
-              title='Save changes.'
-            >
-              <span class='hidden loading'>
-                <i class='fa fa-spinner fa-spin'></i>
-                Please Wait...
-              </span>
-
-              <span class='loading'>
-                <i class='fa fa-save'></i>
-                Save Changes
-              </span>
-            </button>
-
-            <button
-              class='btn btn-default'
-              data-dismiss='modal'
-              title='Close dialog.'
-            >
-              &times; Close
-            </button>
-          </div><!-- modal-footer -->
-        </div><!-- modal-content -->
-      </div><!-- modal-dialog -->
-    </div><!-- modal -->
-
-    <div id='project-edit-dialog' class='modal fade' role='dialog'>
-      <div class='modal-dialog modal-lg' role='document'>
-        <div class='modal-content'>
-          <div class='modal-header'>
-            <button
-              type='button'
-              class='close'
-              data-dismiss='modal'
-              aria-label='Close'
-            >
-              <span aria-hidden='true'>
-                &times;
-              </span>
-            </button><!-- close -->
-
-            <h4 class='modal-title'>
-              <i class='fa fa-edit'></i>
-              Edit Project
-            </h4><!-- modal-title -->
-          </div><!-- modal-header -->
-
-          <div class='modal-body loading-text'>
-            <p>
-              <i class='fa fa-spinner fa-spin'></i>
-              Loading...
-            </p>
-          </div><!-- modal-body -->
-
-          <div class='modal-body loading-error'>
-            <div class='well well'>
-              <i class='fa fa-exclamation-triangle'></i>
-              Error: <span class='error-text'></span>
-            </div><!-- well -->
-          </div><!-- modal-body -->
-
-          <div class='modal-body loading-done'>
-            <div class='row'>
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='project-edit-name'>
-                    Name
-                  </label>
-
-                  <input
-                    type='text'
-                    id='project-edit-name'
-                    class='form-control post-name'
-                    title='Enter project name.'
-                    placeholder='Project Name'
-                    aria-describedby='project-edit-name-help'
-                  />
-
-                  <p id='project-edit-name-help' class='help-block'>
-                    Name of project.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='project-edit-slug'>
-                    Slug
-                  </label>
-
-                  <div class='input-group'>
-                    <input
-                      type='text'
-                      id='project-edit-slug'
-                      class='form-control post-slug'
-                      title='Enter project slug.'
-                      disabled='disabled'
-                      placeholder='project-name'
-                      aria-describedby='project-edit-slug-help'
-                    />
-
-                    <a
-                      href='#'
-                      id='project-edit-slug-lock'
-                      class='btn input-group-addon btn-default post-slug-lock'
-                      title='Toggle slug lock.'
-                    >
-                      <i class='fa fa-lock'></i>
-                    </a><!-- slog-lock -->
-                  </div><!-- input-group -->
-
-                  <p id='project-edit-slug-help' class='help-block'>
-                    URL path component of project.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-
-            <div class='form-group'>
-              <label for='project-edit-body'>
-                Description
-              </label>
-
-              <textarea
-                id='project-edit-body'
-                class='form-control'
-                title='Description of this project.'
-                rows='15'
-                aria-describedby='project-edit-body-help'
-              ></textarea>
-
-              <p id='project-edit-body-help' class='help-block'>
-                Description of this project.
-              </p>
-            </div><!-- form-group -->
-
-            <div class='row'>
-              <div class='col-md-6'>
-                <div class='form-group'>
-                  <label for='project-edit-repo'>
-                    Git Repository
-                  </label>
-
-                  <input
-                    type='text'
-                    id='project-edit-repo'
-                    class='form-control'
-                    title='Enter project Git repository URL.'
-                    placeholder='https://example.com/git/example-project.git'
-                    aria-describedby='project-edit-repo-help'
-                  />
-
-                  <p id='project-edit-repo-help' class='help-block'>
-                    URL of Git repository for this project.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- col-md-6 -->
-
-              <div class='col-md-6'>
-                <label>
-                  State
-                </label>
-
-                <div
-                  id='project-edit-state'
-                  class='btn-group btn-group-justified state-buttons'
-                ><%=
-                  state_buttons
-                %></div><!-- btn-group -->
-
-                <p class='help-block'>
-                  Visibility state of this project.
-                </p>
-              </div><!-- col-md-6 -->
-            </div><!-- row -->
-          </div><!-- modal-body -->
-
-          <div class='modal-footer'>
-            <button
-              id='project-edit-confirm'
-              class='btn btn-primary'
-              title='Save changes.'
-            >
-              <span class='hidden loading'>
-                <i class='fa fa-spinner fa-spin'></i>
-                Please Wait...
-              </span>
-
-              <span class='loading'>
-                <i class='fa fa-save'></i>
-                Save Changes
-              </span>
-            </button>
-
-            <button
-              class='btn btn-default'
-              data-dismiss='modal'
-              title='Close dialog.'
-            >
-              &times; Close
-            </button>
-          </div><!-- modal-footer -->
-        </div><!-- modal-content -->
-      </div><!-- modal-dialog -->
-    </div><!-- modal -->
-  </body>
-
-
-  <script type='text/javascript'><!--
-    var DATA = <%= page_data %>;
-    // -->
-  </script>
-  <%=
-    scripts %w{
-      assets/jquery-2.2.1.min.js
-      assets/luigi-template-0.4.1.min.js
-      assets/js/util.js
-      assets/bootstrap-3.3.6/js/bootstrap.min.js
-      assets/ckeditor-4.5.8-custom/ckeditor.js
-      assets/js/search-field.js
-      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
-      assets/js/admin/dialogs/blog-edit.js
-      assets/js/admin/dialogs/page-edit.js
-      assets/js/admin/dialogs/project-edit.js
-    }
-  %>
-</html>
diff --git a/src/views/admin/page.ecr b/src/views/admin/page.ecr
new file mode 100644
index 0000000..c06b5f0
--- /dev/null
+++ b/src/views/admin/page.ecr
@@ -0,0 +1,1111 @@
+<!DOCTYPE html>
+<html lang='en-US'>
+  <head>
+    <meta charset="utf-8"/>
+    <title><%= h(TITLE) %></title>
+
+    <%=
+      styles %w{
+        assets/font-awesome-4.5.0/css/font-awesome.min.css
+        assets/bootstrap-3.3.6/css/bootstrap.min.css
+        assets/bootstrap-3.3.6/css/bootstrap-theme.min.css
+        assets/css/admin.css
+      }
+    %>
+  </head>
+
+  <body>
+    <div
+      class='navbar navbar-inverse navbar-static-top'
+      role='navigation'
+    >
+      <div class='container-fluid'>
+        <div class='navbar-header'>
+          <a
+            href='admin.html'
+            class='navbar-brand'
+          >
+            <i class='fa fa-bomb'></i>
+            <%= h(TITLE) %>
+          </a><!-- navbar-brand -->
+        </div><!-- navbar-default -->
+
+        <ul class='nav navbar-nav navbar-right'>
+          <li>
+            <a
+              href='logout.html'
+              title='Log out.'
+            >
+              <i class='fa fa-power-off'></i>
+              Log Out
+            </a>
+          </li>
+        </ul><!-- nav -->
+      </div><!-- container-fluid -->
+    </div><!-- navbar -->
+
+    <div class='container'>
+      <div class='col-md-12'>
+        <ul class='nav nav-tabs nav-justified' role='tablist'><%=
+          tabs("admin")
+        %></ul><!-- nav -->
+
+        <div class='tab-content'>
+          <div
+            id='admin-pane-home'
+            class='tab-pane active'
+            role='tabpanel'
+          >
+            <div class='panel panel-default'>
+              <div class='panel-heading'>
+                <div class='btn-toolbar'>
+                  <div class='btn-group btn-group-sm'><%=
+                    new_post_button
+                  %></div><!-- btn-group -->
+                </div><!-- btn-toolbar -->
+              </div><!-- panel-heading -->
+
+              <div class='panel-body'>
+                <p>
+                  TODO: home
+                </p>
+              </div><!-- panel-body -->
+            </div><!-- panel -->
+          </div><!-- tab-pane -->
+
+          <div
+            id='admin-pane-posts'
+            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'><%=
+                    new_post_button
+                  %></div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'>
+                    <span>&nbsp;&nbsp;</span>
+                  </div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'><%=
+                    dropdown(
+                      id:       "posts-filter-type",
+                      css:      "posts-filter-menu",
+
+                      name:     "Type",
+                      text:     "Filter posts by type.",
+
+                      icon:     "",
+                      default:  "all",
+
+                      items: [{
+                        :id   => "all",
+                        :name => "All",
+                        :text => "Show all types.",
+                      }, {
+                        :type => "divider",
+                      }] + %i{blog page project}.map { |id|
+                        name = POST_TYPES[id][:name]
+
+                        {
+                          :id   => POST_TYPES[id][:id],
+                          :name => name,
+                          :icon => POST_TYPES[id][:icon],
+                          :text => "Show #{name}s.",
+                        }
+                      }
+                    )
+                  %></div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'><%=
+                    dropdown(
+                      id:       "posts-filter-state",
+                      css:      "posts-filter-menu",
+
+                      name:     "State",
+                      text:     "Filter by post state.",
+
+                      icon:     "",
+                      default:  "default",
+
+                      items: [{
+                        :id   => "default",
+                        :name => "Default",
+                        :text => "Show drafts and posted items.",
+                      }, {
+                        :type => "divider",
+                      }].concat(states_menu_items),
+                    )
+                  %></div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'><%=
+                    dropdown(
+                      id:       "posts-filter-site",
+                      css:      "posts-filter-menu",
+
+                      name:     "Site",
+                      text:     "Filter by site.",
+
+                      icon:     "",
+                      default:  "all",
+
+                      items: [{
+                        :id   => "all",
+                        :name => "All",
+                        :text => "Show all sites.",
+                      }, {
+                        :type => "divider",
+                      }].concat(sites_menu_items),
+                    )
+                  %></div><!-- btn-group -->
+
+                  <div class='btn-group btn-group-sm'><%=
+                    dropdown(
+                      id:       "posts-filter-user",
+                      css:      "posts-filter-menu",
+
+                      name:     "Author",
+                      text:     "Filter by author.",
+
+                      icon:     "",
+                      default:  "all",
+
+                      items: [{
+                        :id   => "all",
+                        :name => "All",
+                        :text => "Show all authors.",
+                      }, {
+                        :type => "divider",
+                      }].concat(authors_menu_items),
+                    )
+                  %></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='posts-reload'
+                      class='btn btn-default'
+                      title='Reload posts'
+                    >
+                      <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><!-- 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='posts-q'
+                    class='form-control'
+                    title='Enter search terms'
+                  />
+                </div><!-- input-group -->
+              </div><!-- panel-heading -->
+
+              <table
+                id='posts'
+                class='table table-hover'
+              >
+                <thead>
+                  <tr class='small'>
+                    <th>&nbsp;</th>
+                    <th>Name</th>
+                    <th>Site</th>
+                    <th>URL / Slug</th>
+                    <th>Author</th>
+                    <th>Created</th>
+                    <th>Posted</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                </tbody>
+              </table><!-- table -->
+            </div><!-- panel -->
+          </div><!-- tab-pane -->
+
+          <div
+            id='admin-pane-files'
+            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='#'
+                      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'>
+              </div><!-- panel-body -->
+            </div><!-- panel -->
+          </div><!-- tab-pane -->
+
+          <div
+            id='admin-pane-settings'
+            class='tab-pane'
+            role='tabpanel'
+          >
+            <div class='panel panel-default'>
+              <div class='panel-body'>
+                <div class='row'>
+                  <div class='col-md-3'>
+                    <ul class='nav nav-pills nav-stacked' role='tablist'><%=
+                      tabs("settings")
+                    %></ul><!-- nav -->
+                  </div><!-- col-md-3 -->
+
+                  <div class='col-md-9'>
+                    <div class='tab-content'>
+                      <div
+                        id='settings-pane-general'
+                        class='tab-pane active'
+                        role='tabpanel'
+                      >
+                        <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
+                        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 -->
+
+                      <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: themes
+                            </p>
+                          </div><!-- panel-body -->
+                        </div><!-- panel -->
+                      </div><!-- tab-pane -->
+
+                      <div
+                        id='settings-pane-sites'
+                        class='tab-pane'
+                        role='tabpanel'
+                      >
+                        <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
+                        id='settings-pane-backups'
+                        class='tab-pane'
+                        role='tabpanel'
+                      >
+                        <div class='panel panel-default'>
+                          <div class='panel-heading'>
+                          </div><!-- panel-heading -->
+
+                          <div class='panel-body'>
+                            <p>
+                              TODO: backups
+                            </p>
+                          </div><!-- panel-body -->
+                        </div><!-- panel -->
+                      </div><!-- tab-pane -->
+
+                      <div
+                        id='settings-pane-import'
+                        class='tab-pane'
+                        role='tabpanel'
+                      >
+                        <div class='panel panel-default'>
+                          <div class='panel-heading'>
+                          </div><!-- panel-heading -->
+
+                          <div class='panel-body'>
+                            <p>
+                              TODO: import
+                            </p>
+                          </div><!-- panel-body -->
+                        </div><!-- panel -->
+                      </div><!-- tab-pane -->
+                    </div><!-- tab-content -->
+                  </div><!-- col-md-9 -->
+                </div><!-- row -->
+              </div><!-- panel-body -->
+            </div><!-- panel -->
+          </div><!-- tab-pane -->
+        </div><!-- tab-content -->
+      </div><!-- col-md-12 -->
+    </div><!-- container -->
+
+    <%= dialogs %>
+
+    <div id='blog-edit-dialog' class='modal fade' role='dialog'>
+      <div class='modal-dialog modal-lg' role='document'>
+        <div class='modal-content'>
+          <div class='modal-header'>
+            <button
+              type='button'
+              class='close'
+              data-dismiss='modal'
+              aria-label='Close'
+            >
+              <span aria-hidden='true'>
+                &times;
+              </span>
+            </button><!-- close -->
+
+            <h4 class='modal-title'>
+              <i class='fa fa-edit'></i>
+              Edit Blog Entry
+            </h4><!-- modal-title -->
+          </div><!-- modal-header -->
+
+          <div class='modal-body loading-done'>
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='blog-edit-name'>
+                    Title
+                  </label>
+
+                  <input
+                    type='text'
+                    id='blog-edit-name'
+                    class='form-control post-name'
+                    title='Enter title for blog entry.'
+                    placeholder='Blog Entry Title'
+                    aria-describedby='blog-edit-name-help'
+                  />
+
+                  <p id='blog-edit-name-help' class='help-block'>
+                    Title of blog entry.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='blog-edit-slug'>
+                    Slug
+                  </label>
+
+                  <div class='input-group'>
+                    <input
+                      type='text'
+                      id='blog-edit-slug'
+                      class='form-control post-slug'
+                      disabled='disabled'
+                      title='Enter slug for blog entry.'
+                      placeholder='blog-post-title'
+                      aria-describedby='blog-edit-slug-help'
+                    />
+
+                    <a
+                      href='#'
+                      id='blog-edit-slug-lock'
+                      class='btn input-group-addon btn-default post-slug-lock'
+                      title='Toggle slug lock.'
+                      aria-describedby='page-edit-slug-help'
+                    >
+                      <i class='fa fa-lock'></i>
+                    </a><!-- slog-lock -->
+                  </div><!-- input-group -->
+
+                  <p id='blog-edit-slug-help' class='help-block'>
+                    Slug of blog entry.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+
+            <div class='form-group'>
+              <label for='blog-edit-body'>
+                Body
+              </label>
+
+              <textarea
+                id='blog-edit-body'
+                class='form-control'
+                rows='15'
+                aria-describedby='blog-edit-body-help'
+              ></textarea>
+
+              <p id='blog-edit-body-help' class='help-block'>
+                Body of this blog entry.
+              </p>
+            </div><!-- form-group -->
+
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='blog-edit-tags'>
+                    Tags
+                  </label>
+
+                  <input
+                    type='text'
+                    id='blog-edit-tags'
+                    class='form-control'
+                    title='Enter tags for this blog entry.'
+                    placeholder='Blog Entry Tags'
+                    aria-describedby='blog-edit-tags-help'
+                  />
+
+                  <p id='blog-edit-tags-help' class='help-block'>
+                    Space-delimited list of tags.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <label>
+                  State
+                </label>
+
+                <div
+                  id='blog-edit-state'
+                  class='btn-group btn-group-justified state-buttons'
+                ><%=
+                  state_buttons
+                %></div><!-- btn-group -->
+
+                <p class='help-block'>
+                  Visibility of this blog post.
+                </p>
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+
+          </div><!-- modal-body -->
+
+          <div class='modal-footer'>
+            <button
+              id='blog-edit-confirm'
+              class='btn btn-primary'
+              title='Create post.'
+            >
+              <span class='hidden loading'>
+                <i class='fa fa-spinner fa-spin'></i>
+                Please Wait...
+              </span>
+
+              <span class='loading'>
+                <i class='fa fa-save'></i>
+                Save Changes
+              </span>
+            </button>
+
+            <button
+              class='btn btn-default'
+              data-dismiss='modal'
+              title='Close dialog.'
+            >
+              &times; Close
+            </button>
+          </div><!-- modal-footer -->
+        </div><!-- modal-content -->
+      </div><!-- modal-dialog -->
+    </div><!-- modal -->
+
+    <div id='page-edit-dialog' class='modal fade' role='dialog'>
+      <div class='modal-dialog modal-lg' role='document'>
+        <div class='modal-content'>
+          <div class='modal-header'>
+            <button
+              type='button'
+              class='close'
+              data-dismiss='modal'
+              aria-label='Close'
+            >
+              <span aria-hidden='true'>
+                &times;
+              </span>
+            </button><!-- close -->
+
+            <h4 class='modal-title'>
+              <i class='fa fa-edit'></i>
+              Edit Page
+            </h4><!-- modal-title -->
+          </div><!-- modal-header -->
+
+          <div class='modal-body loading-text'>
+            <p>
+              <i class='fa fa-spinner fa-spin'></i>
+              Loading...
+            </p>
+          </div><!-- modal-body -->
+
+          <div class='modal-body loading-error'>
+            <div class='well'>
+              <i class='fa fa-exclamation-triangle'></i>
+              Error: <span class='error-text'></span>
+            </div><!-- well -->
+          </div><!-- modal-body -->
+
+          <div class='modal-body loading-done'>
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='page-edit-name'>
+                    Title
+                  </label>
+
+                  <input
+                    type='text'
+                    id='page-edit-name'
+                    class='form-control post-name'
+                    title='Enter title for page.'
+                    placeholder='Page Title'
+                    aria-describedby='page-edit-name-help'
+                  />
+
+                  <p id='page-edit-name-help' class='help-block'>
+                    Title of page.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='page-edit-slug'>
+                    Path
+                  </label>
+
+                  <div class='input-group'>
+                    <input
+                      type='text'
+                      id='page-edit-slug'
+                      class='form-control post-slug'
+                      disabled='disabled'
+                      title='Enter path for this page.'
+                      placeholder='page-title'
+                    />
+
+                    <a
+                      href='#'
+                      id='page-edit-slug-lock'
+                      class='btn input-group-addon btn-default post-slug-lock'
+                      title='Toggle path lock.'
+                      aria-describedby='page-edit-slug-help'
+                    >
+                      <i class='fa fa-lock'></i>
+                    </a><!-- slog-lock -->
+                  </div><!-- input-group -->
+
+                  <p id='page-edit-slug-help' class='help-block'>
+                    URL path of page.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+
+            <div class='form-group'>
+              <label for='page-edit-body'>
+                Body
+              </label>
+
+              <textarea
+                id='page-edit-body'
+                class='form-control'
+                rows='15'
+                aria-describedby='page-edit-body-help'
+              ></textarea>
+
+              <p id='page-edit-body-help' class='help-block'>
+                Body of this page.
+              </p>
+            </div><!-- form-group -->
+
+            <div class='row'>
+              <div class='col-md-6'>
+                <label for='page-edit-theme'>
+                  Theme
+                </label>
+
+                <select
+                  id='page-edit-theme'
+                  class='form-control'
+                  title='Choose theme for this page.'
+                ><%=
+                  theme_options
+                %></select>
+
+                <p class='help-block'>
+                  Theme for this page.
+                </p>
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <label>
+                  State
+                </label>
+
+                <div
+                  id='page-edit-state'
+                  class='btn-group btn-group-justified state-buttons'
+                ><%=
+                  state_buttons
+                %></div><!-- btn-group -->
+
+                <p class='help-block'>
+                  Visibility state of this page.
+                </p>
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+          </div><!-- modal-body -->
+
+          <div class='modal-footer'>
+            <button
+              id='page-edit-confirm'
+              class='btn btn-primary'
+              title='Save changes.'
+            >
+              <span class='hidden loading'>
+                <i class='fa fa-spinner fa-spin'></i>
+                Please Wait...
+              </span>
+
+              <span class='loading'>
+                <i class='fa fa-save'></i>
+                Save Changes
+              </span>
+            </button>
+
+            <button
+              class='btn btn-default'
+              data-dismiss='modal'
+              title='Close dialog.'
+            >
+              &times; Close
+            </button>
+          </div><!-- modal-footer -->
+        </div><!-- modal-content -->
+      </div><!-- modal-dialog -->
+    </div><!-- modal -->
+
+    <div id='project-edit-dialog' class='modal fade' role='dialog'>
+      <div class='modal-dialog modal-lg' role='document'>
+        <div class='modal-content'>
+          <div class='modal-header'>
+            <button
+              type='button'
+              class='close'
+              data-dismiss='modal'
+              aria-label='Close'
+            >
+              <span aria-hidden='true'>
+                &times;
+              </span>
+            </button><!-- close -->
+
+            <h4 class='modal-title'>
+              <i class='fa fa-edit'></i>
+              Edit Project
+            </h4><!-- modal-title -->
+          </div><!-- modal-header -->
+
+          <div class='modal-body loading-text'>
+            <p>
+              <i class='fa fa-spinner fa-spin'></i>
+              Loading...
+            </p>
+          </div><!-- modal-body -->
+
+          <div class='modal-body loading-error'>
+            <div class='well well'>
+              <i class='fa fa-exclamation-triangle'></i>
+              Error: <span class='error-text'></span>
+            </div><!-- well -->
+          </div><!-- modal-body -->
+
+          <div class='modal-body loading-done'>
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-name'>
+                    Name
+                  </label>
+
+                  <input
+                    type='text'
+                    id='project-edit-name'
+                    class='form-control post-name'
+                    title='Enter project name.'
+                    placeholder='Project Name'
+                    aria-describedby='project-edit-name-help'
+                  />
+
+                  <p id='project-edit-name-help' class='help-block'>
+                    Name of project.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-slug'>
+                    Slug
+                  </label>
+
+                  <div class='input-group'>
+                    <input
+                      type='text'
+                      id='project-edit-slug'
+                      class='form-control post-slug'
+                      title='Enter project slug.'
+                      disabled='disabled'
+                      placeholder='project-name'
+                      aria-describedby='project-edit-slug-help'
+                    />
+
+                    <a
+                      href='#'
+                      id='project-edit-slug-lock'
+                      class='btn input-group-addon btn-default post-slug-lock'
+                      title='Toggle slug lock.'
+                    >
+                      <i class='fa fa-lock'></i>
+                    </a><!-- slog-lock -->
+                  </div><!-- input-group -->
+
+                  <p id='project-edit-slug-help' class='help-block'>
+                    URL path component of project.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+
+            <div class='form-group'>
+              <label for='project-edit-body'>
+                Description
+              </label>
+
+              <textarea
+                id='project-edit-body'
+                class='form-control'
+                title='Description of this project.'
+                rows='15'
+                aria-describedby='project-edit-body-help'
+              ></textarea>
+
+              <p id='project-edit-body-help' class='help-block'>
+                Description of this project.
+              </p>
+            </div><!-- form-group -->
+
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-repo'>
+                    Git Repository
+                  </label>
+
+                  <input
+                    type='text'
+                    id='project-edit-repo'
+                    class='form-control'
+                    title='Enter project Git repository URL.'
+                    placeholder='https://example.com/git/example-project.git'
+                    aria-describedby='project-edit-repo-help'
+                  />
+
+                  <p id='project-edit-repo-help' class='help-block'>
+                    URL of Git repository for this project.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <label>
+                  State
+                </label>
+
+                <div
+                  id='project-edit-state'
+                  class='btn-group btn-group-justified state-buttons'
+                ><%=
+                  state_buttons
+                %></div><!-- btn-group -->
+
+                <p class='help-block'>
+                  Visibility state of this project.
+                </p>
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+          </div><!-- modal-body -->
+
+          <div class='modal-footer'>
+            <button
+              id='project-edit-confirm'
+              class='btn btn-primary'
+              title='Save changes.'
+            >
+              <span class='hidden loading'>
+                <i class='fa fa-spinner fa-spin'></i>
+                Please Wait...
+              </span>
+
+              <span class='loading'>
+                <i class='fa fa-save'></i>
+                Save Changes
+              </span>
+            </button>
+
+            <button
+              class='btn btn-default'
+              data-dismiss='modal'
+              title='Close dialog.'
+            >
+              &times; Close
+            </button>
+          </div><!-- modal-footer -->
+        </div><!-- modal-content -->
+      </div><!-- modal-dialog -->
+    </div><!-- modal -->
+  </body>
+
+
+  <script type='text/javascript'><!--
+    var DATA = <%= page_data %>;
+    // -->
+  </script>
+  <%=
+    scripts %w{
+      assets/jquery-2.2.1.min.js
+      assets/luigi-template-0.4.1.min.js
+      assets/js/util.js
+      assets/bootstrap-3.3.6/js/bootstrap.min.js
+      assets/ckeditor-4.5.8-custom/ckeditor.js
+      assets/js/search-field.js
+      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
+      assets/js/admin/dialogs/blog-edit.js
+      assets/js/admin/dialogs/page-edit.js
+      assets/js/admin/dialogs/project-edit.js
+    }
+  %>
+</html>
-- 
cgit v1.2.3