cronapp-framework-js/components/templates/form.template.html

Javascript library for CronApp's projects

<section class="form">
  <form crn-datasource="" data-component="crn-form">
    <div class="tool-bar" ng-hide="datasource.editing || datasource.inserting">
      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startInserting">
        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startInserting()" aria-label="{{'StartInserting' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
          <i class="glyphicon glyphicon-plus" icon-theme=""></i>
        </button>
      </div>
      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-startEditing">
        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.startEditing()" aria-label="{{'startEditing' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
          <i class="glyphicon glyphicon-pencil" icon-theme=""></i>
        </button>
      </div>
      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-previous">
        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.previous()" ng-disabled="!datasource.hasPrevious()" aria-label="{{'Before' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
          <i class="glyphicon glyphicon-chevron-left" icon-theme=""></i>
        </button>
      </div>
      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-next">
        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.next()" ng-disabled="!datasource.hasNext()" aria-label="{{'Next' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
          <i class="glyphicon glyphicon-chevron-right" icon-theme=""></i>
        </button>
      </div>
      <div class="component-holder ng-scope" data-component="crn-button" id="crn-button-remove">
        <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.remove()" aria-label="{{'Remove' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
          <i class="glyphicon glyphicon-remove" icon-theme=""></i>
        </button>
      </div>
    </div>
    <div class="active-bar" ng-hide="!datasource.editing &amp;&amp; !datasource.inserting">
      <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_post_${RANDOM}">
        <button class="btn k-button btn-block btn-default btn-fab" ng-click="datasource.post()" aria-label="{{'SaveChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-default" xattr-disabled="">
          <i class="glyphicon glyphicon-ok" icon-theme=""></i>
        </button>
      </div>
      <div class="component-holder ng-scope" data-component="crn-button" id="btn_crud_cancel_${RANDOM}">
        <button class="btn k-button btn-block btn-danger btn-fab" ng-click="datasource.cancel()" aria-label="{{'CancelChanges' | translate}}" xattr-fullsize="btn-block" xattr-theme="btn-danger" xattr-disabled="">
          <i class="glyphicon  glyphicon-ban-circle" icon-theme=""></i>
        </button>
      </div>
    </div>
    <br>
    <div class="component-holder ng-scope crn-fieldset" data-component="crn-horizontal-container" id="crn-horizontal-container-${RANDOM}" ng-disabled="!datasource.editing &amp;&amp; !datasource.inserting">
      <div class="col-md-12" style="padding-left: 0; padding-right: 0;" data-container="true" data-replace="true">
        Arraste os campos do formulário aqui</div>
    </div>
  </form>
</section>