diff options
Diffstat (limited to 'src/views/admin-page.ecr')
| -rw-r--r-- | src/views/admin-page.ecr | 519 |
1 files changed, 518 insertions, 1 deletions
diff --git a/src/views/admin-page.ecr b/src/views/admin-page.ecr index 3394096..7614453 100644 --- a/src/views/admin-page.ecr +++ b/src/views/admin-page.ecr @@ -46,7 +46,7 @@ <div class='container'> <div class='col-md-12'> <ul class='nav nav-tabs nav-justified' role='tablist'><%= - tabs + tabs("admin") %></ul><!-- nav --> <div class='tab-content'> @@ -57,6 +57,11 @@ > <div class='panel panel-default'> <div class='panel-heading'> + <div class='btn-toolbar'> + <div class='btn-group btn-group-sm'><%= + new_post_button + %></div><!-- btn-group --> + </div><!-- btn-toolbar --> </div><!-- panel-heading --> <div class='panel-body'> @@ -74,6 +79,11 @@ > <div class='panel panel-default'> <div class='panel-heading'> + <div class='btn-toolbar'> + <div class='btn-group btn-group-sm'><%= + new_post_button + %></div><!-- btn-group --> + </div><!-- btn-toolbar --> </div><!-- panel-heading --> <div class='panel-body'> @@ -395,6 +405,513 @@ </div><!-- modal-content --> </div><!-- modal-dialog --> </div><!-- modal --> + + <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'> + × + </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'> + <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='#' + 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><!-- 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.' + > + × Close + </button> + </div><!-- modal-footer --> + </div><!-- modal-content --> + </div><!-- modal-dialog --> + </div><!-- modal --> + + <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'> + × + </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'> + <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='#' + 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> + Layout + </label> + + <div class='btn-group btn-group-justified'> + <a + href='#' + class='btn btn-default post-state' + title='Use blank layout for this page.' + > + <i class='fa fa-file-o'></i> + Blank + </a> + + <a + href='#' + class='btn btn-primary post-state' + title='Use default layout for this page.' + > + <i class='fa fa-newspaper-o'></i> + Default + </a> + </div><!-- btn-group --> + + <p class='help-block'> + Layout for this page. + </p> + </div><!-- col-md-6 --> + + <div class='col-md-6'> + <label> + State + </label> + + <div class='btn-group btn-group-justified'> + <a + href='#' + class='btn btn-primary post-state' + title='Mark this page as a draft.' + > + <i class='fa fa-wrench'></i> + Draft + </a> + + <a + href='#' + class='btn btn-default post-state' + title='Mark this page as published.' + > + <i class='fa fa-bullhorn'></i> + Published + </a> + + <a + href='#' + class='btn btn-default post-state' + title='Mark this page as deleted.' + > + <i class='fa fa-trash'></i> + Deleted + </a> + </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.' + > + × Close + </button> + </div><!-- modal-footer --> + </div><!-- modal-content --> + </div><!-- modal-dialog --> + </div><!-- modal --> + + <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'> + × + </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'> + <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='#' + 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 class='btn-group btn-group-justified'> + <a + href='#' + class='btn btn-primary post-state' + title='Mark this project as a draft.' + > + <i class='fa fa-wrench'></i> + Draft + </a> + + <a + href='#' + class='btn btn-default post-state' + title='Mark this project as published.' + > + <i class='fa fa-bullhorn'></i> + Published + </a> + + <a + href='#' + class='btn btn-default post-state' + title='Mark this project as deleted.' + > + <i class='fa fa-trash'></i> + Deleted + </a> + </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.' + > + × Close + </button> + </div><!-- modal-footer --> + </div><!-- modal-content --> + </div><!-- modal-dialog --> + </div><!-- modal --> </body> <%= |