deardesi.js/views/build/build.html

120 lines
4.0 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.production_url}}" target="_blank"><span ng-bind="Build.production_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>