$if(verbose)$<!-- Box-TABS.html "$label$" $expAdl$ :: $source$ * $target$ $if(exprIsUni)$[UNI]$endif$$if(exprIsTot)$[TOT]$endif$  ($if(crudC)$C$else$c$endif$$if(crudR)$R$else$r$endif$$if(crudU)$U$else$u$endif$$if(crudD)$D$else$d$endif$, $if(!isRoot)$non-$endif$root box) -->
$endif$$if(crudR)$<div class="box box-tabs" ng-controller="BoxController" ng-init="parent = resource"$if(hideOnNoRecords)$ ng-show="requireArray(resource['$name$']).length"$endif$>
    $if(!noRootTitle)$$if(title)$<h4>$title$</h4>$else$$if(isRoot)$<h4>$label$</h4>$endif$$endif$$endif$$if(crudC)$
    <div class="row" ng-if="$if(exprIsUni)$!resource['$name$']$else$!resource['$name$'].length$endif$">
        <div class="col-xs-12">
            <button type="button" class="btn btn-sm btn-success" ng-click="createResource(parent, '$name$', patchResource)">New $target$</button>
        </div>
    </div>$endif$
    <div class="row" ng-repeat="resource in requireArray(resource['$name$'])">
        <div class="col-xs-12"$if(isRoot)$ ng-init="patchResource = resource"$endif$ cg-busy="resource._loading_" ng-class="{'bg-warning' : resource._status_.warning, 'bg-danger' : resource._status_.danger, 'bg-success' : resource._status_.success}">
            <div class="pull-right box-tabs-opt">
                <button type="button" class="btn btn-warning btn-xs" ng-if="resource._showButtons_.save" ng-click="save(resource)">Save</button>
                <button type="button" class="btn btn-danger btn-xs" ng-if="resource._showButtons_.cancel" ng-click="cancel(resource)">Cancel</button>$if(crudC)$$if(!exprIsUni)$
                <button type="button" class="btn btn-xs" ng-click="createResource(parent, '$name$', parent, \$index)" uib-tooltip="Create new $target$" tooltip-trigger="mouseenter" tooltip-placement="left">
                    <span class="glyphicon glyphicon-plus"></span>
                </button>$endif$$endif$$if(crudU)$
                <button type="button" class="btn btn-xs" ng-hide="resource._showButtons_.cancel" ng-click="remove(parent, '$name$', resource, $if(isRoot)$parent$else$patchResource$endif$)" uib-tooltip="Remove" tooltip-trigger="mouseenter" tooltip-placement="left">
                    <span class="glyphicon glyphicon-minus"></span>
                </button>$endif$$if(crudD)$
                <button type="button" class="btn btn-danger btn-xs" ng-hide="resource._showButtons_.cancel" ng-click="delete(parent, '$name$', resource)" uib-tooltip="Delete" tooltip-trigger="mouseenter" tooltip-placement="left">
                    <span class="glyphicon glyphicon-trash"></span>
                </button>$endif$$if(showNavMenu)$
                <my-nav-to-other-interfaces resource="resource"></my-nav-to-other-interfaces>$endif$
            </div>
            <uib-tabset>$subObjects:{subObj|$if(verbose)$
                <!-- TAB: $subObj.subObjLabel$ -->$endif$
                <uib-tab heading="$subObj.subObjLabel$"$if(hideSubOnNoRecords)$ ng-if="requireArray(resource['$subObj.subObjName$']).length"$endif$>
                    $subObj.subObjContents$
                </uib-tab>}$
            </uib-tabset>
        </div>
    </div>$if(crudU)$
    <div class="row"$if(exprIsUni)$ ng-if="!resource['$name$']"$endif$ ng-controller="AtomicTypeAheadController">
        <div class="col-xs-12" ng-init="getTypeahead('$target$')">
            <input ng-model="selected.label" type="text" class="input-sm" placeholder="Add existing $target$" uib-typeahead="item._label_ for item in typeahead['$target$'] | filter:\$viewValue | limitTo:15" typeahead-editable="true" typeahead-on-select="typeaheadOnSelect(\$item, \$model, \$label, parent, '$name$', parent); selected.label=''" typeahead-no-results="hasNoResults">
            <div ng-show="hasNoResults && selected.value" style="color:orangered; font-size:12px;">$target$ not found!</div>
        </div>
    </div>$endif$
</div>$else$<span><i>not readable</i></span>$endif$