unserver-unify/src/components/content/content_form.html

<form class="form-horizontal" name="form" ng-class='{"shake":shaking}'>
  <div class="form-group">
    <label class="control-label col-md-3">{{ ctrl.uploadSetting.title }}</label>
    <div class="col-md-9">
      <a ng-if="ctrl.imageUrl" title="{{ ctrl.contentModel.name }}" ng-click="openLightboxModal(ctrl.imageUrl)"><img ng-src="{{ ctrl.imageUrl }}" class="img-thumbnail" /></a>
      <button class="btn btn-default pull-right" ng-click="ctrl.uploadFile(ctrl.uploadSetting)">
        Change Image File ( < {{ ctrl.uploadSetting.maxSize }}KB )
      </button>
    </div>
  </div>
  <div class="form-group" ng-class='{"has-error":form.name.$invalid}'>
    <label class="control-label col-md-3" for="name">Name</label>
    <div class="col-md-9">
      <input class="form-control" name="name" ng-model="ctrl.contentModel.name" type='text' required />
    </div>
  </div>
  <div class="form-group" ng-if="ctrl.has_position">
    <label class="control-label col-md-3" for="position">Position Index</label>
    <div class="col-md-9">
      <input class="form-control" name="position" ng-model="ctrl.contentModel.position" type='number' min="0"/>
    </div>
  </div>
  <div class="form-group" ng-if="ctrl.has_event_time" ng-class='{"has-error":form.event_time.$invalid}'>
    <label class="control-label col-md-3" for="event_time">Start Date</label>
    <div class="col-md-9">
      <div class="input-group">
        <input type="text" class="form-control" name="event_time"
        ng-model="ctrl.contentModel.time" datepicker-popup="yyyy-MM-dd"
        is-open="ctrl.datePicker.event" required
        close-text="Close">
        <span class="input-group-btn">
          <button type="button" class="btn btn-default"
            ng-click="ctrl.showClassDatePicker($event, 'event')">
            <i class="glyphicon glyphicon-calendar"></i>
          </button>
        </span>
      </div>
    </div>
  </div>
  <div class="form-group" ng-class='{"has-error":form.description.$invalid}'>
    <label class="control-label col-md-3" for="description">Brief ( < 100 characters )</label>
    <div class="col-md-9">
      <textarea class="form-control" name="description" ng-model="ctrl.contentModel.description" rows="4" />
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-md-3" for="detail">Detail Content</label>
    <div class="col-md-9">

          <div text-angular name="detail" ng-model="ctrl.contentModel.detail" rows="20"></div>

    </div>
  </div>
  <div class="form-group">
    <div class="col-md-offset-3 col-md-9">
      <button class="btn btn-primary btn-md" ng-click="ctrl.update(form)">
        Update
      </button>
    </div>
  </div>
</form>