deardesi.js/views/build/build.html

161 lines
4.7 KiB
HTML

<div class="container">
<form ng-submit="Post.upsert()" class="form-horizontal">
<div class="row">
<div class="page-header">
<h1>Build Static Site</h1>
<h3><span ng-bind="Build.blogdir"></span></h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2>Are you ready?</h2>
<p>
<small
><a
href="https://www.youtube.com/watch?v=-E0oiKjLzTc"
target="_blank"
>Bonesaw</a
>
is READY!</small
>
</p>
<p>
<button
ng-click="Build.build(['production', 'development'])"
class="btn btn-danger"
type="button"
>
Build Sites
</button>
</p>
<span class="help-block"
>Push the RED button... you know you want to!</span
>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="well bs-component">
<fieldset>
<legend>Production</legend>
<p>
<a ng-href="{{Build.display_url}}" target="_blank"
><span ng-bind="Build.display_url"></span
></a>
</p>
<div class="form-group">
<label for="inputProdCanonicalUrl" class="col-lg-2 control-label"
>Canonical URL</label
>
<div class="col-lg-10">
<input
ng-model="Build.production_url"
required="required"
placeholder="i.e. https://example.com/myblog"
type="url"
class="form-control"
id="inputProdCanonicalUrl"
/>
<br />
</div>
</div>
<div class="form-group">
<label for="inputProdOutput" class="col-lg-2 control-label"
>Output Path</label
>
<div class="col-lg-10">
<input
disabled
ng-value="Build.blogdir + '/compiled'"
type="text"
class="form-control"
id="inputProdOutput"
disabled
/>
</div>
</div>
<div class="form-group">
<div class="col-lg-10">
<!-- TODO progress bar -->
</div>
<div class="col-lg-2">
<button
ng-click="Build.build(['production'])"
class="btn btn-primary pull-right"
type="button"
>
Build Production Site
</button>
</div>
</div>
</fieldset>
</div>
<div class="well bs-component">
<fieldset>
<legend>Development</legend>
<p>
<a ng-href="{{Build.development_url}}" target="_blank"
><span ng-bind="Build.development_url"></span
></a>
</p>
<div class="form-group">
<label for="inputDevCanonicalUrl" class="col-lg-2 control-label"
>Canonical URL</label
>
<div class="col-lg-10">
<input
ng-model="Build.development_url"
required="required"
disabled
placeholder="i.e. https://example.com/myblog"
type="url"
class="form-control"
id="inputDevCanonicalUrl"
/>
<br />
</div>
</div>
<div class="form-group">
<label for="inputDevOutput" class="col-lg-2 control-label"
>Output Path</label
>
<div class="col-lg-10">
<input
disabled
ng-value="Build.blogdir + '/compiled_dev'"
type="text"
class="form-control"
id="inputDevOutput"
disabled
/>
</div>
</div>
<div class="form-group">
<div class="col-lg-10">
<!-- TODO progress bar -->
</div>
<div class="col-lg-2">
<button
ng-click="Build.build(['development'])"
class="btn btn-primary pull-right"
type="button"
>
Build Development Site
</button>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</form>
</div>