From bb2a315df93c173db84d2d6fc0cf1b2bdbd931a7 Mon Sep 17 00:00:00 2001
From: Paul Duncan <pabs@pablotron.org>
Date: Sat, 30 Jul 2016 18:40:08 -0400
Subject: refactor site dialogs and add site editing

---
 src/views/dialogs/admin/site-add.ecr | 259 ----------------------------------
 src/views/dialogs/admin/site.ecr     | 264 +++++++++++++++++++++++++++++++++++
 2 files changed, 264 insertions(+), 259 deletions(-)
 delete mode 100644 src/views/dialogs/admin/site-add.ecr
 create mode 100644 src/views/dialogs/admin/site.ecr

(limited to 'src/views/dialogs')

diff --git a/src/views/dialogs/admin/site-add.ecr b/src/views/dialogs/admin/site-add.ecr
deleted file mode 100644
index 0f99364..0000000
--- a/src/views/dialogs/admin/site-add.ecr
+++ /dev/null
@@ -1,259 +0,0 @@
-<div id='site-add-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-plus-circle'></i>
-          New Site
-        </h4><!-- modal-title -->
-      </div><!-- modal-header -->
-
-      <div class='modal-body'>
-        <div class='row'>
-          <div class='col-md-3'>
-            <ul class='nav nav-pills nav-stacked' role='tablist'><%=
-              tabs
-            %></ul><!-- nav -->
-          </div><!-- col-md-3 -->
-
-          <div class='col-md-9'>
-            <div class='tab-content'>
-              <div
-                id='site-add-pane-content'
-                class='tab-pane active'
-                role='tabpanel'
-              >
-                <div class='row'>
-                  <div class='col-md-6'>
-                    <div class='form-group'>
-                      <label for='site-add-name'>
-                        Name
-                      </label>
-
-                      <input
-                        type='text'
-                        id='site-add-name'
-                        class='form-control'
-                        title='Enter site name.'
-                        placeholder='Some Site'
-                        aria-describedby='site-add-name-help'
-                      />
-
-                      <p id='site-add-name-help' class='help-block'>
-                        Site name.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-6 -->
-
-                  <div class='col-md-6'>
-                    <div class='form-group'>
-                      <label for='site-add-slug'>
-                        Slug
-                      </label>
-
-                      <input
-                        type='text'
-                        id='site-add-slug'
-                        class='form-control'
-                        title='Enter site slug (lowercase).'
-                        readonly='readonly'
-                        placeholder='some-site'
-                        aria-describedby='site-add-slug-help'
-                      />
-
-                      <p id='site-add-slug-help' class='help-block'>
-                        Name of files directory on server.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-6 -->
-                </div><!-- row -->
-
-                <div class='form-group'>
-                  <label for='site-add-body'>
-                    Description
-                  </label>
-
-                  <textarea
-                    id='site-add-body'
-                    class='form-control'
-                    title='Enter site description.'
-                    placeholder='A brief site description'
-                    aria-describedby='site-add-body-help'
-                  /></textarea>
-
-                  <p id='site-add-body-help' class='help-block'>
-                    Brief description of site.
-                  </p>
-                </div><!-- form-group -->
-
-                <div class='form-group'>
-                  <label for='site-add-domains'>
-                    Domains
-                  </label>
-
-                  <textarea
-                    id='site-add-domains'
-                    class='form-control'
-                    title='Newline-delimited list of site domains.'
-                    placeholder='some.example.com'
-                    aria-describedby='site-add-domains-help'
-                  /></textarea>
-
-                  <p id='site-add-domains-help' class='help-block'>
-                    Newline-deilmited list of site domains.
-                  </p>
-                </div><!-- form-group -->
-              </div><!-- tab-pane -->
-
-              <div
-                id='site-add-pane-domains'
-                class='tab-pane'
-                role='tabpanel'
-              >
-              </div><!-- tab-pane -->
-
-              <div
-                id='site-add-pane-theme'
-                class='tab-pane'
-                role='tabpanel'
-              >
-                <div class='row'>
-                  <div class='col-md-12'>
-                    <div class='form-group'>
-                      <label for='site-add-theme_id'>
-                        Theme
-                      </label>
-
-                      <select
-                        id='site-add-theme_id'
-                        class='form-control'
-                        title='Choose site theme.'
-                        aria-describedby='site-add-theme-help'
-                      ><%=
-                        theme_options
-                      %></select>
-
-                      <p id='site-add-theme-help' class='help-block'>
-                        Site theme.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-12 -->
-                </div><!-- row -->
-
-                <div class='row'>
-                  <div class='col-md-6'>
-                    <div class='form-group'>
-                      <label for='site-add-styles'>
-                        Styles
-                      </label>
-
-                      <textarea
-                        id='site-add-styles'
-                        class='form-control asset-list'
-                        title='Newline-delimited site styles.'
-                        aria-describedby='site-add-styles-help'
-                      ></textarea>
-
-                      <p id='site-add-styles-help' class='help-block'>
-                        Newline-delimited site styles.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-6 -->
-
-                  <div class='col-md-6'>
-                    <div class='form-group'>
-                      <label for='site-add-scripts'>
-                        Scripts
-                      </label>
-
-                      <textarea
-                        id='site-add-scripts'
-                        class='form-control asset-list'
-                        title='Newline-delimited site scripts.'
-                        aria-describedby='site-add-scripts-help'
-                      ></textarea>
-
-                      <p id='site-add-scripts-help' class='help-block'>
-                        Newline-delimited site scripts.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-6 -->
-                </div><!-- row -->
-              </div><!-- tab-pane -->
-
-              <div
-                id='site-add-pane-other'
-                class='tab-pane'
-                role='tabpanel'
-              >
-                <div class='row'>
-                  <div class='col-md-12'>
-                    <div class='form-group'>
-                      <label for='site-add-lang'>
-                        Language
-                      </label>
-
-                      <input
-                        type='text'
-                        id='site-add-lang'
-                        class='form-control'
-                        title='Enter site IETF language tag (BCP 47).'
-                        aria-describedby='site-add-lang-help'
-                      />
-
-                      <p id='site-add-lang-help' class='help-block'>
-                        <a
-                          href='https://en.wikipedia.org/wiki/IETF_language_tag'
-                          title='View IETF language tag information.'
-                          rel='noopener nofollow'
-                          target='_blank'
-                        >IETF BCP 47 language tag</a> for site.
-                      </p>
-                    </div><!-- form-group -->
-                  </div><!-- col-md-12 -->
-                </div><!-- row -->
-              </div><!-- tab-pane -->
-            </div><!-- tab-content -->
-          </div><!-- col-md-9 -->
-        </div><!-- row -->
-      </div><!-- modal-body -->
-
-      <div class='modal-footer'>
-        <button
-          id='site-add-confirm'
-          class='btn btn-primary'
-          title='Create site.'
-        >
-          <span class='hidden loading'>
-            <i class='fa fa-spinner fa-spin'></i>
-            Please Wait...
-          </span>
-
-          <span class='loading'>
-            <i class='fa fa-plus-circle'></i>
-            Create Site
-          </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/site.ecr b/src/views/dialogs/admin/site.ecr
new file mode 100644
index 0000000..fa5d7d7
--- /dev/null
+++ b/src/views/dialogs/admin/site.ecr
@@ -0,0 +1,264 @@
+<div id='<%= @id %>-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-plus-circle'></i>
+          <%= h(@name) %>
+        </h4><!-- modal-title -->
+      </div><!-- modal-header -->
+
+      <div class='modal-body loading'>
+        <i class='fa fa-spinner fa-spin'></i>
+        Loading...
+      </div><!-- modal-body -->
+
+      <div class='modal-body loading-done'>
+        <div class='row'>
+          <div class='col-md-3'>
+            <ul class='nav nav-pills nav-stacked' role='tablist'><%=
+              tabs
+            %></ul><!-- nav -->
+          </div><!-- col-md-3 -->
+
+          <div class='col-md-9'>
+            <div class='tab-content'>
+              <div
+                id='<%= @id %>-pane-content'
+                class='tab-pane active'
+                role='tabpanel'
+              >
+                <div class='row'>
+                  <div class='col-md-6'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-name'>
+                        Name
+                      </label>
+
+                      <input
+                        type='text'
+                        id='<%= @id %>-name'
+                        class='form-control'
+                        title='Enter site name.'
+                        placeholder='Some Site'
+                        aria-describedby='<%= @id %>-name-help'
+                      />
+
+                      <p id='<%= @id %>-name-help' class='help-block'>
+                        Site name.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-6 -->
+
+                  <div class='col-md-6'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-slug'>
+                        Slug
+                      </label>
+
+                      <input
+                        type='text'
+                        id='<%= @id %>-slug'
+                        class='form-control'
+                        title='Enter site slug (lowercase).'
+                        readonly='readonly'
+                        placeholder='some-site'
+                        aria-describedby='<%= @id %>-slug-help'
+                      />
+
+                      <p id='<%= @id %>-slug-help' class='help-block'>
+                        Name of files directory on server.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-6 -->
+                </div><!-- row -->
+
+                <div class='form-group'>
+                  <label for='<%= @id %>-body'>
+                    Description
+                  </label>
+
+                  <textarea
+                    id='<%= @id %>-body'
+                    class='form-control'
+                    title='Enter site description.'
+                    placeholder='A brief site description'
+                    aria-describedby='<%= @id %>-body-help'
+                  /></textarea>
+
+                  <p id='<%= @id %>-body-help' class='help-block'>
+                    Brief description of site.
+                  </p>
+                </div><!-- form-group -->
+
+                <div class='form-group'>
+                  <label for='<%= @id %>-domains'>
+                    Domains
+                  </label>
+
+                  <textarea
+                    id='<%= @id %>-domains'
+                    class='form-control'
+                    title='Newline-delimited list of site domains.'
+                    placeholder='some.example.com'
+                    aria-describedby='<%= @id %>-domains-help'
+                  /></textarea>
+
+                  <p id='<%= @id %>-domains-help' class='help-block'>
+                    Newline-deilmited list of site domains.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- tab-pane -->
+
+              <div
+                id='<%= @id %>-pane-domains'
+                class='tab-pane'
+                role='tabpanel'
+              >
+              </div><!-- tab-pane -->
+
+              <div
+                id='<%= @id %>-pane-theme'
+                class='tab-pane'
+                role='tabpanel'
+              >
+                <div class='row'>
+                  <div class='col-md-12'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-theme_id'>
+                        Theme
+                      </label>
+
+                      <select
+                        id='<%= @id %>-theme_id'
+                        class='form-control'
+                        title='Choose site theme.'
+                        aria-describedby='<%= @id %>-theme-help'
+                      ><%=
+                        theme_options
+                      %></select>
+
+                      <p id='<%= @id %>-theme-help' class='help-block'>
+                        Site theme.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-12 -->
+                </div><!-- row -->
+
+                <div class='row'>
+                  <div class='col-md-6'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-styles'>
+                        Styles
+                      </label>
+
+                      <textarea
+                        id='<%= @id %>-styles'
+                        class='form-control asset-list'
+                        title='Newline-delimited site styles.'
+                        aria-describedby='<%= @id %>-styles-help'
+                      ></textarea>
+
+                      <p id='<%= @id %>-styles-help' class='help-block'>
+                        Newline-delimited site styles.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-6 -->
+
+                  <div class='col-md-6'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-scripts'>
+                        Scripts
+                      </label>
+
+                      <textarea
+                        id='<%= @id %>-scripts'
+                        class='form-control asset-list'
+                        title='Newline-delimited site scripts.'
+                        aria-describedby='<%= @id %>-scripts-help'
+                      ></textarea>
+
+                      <p id='<%= @id %>-scripts-help' class='help-block'>
+                        Newline-delimited site scripts.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-6 -->
+                </div><!-- row -->
+              </div><!-- tab-pane -->
+
+              <div
+                id='<%= @id %>-pane-other'
+                class='tab-pane'
+                role='tabpanel'
+              >
+                <div class='row'>
+                  <div class='col-md-12'>
+                    <div class='form-group'>
+                      <label for='<%= @id %>-lang'>
+                        Language
+                      </label>
+
+                      <input
+                        type='text'
+                        id='<%= @id %>-lang'
+                        class='form-control'
+                        title='Enter site IETF language tag (BCP 47).'
+                        aria-describedby='<%= @id %>-lang-help'
+                      />
+
+                      <p id='<%= @id %>-lang-help' class='help-block'>
+                        <a
+                          href='https://en.wikipedia.org/wiki/IETF_language_tag'
+                          title='View IETF language tag information.'
+                          rel='noopener nofollow'
+                          target='_blank'
+                        >IETF BCP 47 language tag</a> for site.
+                      </p>
+                    </div><!-- form-group -->
+                  </div><!-- col-md-12 -->
+                </div><!-- row -->
+              </div><!-- tab-pane -->
+            </div><!-- tab-content -->
+          </div><!-- col-md-9 -->
+        </div><!-- row -->
+      </div><!-- modal-body -->
+
+      <div class='modal-footer'>
+        <button
+          id='<%= @id %>-confirm'
+          class='btn btn-primary'
+          title='<%= h(@save_text) %>'
+        >
+          <span class='hidden loading'>
+            <i class='fa fa-spinner fa-spin'></i>
+            Please Wait...
+          </span>
+
+          <span class='loading'>
+            <i class='fa <%= h(@save_icon) %>'></i>
+            <%= h(@save_name) %>
+          </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 -->
-- 
cgit v1.2.3