deardesi.js/views/build/build.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>