246 lines
9.1 KiB
HTML
246 lines
9.1 KiB
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;">< ></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|