cronapp-framework-js/components/templates/cron-crud.template.html

Javascript library for CronApp's projects

<datasource data-component="crn-datasource" name="" entity="" keys="" rows-per-page="100" on-before-create="" on-after-create="" on-before-update="" on-after-update="" on-before-delete="" on-after-delete="" on-after-fill="" lazy="true"></datasource>

<h1 class="title component-holder text-left h3" xattr-position="text-left" xattr-type="h3" data-component="crn-text-component" id="crn-text-component-${RANDOM}">Title</h1>

<div class="component-holder ng-scope" data-component="crn-textinput" id="crn-textinput-${RANDOM}">
    <div class="form-group">
        <label for="input${RANDOM}">{{"template.crud.search" | translate}}</label>
        <input type="search" mask="" mask-placeholder="" ng-required="false" ng-model="vars.input${RANDOM}" class="form-control k-textbox" id="input${RANDOM}" placeholder="{{&quot;template.crud.search&quot; | translate}}">
    </div>
</div>

<div class="component-holder ng-scope" data-component="crn-cron-grid" id="crn-cron-grid-${RANDOM}">
    <cron-grid options="" ng-model="vars.grid${RANDOM}" scrollable="false" class=""></cron-grid>
</div>

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