add sites list and site-add dialog

1 files changed, 179 insertions, 0 deletions

diff --git a/src/views/dialogs/admin/site-add.ecr b/src/views/dialogs/admin/site-add.ecr
new file mode 100644
index 0000000..aae2f70
--- /dev/null
+++ b/src/views/dialogs/admin/site-add.ecr
@@ -0,0 +1,179 @@
+<div id='site-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-plus-circle'></i>
+          New Site
+        </h4><!-- modal-title -->
+      </div><!-- modal-header -->
+
+      <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><!-- 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'>
+        <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 -->