add tabs to edit dialogs

1 files changed, 279 insertions, 102 deletions

diff --git a/src/views/dialogs/admin/project-edit.ecr b/src/views/dialogs/admin/project-edit.ecr
index 59c89d4..1ca6e99 100644
--- a/src/views/dialogs/admin/project-edit.ecr
+++ b/src/views/dialogs/admin/project-edit.ecr
@@ -34,119 +34,296 @@
       </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>
+        <ul class='nav nav-tabs nav-justified' role='tablist'><%=
+          tabs
+        %></ul><!-- nav -->
 
-              <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='tab-content'>
+          <div
+            id='project-edit-pane-content'
+            class='tab-pane active'
+            role='tabpanel'
+          >
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-name'>
+                    Name
+                  </label>
 
-          <div class='col-md-6'>
-            <div class='form-group'>
-              <label for='project-edit-slug'>
-                Slug
-              </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='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 for='project-edit-body'>
+                Description
               </label>
 
-              <input
-                type='text'
-                id='project-edit-repo'
+              <textarea
+                id='project-edit-body'
                 class='form-control'
-                title='Enter project Git repository URL.'
-                placeholder='https://example.com/git/example-project.git'
-                aria-describedby='project-edit-repo-help'
-              />
+                title='Description of this project.'
+                rows='15'
+                aria-describedby='project-edit-body-help'
+              ></textarea>
 
-              <p id='project-edit-repo-help' class='help-block'>
-                URL of Git repository for this project.
+              <p id='project-edit-body-help' class='help-block'>
+                Description of 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.
+
+            <div class='row'>
+              <div class='col-md-6'>
+                <label for='project-edit-site'>
+                  Site
+                </label>
+
+                <select
+                  id='project-edit-site'
+                  class='form-control'
+                  title='Choose site for this project.'
+                  aria-describedby='project-edit-site-help'
+                ><%=
+                  site_options
+                %></select>
+
+                <p id='project-edit-site-help' class='help-block'>
+                  Site for this project.
+                </p>
+              </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><!-- tab-pane -->
+
+          <div
+            id='project-edit-pane-repo'
+            class='tab-pane'
+            role='tabpanel'
+          >
+            <div class='row'>
+              <div class='col-md-12'>
+                <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-12 -->
+            </div><!-- row -->
+
+            <div class='row'>
+              <div class='col-md-3'>
+                <ul class='nav nav-pills nav-stacked' role='tablist'><%=
+                  repo_tabs
+                %></ul><!-- nav -->
+              </div><!-- col-md-3 -->
+
+              <div class='col-md-9'>
+                <div class='tab-content'>
+                  <div
+                    id='project-edit-repo-pane-releases'
+                    class='tab-pane active'
+                    role='tabpanel'
+                  >
+                    <div class='panel panel-default'>
+                      <div class='panel-heading hidden'>
+                        <b>
+                          Releases
+                        </b>
+
+                        <a
+                          href='#'
+                          id='project-edit-releases-reload'
+                          class='btn btn-default btn-xs pull-right'
+                          title='Reload list of releases.'
+                        >
+                          <i class='fa fa-fw fa-refresh'></i>
+                        </a>
+                      </div><!-- panel-heading -->
+
+                      <div
+                        id='project-edit-releases'
+                        class='list-group'
+                        style='height: 200px;'
+                      >
+                      </div><!-- list-group -->
+                    </div><!-- panel -->
+                  </div><!-- tab-pane -->
+
+                  <div
+                    id='project-edit-repo-pane-update-log'
+                    class='tab-pane'
+                    role='tabpanel'
+                  >
+                    <div class='panel panel-default'>
+                      <div class='panel-heading hidden'>
+                        <b>
+                          Update Log
+                        </b>
+
+                        <a
+                          href='#'
+                          id='project-edit-update-log-reload'
+                          class='btn btn-default btn-xs pull-right'
+                          title='Refresh update log.'
+                        >
+                          <i class='fa fa-fw fa-refresh'></i>
+                        </a>
+                      </div><!-- panel-heading -->
+
+                      <div
+                        id='project-edit-update-log'
+                        class='list-group'
+                        style='height: 200px;'
+                      >
+                      </div><!-- list-group -->
+                    </div><!-- panel -->
+                  </div><!-- tab-pane -->
+                </div><!-- tab-content -->
+              </div><!-- col-md-9 -->
+            </div><!-- row -->
+
+            <div class='row'>
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-tag-prefix'>
+                    Tag Prefix
+                  </label>
+
+                  <input
+                    type='text'
+                    id='project-edit-tag-prefix'
+                    class='form-control'
+                    title='Enter project tag prefix.'
+                    placeholder='example-project-v'
+                    aria-describedby='project-edit-tag-prefix-help'
+                  />
+
+                  <p id='project-edit-tag-prefix-help' class='help-block'>
+                    Filter to remove prefix from release tags.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+
+              <div class='col-md-6'>
+                <div class='form-group'>
+                  <label for='project-edit-secret'>
+                    Webhook Secret
+                  </label>
+
+                  <div class='input-group'>
+                    <input
+                      type='text'
+                      id='project-edit-secret'
+                      class='form-control'
+                      title='Enter project webhook secret.'
+                      placeholder=''
+                      aria-describedby='project-edit-secret-help'
+                    />
+
+                    <a
+                      href='#'
+                      id='project-edit-secret-generate'
+                      class='btn btn-default input-group-addon'
+                      title='Generate new Webhook Secret.'
+                    >
+                      <i class='fa fa-gear'></i>
+                      Generate
+                    </a>
+                  </div><!-- input-group -->
+
+                  <p id='project-edit-secret-help' class='help-block'>
+                    Secret used for webhooks.
+                  </p>
+                </div><!-- form-group -->
+              </div><!-- col-md-6 -->
+            </div><!-- row -->
+          </div><!-- tab-pane -->
+
+          <div
+            id='project-edit-pane-dates'
+            class='tab-pane'
+            role='tabpanel'
+          >
+            <p>
+              TODO: dates tab
             </p>
-          </div><!-- col-md-6 -->
-        </div><!-- row -->
+          </div><!-- tab-pane -->
+        </div><!-- tab-content -->
       </div><!-- modal-body -->
 
       <div class='modal-footer'>