<div style="text-align: center;">
    <div id="{{::gridId}}" class="conditions-grid gridbox_compressed" style="width: 100%; height: 300px;"></div>

    <button id="buttonAddConditions-26a" ng-click="conditionsChooser.clearSelection(); conditionsChooser.show();" class="btn btn-default" style="margin-left: 67px; margin-top: 10px;"
        tsq>Add conditions</button>

    <div class="pull-right conditions-btns">
        <button id="buttonLoad-26b" ng-click="loadConditions()" class="btn btn-default conditions-btn-load" tsq>Load</button>
        <button id="buttonSave-26c" ng-click="saveConditions()" class="btn btn-default conditions-btn-save" tsq>Save</button>
    </div>

    <items-chooser-modal instance="conditionsChooser" on-add="onAddConditions(selectedItems)" recent-items="true" title="{{'Add conditions' | tsq}}"
        placeholder="Select conditions" chooserLabel="{{'Choose conditions to add' | tsq}}" multi-select="true" after-init="afterItemsChooserModalInit"/>

    <div ng-include="'../app/directives/conditionsGrid/editConditionModal.html'" />
</div>