deardesi/views/build/build.html

A nice, friendly tool to help you get set up and start blogging, built on the Desirae blogging platform

<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>