slush-y/generators/crud/templates/client/base/views/_.create.view.html

A slush generator for Best Practices with AngularJS Fullstack applications.

<div class="container top">
  <div class="row">
    <section class="col-md-12">
      <div class="panel">
        <h1 class="panel-heading">
          New <%= names.single.humanized %>
        </h1>
        <article class="panel-body">
          <form data-ng-submit="vm.create()" novalidate>

              <div class="form-group">
                <label class="control-label" for="title">
                  Title
                </label>
                  <input
                        type="text"
                        data-ng-model="vm.<%= names.single.camel %>.title"
                        id="title"
                        class="form-control primary"
                        placeholder="Title"
                        required>
              </div>

              <div class="form-group">
                <label class="control-label" for="content">Content</label>
                  <textarea
                        data-ng-model="vm.<%= names.single.camel %>.content"
                        id="content"
                        class="form-control primary"
                        placeholder="Content"
                        required
                        cols="30" rows="10" wrap="hard"
                        ></textarea>
              </div>
              <hr>
              <div class="form-group">
                <button type="submit" class="btn btn-primary">Done</button>
                <a
                  class="btn btn-white pull-right"
                  y-icon='close'
                  data-ui-sref="<%= names.plural.camel %>"
                  ></a>
              </div>
              <div data-ng-show="error" class="text-danger">
                <strong>{{error}}</strong>
              </div>
          </form>
        </article>
      </div>
    </section>
  </div>
</div>