<div id="output-invoice-container"> <div id="vat-report-nav-menu" class="vat-report-menu" ng-show="!isCollapsed"> <perfect-scrollbar class="scroller" wheel-propagation="true" wheel-speed="1" min-scrollbar-length="20"> <ul class="nav nav-report" ng-repeat="group in groups"> <li> <div class="group-section" ng-click="toggleGroup(group);"> <i class="fa toggle-group-icon" ng-class="group.isExpand?'fa-chevron-down':'fa-chevron-right'" aria-hidden="true"></i> <label class="tree-toggle nav-header" translate="{{group.name}}" ui-sref-active="active"> </label> </div> <div class="divider"></div> <div ng-show="group.isExpand" class="animate-show-hide"> <div class="li tree" style="cursor:pointer" ng-repeat="menu in group.children"> <a class="{{menu.className}}" ng-click="broadCastMenuClickEvent(menu.sref);" ui-sref="{{menu.sref}}" ui-sref-active="active" data-template-id="{{menu.id}}" ng-bind-html="::menu.name"></a> </div> </div> </li> </ul> </perfect-scrollbar> </div> <div id="vat-report-content" style="overflow:hidden;height:100%"> <div style="height:100%;" ui-view="outputInvoiceImported-view" ng-show="state.includes('outputInvoiceManage.imported')"></div> <div style="height:100%;" ui-view="outputInvoiceEdit-view" ng-show="state.includes('outputInvoiceManage.outputInvoiceEdit')"></div> <div style="height:100%;" ui-view="issuedInvoiceBd-view" ng-show="state.includes('outputInvoiceManage.issuedInvoiceBdView')"></div> <div style="height:100%;" ui-view="issuedInvoiceSpecial-view" ng-show="state.includes('outputInvoiceManage.issuedInvoiceSpecial')"></div> <div style="height:100%;" ui-view="issuedInvoiceGd-view" ng-show="state.includes('outputInvoiceManage.issuedInvoiceGdView')"></div> <div style="height:100%;" ui-view="issuedInvoiceSpecialDetail-view" ng-show="state.includes('outputInvoiceManage.issuedInvoiceSpecialDetail')"></div> <div style="height:100%;" ui-view="gdInvoicePrint-view" ng-show="state.includes('outputInvoiceManage.gdInvoicePrint')"></div> <div style="height:100%;" ui-view="tax-control-disk" ng-show="state.includes('outputInvoiceManage.taxControlDisk')"></div> <div style="height:100%;" ui-view="GDViewByVIN-view" ng-show="state.includes('outputInvoiceManage.GDViewByVIN')"></div> <div style="height:100%;" ui-view="bdViewByVin-view" ng-show="state.includes('outputInvoiceManage.bdViewByVin')"></div> <div style="height:100%;" ui-view="importShipment-view" ng-show="state.includes('outputInvoiceManage.importShipmentList')"></div> <div style="height:100%;" ui-view="output-reconciliation-overview" ng-show="state.includes('outputInvoiceManage.outputReconciliationOverview')"></div> <div style="height:100%;" ui-view="output-reconciliation-configuration" ng-show="state.includes('outputInvoiceManage.outputReconciliationConfiguration')"></div> </div> </div>