From e6ebc011f255596f09fec40f69049514d52bebef Mon Sep 17 00:00:00 2001
From: Paul Duncan <pabs@pablotron.org>
Date: Sat, 30 Jul 2016 14:21:14 -0400
Subject: add tabs to site-add, refactor textarea handling, and fix site_id
 post edit dialogs

---
 src/views/dialogs/admin/site-add.ecr | 292 ++++++++++++++++++++---------------
 1 file changed, 166 insertions(+), 126 deletions(-)

(limited to 'src/views')

diff --git a/src/views/dialogs/admin/site-add.ecr b/src/views/dialogs/admin/site-add.ecr
index aae2f70..86fd7df 100644
--- a/src/views/dialogs/admin/site-add.ecr
+++ b/src/views/dialogs/admin/site-add.ecr
@@ -1,5 +1,5 @@
 <div id='site-add-dialog' class='modal fade' role='dialog'>
-  <div class='modal-dialog' role='document'>
+  <div class='modal-dialog modal-lg' role='document'>
     <div class='modal-content'>
       <div class='modal-header'>
         <button
@@ -21,132 +21,172 @@
 
       <div class='modal-body'>
         <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).'
-                placeholder='some-site'
-                aria-describedby='site-add-slug-help'
-              />
-
-              <p id='site-add-slug-help' class='help-block'>
-                Name of server files directory.
-              </p>
-            </div><!-- form-group -->
-          </div><!-- col-md-6 -->
+          <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-6'>
+                    <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-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 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='row'>
-          <div class='col-md-6'>
-            <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-6 -->
-
-          <div class='col-md-6'>
-            <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-6 -->
-        </div><!-- row -->
-
-        <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><!-- modal-body -->
 
       <div class='modal-footer'>
-- 
cgit v1.2.3