deardesi.js/views/post/post.html

<div class="container">
  <form ng-submit="Post.upsert()" class="form-horizontal">
    <div class="row">
      <div class="page-header">
        <h1>Write a Post</h1>
        <h3><span ng-bind="Post.selected.post.yml.permalink"></span></h3>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-12">
        <div class="well bs-component">
          <fieldset>
            <div class="form-group">
              <label for="inputPostTitle" class="col-lg-2 control-label"
                >Title*</label
              >
              <div class="col-lg-10">
                <input
                  required="required"
                  ng-model="Post.selected.post.yml.title"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostTitle"
                  placeholder="i.e. My First Post"
                />
              </div>
            </div>
            <!--
            <div class="form-group">
              <label for="inputPostUuid" class="col-lg-2 control-label">UUID</label>
              <div class="col-lg-10">
                <input 
                  disabled
                  type="text"
                  class="form-control"
                  id="inputPostUuid"
                  placeholder="ERROR"
                  >
              </div>
            </div>
            -->
            <div class="form-group">
              <label for="textAreaPost" class="col-lg-2 control-label"
                >Post*</label
              >
              <div class="col-lg-10">
                <textarea
                  required="required"
                  ng-model="Post.selected.post.body"
                  ng-change="Post.onChange()"
                  class="form-control"
                  rows="20"
                  id="textAreaPost"
                  placeholder="i.e. I Don't Know Anything About the Gold Standard... But I Do Love Little Kittens!"
                ></textarea>
                <span class="help-block"
                  >Put your lovely post here, in github-flavored markdown!</span
                >
              </div>
            </div>

            <div class="form-group">
              <label for="select" class="col-lg-2 control-label">Format*</label>
              <div class="col-lg-10">
                <select
                  required="required"
                  ng-model="Post.selected.format"
                  ng-change="Post.onChange()"
                  class="form-control"
                  id="select"
                >
                  <option value="html">HTML</option>
                  <option selected="selected" value="md">Markdown</option>
                  <option disabled="disabled" value="jade">
                    Jade (Not Implemented)
                  </option>
                </select>
                <!--div class="checkbox">
                  <label>
                    <input type="checkbox"> Draft
                  </label>
                </div-->
              </div>
            </div>

            <div class="form-group">
              <label for="textAreaDesc" class="col-lg-2 control-label"
                >Description
                <small
                  >(<span
                    ng-bind="Post.selected.post.yml.description.length || 0"
                  ></span
                  >/140)</small
                ></label
              >
              <div class="col-lg-10">
                <textarea
                  ng-change="Post.onChange()"
                  ng-model="Post.selected.post.yml.description"
                  placeholder="i.e. An alternate recipe for Peeta Mellarks's famous apple goat cheese tarts using only ingredients available in district 10"
                  class="form-control"
                  rows="2"
                  id="textAreaDesc"
                ></textarea>
                <span class="help-block"
                  >The description is often used by search engines as the
                  snippit shown in search results.</span
                >
              </div>
            </div>

            <div class="form-group">
              <label for="textAreaYaml" class="col-lg-2 control-label"
                >Frontmatter</label
              >
              <div class="col-lg-10">
                <textarea
                  required="required"
                  ng-change="Post.onFrontmatterChange()"
                  ng-model="Post.selected.post.frontmatter"
                  class="form-control"
                  rows="5"
                  id="textAreaYaml"
                ></textarea>
              </div>
            </div>

            <div class="form-group">
              <label for="inputPostAbsPath" class="col-lg-2 control-label"
                >Source Path</label
              >
              <div class="col-lg-10">
                <input
                  required="required"
                  disabled
                  ng-model="Post.selected.sourcepath"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostAbsPath"
                  placeholder="i.e. ~/blog.me.co/posts/my-first-post.md"
                />
              </div>
            </div>

            <div class="form-group">
              <label for="inputPostAbsPath" class="col-lg-2 control-label"
                >Output Path</label
              >
              <div class="col-lg-10">
                <input
                  required="required"
                  disabled
                  ng-model="Post.selected.abspath"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostAbsPath"
                  placeholder="i.e. ~/blog.me.co/posts/my-first-post.md"
                />
              </div>
            </div>

            <div class="form-group">
              <label for="inputPostAbsPath" class="col-lg-2 control-label"
                >Links</label
              >
              <div class="col-lg-10">
                <p class="help-block">
                  <a ng-href="{{Post.selected.url}}"
                    ><span ng-bind="Post.selected.url"></span
                  ></a>
                </p>
                <input
                  required="required"
                  ng-model="Post.selected.markdown"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostMarkdown"
                  placeholder="i.e. [My First Post](/articles/my-first-post.html)"
                />
                <input
                  required="required"
                  ng-model="Post.selected.ahref"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostAhref"
                  placeholder="i.e. <a href='/articles/my-first-post.html'>My First Post</a>"
                />
              </div>
            </div>

            <!--div class="form-group">
              <label for="inputPostAbsPath" class="col-lg-2 control-label">URL</label>
              <div class="col-lg-10">
                <input
                  required="required"
                  disabled
                  ng-model="Post.selected.url"
                  ng-change="Post.onChange()"
                  type="text"
                  class="form-control"
                  id="inputPostAbsPath"
                  placeholder="i.e. https://blog.me.co/posts/my-first-post/"
                  >
              </div>
            </div-->

            <!--
            <div class="form-group">
              <label for="select" class="col-lg-2 control-label">Selects</label>
              <div class="col-lg-10">
                <select class="form-control" id="select">
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
            </div>
            TODO theme -->
            <!-- TODO layout -->
            <!-- TODO swatch -->

            <!--
            <div class="form-group">
              <label for="inputPostDate" class="col-lg-2 control-label">Date</label>
              <div class="col-lg-10">
                <input
                  disabled
                  type="text"
                  class="form-control"
                  id="inputPostDate"
                  ng-placeholder="i.e. {{Post.year}}-{{Post.month}}-{{Post.day}} {{Post.hour}}:{{Post.minute}}"
                  >
              </div>
            </div>
            -->

            <!--
            <div class="form-group">
              <label for="inputPostPermalink" class="col-lg-2 control-label">Permalink</label>
              <div class="col-lg-10">
                <input
                  required="required"
                  type="text"
                  class="form-control"
                  id="inputPostPermalink"
                  placeholder="i.e. /articles/my-first-post.html"
                  >
              </div>
            </div>
            -->

            <div class="form-group">
              <div class="col-lg-10 col-lg-offset-2">
                <!--button class="btn btn-default">Save Draft</button-->
                <button type="submit" class="btn btn-primary pull-right">
                  Publish
                </button>
              </div>
            </div>
          </fieldset>
          <div
            id="source-button"
            class="btn btn-primary btn-xs"
            style="display: none"
          >
            &lt; &gt;
          </div>
        </div>
      </div>
    </div>
  </form>
</div>