refactor dialog and pane templates

5 files changed, 862 insertions, 0 deletions

diff --git a/src/views/dialogs/admin/blog-edit.ecr b/src/views/dialogs/admin/blog-edit.ecr
new file mode 100644
index 0000000..bbe946f
--- /dev/null
+++ b/src/views/dialogs/admin/blog-edit.ecr
@@ -0,0 +1,166 @@
+<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 -->
diff --git a/src/views/dialogs/admin/page-edit.ecr b/src/views/dialogs/admin/page-edit.ecr
new file mode 100644
index 0000000..c0b30e8
--- /dev/null
+++ b/src/views/dialogs/admin/page-edit.ecr
@@ -0,0 +1,175 @@
+<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 -->
diff --git a/src/views/dialogs/admin/project-edit.ecr b/src/views/dialogs/admin/project-edit.ecr
new file mode 100644
index 0000000..59c89d4
--- /dev/null
+++ b/src/views/dialogs/admin/project-edit.ecr
@@ -0,0 +1,179 @@
+<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 -->
diff --git a/src/views/dialogs/admin/user-add.ecr b/src/views/dialogs/admin/user-add.ecr
new file mode 100644
index 0000000..198ab69
--- /dev/null
+++ b/src/views/dialogs/admin/user-add.ecr
@@ -0,0 +1,164 @@
+<div id='user-add-dialog' class='modal fade' role='dialog'>
+  <div class='modal-dialog' 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-user-plus'></i>
+          Add User
+        </h4><!-- modal-title -->
+      </div><!-- modal-header -->
+
+      <div class='modal-body'>
+        <div class='form-group'>
+          <label for='user-add-name'>
+            Name
+          </label>
+
+          <input
+            type='text'
+            id='user-add-name'
+            class='form-control'
+            title='Enter name of user.'
+            placeholder='John Doe'
+            aria-describedby='user-add-name-help'
+          />
+
+          <p id='user-add-name-help' class='help-block'>
+            Visible name of user.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='form-group'>
+          <label for='user-add-email'>
+            Email Address
+          </label>
+
+          <input
+            type='text'
+            id='user-add-email'
+            class='form-control'
+            title='Enter user email.'
+            placeholder='johndoe@example.com'
+            aria-describedby='user-add-email-help'
+          />
+
+          <p id='user-add-email-help' class='help-block'>
+            Email address (and login) of user.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='form-group'>
+          <label for='user-add-password'>
+            Password
+          </label>
+
+          <input
+            type='password'
+            id='user-add-password'
+            class='form-control'
+            title='Enter password.'
+            aria-describedby='user-add-password-help'
+          />
+
+          <p id='user-add-password-help' class='help-block'>
+            User password.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='row'>
+          <div class='col-md-6'>
+            <div class='form-group'>
+              <label for='user-add-role'>
+                Role
+              </label>
+
+              <select
+                id='user-add-role'
+                class='form-control'
+                title='Choose role of user.'
+                aria-describedby='user-add-role-help'
+              ><%=
+                role_options
+              %></select>
+
+              <p id='user-add-role-help' class='help-block'>
+                User role.
+              </p>
+            </div><!-- form-group -->
+          </div><!-- col-md-6 -->
+
+          <div class='col-md-6'>
+            <div class='form-group'>
+              <label for='user-add-active'>
+                Active
+              </label>
+
+              <select
+                id='user-add-active'
+                class='form-control'
+                title='Choose active state of user.'
+                aria-describedby='user-add-active-help'
+              >
+                <option
+                  value='inactive'
+                  selected='selected'
+                  title='Inactive: user cannot log in.'
+                >
+                  Inactive
+                </option>
+
+                <option
+                  value='active'
+                  title='Active: user can log in.'
+                >
+                  Active
+                </option>
+              </select>
+
+              <p id='user-add-active-help' class='help-block'>
+                Is this user active?
+              </p>
+            </div><!-- form-group -->
+          </div><!-- col-md-6 -->
+        </div><!-- row -->
+      </div><!-- modal-body -->
+
+      <div class='modal-footer'>
+        <button
+          id='user-add-confirm'
+          class='btn btn-primary'
+          title='Create user.'
+        >
+          <span class='hidden loading'>
+            <i class='fa fa-spinner fa-spin'></i>
+            Please Wait...
+          </span>
+
+          <span class='loading'>
+            <i class='fa fa-user-plus'></i>
+            Create User
+          </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 -->
diff --git a/src/views/dialogs/admin/user-edit.ecr b/src/views/dialogs/admin/user-edit.ecr
new file mode 100644
index 0000000..e0e39c2
--- /dev/null
+++ b/src/views/dialogs/admin/user-edit.ecr
@@ -0,0 +1,178 @@
+<div id='user-edit-dialog' class='modal fade' role='dialog'>
+  <div class='modal-dialog' 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-user'></i>
+          Edit User
+        </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='form-group'>
+          <label for='user-edit-name'>
+            Name
+          </label>
+
+          <input
+            type='text'
+            id='user-edit-name'
+            class='form-control'
+            title='Enter name of user.'
+            placeholder='John Doe'
+            aria-describedby='user-edit-name-help'
+          />
+
+          <p id='user-edit-name-help' class='help-block'>
+            Name of this user.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='form-group'>
+          <label for='user-edit-email'>
+            Email Address
+          </label>
+
+          <input
+            type='text'
+            id='user-edit-email'
+            class='form-control'
+            title='Enter user email.'
+            placeholder='johndoe@example.com'
+            aria-describedby='user-edit-email-help'
+          />
+
+          <p id='user-edit-email-help' class='help-block'>
+            Email address for this user.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='form-group'>
+          <label for='user-edit-password'>
+            Password
+          </label>
+
+          <input
+            type='password'
+            id='user-edit-password'
+            class='form-control'
+            title='Enter user password.'
+            aria-describedby='user-edit-password-help'
+          />
+
+          <p id='user-edit-password-help' class='help-block'>
+            Password for this user.
+          </p>
+        </div><!-- form-group -->
+
+        <div class='row'>
+          <div class='col-md-6'>
+            <div class='form-group'>
+              <label for='user-edit-role'>
+                Role
+              </label>
+
+              <select
+                id='user-edit-role'
+                class='form-control'
+                title='Choose role of user.'
+                aria-describedby='user-edit-role-help'
+              ><%=
+                role_options
+              %></select>
+
+              <p id='user-edit-role-help' class='help-block'>
+                User role.
+              </p>
+            </div><!-- form-group -->
+          </div><!-- col-md-6 -->
+
+          <div class='col-md-6'>
+            <div class='form-group'>
+              <label for='user-edit-active'>
+                Active
+              </label>
+
+              <select
+                id='user-edit-active'
+                class='form-control'
+                title='Choose active state of user.'
+                aria-describedby='user-edit-active-help'
+              >
+                <option
+                  value='inactive'
+                  selected='selected'
+                  title='Inactive: user cannot log in.'
+                >
+                  Inactive
+                </option>
+
+                <option
+                  value='active'
+                  title='Active: user can log in.'
+                >
+                  Active
+                </option>
+              </select>
+
+              <p id='user-edit-active-help' class='help-block'>
+                Is this user active?
+              </p>
+            </div><!-- form-group -->
+          </div><!-- col-md-6 -->
+        </div><!-- row -->
+      </div><!-- modal-body -->
+
+      <div class='modal-footer'>
+        <button
+          id='user-edit-confirm'
+          class='btn btn-primary'
+          title='Update user.'
+        >
+          <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 -->