tantalim/tantalim-server

<!-- Navbars -->
<div ui-content-for="topNav">
    <div class="navbar-brand navbar-brand-center">
        <span>{{title}}</span>
    </div>

    <div class="btn-group pull-left">
        <div class="btn btn-navbar sidebar-toggle" data-ng-click="toggle('mainSidebar')">
            <i class="fa fa-bars"></i> Menu
        </div>
    </div>
</div>

<div ui-content-for="bottomNav">
    <div class="btn-group pull-left">
        <div class="btn btn-navbar" data-ng-click="debug()">
            <i class="fa fa-plus"></i> New
        </div>
    </div>
    <div class="btn-group pull-right">
        <a class="btn btn-navbar" href="/page/{{name}}/#/">
            <i class="fa fa-desktop"></i> Desktop Version
        </a>
    </div>

    <!--<div class="alert alert-warning" data-ng-show="serverStatus" data-ng-bind="serverStatus"></div>-->
    <!--<div class="alert alert-danger" data-ng-show="serverError" data-ng-bind="serverError"></div>-->
</div>

<div id="static-content" data-ng-show="staticContent" data-ng-bind="staticContent"></div>

<div id="list-{{name}}" class="app-content" data-ng-show="!loading && currentPage == 'list-{{id}}'">
    <div class="content-expanded" data-ng-hide="current.sets.{{modelName}}.rows.length">
        No Data Found
    </div>
    <div class="scrollable">
        <div class="scrollable-content">
            <div class="list-group">
                <a href="#/detail/{{name}}/{{ngVar 'row.id'}}" class="list-group-item"
                   data-ng-repeat="row in current.sets.{{model.name}}.rows">
                    {{#quickView}}
                    <span data-ng-bind="row.data.{{field.name}}"></span>
                    {{/quickView}}
                    <i class="fa fa-chevron-right pull-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<div id="detail-{{name}}" class="app-content" data-ng-show="!loading && currentPage == 'detail-{{id}}'"
     ng-swipe-right="current.sets.{{modelName}}.movePrevious()"
     ng-swipe-left="current.sets.{{modelName}}.moveNext()">
    <div class="scrollable">
        <div class="scrollable-content section">
            <form role="form">
                <fieldset>
                    <legend>{{title}}</legend>
                </fieldset>
                {{#formFields}}
                <div class="form-group">

                    <label for="{{../name}}-{{fieldName}}">{{fieldLabel}}</label>
                    <input type="text" class="form-control" id="{{../id}}-{{fieldName}}"
                           data-ng-model="current.instances.{{../model.name}}.data.{{fieldName}}"
                           ng-change="rowChanged(current.instances.{{../model.name}})"
                           {{#if disabled}}disabled{{/if}}
                    >
                </div>
                {{/formFields}}
            </form>
        </div>
    </div>
</div>