<div class="output-reconciliation-configuration-page"> <div class="menu-header"> <div class="menu-title" translate="OutputReconciliationConfiguration"></div> <!--<div class="menu-log"> <a class="btn btn-tesla-defaut" href="javascript:void(0)" ng-click="showOperateLogPop()"> <i class="material-icons">description</i><span translate="log"></span></a> </div>--> </div> <div class="content-container"> <div dx-data-grid="reconciliationGrid" dx-item-alias="rule" id="reconciliation-grid"> <div data-options="dxTemplate:{ name:'details' }"> <button class="btn btn-tesla-primary" ng-disabled="rule.data.tag!== 2" translate="Details" ng-click="eventService.showRule(rule.data)"></button> </div> <div data-options="dxTemplate:{ name:'add' }"> <button class="btn btn-tesla-primary" ng-disabled="!hasAddPermission" translate="Add" ng-click="eventService.addOutputReconciliationConfiguration()"></button> </div> <div data-options="dxTemplate:{ name:'delete' }"> <button class="btn btn-tesla-defaut" ng-disabled="!hasDeletePermission" translate="Delete" ng-click="eventService.deleteRule();"></button> </div> <div data-options="dxTemplate:{ name:'saveSort' }"> <button class="btn btn-tesla-defaut" ng-disabled="!hasReSortPermission" translate="Save" ng-click="eventService.saveSort();"></button> </div> </div> </div> <output-reconciliation-configuration-edit operate-type="editType" config-model="editModel" on-changed="eventService.refreshTable()"></output-reconciliation-configuration-edit> </div>