{"version":3,"sources":["../app/layout/layout.tpl.html","../app/accessRightsManagement/modals/addAccessRightModal.html","../app/accessRightsManagement/partials/accessRightTableTooltip.html","../app/accessRightsManagement/views/accessRightsManagement.html","../app/accountCorrections/modals/accountCorrectionsTransactionsDeleteConfirmationModal.html","../app/accountCorrections/partials/accountCorrections.accounts.html","../app/accountCorrections/partials/accountCorrections.transactions.html","../app/accountCorrections/partials/accountCorrectionsAccounts.html","../app/accountCorrections/partials/accountCorrectionsTransactions.html","../app/accountCorrections/views/accountCorrections.html","../app/accountCorrectionsReact/views/accountCorrections.html","../app/adHocReporting/views/adHocReporting.html","../app/authentication/views/login.html","../app/authentication/views/oidc.html","../app/authentication/views/privacyPolicy.html","../app/authentication/views/unauthorized.html","../app/combiEntries/views/combiEntries.html","../app/credentialAdministration/views/CredentialAdministrationContainer.html","../app/dashboard/partials/widgetContainer.html","../app/dashboard/views/dashboard.html","../app/developer/views/developer.html","../app/diagnostics/views/diagnostics.html","../app/dispatchSchedule/views/dispatchSchedule.html","../app/dispatchSchedule/views/dispatchScheduleSettings.html","../app/evacuationList/views/EvacuationListContainer.html","../app/groupAccessPermissions/views/GroupAccessPermissionsContainer.html","../app/groupCalendar/views/groupCalendar.html","../app/groupCorrections/views/groupCorrections.html","../app/layout/partials/footer.tpl.html","../app/layout/partials/header.tpl.html","../app/layout/partials/navigation.tpl.html","../app/layout/partials/sub-header.tpl.html","../app/layout/partials/voice-commands.tpl.html","../app/layout/shortcut/shortcut.tpl.html","../app/myData/views/myData.html","../app/myInformation/views/myInformation.html","../app/organizationalData/views/OrganizationalDataContainer.html","../app/plan/views/plan.html","../app/plan/views/planNotifications.html","../app/projectTime/partials/approvalHelpTooltip.html","../app/projectTime/views/approval.html","../app/projectTime/views/overview.html","../app/projectTime/views/projectTime.html","../app/reactAccessPermissions/views/accessPermissions.html","../app/reactCalendar/views/monthlyCalendar.html","../app/reactCalendar/views/yearlyCalendarForScheduling.html","../app/reactCalendar/views/yearlyCalendarForTimeManagement.html","../app/reactCorrections/views/reactCorrections.html","../app/reactDashboard/views/dashboard.html","../app/reactRequests/views/reactRequests.html","../app/reports/views/reports.html","../app/requests/views/requests.html","../app/ruleViolations/views/ruleViolationsForPlan.html","../app/ruleViolations/views/ruleViolationsForTimeManagement.html","../app/settings/views/settings.html","../app/sickNotes/views/sickNotes.html","../app/statusPanel/views/statusPanel.html","../app/terminal/views/terminal.html","../app/visitorManagement/views/visitorManagement.html","../app/visitorReception/views/visitorReception.html","../app/visitorSelfPreRegistration/views/SelfPreRegistrationContainer.html","../app/weeklyCalendar/views/weeklyCalendar.html","../app/weeklyCalendar/views/weeklyCalendarInScheduling.html","../app/_common/modals/connectionErrorModal.html","../app/_common/modals/singlePickerModal.html","../app/_common/partials/calendarTooltip.html","../app/_common/partials/combobox.html","../app/_common/partials/contextHelp.html","../app/_common/partials/datePickerWithFutureRange.html","../app/_common/partials/dateRangePicker.html","../app/_common/partials/fromToPicker.html","../app/_common/partials/paginationTemplate.html","../app/_common/partials/quickSearch.html","../app/_common/partials/singlePickerContent.html","../app/_common/partials/singlePickerInput.html","../app/_common/views/globalLoader.html","../app/_common/views/uiView.html","../app/components/menu/partials/profileImageContent.html","../app/components/picker/modals/pickerModal.html","../app/components/picker/partials/accessElementsQuickSearchContent.html","../app/components/picker/partials/credentQuickSearchContent.html","../app/components/picker/partials/incidentQuickSearchContent.html","../app/components/picker/partials/organisationQuickSearchContent.html","../app/components/picker/partials/personGroupQuickSearchContent.html","../app/components/picker/partials/personQuickSearchContent.html","../app/components/picker/partials/personWithPersonnelNumberQuickSearchContent.html","../app/components/picker/partials/picker.html","../app/components/picker/partials/pickerPagination.html","../app/components/picker/partials/planningUnitQuickSearchContent.html","../app/components/picker/partials/replacementCredentQuickSearchContent.html","../app/components/picker/partials/wagetypeQuickSearchContent.html","../app/components/timeinput/partials/timeInputDirective.html","../app/dashboard/partials/widgets/emptyWidget.html","../app/dashboard/partials/widgets/favoritesWidget.html","../app/dashboard/partials/widgets/informationWidget.html","../app/dashboard/partials/widgets/journalWidget.html","../app/dashboard/partials/widgets/livetrackingWidget.html","../app/dashboard/partials/widgets/offlineBookingsWidget.html","../app/dashboard/partials/widgets/recentDispatchScheduleWidget.html","../app/dashboard/partials/widgets/recentPlansWidget.html","../app/dashboard/partials/widgets/terminalWidget.html","../app/SmartAdmin/layout/directives/demo/demo-states.tpl.html"],"names":[],"mappings":"0GAAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA","file":"templates.js","sourcesContent":["<!-- HEADER -->\r\n<page-header\r\n  is-login-page=\"false\"\r\n  current-state-name=\"ctrl.getCurrentStateName()\"\r\n  home-page-permission=\"ctrl.homePageScreenId\"\r\n  home-page-url=\"ctrl.homePageUrl\"\r\n  menu-state-change-callback=\"ctrl.menuStateChangeListener\"\r\n/>\r\n<!-- END HEADER -->\r\n\r\n<div class=\"flex\">\r\n  <!-- NAVIGATION -->\r\n  <div data-smart-include=\"app/layout/partials/navigation.tpl.html\" class=\"placeholder-left-panel\"></div>\r\n  <!-- END NAVIGATION -->\r\n\r\n  <!-- MAIN PANEL -->\r\n  <main id=\"main\" class=\"flex-shrink flex-grow\">\r\n    <div class=\"smart-router-animation-wrap\" data-smart-router-animation-wrap=\"content content@app\" data-wrap-for=\"#content\">\r\n        <div id=\"content\" data-ui-view=\"content\" data-autoscroll=\"false\"></div>\r\n    </div>\r\n  </main>\r\n  <!-- END MAIN PANEL -->\r\n</div>\r\n\r\n<!-- PAGE FOOTER -->\r\n<!--<div data-smart-include=\"app/layout/partials/footer.tpl.html\"></div>\r\n<div data-smart-include=\"app/layout/shortcut/shortcut.tpl.html\"></div>-->\r\n\r\n<!-- END PAGE FOOTER -->\r\n\r\n\r\n","<div class=\"modal-header\">\r\n    <h3 class=\"modal-title\"  ng-show=\"!vm.hasChanged\">{{ 'ACCESS_RIGHT_MODAL_ADD_ACCESS_ELEMENT' | translate }}</h3>\r\n    <h3 class=\"modal-title\"  ng-show=\"vm.hasChanged\">{{ 'ACCESS_RIGHT_MODAL_CHANGE_ACCESS_ELEMENT' | translate  }}</h3>\r\n</div>\r\n\r\n<div class=\"modal-body no-padding access-rights-management-modal\" iflx-stop-propagation=\"touchend\">\r\n    <form class=\"smart-form client-form form-modal-less-padding\">\r\n        <fieldset class=\"no-padding\">\r\n\r\n            <!-- select valid from date and time -->\r\n            <section>\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{'ACCESS_RIGHT_MODAL_VALID_FROM' | translate}}</label>\r\n                    <iflx-date-range-picker ng-if=\"!vm.nativeMobilePicker\"\r\n                                            extended-options=\"datePickerOptions\"\r\n                                            time-picker=\"true\"\r\n                                            class=\"add-time-picker\"\r\n                                            single-date-picker=\"true\"\r\n                                            start-date=\"vm.selectedStartDateFrom\"\r\n                                            end-date=\"vm.selectedStartDateTo\"\r\n                                            allow-clear=\"true\">\r\n                    </iflx-date-range-picker>\r\n\r\n                    <div ng-if=\"vm.nativeMobilePicker\">\r\n                        <input type=\"datetime-local\" ng-model=\"vm.selectedStartDateTo\"\r\n                               ng-disabled=\"isOpenInterval\">\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <!-- select valid to date and time -->\r\n            <section>\r\n                <div class=\"form-group\">\r\n                    <div>\r\n                    <div class=\"access-rights-management-modal-valid-to-label\">\r\n                        <label class=\"label\">\r\n                        {{'ACCESS_RIGHT_MODAL_VALID_TO' | translate}}\r\n                        </label>\r\n                    </div>\r\n                    <div class=\"access-rights-management-modal-valid-to-checkbox\">\r\n                        <input type=\"checkbox\" checked=\"checked\" ng-model=\"vm.unlimitedEndDate\" >\r\n                    </div>\r\n                    <div class=\"access-rights-management-modal-valid-to-unlimited-label\">\r\n                        <label>{{'ACCESS_RIGHT_MODAL_VALID_TO_UNLIMITED' | translate}}</label>\r\n                    </div>\r\n                    </div>\r\n\r\n                    <br>\r\n                    <br>\r\n\r\n                    <div class=\"access-rights-management-modal-valid-to-datepicker\">\r\n                    <iflx-date-range-picker ng-if=\"!vm.nativeMobilePicker && !vm.unlimitedEndDate\" extended-options=\"datePickerOptions\"\r\n                                            time-picker=\"true\" class=\"add-time-picker\"\r\n                                            single-date-picker=\"true\" start-date=\"vm.selectedEndDateFrom\"\r\n                                            end-date=\"vm.selectedEndDateTo\" minimum=\"vm.selectedStartDateTo\"\r\n                                            allow-clear=\"true\">\r\n                    </iflx-date-range-picker>\r\n                    </div>\r\n\r\n                    <div ng-if=\"vm.nativeMobilePicker && !vm.unlimitedEndDate\">\r\n                        <input type=\"datetime-local\" ng-model=\"vm.selectedEndDateTo\"\r\n                                ng-disabled=\"isOpenInterval\">\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <!-- select access element type -->\r\n            <section>\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{ ::'ACCESS_RIGHT_MODAL_ACCESS_ELEMENT' | translate }}</label>\r\n                    <div class=\"dropdown access-rights-management-dropdown-menu\">\r\n                        <button class=\"btn btn-default form-control padding-left-5 dropdown-button\" type=\"button\" data-toggle=\"dropdown\">\r\n                            <span ng-if=\"vm.selectedAccessElement.typeId != undefined\"> {{vm.selectedAccessElement.name | translate}}</span>\r\n                            <span ng-if=\"vm.selectedAccessElement.typeId == undefined\"> {{'SELECT_PLACEHOLDER' | translate}}</span>\r\n                            <span class=\"caret\"></span>\r\n                        </button>\r\n                        <ul class=\"dropdown-menu access-rights-management-dropdown-menu\">\r\n                            <li role=\"presentation\" ng-repeat=\"accessElement in vm.accessRightsManagementService.accessElementTypes\">\r\n                                <a tabindex=\"-1\"\r\n                                   ng-click=\"vm.setAccessElementType(accessElement)\" class=\"dropdown-access-rights-management-li\">\r\n                                    {{ accessElement.name | translate}}\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <!-- select access element -->\r\n            <section>\r\n                <div class=\"form-group access-rights-management-modal-access-element-picker\">\r\n                    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\r\n                        <div iflx-picker\r\n                             ng-model=\"vm.accessElement\"\r\n                             class=\"corrections-employee-input add-access-element-picker\"\r\n                             data-picker-id=\"accessElementPicker\"\r\n                             data-picker-disabled=\"!vm.selectedAccessElement.name\"\r\n                             data-type=\"accesselement\"\r\n                             data-multi-selection=\"false\"\r\n                             data-search-auto-focus=\"false\"\r\n                             data-combined-result=\"false\"\r\n                             data-sync-with-person-service=\"false\"\r\n                             data-persistent=\"false\"\r\n                             data-on-selection=\"vm.onPickerSelection\"\r\n                             data-activity-right=\"vm.accessRightsManagementService.activityRight\"\r\n                             data-init-value=\"vm.accessElement\"\r\n                             data-listen-for-clear-message=\"true\"\r\n                             data-options=\"{\r\n                                 accessElement: vm.selectedAccessElement, \r\n                                 person: vm.accessRightsManagementService.selectedEmployee.employeeGuid,\r\n                                 periodBegin: vm.periodBegin,\r\n                                 periodEnd: vm.periodEnd,\r\n                                 period: vm.period\r\n                                }\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <!-- select time profile -->\r\n            <section>\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{ 'ACCESS_RIGHT_MODAL_TIME_PROFILE' | translate }}</label>\r\n                    <div class=\"dropdown access-rights-management-dropdown-menu\" >\r\n                        <button class=\"btn btn-default form-control padding-left-5 dropdown-button\" type=\"button\" data-toggle=\"dropdown\" ng-disabled=\"vm.dontShowTimeProfile || !vm.selectedAccessElement.typeId || vm.accessRightsManagementService.timeProfilesResponse.timeProfiles.length < 1\">\r\n                            <span ng-if=\"vm.timeProfile !== undefined\"> {{vm.timeProfile.name}}  |  {{vm.timeProfile.description}}</span>\r\n                            <span ng-if=\"vm.timeProfile == undefined\"> {{'SELECT_PLACEHOLDER' | translate}}</span>\r\n                            <span class=\"caret\"></span>\r\n                        </button>\r\n                        <ul class=\"dropdown-menu access-rights-management-dropdown-menu\">\r\n                            <li role=\"presentation\" ng-repeat=\"timeProfile in vm.accessRightsManagementService.timeProfilesResponse.timeProfiles | orderBy: 'number'\">\r\n                                <a tabindex=\"-1\"\r\n                                   ng-click=\"vm.selectTimeProfile(timeProfile)\" class=\"dropdown-access-rights-management-li\">\r\n                                    {{timeProfile.name}}  |  {{timeProfile.description}}\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <!-- select additional option -->\r\n            <section>\r\n              <div class=\"form-group\">\r\n                <div class=\"access-rights-management-modal-more-options-label\">\r\n                  <label class=\"label\">{{ 'ACCESS_RIGHT_MODAL_MORE_OPTIONS' | translate }}</label>\r\n                </div>\r\n                <div>\r\n                    <input type=\"checkbox\" checked=\"checked\" ng-model=\"vm.active\" >\r\n                    <label class=\"access-rights-management-modal-checkboxes\">{{ 'ACCESS_RIGHT_MODAL_IS_ACTIVE' | translate }}</label>\r\n                </div>\r\n                <div>\r\n                    <input type=\"checkbox\" ng-model=\"vm.accesZoneActive\" >\r\n                    <label>{{ 'ACCESS_RIGHT_MODAL_ACCESS_ZONE' | translate }}</label>\r\n                </div>\r\n              </div>\r\n            </section>\r\n\r\n            <br>\r\n\r\n            <!-- enter comment -->\r\n            <section>\r\n              <div class=\"form-group\">\r\n                  <label class=\"label\" >{{ 'ACCESS_RIGHT_MODAL_COMMENT' | translate }}</label>\r\n                  <textarea id=\"personal-access-right-comment\" class=\"form-control\" rows=\"3\"\r\n                             ng-model=\"vm.comment\"></textarea>\r\n              </div>\r\n            </section>\r\n\r\n        </fieldset>\r\n    </form>\r\n</div>\r\n\r\n<div class=\"modal-footer picker-modal-footer\">\r\n    <button type=\"button\" class=\"btn btn-success\" ng-click=\"vm.createNewAccessRight()\"\r\n            ng-disabled=\"!vm.isEverythingMandatorySelected()\"\r\n            ng-show=\"!vm.hasChanged\">\r\n        <span>{{ 'ACCESS_RIGHTS_MODAL_BUTTON_ADD_ACCESS_RIGHT' | translate}}</span>\r\n    </button>\r\n\r\n    <button type=\"button\" class=\"btn btn-success\" ng-click=\"vm.changeAccessRight()\"\r\n            ng-show=\"vm.hasChanged\" ng-disabled=\"!vm.isEverythingMandatorySelected()\">\r\n        <span>{{ 'ACCESS_RIGHT_MODAL_BUTTON_CHANGE_ACCESS_RIGHT' | translate}}</span>\r\n    </button>\r\n\r\n    <button class=\"btn btn-default\" ng-click=\"vm.closeModal()\" ng-class=\"{ disabled: addBtnDisabled }\">{{'LANG_CANCEL' | translate}}</button>\r\n</div>\r\n","<!--popover triangle-->\r\n<div class=\"iflx-popover-triangle\"></div>\r\n<!--popover body-->\r\n<div class=\"iflx-popover-tooltip\">\r\n    <div class=\"tt-event\">\r\n        <div  ng-if=\"tooltip === 'IF_tdf'\"> {{ 'ACCESS_ELEMENT_TYPE_TERMINAL' | translate}}</div>\r\n        <div  ng-if=\"tooltip === 'IF_raumzone'\"> {{ 'ACCESS_ELEMENT_TYPE_ACCESSZONE' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_areal'\"> {{ 'ACCESS_ELEMENT_TYPE_AREA' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_accprofdef'\"> {{ 'ACCESS_ELEMENT_TYPE_ACCESSPROFILE' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_lockgroupdef'\"> {{ 'ACCESS_ELEMENT_TYPE_NOCGROUP' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_lock'\"> {{ 'ACCESS_ELEMENT_TYPE_NOCLOCK' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_lockprofiledef'\"> {{ 'ACCESS_ELEMENT_TYPE_NOCPROFILE' | translate }}</div>\r\n        <div  ng-if=\"tooltip === 'IF_contacts'\"> {{ 'ACCESS_ELEMENT_TYPE_CONTACT' | translate }}</div>\r\n    </div>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_ACCESSRIGHTSMANAGEMENT' | translate \"/>\r\n<section data-widget-grid id=\"access-rights-management-view\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\" >\r\n            <div class=\"jarviswidget jarviswidget-color-darken\" id=\"wid-access-rights-management-0\">\r\n\r\n                <header>\r\n                    <span class=\"widget-icon\" aria-hidden=\"true\">\r\n                        <i class=\"iflx-font iflx-font-inline iflx-font-zutrittsrecht\"></i>\r\n                    </span>\r\n\r\n                    <h2>{{ 'LANG_ACCESSRIGHTSMANAGEMENT_HEADER' | translate }}</h2>\r\n                </header>\r\n\r\n               <div class=\"access-rights-management-view\">\r\n                   <div class=\"row\">\r\n                        <!-- Date Range Selection-->\r\n                        <div class=\"access-rights-md-margin-bottom access-rights-top-padding-correction col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n                            <iflx-date-range-picker\r\n                                show-arrows=\"true\"\r\n                                single-date-picker=\"false\"\r\n                                start-date=\"vm.accessRightsManagementService.selectedStartDate\"\r\n                                end-date=\"vm.accessRightsManagementService.selectedEndDate\"\r\n                                maximum=\"vm.accessRightsManagementService.maximumEndDate\"\r\n                                ranges=\"vm.accessRightsManagementService.dateRanges\"\r\n                                show-week-numbers=\"true\"\r\n                                on-date-change=\"vm.onDateChange()\"\r\n                                input-id=\"dateRangePicker1\">\r\n                            </iflx-date-range-picker>\r\n                        </div>\r\n\r\n                        <!-- Employee Selection -->\r\n                        <div class=\"access-rights-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\" ng-hide=\"vm.isSimpleUser\">\r\n                            <iflx-picker\r\n                                ng-model=\"vm.selectedEmployee\"\r\n                                class=\"corrections-employee-input\"\r\n                                data-picker-id=\"accessRightsManagementPicker\"\r\n                                data-type=\"person\"\r\n                                data-multi-selection=\"false\"\r\n                                data-search-auto-focus=\"false\"\r\n                                data-combined-result=\"false\"\r\n                                data-sync-with-person-service=\"true\"\r\n                                data-persistent=\"true\"\r\n                                data-on-selection=\"vm.onPickerSelection\"\r\n                                data-activity-right=\"vm.activityRight\"\r\n                                data-with-personnel-number=\"true\">\r\n                            </iflx-picker>\r\n                          <!--todo set search-context to access or remove it?-->\r\n                        </div>\r\n\r\n                       <!-- Toolbar Buttons -->\r\n                       <div class=\"access-rights-button-area access-rights-md-margin-bottom col-xs-12 col-sm-12 col-md-12\" ng-class=\"{'col-lg-9': vm.isSimpleUser, 'col-lg-6': !vm.isSimpleUser}\">\r\n                           <!--add Access Right btn-->\r\n                           <div ng-class=\"{'disabled': !vm.addAccessRightButtonState}\"\r\n                              class=\"btn btn-default btn-sm access-btn access-rights-management-toolbar-button-positioning\"\r\n                              ng-click=\"vm.showAddAccessRightModal()\">\r\n                               <i class=\"fa fa-plus\"></i>\r\n                               <span class=\"hidden-xs\">{{ 'ACCESS_RIGHT_BUTTON_ADD_ACCESS_ELEMENT' | translate }}</span>\r\n                           </div>\r\n                           <!-- Single Download Button-->\r\n                           <div class=\"btn btn-default btn-sm access-btn access-rights-management-toolbar-button-positioning\"\r\n                                ng-click=\"vm.startSingleDownloadWithRight()\"\r\n                                ng-show=\"vm.hasSingleDownloadRight == true\">\r\n                               <i class=\"fa fa-download\"></i>\r\n                               <span class=\"hidden-xs\">{{'ACCESS_RIGHT_BUTTON_SINGLE_DOWNLOAD' | translate }}</span>\r\n                           </div>\r\n                           <!-- Save Access Rights Button-->\r\n                           <div ng-class=\"{'disabled': !vm.accessRightsManagementService.modifiedPersonalAccessRights.length > 0 && !vm.accessRightsManagementService.modifiedOrgUnitAccessRights.length > 0,\r\n                                            'btn-success': vm.accessRightsManagementService.modifiedPersonalAccessRights.length > 0 || vm.accessRightsManagementService.modifiedOrgUnitAccessRights.length > 0,\r\n                                            'btn-default': !(vm.accessRightsManagementService.modifiedPersonalAccessRights.length > 0 || vm.accessRightsManagementService.modifiedOrgUnitAccessRights.length > 0)}\"\r\n                                class=\"btn btn-sm access-btn access-rights-management-toolbar-button-positioning\"\r\n                                ng-click=\"vm.saveModifiedData()\">\r\n                               <i class=\"fa fa-check\"></i>\r\n                               {{'BUTTON_SAVE' | translate}}\r\n                           </div>\r\n                           <!-- Undo Changes/Revert Button -->\r\n                           <div ng-class=\"{'disabled': !vm.accessRightsManagementService.modifiedPersonalAccessRights.length > 0 && !vm.accessRightsManagementService.modifiedOrgUnitAccessRights.length> 0}\" ng-click=\"vm.revertChanges()\"\r\n                                class=\"btn btn-default btn-sm access-btn access-rights-management-toolbar-button-positioning\">\r\n                               <i class=\"fa fa-reply\"></i>\r\n                               {{'BUTTON_REVERT' | translate}}\r\n                           </div>\r\n                       </div>\r\n                   </div>\r\n               </div>\r\n           </div>\r\n        </div>\r\n\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 personal-access-rights\">\r\n          <div class=\"jarviswidget jarviswidget-color-darken\" id=\"wid-access-rights-management-1\">\r\n            <div class=\"access-rights-management-view\">\r\n              <form name=\"accessRightsForm\" unsaved-warning-form>\r\n                <div class=\"access-rights-management-table-header\">\r\n                  <h6>{{'PERSONAL_ACCESS_RIGHT_TABLE_LABEL' | translate }}</h6>\r\n                </div>\r\n                <table  st-table=\"vm.accessRightsManagementService.displayPersonalAccessRights\"\r\n                        st-safe-src=\"vm.accessRightsManagementService.backupPersonalAccessRights\"\r\n                        st-responsive=\"vm.responsiveOptionsPersonalTable\"\r\n                        st-class-ascent=\"st-sort-ascent\"\r\n                        st-class-descent=\"st-sort-descent\"\r\n                        st-func=\"stFunc\"\r\n                        id=\"personal-access-rights-table\"\r\n                        class=\"row-border hover table table-bordered table-hover access-rights-management-table-td\"\r\n                        ng-class=\"{'responsive': stFunc.showResponsiveRow()}\"\r\n                        width=\"100%\"\r\n                >\r\n                  <thead>\r\n                  <tr>\r\n                    <th st-hide=\"accessElement\">\r\n                      {{'ACCESS_RIGHT_TABLE_ACCESS_ELEMENT' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"timeProfile\" class=\"access-rights-management-table-time-profile\">\r\n                      {{'ACCESS_RIGHT_TABLE_TIME_PROFILE' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"validFrom\" class=\"access-rights-management-time-td\">\r\n                      {{'ACCESS_RIGHT_TABLE_VALID_FROM' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"validTo\" class=\"access-rights-management-time-td\">\r\n                      {{'ACCESS_RIGHT_TABLE_VALID_TO' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"grantedBy\" class=\"access-rights-management-table-granted-by\">\r\n                      {{'ACCESS_RIGHT_TABLE_GRANTED_BY' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"grantedOn\" class=\"access-rights-management-time-td\">\r\n                      {{'ACCESS_RIGHT_TABLE_GRANTED_ON' | translate}}\r\n                    </th>\r\n<!--                    <th st-hide=\"companion\" class=\"access-rights-management-table-companion\">\r\n                      {{'ACCESS_RIGHT_TABLE_COMPANION' | translate}}\r\n                    </th>-->\r\n                    <th st-hide=\"comment\" class=\"access-rights-management-table-comment\">\r\n                      {{'ACCESS_RIGHT_TABLE_COMMENT' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"accessZone\" class=\"access-rights-management-table-checkbox\">\r\n                      {{'ACCESS_RIGHT_TABLE_ACCESS_ZONE' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"active\" class=\"access-rights-management-table-checkbox\">\r\n                      {{'ACCESS_RIGHT_TABLE_ACTIVE' | translate}}\r\n                    </th>\r\n                    <th st-hide=\"actions\" class=\"access-rights-management-table-checkbox\">\r\n                      {{'ACCESS_RIGHT_TABLE_ACTIONS' | translate}}\r\n                    </th>\r\n                  </tr>\r\n                  </thead >\r\n                  <tbody>\r\n                  <tr ng-repeat-start=\"accessRight in vm.accessRightsManagementService.displayPersonalAccessRights | orderBy:'accessElement.name'\" ng-init=\"tooltip = accessRight.accessElement.typeId\">\r\n                    <td st-hide=\"accessElement\" iflx-popover\r\n                        template=\"app/accessRightsManagement/partials/accessRightTableTooltip.html\"\r\n                        theme=\"iflx-tooltip\"\r\n                        trigger=\"mouseover\"\r\n                        trigger-timeout=\"0.4\"\r\n                        placement=\"bottom|left\"\r\n                        timeout=\"0.1\"\r\n                        hide-others-on-open=\"true\"\r\n                        hide-on-click=\"false\"\r\n                        support-toast=\"true\">\r\n                      <table>\r\n                        <tr>\r\n                          <td >\r\n                            <!-- Expander icon -->\r\n                            <span ng-show=\"stFunc.showResponsiveRow()\"\r\n\r\n                                  ng-click=\"stFunc.toggleRowOpened(accessRight)\">\r\n                                                                  <span ng-class=\"{'fa-minus-square-o': $parent.stFunc.isRowOpened(accessRight),\r\n                                                                  'fa-plus-square-o': !$parent.stFunc.isRowOpened(accessRight)}\"\r\n                                                                        class=\"fa account-expander\">\r\n                                                                  </span>\r\n                                                      </span>\r\n                          </td>\r\n                          <td>\r\n                            {{accessRight.accessElement.name}}\r\n                            <i ng-show=\"accessRight.isTaskflowActive\" class=\"iflx-font iflx-font-tab iflx-font-absence-time-requests\"></i>\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </td>\r\n                    <td st-hide=\"timeProfile\">\r\n                      {{accessRight.timeProfile.name}}\r\n                    </td>\r\n                    <td st-hide=\"validFrom\" class=\"access-rights-management-time-td\">\r\n                      <span ng-hide=\"vm.shouldShowEmptyDateField(accessRight.validFrom)\">\r\n                        <i class=\"fa fa-calendar\"></i> {{accessRight.validFrom.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                        <br />\r\n                        <i class=\"fa fa-clock-o\"></i> {{accessRight.validFrom | date:'shortTime'}}\r\n                      </span>\r\n                    </td>\r\n                    <td st-hide=\"validTo\" class=\"access-rights-management-time-td\">\r\n                      <span ng-hide=\"vm.shouldShowEmptyDateField(accessRight.validTo)\">\r\n                        <i class=\"fa fa-calendar\"></i> {{accessRight.validTo.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                        <br />\r\n                        <i class=\"fa fa-clock-o\"></i> {{accessRight.validTo | date:'shortTime'}}\r\n                      </span>\r\n                    </td>\r\n                    <td st-hide=\"grantedBy\">\r\n                      <i class=\"fa fa-user\" ng-hide=\"!accessRight.grantedBy\"></i> {{accessRight.grantedBy}}\r\n                    </td>\r\n                    <td st-hide=\"grantedOn\" class=\"access-rights-management-time-td\">\r\n                      <i class=\"fa fa-calendar\" ng-hide=\"!accessRight.grantedOn\"></i> {{accessRight.grantedOn.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                      <br />\r\n                      <i class=\"fa fa-clock-o\" ng-hide=\"!accessRight.grantedOn\"></i> {{accessRight.grantedOn | date:'shortTime'}}\r\n                    </td>\r\n<!--                    <td st-hide=\"companion\">\r\n                      {{accessRight.companion.displayName}}\r\n                    </td>-->\r\n                    <td st-hide=\"comment\">\r\n                      <span class=\"text-overflow-dynamic-container\">\r\n                        <span class=\"text-overflow-dynamic-ellipsis\" title=\"{{accessRight.grantedWithComment}}\">\r\n                          {{accessRight.grantedWithComment}}\r\n                        </span>\r\n                      </span>\r\n                    </td>\r\n                    <td st-hide=\"accessZone\" align=\"center\" valign=\"middle\">\r\n                      <input type=\"checkbox\" ng-model=\"accessRight.accessZoneActive\" ng-change=\"vm.changeActive(accessRight)\"\r\n                             ng-disabled=\"!(accessRight.executionRightValue >= vm.executionRightValue.ChangePerm)\">\r\n                    </td>\r\n                    <td st-hide=\"active\" align=\"center\" valign=\"middle\">\r\n                      <input type=\"checkbox\" ng-model=\"accessRight.active\" ng-change=\"vm.changeActive(accessRight)\"\r\n                             ng-disabled=\"!(accessRight.executionRightValue >= vm.executionRightValue.ChangePerm)\">\r\n                    </td>\r\n                    <!-- Account columns action btn-->\r\n                    <td st-hide=\"actions\" class=\"access-rights-management-actions\">\r\n                      <div ng-class=\"{disabled: !(accessRight.executionRightValue >= vm.executionRightValue.ChangePerm)}\"\r\n                           class=\"btn  btn-xs btn-success\" tabindex=\"-1\" ng-click=\"vm.showAddAccessRightModal(accessRight)\">\r\n                        <span class=\"fa fa-pencil-square-o\"></span>\r\n                      </div>\r\n                      <div ng-class=\"{disabled: !(accessRight.executionRightValue == vm.executionRightValue.YesPerm)}\"\r\n                           class=\"btn btn-xs btn-danger red\" tabindex=\"-1\" ng-click=\"vm.accessRightsManagementService.deleteAccessRight(accessRight)\">\r\n                        <span class=\"fa fa-trash-o\"></span>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                  <!--Hidden Responsive Area-->\r\n                  <tr ng-repeat-end class=\"responsive-row\"\r\n                      ng-show=\"stFunc.showResponsiveRow() && stFunc.isRowOpened(accessRight)\">\r\n\r\n                    <td colspan=\"{{stFunc.colSpan()}}\">\r\n\r\n                      <div class=\"hiddenResponsiveAreaPositionLeft\">\r\n                        <div st-show=\"validFrom\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_VALID_FROM' | translate}}: </b></span>\r\n                        </div>\r\n                        <div st-show=\"validTo\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_VALID_TO' | translate}}: </b></span>\r\n                        </div>\r\n                        <div st-show=\"grantedBy\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_GRANTED_BY' | translate}}: </b></span>\r\n                        </div>\r\n                        <div st-show=\"grantedOn\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_GRANTED_ON' | translate}}: </b></span>\r\n                        </div>\r\n<!--                        <div st-show=\"companion\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_COMPANION' | translate}}: </b></span>\r\n                        </div>-->\r\n                        <div st-show=\"accessZone\" class=\"hiddenResponsiveAreaAccessZoneAndComment\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_ACCESS_ZONE' | translate}}: </b></span>\r\n                        </div>\r\n                        <div st-show=\"comment\" class=\"hiddenResponsiveAreaAccessZoneAndComment\" ng-hide=\"!accessRight.grantedWithComment\">\r\n                          <span><b> {{'ACCESS_RIGHT_TABLE_COMMENT' | translate}}: </b></span>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div class=\"hiddenResponsiveAreaPositionRight\">\r\n                        <div st-show=\"validFrom\">\r\n                          <span ng-show=\"vm.shouldShowEmptyDateField(accessRight.validFrom)\">\r\n                           <br />\r\n                          </span>\r\n                         <span ng-hide=\"vm.shouldShowEmptyDateField(accessRight.validFrom)\">\r\n                            <i class=\"fa fa-calendar\"></i> {{accessRight.validFrom.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                            <i class=\"fa fa-clock-o\"></i> {{accessRight.validFrom | date:'shortTime'}}\r\n                          </span>\r\n                        </div>\r\n                        <div st-show=\"validTo\">\r\n                          <span ng-show=\"vm.shouldShowEmptyDateField(accessRight.validTo)\">\r\n                           <br />\r\n                          </span>\r\n                          <span ng-hide=\"vm.shouldShowEmptyDateField(accessRight.validTo)\">\r\n                            <i class=\"fa fa-calendar\"></i> {{accessRight.validTo.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                            <i class=\"fa fa-clock-o\"></i> {{accessRight.validTo | date:'shortTime'}}\r\n                          </span>\r\n                        </div>\r\n                        <div st-show=\"grantedBy\">\r\n                          <span>\r\n                            <i class=\"fa fa-user\"></i> {{accessRight.grantedBy}}\r\n                          </span>\r\n                        </div>\r\n                        <div st-show=\"grantedOn\">\r\n                          <span>\r\n                            <i class=\"fa fa-calendar\"></i> {{accessRight.grantedOn.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                            <i class=\"fa fa-clock-o\"></i> {{accessRight.grantedOn | date:'shortTime'}}\r\n                          </span>\r\n                        </div>\r\n<!--                        <div st-show=\"companion\">\r\n                          <span>\r\n                            <i class=\"fa fa-user\"></i> {{accessRight.companion.displayName}}\r\n                          </span>\r\n                        </div>-->\r\n                        <div st-show=\"accessZone\">\r\n                          <input type=\"checkbox\" ng-model=\"accessRight.accessZoneActive\" ng-change=\"vm.changeActive(accessRight)\"\r\n                                 ng-disabled=\"!(accessRight.executionRightValue >= vm.executionRightValue.ChangePerm)\">\r\n                        </div>\r\n                        <div st-show=\"comment\" ng-hide=\"!accessRight.grantedWithComment\">\r\n                          <span> {{accessRight.grantedWithComment}} </span>\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                  <!-- Show \"No Data\" if there are no access rights-->\r\n                  <tr ng-if=\"!vm.accessRightsManagementService.displayPersonalAccessRights.length\">\r\n                    <td align=\"center\" colspan=\"10\">\r\n                      <b>{{'LANG_NODATA' | translate}}</b>\r\n                    </td>\r\n                  </tr>\r\n                  </tbody>\r\n                </table>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 inherited-access-rights\">\r\n            <div class=\"jarviswidget jarviswidget-color-darken\" id=\"wid-access-rights-management-2\">\r\n                <div class=\"access-rights-management-view\">\r\n                    <form name=\"inheritedAccessRightsForm\" unsaved-warning-form>\r\n                        <div class=\"access-rights-management-table-header\">\r\n                            <h6>{{ 'INHERITED_ACCESS_RIGHT_TABLE_LABEL' | translate }}</h6>\r\n                        </div>\r\n                            <table class=\"row-border hover table table-bordered table-hover inherited-access-rights-table-td\"\r\n                                   id=\"orgUnit-access-rights-table\"\r\n                                   st-table=\"vm.accessRightsManagementService.displayedGroups\"\r\n                                   st-safe-src=\"vm.accessRightsManagementService.backupGroups\"\r\n                                   st-responsive=\"vm.responsiveOptionsOrgUnitTable\"\r\n                                   st-class-ascent=\"st-sort-ascent\"\r\n                                   st-class-descent=\"st-sort-descent\"\r\n                                   ng-class=\"{'responsive': stFunc.showResponsiveRow()}\"\r\n                                   st-func=\"stFunc\"\r\n                                   width=\"100%\">\r\n                              <thead>\r\n                              <tr>\r\n                                <th st-sort=\"accessElement\" st-hide=\"accessElement\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_ACCESS_ELEMENT' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"timeProfile\" class=\"access-rights-management-table-time-profile\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_TIME_PROFILE' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"validFrom\" class=\"access-rights-management-time-td\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_VALID_FROM' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"validTo\" class=\"access-rights-management-time-td\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_VALID_TO' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"grantedBy\" class=\"access-rights-management-table-granted-by\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_GRANTED_BY' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"grantedOn\" class=\"access-rights-management-time-td\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_GRANTED_ON' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"comment\" class=\"access-rights-management-table-comment\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_COMMENT' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"personProperty\" class=\"access-rights-management-table-person-property\">\r\n                                  {{ 'ORG_UNIT_ACCESS_RIGHT_TABLE_PERSON_PROPERTY' | translate}}\r\n                                </th>\r\n                                <th st-hide=\"accessZone\" class=\"access-rights-management-table-checkbox\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_ACCESS_ZONE' | translate }}\r\n                                </th>\r\n                                <th st-hide=\"active\" class=\"access-rights-management-table-checkbox\">\r\n                                  {{ 'ACCESS_RIGHT_TABLE_ACTIVE' | translate }}\r\n                                </th>\r\n                              </tr>\r\n                              </thead>\r\n                              <tbody>\r\n\r\n                              <!-- Groups -->\r\n                              <tr ng-repeat-start=\"group in vm.accessRightsManagementService.displayedGroups\"\r\n                                  ng-click=\"vm.toggleGroup(group)\"\r\n                                  ng-show=\"group.orgUnitAccessRights\">\r\n\r\n                                <!-- Group Header -->\r\n                                <td colspan=\"10\" class=\"orgUnit-header\">\r\n                                  <i class=\"fa fa-sitemap inherited-access-rights-group-i\"></i>\r\n                                  {{::group.name}}\r\n                                  <span class=\"fa fa-lg orgUnit-arrow\"\r\n                                        ng-class=\"{'fa-angle-up': group.isClosed,\r\n                                                  'fa-angle-down': !group.isClosed}\"></span>\r\n                                </td>\r\n                              </tr>\r\n\r\n                              <!-- Group orgUnitAccessRights -->\r\n                              <tr class=\"inherited-access-rights-table-tr\" ng-if=\"!group.isClosed\" ng-repeat-start=\"orgUnitAccessRight in group.orgUnitAccessRights\" ng-init=\"tooltip = orgUnitAccessRight.personalAccessRight.accessElement.typeId\">\r\n                                <td st-hide=\"accessElement\"\r\n                                    iflx-popover\r\n                                    template=\"app/accessRightsManagement/partials/accessRightTableTooltip.html\"\r\n                                    theme=\"iflx-tooltip\"\r\n                                    trigger=\"mouseover\"\r\n                                    trigger-timeout=\"0.4\"\r\n                                    placement=\"bottom|left\"\r\n                                    timeout=\"0.1\"\r\n                                    hide-others-on-open=\"true\"\r\n                                    hide-on-click=\"false\"\r\n                                    support-toast=\"true\">\r\n                                  <table>\r\n                                    <tr>\r\n                                      <td >\r\n                                        <!-- Expander icon -->\r\n                                        <span ng-show=\"stFunc.showResponsiveRow()\"\r\n\r\n                                              ng-click=\"stFunc.toggleRowOpened(orgUnitAccessRight.personalAccessRight)\">\r\n                                                                  <span ng-class=\"{'fa-minus-square-o': $parent.stFunc.isRowOpened(orgUnitAccessRight.personalAccessRight),\r\n                                                                  'fa-plus-square-o': !$parent.stFunc.isRowOpened(orgUnitAccessRight.personalAccessRight)}\"\r\n                                                                        class=\"fa account-expander\">\r\n                                                                  </span>\r\n                                                      </span>\r\n                                      </td>\r\n                                      <td>\r\n                                        {{orgUnitAccessRight.personalAccessRight.accessElement.name}}\r\n                                      </td>\r\n                                    </tr>\r\n                                  </table>\r\n                                </td>\r\n                                <td st-hide=\"timeProfile\">\r\n                                  {{orgUnitAccessRight.personalAccessRight.timeProfile.name}}\r\n                                </td>\r\n                                <td st-hide=\"validFrom\" class=\"access-rights-management-time-td\">\r\n                                   <span ng-show=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validFrom)\">\r\n                                    <br />\r\n                                  </span>\r\n                                  <span ng-hide=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validFrom)\">\r\n                                    <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.validFrom.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                    <br />\r\n                                    <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.validFrom | date:'shortTime'}}\r\n                                  </span>\r\n                                </td>\r\n                                <td st-hide=\"validTo\" class=\"access-rights-management-time-td\">\r\n                                   <span ng-show=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validTo)\">\r\n                                    <br />\r\n                                  </span>\r\n                                  <span ng-hide=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validTo)\">\r\n                                    <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.validTo.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                    <br />\r\n                                    <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.validTo | date:'shortTime'}}\r\n                                  </span>\r\n                                </td>\r\n                                <td st-hide=\"grantedBy\" class=\"access-rights-management-table-granted-by\">\r\n                                  <i class=\"fa fa-user\"></i> {{orgUnitAccessRight.personalAccessRight.grantedBy}}\r\n                                </td>\r\n                                <td st-hide=\"grantedOn\" class=\"access-rights-management-time-td\">\r\n                                  <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.grantedOn.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                  <br />\r\n                                  <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.grantedOn | date:'shortTime'}}\r\n                                </td>\r\n                                <td st-hide=\"comment\" class=\"access-rights-management-comment\">\r\n                                  <span class=\"text-overflow-dynamic-container\">\r\n                                    <span class=\"text-overflow-dynamic-ellipsis\" title=\"{{orgUnitAccessRight.personalAccessRight.grantedWithComment}}\">\r\n                                      {{orgUnitAccessRight.personalAccessRight.grantedWithComment}}\r\n                                    </span>\r\n                                  </span>\r\n                                </td>\r\n                                <td st-hide=\"personProperty\">\r\n                                  {{orgUnitAccessRight.personalAccessRight.personProperty}}\r\n                                </td>\r\n                                <td st-hide=\"accessZone\" align=\"center\" valign=\"middle\">\r\n                                  <input type=\"checkbox\" ng-model=\"orgUnitAccessRight.personalAccessRight.accessZoneActive\"\r\n                                         name=\"{{orgUnitAccessRight.personalAccessRight.guid}}\"\r\n                                         ng-disabled=\"true\">\r\n                                </td>\r\n                                <td st-hide=\"active\" align=\"center\" valign=\"middle\" class=\"access-right-management-table-active\">\r\n                                  <input type=\"checkbox\" ng-model=\"orgUnitAccessRight.personalAccessRight.active\"\r\n                                         ng-change=\"vm.changeOrgUnitAccessRightActive(orgUnitAccessRight)\"\r\n                                         ng-disabled=\"!(orgUnitAccessRight.personalAccessRight.executionRightValue >= vm.executionRightValue.ChangePerm)\">\r\n                                </td>\r\n                              </tr>\r\n                              <!--Hidden Responsive Area-->\r\n                              <tr ng-repeat-end ng-show=\"stFunc.showResponsiveRow() && stFunc.isRowOpened(orgUnitAccessRight.personalAccessRight) && !group.isClosed\">\r\n                                <td colspan=\"{{stFunc.colSpan()}}\">\r\n\r\n                                  <div class=\"hiddenResponsiveAreaPositionLeft\">\r\n                                    <div st-show=\"validFrom\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_VALID_FROM' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"validTo\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_VALID_TO' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"grantedBy\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_GRANTED_BY' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"grantedOn\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_GRANTED_ON' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"accessZone\" class=\"hiddenResponsiveAreaAccessZoneAndComment\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_ACCESS_ZONE' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"personProperty\" class=\"hiddenResponsiveAreaAccessZoneAndComment\" ng-hide=\"!orgUnitAccessRight.personalAccessRight.personProperty\">\r\n                                      <span><b> {{'ORG_UNIT_ACCESS_RIGHT_TABLE_PERSON_PROPERTY' | translate}}: </b></span>\r\n                                    </div>\r\n                                    <div st-show=\"comment\" class=\"hiddenResponsiveAreaAccessZoneAndComment\" ng-hide=\"!orgUnitAccessRight.personalAccessRight.grantedWithComment\">\r\n                                      <span><b> {{'ACCESS_RIGHT_TABLE_COMMENT' | translate}}: </b></span>\r\n                                    </div>\r\n                                  </div>\r\n\r\n                                  <div class=\"hiddenResponsiveAreaPositionRight\">\r\n                                    <div st-show=\"validFrom\">\r\n                                      <span ng-hide=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validFrom)\">\r\n                                        <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.validFrom.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                        <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.validFrom | date:'shortTime'}}\r\n                                      </span>\r\n                                    </div>\r\n                                    <div st-show=\"validTo\">\r\n                                      <span ng-hide=\"vm.shouldShowEmptyDateField(orgUnitAccessRight.personalAccessRight.validTo)\">\r\n                                        <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.validTo.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                        <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.validTo | date:'shortTime'}}\r\n                                      </span>\r\n                                    </div>\r\n                                    <div st-show=\"grantedBy\">\r\n                                      <span>\r\n                                        <i class=\"fa fa-user\"></i> {{orgUnitAccessRight.personalAccessRight.grantedBy}}\r\n                                      </span>\r\n                                    </div>\r\n                                    <div st-show=\"grantedOn\">\r\n                                      <span>\r\n                                        <i class=\"fa fa-calendar\"></i> {{orgUnitAccessRight.personalAccessRight.grantedOn.toLocaleDateString(vm.currentLanguage, {month: '2-digit', day: '2-digit', year: '2-digit'})}}\r\n                                        <i class=\"fa fa-clock-o\"></i> {{orgUnitAccessRight.personalAccessRight.grantedOn | date:'shortTime'}}\r\n                                      </span>\r\n                                    </div>\r\n                                    <div st-show=\"accessZone\">\r\n                                      <input type=\"checkbox\" ng-model=\"orgUnitAccessRight.personalAccessRight.accessZoneActive\"\r\n                                             name=\"{{orgUnitAccessRight.personalAccessRight.guid}}\"\r\n                                             ng-disabled=\"true\">\r\n                                    </div>\r\n                                    <div st-show=\"personProperty\" ng-hide=\"!orgUnitAccessRight.personalAccessRight.personProperty\">\r\n                                      <span> {{orgUnitAccessRight.personalAccessRight.personProperty}}</span>\r\n                                    </div>\r\n                                    <div st-show=\"comment\" ng-hide=\"!orgUnitAccessRight.personalAccessRight.grantedWithComment\">\r\n                                      <span> {{orgUnitAccessRight.personalAccessRight.grantedWithComment}} </span>\r\n                                    </div>\r\n                                  </div>\r\n                                </td>\r\n                              </tr>\r\n                              <tr ng-repeat-end></tr>\r\n                              <!--Show \"No Data\" if there are no access rights-->\r\n                              <tr ng-if=\"!vm.accessRightsManagementService.displayedGroups.length\">\r\n                                <td align=\"center\" colspan=\"10\">\r\n                                  <b>{{'LANG_NODATA' | translate}}</b>\r\n                                </td>\r\n                              </tr>\r\n                              </tbody>\r\n                            </table>\r\n                    </form>\r\n                    </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n  </section>\r\n","<div class=\"modal-header\">\r\n    <h3 class=\"modal-title\">{{'ACCOUNT_CORRECTION_TRANSACTION_DELETE_CONFIRMATION_MODAL_HEADER' | translate}}</h3>\r\n</div>\r\n<div class=\"modal-body no-padding\" iflx-stop-propagation=\"touchend\">\r\n    <form id=\"account-corrections-transactions-delete-confirm-form\"\r\n          name=\"accountCorrectionsTransactionsDeleteConfirmForm\"\r\n          class=\"form-horizontal form-modal-less-padding\">\r\n\r\n        <!--- todo -->\r\n        <fieldset ng-disabled=\"isOffline\" class=\"no-padding\">\r\n\r\n            <!-- User -->\r\n            <div class=\"form-group account-corrections-transactions-modal-no-margin-bottom\">\r\n                <label class=\"col-md-2\">\r\n                    <b><span>{{'ACCOUNT_CORRECTION_TRANSACTION_DELETE_CONFIRMATION_PERSON' | translate}}:</span></b>\r\n                </label>\r\n\r\n                <div class=\"col-md-10\">\r\n                    <span class=\"fa fa-user\"></span>\r\n                    <span>{{vm.requestForPerson}}</span>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Date -->\r\n            <div class=\"form-group\">\r\n                <label class=\"col-md-2\">\r\n                    <b><span>{{'ACCOUNT_CORRECTION_TRANSACTION_DELETE_CONFIRMATION_DATE' | translate}}:</span></b>\r\n                </label>\r\n\r\n                <div class=\"col-md-10\">\r\n                    <span>{{vm.requestForDate | date: 'dd.MM.yyyy'}}</span>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Transactions -->\r\n            <div class=\"form-group col-md-12\">\r\n                <!-- Label -->\r\n                <label>\r\n                    <b><span>{{'ACCOUNT_CORRECTION_TRANSACTION_DELETE_CONFIRMATION_TRANSACTIONS_LABEL' | translate}}:</span></b>\r\n                </label>\r\n\r\n                <!-- Transactions Details -->\r\n                <div class=\"account-corrections-transactions-modal-transactions-list\">\r\n                    <div ng-repeat=\"transaction in vm.requestedTransactions\">\r\n                        <span>{{transaction.sourceAccount}}</span>\r\n                        <span class=\"fa fa-arrow-right\"></span>\r\n                        <span>{{transaction.targetAccount}}</span>\r\n                        <span ng-if=\"vm.service.isHourUnit( transaction )\">({{transaction.amount}} {{transaction.unit}})</span>\r\n                        <span ng-if=\"!vm.service.isHourUnit( transaction )\">({{transaction.amount | iflxNumber : 2}} {{transaction.unit}})</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Remark -->\r\n            <textarea class=\"form-control\" placeholder=\"{{'ACCOUNT_CORRECTION_TRANSACTION_DELETE_CONFIRMATION_REMARK' | translate}}\"\r\n                    ng-model=\"vm.form.remark\"></textarea>\r\n\r\n        </fieldset>\r\n    </form>\r\n</div>\r\n<div class=\"modal-footer\">\r\n    <div type=\"button\" class=\"btn btn-success\"\r\n         ng-click=\"vm.confirmDeleteTransactions()\">\r\n        <span>{{'BUTTON_APPLY' | translate}}</span>\r\n    </div>\r\n    <div type=\"button\" class=\"btn btn-default\" ng-click=\"vm.dismissModal()\">\r\n        {{'BUTTON_CANCEL' | translate}}\r\n    </div>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'ACCOUNT_CORRECTION_ACCOUNTS_PAGE_TITLE' | translate \"/>\r\n<div class=\"tab-pane fade active in corrections-affix\" id=\"wid-accountCorrections-tab-content-0\">\r\n    <iflx-account-corrections-accounts></iflx-account-corrections-accounts>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'ACCOUNT_CORRECTION_TRANSACTIONS_PAGE_TITLE' | translate \"/>\r\n<div class=\"tab-pane fade active in corrections-affix\" id=\"wid-accountCorrections-tab-content-1\">\r\n    <iflx-account-corrections-transactions></iflx-account-corrections-transactions>\r\n</div>\r\n","<div class=\"widget-body-toolbar corrections-toolbar\">\r\n    <div class=\"row\" iflx-affix=\"140\" adjust-to=\".corrections-affix\" enable-mobile=\"false\">\r\n        <!-- Date selection -->\r\n        <div class=\"corrections-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n            <iflx-date-range-picker\r\n                    single-date-picker=\"true\"\r\n                    initial-callback=\"true\"\r\n                    start-date=\"vm.selectedDate\"\r\n                    end-date=\"vm.selectedDate\"\r\n                    show-arrows=\"true\">\r\n            </iflx-date-range-picker>\r\n        </div>\r\n\r\n        <!-- Employee Selection -->\r\n        <div class=\"corrections-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\" ng-hide=\"vm.isSimpleUser\">\r\n            <iflx-picker\r\n                    class=\"corrections-employee-input\"\r\n                    data-picker-id=\"accountCorrectionsAccountsPicker\"\r\n                    data-type=\"person\"\r\n                    data-multi-selection=\"false\"\r\n                    data-search-auto-focus=\"false\"\r\n                    data-combined-result=\"false\"\r\n                    data-sync-with-person-service=\"true\"\r\n                    data-persistent=\"true\"\r\n                    data-on-selection=\"vm.onPersonSelection\"\r\n                    data-activity-right=\"vm.activityRight\"\r\n                    data-search-context=\"accounting\"\r\n                    data-with-personnel-number=\"true\"/>\r\n        </div>\r\n\r\n        <!-- Search criteria -->\r\n        <div class=\"corrections-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n            <div class=\"input-group\">\r\n                <span class=\"input-group-addon\"><i class=\"fa fa-search\"></i></span>\r\n                <input class=\"form-control ie-height-fix\" type=\"text\"\r\n                       ng-model=\"searchCriteria\" ng-change=\"vm.saveSearchCriteria()\">\r\n\r\n                <span class=\"input-remove-icon\" ng-click=\"vm.clearInput()\">\r\n                    <i ng-show=\"!!searchCriteria\" class=\"fa fa-times\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Button area -->\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 text-right\"\r\n             ng-class=\"{'col-lg-6': vm.isSimpleUser,\r\n                        'col-lg-3': !vm.isSimpleUser}\">\r\n            <button ng-click=\"vm.changeAccountValues()\"\r\n                    ng-class=\"{'disabled': !vm.readyToStore() || vm.storingInProcess,'btn-success': vm.readyToStore()}\"\r\n                    class=\"btn btn-sm\">\r\n                <i class=\"fa fa-check\"></i>\r\n                {{'BUTTON_SAVE' | translate}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<form name=\"accountsForm\" class=\"accountCorrectionsForm\" unsaved-warning-form>\r\n    <div class=\"account-corrections-accounts\">\r\n        <table st-table=\"vm.displayAccounts\"\r\n               st-responsive=\"vm.responsiveOptions\"\r\n               st-safe-src=\"vm.accounts\"\r\n               st-class-ascent=\"st-sort-ascent\"\r\n               st-class-descent=\"st-sort-descent\"\r\n               st-func=\"stFunc\"\r\n               id=\"accounts-table\"\r\n               class=\"table table-bordered dataTable hover table-hover account-corrections-view-table\"\r\n               width=\"100%\">\r\n            <thead>\r\n            <tr>\r\n                <th st-hide=\"sourceAccount\" st-sort=\"sourceAccount\">\r\n                    {{'ACCOUNT_CORRECTION_SOURCEACCOUNT' | translate}}\r\n                </th>\r\n                <th st-hide=\"label\" st-sort=\"label\">{{'ACCOUNT_CORRECTION_TARGETACCOUNT'\r\n                    | translate}}\r\n                </th>\r\n                <th st-hide=\"currentValue\">\r\n                    <nobr>{{'ACCOUNT_CORRECTION_ACCOUNT_CURRENT_VALUE' | translate}}\r\n                    </nobr>\r\n                </th>\r\n                <th st-hide=\"unit\">{{'ACCOUNT_CORRECTION_UNIT' | translate}}</th>\r\n                <th st-hide=\"newValue\">\r\n                    <nobr>\r\n                        {{'ACCOUNT_CORRECTION_ACCOUNT_NEW_VALUE' | translate}}\r\n                        <span iflx-context-help=\"ACCOUNT_CORRECTION_VALUE_HELP\"></span>\r\n                    </nobr>\r\n                </th>\r\n\r\n                <th st-hide=\"comment\" class=\"account-corrections-comment\">\r\n                    {{'ACCOUNT_CORRECTION_ACCOUNT_COMMENT' | translate}}\r\n                </th>\r\n            </tr>\r\n            </thead>\r\n            <tbody>\r\n            <tr ng-repeat-start=\"account in vm.displayAccounts |\r\n                    filter: vm.searchCriteriaFilter(searchCriteria) |\r\n                    filter: vm.targetAccountFilter(account)\"\r\n                ng-class=\"{'row-focus': account == vm.selectedAccount}\"\r\n                ng-click=\"vm.onRowClick(account, $event)\">\r\n                <td st-hide=\"sourceAccount\" class=\"account-corrections-source-input-cell\">\r\n                    <table>\r\n                        <tr>\r\n                            <td>\r\n                                <!-- Expander icon -->\r\n                                <span ng-show=\"stFunc.showResponsiveRow()\"\r\n                                      ng-click=\"stFunc.toggleRowOpened(account)\">\r\n                                                        <span ng-class=\"{'fa-minus-square-o': $parent.stFunc.isRowOpened(account),\r\n                                                        'fa-plus-square-o': !$parent.stFunc.isRowOpened(account)}\"\r\n                                                              class=\"fa account-expander\">\r\n                                                        </span>\r\n                                </span>\r\n                            </td>\r\n                            <td>\r\n                                <iflx-combobox\r\n                                        items=\"vm.displayAccounts\"\r\n                                        selected-item=\"account.sourceAccount\"\r\n                                        custom-filter-func=\"vm.sourceAccountFilter(account)\"\r\n                                        input-css=\"account-corrections-source-input\">\r\n                                </iflx-combobox>\r\n                                <div class=\"account-corrections-source-input-sourcevalue\">\r\n                                    <span ng-if=\"account.sourceAccount != undefined && vm.service.isHourUnit(account.sourceAccount)\">\r\n                                        ({{account.sourceAccount.value}})\r\n                                    </span>\r\n                                    <span ng-if=\"account.sourceAccount != undefined && !vm.service.isHourUnit(account.sourceAccount)\">\r\n                                        ({{account.sourceAccount.value  | iflxNumber : 2 }})\r\n                                    </span>\r\n                                </div>\r\n                            </td>\r\n                        </tr>\r\n                    </table>\r\n\r\n                </td>\r\n                <td st-hide=\"label\">\r\n                    {{account.label}}\r\n\r\n                </td>\r\n                <td st-hide=\"currentValue\" ng-click=\"vm.focusInput(row, $event)\">\r\n\r\n                    <input ng-if=\"vm.service.isHourUnit(account)\"\r\n                           class=\"form-control account-corrections-account account-corrections-disabled no-ms-clear-icon\"\r\n                           type=\"text\"\r\n                           value=\"{{ account.value }}\" disabled=\"disabled\">\r\n\r\n                    <input ng-if=\"!vm.service.isHourUnit(account)\"\r\n                           class=\"form-control account-corrections-account account-corrections-disabled no-ms-clear-icon\"\r\n                           type=\"text\"\r\n                           value=\"{{ account.value | iflxNumber : 2 }}\"\r\n                           disabled=\"disabled\">\r\n                </td>\r\n                <td st-hide=\"unit\">\r\n                    {{account.unit}}\r\n                </td>\r\n                <td class=\"visible-input\" st-hide=\"newValue\" ng-click=\"vm.focusInput(account, $event)\">\r\n                    <div class=\"padding-left-right-6\">\r\n                        <input ng-if=\"vm.service.isHourUnit(account)\"\r\n                               iflx-account-input\r\n                               class=\"account-corrections-account no-ms-clear-icon\"\r\n                               ng-model=\"account.inputValue\"\r\n                               type=\"text\"\r\n                               ng-change=\"vm.setChangedValues({_account:account})\"\r\n                               value=\"\">\r\n\r\n                        <input ng-if=\"!vm.service.isHourUnit(account)\"\r\n                               iflx-decimal-input\r\n                               class=\"account-corrections-account no-ms-clear-icon\"\r\n                               ng-model=\"account.inputValue\" type=\"text\"\r\n                               ng-change=\"vm.setChangedValues({_account:account})\"\r\n                               value=\"\">\r\n                    </div>\r\n                </td>\r\n                <td class=\"visible-input\" st-hide=\"comment\" ng-click=\"vm.focusInput(account, $event)\">\r\n                    <div class=\"padding-left-right-6\">\r\n                        <input class=\"no-ms-clear-icon\" placeholder=\"\"\r\n                               ng-model=\"account.comment\" type=\"text\"\r\n                               ng-change=\"vm.addToChangedAccounts(account)\"\r\n                               value=\"\">\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n\r\n            <!-- Hidden Responsive Area-->\r\n            <tr ng-repeat-end class=\"responsive-row\"\r\n                ng-show=\"stFunc.showResponsiveRow() && stFunc.isRowOpened(account)\">\r\n                <td colspan=\"{{stFunc.colSpan()}}\">\r\n\r\n                    <div st-show=\"currentValue\">\r\n                      <p class=\"responsive-headline\">{{'ACCOUNT_CORRECTION_ACCOUNT_CURRENT_VALUE' | translate}}</p>\r\n                      <span ng-if=\"vm.service.isHourUnit(account)\">{{ account.value }} {{account.unit}} </span>\r\n                      <span ng-if=\"!vm.service.isHourUnit(account)\">{{ account.value | iflxNumber : 2 }} {{account.unit}} </span>\r\n                    </div>\r\n\r\n                     <div st-show=\"newValue\">\r\n                       <p class=\"responsive-headline\">{{'ACCOUNT_CORRECTION_ACCOUNT_NEW_VALUE' | translate}}</p>\r\n\r\n                            <input ng-if=\"vm.service.isHourUnit(account)\"\r\n                                   iflx-account-input\r\n                                   class=\"form-control account-corrections-account no-ms-clear-icon visible-input\"\r\n                                   ng-model=\"account.inputValue\"\r\n                                   type=\"text\"\r\n                                   ng-change=\"vm.setChangedValues({_account:account})\"\r\n                                   value=\"\">\r\n\r\n                            <input ng-if=\"!vm.service.isHourUnit(account)\"\r\n                                   iflx-decimal-input\r\n                                   class=\"form-control account-corrections-account no-ms-clear-icon visible-input\"\r\n                                   ng-model=\"account.inputValue\" type=\"text\"\r\n                                   ng-change=\"vm.setChangedValues({_account:account})\"\r\n                                   value=\"\">\r\n                    </div>\r\n\r\n                    <div st-show=\"comment\">\r\n                      <p class=\"responsive-headline\">{{'ACCOUNT_CORRECTION_ACCOUNT_COMMENT' | translate}}</p>\r\n                        <input class=\"form-control no-ms-clear-icon visible-input\" placeholder=\"\"\r\n                               ng-model=\"account.comment\" type=\"text\"\r\n                               ng-change=\"vm.addToChangedAccounts(account)\"\r\n                               value=\"\">\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n            <tr ng-if=\"!vm.accountValuesLoaded()\">\r\n                <td align=\"center\" colspan=\"10\">\r\n                    <b>{{'ACCOUNT_CORRECTION_NO_ACCOUNT_VALUES' | translate}}</b>\r\n                </td>\r\n            </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</form>\r\n","<div class=\"widget-body-toolbar corrections-toolbar\">\r\n    <div class=\"row\" iflx-affix=\"140\" adjust-to=\".corrections-affix\" enable-mobile=\"false\">\r\n        <!-- Date selection -->\r\n        <div class=\"corrections-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n            <iflx-date-range-picker\r\n                    single-date-picker=\"true\"\r\n                    initial-callback=\"true\"\r\n                    start-date=\"vm.selectedDate\"\r\n                    end-date=\"vm.selectedDate\"\r\n                    show-arrows=\"true\">\r\n            </iflx-date-range-picker>\r\n        </div>\r\n\r\n        <!-- Employee Selection -->\r\n        <div class=\"corrections-md-margin-bottom col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n            <iflx-picker\r\n                    class=\"corrections-employee-input\"\r\n                    data-picker-id=\"accountCorrectionsTransactionsPicker\"\r\n                    data-type=\"person\"\r\n                    data-multi-selection=\"false\"\r\n                    data-search-auto-focus=\"false\"\r\n                    data-combined-result=\"false\"\r\n                    data-sync-with-person-service=\"true\"\r\n                    data-persistent=\"true\"\r\n                    data-on-selection=\"vm.onPersonSelection\"\r\n                    data-activity-right=\"vm.activityRight\"\r\n                    data-search-context=\"accounting\"\r\n                    ng-hide=\"vm.isSimpleUser\"\r\n                    data-with-personnel-number=\"true\"/>\r\n        </div>\r\n\r\n        <!-- Search criteria -->\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-3\">\r\n            <div class=\"input-group\">\r\n                <span class=\"input-group-addon\"><i class=\"fa fa-search\"></i></span>\r\n                <input class=\"form-control person-search-input\" type=\"text\"\r\n                       ng-model=\"searchCriteria\" ng-change=\"vm.saveSearchCriteria()\">\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!-- Delete Selection Button -->\r\n<div class=\"row\" ng-show=\"vm.manualTransactions.length > 0\">\r\n    <div class=\"col-xs-12\">\r\n        <button ng-click=\"vm.deleteTransactions(null, false)\"\r\n                ng-class=\"{disabled: vm.selectCount == 0}\"\r\n                class=\"btn btn-sm btn-danger pull-right account-corrections-transactions-table-action-button\">\r\n            <span class=\"fa fa-trash-o\"></span>\r\n            <span>\r\n                {{ 'ACCOUNT_CORRECTION_TRANSACTION_TABLE_ACTION_SELECTION_DELETE' | translate }}\r\n                ({{vm.selectCount}})</span>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\r\n<form name=\"accountsForm\" class=\"accountCorrectionsForm\">\r\n    <div class=\"account-corrections-transactions\">\r\n        <table st-table=\"vm.displayTransactions\"\r\n               st-responsive=\"vm.responsiveOptionsTransactions\"\r\n               st-safe-src=\"vm.transactions\"\r\n               st-class-ascent=\"st-sort-ascent\"\r\n               st-class-descent=\"st-sort-descent\"\r\n               st-func=\"stFuncB\"\r\n               id=\"account-transactions\"\r\n               class=\"table table-bordered dataTable hover table-hover\"\r\n               width=\"100%\">\r\n            <thead>\r\n            <tr>\r\n                <!--th st-sort=\"date\" ng-hide=\"stFuncB.isHidden(0)\">{{'ACCOUNT_CORRECTION_DATE' | translate}}</th-->\r\n                <th st-sort=\"sourceAccount\" st-hide=\"sourceAccount\">\r\n                    {{'ACCOUNT_CORRECTION_SOURCEACCOUNT' | translate}}\r\n                </th>\r\n                <th st-sort=\"targetAccount\" st-hide=\"targetAccount\">\r\n                    {{'ACCOUNT_CORRECTION_TARGETACCOUNT' | translate}}\r\n                </th>\r\n                <th st-sort=\"amount\" class=\"text-nowrap\" st-hide=\"value\">\r\n                    <nobr>\r\n                        {{'ACCOUNT_CORRECTION_VALUE' | translate}}\r\n                        <span iflx-context-help=\"ACCOUNT_CORRECTION_TRANSACTION_VALUE_HELP\"></span>\r\n                    </nobr>\r\n                </th>\r\n                <th st-sort=\"unit\" st-hide=\"transactionUnit\">{{'ACCOUNT_CORRECTION_UNIT'\r\n                    | translate}}\r\n                </th>\r\n                <th st-sort=\"category\" class=\"text-nowrap\" st-hide=\"category\">\r\n                    {{'ACCOUNT_CORRECTION_CATEGORY' | translate}}\r\n                    <span iflx-context-help=\"ACCOUNT_CORRECTION_TRANSACTION_CATEGORY_HELP\"></span>\r\n                </th>\r\n                <th st-sort=\"comment\" st-hide=\"comment\">{{'ACCOUNT_CORRECTION_COMMENT' |\r\n                    translate}}\r\n                </th>\r\n                <th st-hide=\"actions\" ng-show=\"vm.manualTransactions.length > 0\" class=\"text-nowrap\">\r\n                    <nobr>\r\n                        {{'ACCOUNT_CORRECTION_TABLE_ACTIONS' | translate}}\r\n                        <span iflx-context-help=\"ACCOUNT_CORRECTION_TRANSACTION_ACTIONS_HELP\"></span>\r\n                    </nobr>\r\n                </th>\r\n                <th st-hide=\"checkboxes\" class=\"text-nowrap account-corrections-transactions-table-textalign-center\"\r\n                    ng-show=\"vm.manualTransactions.length > 0\">\r\n                    <label class=\"account-corrections-transactions-table-checkbox\">\r\n                        <label></label>\r\n                        <input type=\"checkbox\" ng-model=\"vm.selectAll\"\r\n                               ng-change=\"vm.updateSelectAll()\"/>\r\n                    </label>\r\n                </th>\r\n            </tr>\r\n            </thead>\r\n            <tbody>\r\n            <tr ng-repeat-start=\"transaction in vm.displayTransactions | filter: vm.searchCriteriaFilter(searchCriteria)\">\r\n                <td st-hide=\"sourceAccount\">\r\n                    <!-- Expander icon -->\r\n                    <span ng-show=\"$parent.stFuncB.showResponsiveRow()\"\r\n                          ng-click=\"stFuncB.toggleRowOpened(transaction)\">\r\n                        <span class=\"fa\"\r\n                              ng-class=\"{'fa-minus-square-o': $parent.stFuncB.isRowOpened(transaction),\r\n                                         'fa-plus-square-o': !$parent.stFuncB.isRowOpened(transaction)}\">\r\n                        </span>\r\n                    </span>\r\n                    {{transaction.sourceAccount}}\r\n                </td>\r\n                <td st-hide=\"targetAccount\"> {{transaction.targetAccount}}</td>\r\n                <td ng-if=\"vm.service.isHourUnit( transaction )\" st-hide=\"value\"\r\n                    class=\"account-transaction-value\"> {{ transaction.amount }}\r\n                </td>\r\n                <td ng-if=\"!vm.service.isHourUnit( transaction )\" st-hide=\"value\"\r\n                    class=\"account-transaction-value\">{{ transaction.amount | iflxNumber\r\n                    : 2 }}\r\n                </td>\r\n                <td st-hide=\"transactionUnit\"> {{transaction.unit}}</td>\r\n                <td st-hide=\"category\"> {{ vm.getCategoryAndReason( transaction ) }}</td>\r\n                <td st-hide=\"comment\"> {{transaction.comment}}</td>\r\n                <!-- Actions -->\r\n                <td st-hide=\"actions\" ng-show=\"vm.manualTransactions.length > 0\"\r\n                    class=\"account-corrections-transactions-table-textalign-center\">\r\n                    <button ng-click=\"vm.deleteTransactions( transaction, true )\"\r\n                            ng-show=\"transaction.isManual\"\r\n                            class=\"btn btn-sm btn-danger account-corrections-transactions-table-action-button\">\r\n                        <span class=\"fa fa-trash-o\"></span>\r\n                        <span>{{ 'ACCOUNT_CORRECTION_TRANSACTION_TABLE_ACTION_DELETE' | translate }}</span>\r\n                    </button>\r\n                </td>\r\n                <!-- Checkboxes -->\r\n                <td ng-show=\"vm.manualTransactions.length > 0\" class=\"account-corrections-transactions-table-textalign-center\">\r\n                    <label ng-show=\"transaction.isManual\">\r\n                        <input type=\"checkbox\" ng-model=\"transaction.selected\"\r\n                               ng-change=\"vm.updateSelectCount(transaction)\"\r\n                               class=\"account-corrections-transactions-table-checkbox\"/>\r\n                    </label>\r\n                </td>\r\n            </tr>\r\n\r\n            <!-- responsive row -->\r\n            <tr ng-repeat-end\r\n                ng-show=\"stFuncB.showResponsiveRow() && stFuncB.isRowOpened(transaction)\">\r\n                <td colspan=\"{{stFuncB.colSpan()}}\">\r\n\r\n                    <div st-show=\"category\">\r\n                        <b>{{'ACCOUNT_CORRECTION_CATEGORY' | translate}}:</b>\r\n                        {{ vm.getCategoryAndReason( transaction ) }}\r\n                    </div>\r\n\r\n                    <div st-show=\"comment\">\r\n                        <b>{{'ACCOUNT_CORRECTION_COMMENT' | translate}}:</b>\r\n                        {{transaction.comment}}\r\n                    </div>\r\n\r\n                    <div st-show=\"value\">\r\n                        <div ng-if=\"vm.service.isHourUnit( transaction )\">\r\n                            <b>{{'ACCOUNT_CORRECTION_VALUE' | translate}}:</b>\r\n                            {{ transaction.amount}}\r\n                            <span st-show=\"transactionUnit\">{{transaction.unit}}</span>\r\n                        </div>\r\n\r\n                        <div ng-if=\"!vm.service.isHourUnit( transaction )\" >\r\n                            <b>{{'ACCOUNT_CORRECTION_VALUE' | translate}}:</b>\r\n                            {{ transaction.amount | iflxNumber : 2 }}\r\n                            <span st-show=\"transactionUnit\">{{transaction.unit}}</span>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div st-show=\"actions\" ng-show=\"transaction.isManual\" class=\"pull-right\">\r\n                        <button ng-click=\"vm.deleteTransactions( transaction, true )\"\r\n                                class=\"btn btn-sm btn-danger account-corrections-transactions-table-action-button\">\r\n                            <span class=\"fa fa-trash-o\"></span>\r\n                            <span>{{ 'ACCOUNT_CORRECTION_TRANSACTION_TABLE_ACTION_DELETE' | translate }}</span>\r\n                        </button>\r\n                    </div>\r\n\r\n                </td>\r\n            </tr>\r\n\r\n            <tr ng-if=\"!vm.employeeHasTransactions()\">\r\n                <td align=\"center\" colspan=\"10\">\r\n                    <b>{{'ACCOUNT_CORRECTION_NO_TRANSACTIONS' | translate}}</b>\r\n                </td>\r\n            </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</form>\r\n","<section iflx-widget-grid-directive id=\"account-corrections-widget-grid\" class=\"account-corrections-view\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\r\n\r\n            <div data-jarvis-widget class=\"jarviswidget jarviswidget-color-darken\" id=\"wid-account-corrections-0\"\r\n                 data-widget-colorbutton=\"false\"\r\n                 data-widget-editbutton=\"false\"\r\n                 data-widget-togglebutton=\"false\"\r\n                 data-widget-deletebutton=\"false\"\r\n                 data-widget-custombutton=\"false\"\r\n                 data-widget-collapsed=\"false\"\r\n                 data-widget-sortable=\"false\">\r\n\r\n                <header data-widget-fullscreenbutton=\"true\">\r\n                    <div class=\"jarviswidget-ctrls\" role=\"menu\">\r\n                        <a ng-click=\"vm.refreshAllData()\" class=\"button-icon\" rel=\"tooltip\"\r\n                           refresh-button\r\n                           data-placement=\"bottom\" data-original-title=\"{{'MAIN_CONTROLS_REFRESH' | translate }}\">\r\n                            <i class=\"fa fa-refresh\"></i>\r\n                            <span visually-hidden>{{'MAIN_CONTROLS_REFRESH' | translate }}</span>\r\n                        </a>\r\n                    </div>\r\n\r\n                    <span class=\"widget-icon\" aria-hidden=\"true\">\r\n                    <i class=\"iflx-font iflx-font-inline iflx-font-kontokorrekturen\"></i>\r\n                    </span>\r\n\r\n                    <h2>{{'ACCOUNT_CORRECTION_HEADER' | translate}}</h2>\r\n\r\n                    <ul class=\"nav pull-right nav-pills nav-line-normal\">\r\n                        <li ui-sref-active=\"active\">\r\n                            <a ui-sref=\"root.eVAYO.accountCorrections.accounts\">\r\n                                <i class=\"iflx-font iflx-font-tab iflx-font-kontokorrekturen\"></i>\r\n                                <span class=\"hidden-mobile hidden-tablet\">\r\n                                    {{'ACCOUNT_CORRECTION_ACCOUNTS' | translate}}\r\n                                </span>\r\n                            </a>\r\n                        </li>\r\n                        <li ui-sref-active=\"active\">\r\n                            <a ui-sref=\"root.eVAYO.accountCorrections.transactions\">\r\n                                <i class=\"iflx-font iflx-font-tab iflx-font-kontoumbuchung\"></i>\r\n                                <span class=\"hidden-mobile hidden-tablet\">\r\n                                    {{'ACCOUNT_CORRECTION_TRANSACTIONS' | translate}}\r\n                            </span>\r\n                            </a>\r\n                        </li>\r\n                    </ul>\r\n\r\n                </header>\r\n\r\n                <div>\r\n                    <div class=\"widget-body\">\r\n                        <div class=\"tab-content\">\r\n                            <ui-view></ui-view>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n</section>\r\n","<account-corrections-container\r\n  current-state-url=\"vm.$state.current.url\"\r\n  selected-person=\"vm.$scope.selectedPerson\"\r\n  set-selected-person=\"vm.$scope.setSelectedPerson\"\r\n  will-leave=\"vm.willLeave\"\r\n  on-will-leave-result=\"onWillLeaveResult\"\r\n/>\r\n","<div\r\n  class=\"jarviswidget jarviswidget-color-darken my-information\"\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <ad-hoc-reporting\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    on-can-leave-change=\"onCanLeaveChange\"\r\n  ></ad-hoc-reporting>\r\n</div>\r\n\r\n\r\n","<ifr-page-title pageTitle=\"'LANG_LOGIN_PAGE_TITLE' | translate \" />\r\n\r\n<page-header\r\nng-if=\"!vm.shouldShowOnlyLoadingSpinner\"\r\n  is-login-page=\"true\"\r\n  menu-state-change-callback=\"vm.menuStateChangeListener\"\r\n/>\r\n\r\n<div class=\"login-layout\">\r\n  <login-menu\r\n  ng-if=\"!vm.shouldShowOnlyLoadingSpinner\"\r\n    set-temporal-language=\"vm.setTemporalLanguage\"\r\n    languages=\"vm.$scope.languages\"\r\n    selected-lang-full-code=\"vm.getSelectedLangFullCode()\"\r\n    skins=\"vm.$scope.design\"\r\n    change-skin=\"vm.changesSkin\"\r\n    selected-skin-id=\"vm.getSelectedSkinId()\"\r\n  />\r\n\r\n\r\n  <main class=\"animated fadeInDown main\">\r\n    <div class=\"pull-right text-italic txt-color-lightgray margin-5 font-sm hidden-xs hidden-sm\">\r\n      <app-version/>\r\n    </div>\r\n\r\n    <div id=\"content\">\r\n      <login-container\r\n        get-is-oidc-state-valid=\"vm.getIsOidcStateValid\"\r\n        get-is-oidc-nonce-valid=\"vm.getIsOidcNonceValid\"\r\n        is-oidc=\"oidc\"\r\n        is-ssoad=\"ssoad\"\r\n        on-login-submit=\"vm.submitLogin\"\r\n        on-password-change=\"vm.changePassword\"\r\n        should-show-only-loading-spinner=\"vm.shouldShowOnlyLoadingSpinner\"\r\n      />\r\n    </div>\r\n  </main>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LANG_LOGIN_PAGE_TITLE' | translate \" />\r\n\r\n<page-header is-login-page=\"true\" />\r\n\r\n<div id=\"main\" role=\"main\" class=\"margin-top-10\">\r\n  <div class=\"unauthorized-container\">\r\n    <!-- row -->\r\n    <div class=\"row\">\r\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\r\n        <div class=\"row\">\r\n          <div class=\"col-sm-12\">\r\n            <div class=\"text-center\">\r\n              <h1 ng-if=\"oidcLoginUrl\">\r\n                {{'LANG_OIDC_TITLE_REDIRECT' | translate}}\r\n              </h1>\r\n              <h1 ng-if=\"!oidcLoginUrl\">\r\n                {{'LANG_OIDC_TITLE_URL_NOT_FOUND' | translate}}\r\n              </h1>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- end row -->\r\n    </div>\r\n  </div>\r\n</div>\r\n","<privacy-policy />\r\n","<ifr-page-title pageTitle=\"'UNAUTHORIZED_PAGE_TITLE' | translate \"/>\r\n<div class=\"unauthorized-container\">\r\n    <!-- row -->\r\n    <div class=\"row\">\r\n        <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\r\n            <div class=\"row\">\r\n                <div class=\"col-sm-12\">\r\n                    <div class=\"text-center error-box\">\r\n                        <h1 class=\"error-text-2\"> {{'UNAUTHORIZED_ERROR_CODE' | translate}} <span\r\n                                class=\"particle particle--c\"></span><span class=\"particle particle--a\"></span><span\r\n                                class=\"particle particle--b\"></span></h1>\r\n\r\n                        <h2 class=\"font-xl\"><strong><i class=\"fa fa-fw fa-warning fa-lg text-warning\"></i>\r\n                            {{'UNAUTHORIZED_HEADER' | translate}}</strong></h2>\r\n                        <br>\r\n\r\n                        <p class=\"lead\">\r\n                            {{message}} <br/>\r\n                            <span ng-if=\"hasDashboardPermission\">\r\n                                {{'UNAUTHORIZED_GO_BACK' | translate}}\r\n                            </span>\r\n                        </p>\r\n\r\n                        <div class=\"row\" ng-if=\"hasDashboardPermission\">\r\n                            <div class=\"col-sm-12\">\r\n                                <ul class=\"list-inline\">\r\n                                    <li>\r\n                                        <a class=\"lead cursor-pointer\" iflx-redirect-home>{{'UNAUTHORIZED_GO_HOME'| translate}}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    <!-- end row -->\r\n    </div>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'COMBI_ENTRIES' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <combi-entries\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    onCanLeaveChange=\"onCanLeaveChange\"\r\n    selectedShiftSet=\"selectedShiftSet\"\r\n    onSelectedShiftSetChange=\"onSelectedShiftSetChange\"\r\n    selectedSequenceId=\"selectedSequenceId\"\r\n    will-leave=\"vm.willLeave\"\r\n    onWillLeaveResult=\"onWillLeaveResult\"\r\n  ></combi-entries>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_CREDENTIAL_ADMINISTRATION' | translate \"/>\r\n<credential-administration-container />\r\n","<div data-jarvis-widget ng-attr-id=\"{{widgetInfo.id}}\"\r\n     data-widget-colorbutton=\"false\" data-widget-togglebutton=\"false\" data-widget-editbutton=\"false\"\r\n     data-widget-fullscreenbutton=\"false\" data-widget-deletebutton=\"false\" ng-hide=\"isVisible()\"\r\n     ng-class=\"{'isEmptyWidget': widgetInfo.widget == 'iflx-empty-widget-directive'}\">\r\n    <!-- widget options:\r\n            usage: <div class=\"jarviswidget\" id=\"wid-id-0\" data-widget-editbutton=\"false\">\r\n\r\n            data-widget-colorbutton=\"false\"\r\n            data-widget-editbutton=\"false\"\r\n            data-widget-togglebutton=\"false\"\r\n            data-widget-deletebutton=\"false\"\r\n            data-widget-fullscreenbutton=\"false\"\r\n            data-widget-custombutton=\"false\"\r\n            data-widget-collapsed=\"true\"\r\n            data-widget-sortable=\"false\"\r\n\r\n        -->\r\n    <header ng-show=\"isEdit\">\r\n        <h2><strong>{{widgetName()}}</strong></h2>\r\n\r\n        <div class=\"widget-toolbar\">\r\n            <div class=\"btn-group\">\r\n                <button class=\"btn dropdown-toggle btn-xs btn-default\" data-toggle=\"dropdown\">\r\n                    {{'WIDGET_SELECTIONLIST' | translate}}\r\n                </button>\r\n\r\n                <button class=\"btn btn-xs btn-danger widget-remove-button\"\r\n                        ng-click=\"updateWidget('iflx-empty-widget-directive')\">\r\n                    <i class=\"fa fa-trash-o margin-right-5\"></i>{{'BUTTON_REMOVE' | translate}}\r\n                </button>\r\n                <ul class=\"dropdown-menu pull-right\">\r\n                    <li role=\"presentation\" class=\"dropdown-header\">\r\n                        {{'LANG_HOME_WIDGETGROUP_ACTIONS' | translate}}\r\n                    </li>\r\n\r\n                    <li ng-repeat=\"widgetActions in favoriteWidgetActions | orderBy: 'name'\"\r\n                        ng-attr-id=\"{{widgetActions.id}}\"\r\n                        iflx-permission-show=\"{{widgetActions.permission}}\">\r\n                        <button\r\n                          class=\"widget-selection-item\"\r\n                          ng-click=\"updateWidget(widgetActions.widgetType)\">\r\n                            {{widgetActions.name}}\r\n                        </button>\r\n                    </li>\r\n\r\n                    <li role=\"presentation\" class=\"divider\"></li>\r\n\r\n                    <li role=\"presentation\" class=\"dropdown-header\">{{'LANG_HOME_WIDGETGROUP_VIEWS' | translate}}</li>\r\n\r\n                    <li ng-repeat=\"widgetLinks in favoriteWidgetLinks | orderBy: 'name'\"\r\n                        ng-attr-id=\"{{widgetLinks.id}}\"\r\n                        iflx-permission-show=\"{{widgetLinks.permission}}\">\r\n                        <button\r\n                          class=\"widget-selection-item\"\r\n                          ng-click=\"updateWidget('iflx-favorites-widget-directive', widgetLinks.widgetType)\">\r\n                            {{widgetLinks.name}}\r\n                        </button>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </header>\r\n\r\n    <!-- widget div-->\r\n    <div ng-class=\"{'widget-view-mode' :!isEdit}\" class=\"widget-container-wrapper\">\r\n\r\n        <!-- widget edit box -->\r\n        <div class=\"jarviswidget-editbox\">\r\n            <!-- This area used as dropdown edit box -->\r\n\r\n        </div>\r\n        <!-- end widget edit box -->\r\n\r\n        <!-- widget content -->\r\n        <div class=\"widget-body no-padding \">\r\n\r\n\r\n        </div>\r\n        <!-- end widget content -->\r\n\r\n    </div>\r\n    <!-- end widget div -->\r\n\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_DASHBOARD' | translate \"/>\r\n<div class=\"jarviswidget-color-darken main-dashboard\" data-jarvis-widget id=\"dashboard-main-jarvis-widget-id\">\r\n    <header>\r\n        <span class=\"widget-icon\" aria-hidden=\"true\"> <i class=\"iflx-font iflx-font-inline iflx-font-logo-interflex\"></i></span>\r\n        <h1>{{'Dashboard' | translate}}</h1>\r\n\r\n        <div class=\"main-dashboard-header-buttons\" ng-show=\"vm.allowDashBoardChanges\">\r\n            <button ng-hide=\"vm.isEdit\" ng-click=\"vm.toggleEdit()\" class=\"accessibility-button button-like-link fas fa-edit edit-button\">\r\n                <span visually-hidden>{{'ACCESSIBILITY_DASHBOARD_EDITING_START' | translate}}</span>\r\n            </button>\r\n            <button ng-show=\"vm.isEdit\" ng-click=\"vm.toggleEdit()\" class=\"accessibility-button button-like-link fas fa-check-square edit-button\">\r\n                <span visually-hidden>{{'ACCESSIBILITY_DASHBOARD_EDITING_SAVE' | translate}}</span>\r\n            </button>\r\n        </div>\r\n    </header>\r\n\r\n    <div ng-show=\"vm.dashBoardSettingsMissing\" class=\"center-text bold\">\r\n        <span>{{'DASHBOARD_SETTINGS_MISSING' | translate}}</span>\r\n    </div>\r\n\r\n    <div id=\"dashboard-body\" ng-show=\"!vm.dashBoardSettingsMissing\">\r\n        <!-- widget grid -->\r\n        <section data-widget-grid id=\"widget-grid\">\r\n            <div class=\"row\">\r\n\r\n                <!-- NEW WIDGET START -->\r\n                <article ng-class=\"{'col-sm-6': !isMainMenuVisible}\" class=\"col-xs-12 col-md-6 col-lg-6\">\r\n                    <div ng-repeat=\"widget in widgets.col1\" iflx-widget-container widget-info=\"widget\"\r\n                         is-edit=\"vm.isEdit\"></div>\r\n                </article>\r\n                <!-- WIDGET END -->\r\n\r\n                <!-- NEW WIDGET START -->\r\n                <article ng-class=\"{'col-sm-6': !isMainMenuVisible}\" class=\"col-xs-12 col-md-6 col-lg-6\">\r\n                    <!-- do not delete, this is a hidden widget for initialization of second row-->\r\n                    <!--<div class=\"jarviswidget jarviswidget-color-blue\" id=\"initialization-hidden-widget\">-->\r\n\r\n                    <!--</div>-->\r\n                    <div ng-repeat=\"widget in widgets.col2\" iflx-widget-container\r\n                         widget-info=\"widget\" is-edit=\"vm.isEdit\"></div>\r\n\r\n                </article>\r\n                <!-- WIDGET END -->\r\n            </div>\r\n\r\n            <!-- end row -->\r\n        </section>\r\n    </div>\r\n    <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_DEVELOPER' | translate \" />\r\n\r\n<developer />\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_DIAGNOSTICS' | translate \"/>\r\n\r\n<diagnostics/>\r\n","<ifr-page-title pageTitle=\"'DISPATCH_SCHEDULE' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <dispatch-schedule\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    selected-plan=\"selectedPlan\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedSchedulingUnit=\"selectedSchedulingUnit\"\r\n    onSelectedSchedulingUnitChange=\"onSelectedSchedulingUnitChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n  ></dispatch-schedule>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'DISPATCH_SCHEDULE_SETTINGS' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <dispatch-schedule-settings\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    will-leave=\"vm.willLeave\"\r\n    onWillLeaveResult=\"onWillLeaveResult\"\r\n  ></dispatch-schedule-settings>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_EVACUATION_LIST' | translate \"/>\r\n<evacuation-list-container />\r\n","<ifr-page-title pageTitle=\"'GROUP_ACCESS_PERMISSIONS_PAGE_TITLE' | translate \"/>\r\n<group-access-permissions />\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_DEPT_CALENDAR' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <group-calendar\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n  ></group-calendar>\r\n</div>\r\n","<group-corrections\r\n  open-rule-violations-screen=\"vm.openRuleViolationsScreen\"\r\n  current-state-url=\"vm.$state.current.url\"\r\n/>\r\n","<div class=\"page-footer\">\r\n    <div class=\"row\">\r\n        <div class=\"col-xs-12 col-sm-6\">\r\n            <span class=\"txt-color-white\">SmartAdmin WebApp © 2013-2014</span>\r\n        </div>\r\n\r\n        <div class=\"col-xs-6 col-sm-6 text-right hidden-xs\">\r\n            <div class=\"txt-color-white inline-block\">\r\n                <i class=\"txt-color-blueLight hidden-mobile\">Last account activity <i class=\"fa fa-clock-o\"></i>\r\n                    <strong>52 mins ago &nbsp;</strong> </i>\r\n\r\n                <div class=\"btn-group dropup\">\r\n                    <button class=\"btn btn-xs dropdown-toggle bg-color-blue txt-color-white\" data-toggle=\"dropdown\">\r\n                        <i class=\"fa fa-link\"></i> <span class=\"caret\"></span>\r\n                    </button>\r\n                    <ul class=\"dropdown-menu pull-right text-left\">\r\n                        <li>\r\n                            <div class=\"padding-5\">\r\n                                <p class=\"txt-color-darken font-sm no-margin\">Download Progress</p>\r\n\r\n                                <div class=\"progress progress-micro no-margin\">\r\n                                    <div class=\"progress-bar progress-bar-success\" style=\"width: 50%;\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li class=\"divider\"></li>\r\n                        <li>\r\n                            <div class=\"padding-5\">\r\n                                <p class=\"txt-color-darken font-sm no-margin\">Server Load</p>\r\n\r\n                                <div class=\"progress progress-micro no-margin\">\r\n                                    <div class=\"progress-bar progress-bar-success\" style=\"width: 20%;\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li class=\"divider\"></li>\r\n                        <li>\r\n                            <div class=\"padding-5\">\r\n                                <p class=\"txt-color-darken font-sm no-margin\">Memory Load <span class=\"text-danger\">*critical*</span>\r\n                                </p>\r\n\r\n                                <div class=\"progress progress-micro no-margin\">\r\n                                    <div class=\"progress-bar progress-bar-danger\" style=\"width: 70%;\"></div>\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                        <li class=\"divider\"></li>\r\n                        <li>\r\n                            <div class=\"padding-5\">\r\n                                <button class=\"btn btn-block btn-default\">refresh</button>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","<header id=\"header\">\r\n    <div id=\"logo-group\" class=\"logo-group\">\r\n    <span id=\"hide-menu\" class=\"btn-header\">\r\n        <span> <a toggle-menu iflx-permission-hide=\"visitorSelfPreRegistration\" iflx-toggle-menu-notifier title=\"{{'LEFT_PANEL_COLLAPSE_PAGE_NAVIGATION' | translate}}\"><i\r\n                class=\"fa fa-reorder\"></i></a> </span>\r\n    </span>\r\n        <!-- PLACE YOUR LOGO HERE -->\r\n        <span id=\"logo\" iflx-redirect-home> <img src=\"styles/img/eVAYO-img/interflex.svg\" alt=\"Interflex\"> </span>\r\n        <!-- END LOGO PLACEHOLDER -->\r\n    </div>\r\n\r\n    <!--<div class=\"breadcrumb-header hidden-mobile\">-->\r\n    <!-- breadcrumb -->\r\n    <!--<breadcrumb>-->\r\n    <!-- This is auto generated -->\r\n    <!--</breadcrumb>-->\r\n    <!-- end breadcrumb -->\r\n    <!--</div>-->\r\n    <!-- projects dropdown -->\r\n    <div class=\"project-context hidden-xs\">\r\n\r\n        <span class=\"label\"><span data-localize=\"Projects\">Projects</span>:</span>\r\n    <span class=\"project-selector\" class=\"popover-trigger-element dropdown-toggle\" data-toggle=\"dropdown\"><span\r\n            data-localize=\"Recent projects\">Recent projects </span> <i class=\"fa fa-angle-down\"></i></span>\r\n\r\n        <!-- Suggestion: populate this list with fetch and push technique -->\r\n        <ul class=\"dropdown-menu\">\r\n            <li>\r\n                <a href=\"javascript:void(0);\">Online e-merchant management system - attaching integration with the\r\n                    iOS</a>\r\n            </li>\r\n            <li>\r\n                <a href=\"javascript:void(0);\">Notes on pipeline upgradee</a>\r\n            </li>\r\n            <li>\r\n                <a href=\"javascript:void(0);\">Assesment Report for merchant account</a>\r\n            </li>\r\n            <li class=\"divider\"></li>\r\n            <li>\r\n                <a href=\"javascript:void(0);\"><i class=\"fa fa-power-off\"></i> Clear</a>\r\n            </li>\r\n        </ul>\r\n        <!-- end dropdown-menu-->\r\n\r\n    </div>\r\n    <!-- end projects dropdown -->\r\n\r\n    <!-- pulled right: nav area -->\r\n    <div class=\"pull-right\">\r\n\r\n        <!-- collapse menu button -->\r\n\r\n        <!-- end collapse menu -->\r\n\r\n        <!-- Top menu profile link : this shows only when top menu is active -->\r\n        <ul id=\"mobile-profile-img\" class=\"header-dropdown-list hidden-xs padding-5\">\r\n            <li class=\"\">\r\n                <a href=\"#\" class=\"dropdown-toggle no-margin userdropdown\" data-toggle=\"dropdown\">\r\n                    <img src=\"\" alt=\"{{user.name}}\" class=\"online\"/>\r\n                </a>\r\n                <ul class=\"dropdown-menu pull-right\">\r\n                    <li>\r\n                        <a href=\"javascript:void(0);\" class=\"padding-10 padding-top-0 padding-bottom-0\"><i\r\n                                class=\"fa fa-cog\"></i> Setting</a>\r\n                    </li>\r\n                    <li class=\"divider\"></li>\r\n                    <li>\r\n                        <a href=\"#/misc/other/profile\" class=\"padding-10 padding-top-0 padding-bottom-0\"> <i\r\n                                class=\"fa fa-user\"></i> <u>P</u>rofile</a>\r\n                    </li>\r\n                    <li class=\"divider\"></li>\r\n                    <li>\r\n                        <a href=\"javascript:void(0);\" class=\"padding-10 padding-top-0 padding-bottom-0\"\r\n                           data-action=\"toggleShortcut\"><i class=\"fa fa-arrow-down\"></i> <u>S</u>hortcut</a>\r\n                    </li>\r\n                    <li class=\"divider\"></li>\r\n                    <li>\r\n                        <a href=\"javascript:void(0);\" class=\"padding-10 padding-top-0 padding-bottom-0\"\r\n                           data-action=\"launchFullscreen\"><i class=\"fa fa-arrows-alt\"></i> Full <u>S</u>creen</a>\r\n                    </li>\r\n                    <li class=\"divider\"></li>\r\n                    <li>\r\n                        <a href=\"login.html\" class=\"padding-10 padding-top-5 padding-bottom-5\" data-action=\"userLogout\"><i\r\n                                class=\"fa fa-sign-out fa-lg\"></i> <strong><u>L</u>ogout</strong></a>\r\n                    </li>\r\n                </ul>\r\n            </li>\r\n        </ul>\r\n\r\n        <!-- logout button -->\r\n        <!--<div id=\"logout\" class=\"btn-header transparent pull-right hidden-mobile hidden-tablet\">-->\r\n        <!--<span> <a title=\"Sign Out\" logout-click=\"\"><i class=\"iflx-font iflx-font-menu iflx-font-sl logout logout-header\"></i></a> </span>-->\r\n        <!--</div>-->\r\n        <!-- end logout button -->\r\n\r\n        <!-- fullscreen button -->\r\n        <div ng-hide id=\"fullscreen\" class=\"btn-header transparent pull-right\">\r\n        <span> <a full-screen title=\"Full Screen\"><i\r\n                class=\"fa fa-arrows-alt\"></i></a></span>\r\n        </div>\r\n        <!-- end fullscreen button -->\r\n\r\n\r\n    </div>\r\n</header>\r\n\r\n","<div>\r\n  <navigation-menu-react\r\n    open-screen=\"ctrl.openScreen\"\r\n    current-state-name=\"ctrl.getCurrentStateName()\"\r\n    do-logout=\"ctrl.doLogout\"\r\n    get-has-unsaved-changes=\"ctrl.getHasUnsavedChanges\"\r\n    menu-global-settings=\"windowGlobals\"\r\n    user-display-name=\"ctrl.getUserDisplayName()\"\r\n    employee-image=\"ctrl.getEmployeeImage()\"\r\n    class=\"navigation-menu\"\r\n  />\r\n  <status-panel-employees-watch\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"ctrl.getAuthToken()\"\r\n    locale=\"ctrl.getLocaleFullCode()\"\r\n  />\r\n</div>\r\n","<div class=\"col-xs-12 col-sm-5 col-md-5 col-lg-8\" data-sparkline-container>\r\n    <ul id=\"sparks\" class=\"\">\r\n        <li class=\"sparks-info\">\r\n            <h5> My Income <span class=\"txt-color-blue\">$47,171</span></h5>\r\n\r\n            <div class=\"sparkline txt-color-blue hidden-mobile hidden-md hidden-sm\">\r\n                1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471\r\n            </div>\r\n        </li>\r\n        <li class=\"sparks-info\">\r\n            <h5> Site Traffic <span class=\"txt-color-purple\"><i class=\"fa fa-arrow-circle-up\"></i>&nbsp;45%</span></h5>\r\n\r\n            <div class=\"sparkline txt-color-purple hidden-mobile hidden-md hidden-sm\">\r\n                110,150,300,130,400,240,220,310,220,300, 270, 210\r\n            </div>\r\n        </li>\r\n        <li class=\"sparks-info\">\r\n            <h5> Site Orders <span class=\"txt-color-greenDark\"><i class=\"fa fa-shopping-cart\"></i>&nbsp;2447</span></h5>\r\n\r\n            <div class=\"sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm\">\r\n                110,150,300,130,400,240,220,310,220,300, 270, 210\r\n            </div>\r\n        </li>\r\n    </ul>\r\n</div>\r\n\t\t\t","<!-- TRIGGER BUTTON:\r\n<a href=\"/my-ajax-page.html\" data-toggle=\"modal\" data-target=\"#remoteModal\" class=\"btn btn-default\">Open Modal</a>  -->\r\n\r\n<!-- MODAL PLACE HOLDER\r\n<div class=\"modal fade\" id=\"remoteModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"remoteModalLabel\" aria-hidden=\"true\">\r\n<div class=\"modal-dialog\">\r\n<div class=\"modal-content\"></div>\r\n</div>\r\n</div>   -->\r\n<!--////////////////////////////////////-->\r\n\r\n<!--<div class=\"modal-header\">\r\n<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">\r\n&times;\r\n</button>\r\n<h4 class=\"modal-title\" id=\"myModalLabel\">Command List</h4>\r\n</div>-->\r\n<div class=\"modal-body\">\r\n\r\n    <h1><i class=\"fa fa-microphone text-muted\"></i>&nbsp;&nbsp; SmartAdmin Voice Command</h1>\r\n    <hr class=\"simple\">\r\n    <h5>Instruction</h5>\r\n\r\n    Click <span class=\"text-success\">\"Allow\"</span> to access your microphone and activate Voice Command.\r\n    You will notice a <span class=\"text-primary\"><strong>BLUE</strong> Flash</span> on the microphone icon indicating\r\n    activation.\r\n    The icon will appear <span class=\"text-danger\"><strong>RED</strong></span> <span class=\"label label-danger\"><i\r\n        class=\"fa fa-microphone fa-lg\"></i></span> if you <span class=\"text-danger\">\"Deny\"</span> access or don't have\r\n    any microphone installed.\r\n    <br>\r\n    <br>\r\n    As a security precaution, your browser will disconnect the microphone every 60 to 120 seconds (sooner if not being\r\n    used). In which case Voice Command will prompt you again to <span class=\"text-success\">\"Allow\"</span> or <span\r\n        class=\"text-danger\">\"Deny\"</span> access to your microphone.\r\n    <br>\r\n    <br>\r\n    If you host your page over <strong>http<span class=\"text-success\">s</span></strong> (secure socket layer) protocol\r\n    you can wave this security measure and have an unintrupted Voice Command.\r\n    <br>\r\n    <br>\r\n    <h5>Commands</h5>\r\n    <ul>\r\n        <li>\r\n            <strong>'show' </strong> then say the <strong>*page*</strong> you want to go to. For example <strong>\"show\r\n            inbox\"</strong> or <strong>\"show calendar\"</strong>\r\n        </li>\r\n        <li>\r\n            <strong>'mute' </strong> - mutes all sound effects for the theme.\r\n        </li>\r\n        <li>\r\n            <strong>'sound on'</strong> - unmutes all sound effects for the theme.\r\n        </li>\r\n        <li>\r\n            <span class=\"text-danger\"><strong>'stop'</strong></span> - deactivates voice command.\r\n        </li>\r\n        <li>\r\n            <span class=\"text-primary\"><strong>'help'</strong></span> - brings up the command list\r\n        </li>\r\n        <li>\r\n            <span class=\"text-danger\"><strong>'got it'</strong></span> - closes help modal\r\n        </li>\r\n        <li>\r\n            <strong>'hide navigation'</strong> - toggle navigation collapse\r\n        </li>\r\n        <li>\r\n            <strong>'show navigation'</strong> - toggle navigation to open (can be used again to close)\r\n        </li>\r\n        <li>\r\n            <strong>'scroll up'</strong> - scrolls to the top of the page\r\n        </li>\r\n        <li>\r\n            <strong>'scroll down'</strong> - scrollts to the bottom of the page\r\n        </li>\r\n        <li>\r\n            <strong>'go back' </strong> - goes back in history (history -1 click)\r\n        </li>\r\n        <li>\r\n            <strong>'logout'</strong> - logs you out\r\n        </li>\r\n    </ul>\r\n    <br>\r\n    <h5>Adding your own commands</h5>\r\n    Voice Command supports up to 80 languages. Adding your own commands is extreamly easy. All commands are stored\r\n    inside <strong>app.config.js</strong> file under the <code>var commands = {...}</code>.\r\n\r\n    <hr class=\"simple\">\r\n    <div class=\"text-right\">\r\n        <button type=\"button\" class=\"btn btn-success btn-lg\" data-dismiss=\"modal\">\r\n            Got it!\r\n        </button>\r\n    </div>\r\n\r\n</div>\r\n<!--<div class=\"modal-footer\">\r\n<button type=\"button\" class=\"btn btn-primary\" data-dismiss=\"modal\">Got it!</button>\r\n</div> -->","<div id=\"shortcut\">\r\n    <ul>\r\n        <li>\r\n            <a href=\"#/inbox/\" class=\"jarvismetro-tile big-cubes bg-color-blue\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-envelope fa-4x\"></i> <span>Mail <span\r\n                    class=\"label pull-right bg-color-darken\">14</span></span> </span> </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"#/calendar\" class=\"jarvismetro-tile big-cubes bg-color-orangeDark\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-calendar fa-4x\"></i> <span>Calendar</span> </span> </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"#/maps\" class=\"jarvismetro-tile big-cubes bg-color-purple\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-map-marker fa-4x\"></i> <span>Maps</span> </span> </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"#/invoice\" class=\"jarvismetro-tile big-cubes bg-color-blueDark\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-book fa-4x\"></i> <span>Invoice <span class=\"label pull-right bg-color-darken\">99</span></span> </span>\r\n            </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"#/gallery\" class=\"jarvismetro-tile big-cubes bg-color-greenLight\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-picture-o fa-4x\"></i> <span>Gallery </span> </span> </a>\r\n        </li>\r\n        <li>\r\n            <a href=\"#/profile\" class=\"jarvismetro-tile big-cubes selected bg-color-pinkDark\"> <span class=\"iconbox\"> <i\r\n                    class=\"fa fa-user fa-4x\"></i> <span>My Profile </span> </span> </a>\r\n        </li>\r\n    </ul>\r\n</div>","<ifr-page-title pageTitle=\"'LEFT_PANEL_MY_DATA' | translate \"/>\r\n\r\n<my-data-container\r\n  profile-image=\"vm.profileImage\"\r\n  profile-image-format=\"vm.profileImageFormat\"\r\n/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_MY_INFORMATION' | translate \"/>\r\n\r\n<information-container />\r\n\r\n<iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_ORGANIZATIONAL_DATA' | translate \" />\r\n<person-records-and-org-units\r\n  person-action=\"ctrl.$state.params.personAction\"\r\n  person-guid=\"ctrl.$state.params.personGuid\"\r\n  current-state-url=\"ctrl.$state.current.url\"\r\n  orgUnit-action=\"ctrl.$state.params.orgUnitAction\"\r\n  org-unit-guid=\"ctrl.$state.params.orgUnitGuid\"\r\n/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_PLAN' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <plan\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    selected-plan=\"selectedPlan\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPeople=\"selectedPeople\"\r\n    onSelectedPeopleChange=\"onSelectedPeopleChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n    selectedShiftSet=\"selectedShiftSet\"\r\n    onSelectedShiftSetChange=\"onSelectedShiftSetChange\"\r\n    onModuleChange=\"onModuleChange\"\r\n    workflowRequestSubmissionAsSubstitute=\"workflowRequestSubmissionAsSubstitute\"\r\n  ></plan>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_NOTIFICATIONS' | translate \"/>\r\n<div\r\n  class=\"jarviswidget jarviswidget-color-darken my-information\"\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <plan-notifications\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n  ></plan-notifications>\r\n</div>\r\n","<!--popover triangle-->\r\n<div class=\"iflx-popover-triangle\"></div>\r\n<!--popover body-->\r\n<div class=\"iflx-popover-tooltip\">\r\n  <div class='iflx-popover-content'>\r\n    {{'PROJECTTIME_APPROVAL_TAB_HELP'|translate}}\r\n  </div>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'PROJECTTIME_APPROVAL_PAGE_TITLE' | translate \"/>\r\n<section id=\"project-time-approval-widget\" iflx-widget-grid-directive options=\"vm.jarvisOptions\">\r\n  <project-time-approval\r\n    open-recording-screen-for-person=\"vm.openRecordingScreenForPerson\"\r\n  />\r\n  <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n</section>\r\n","<ifr-page-title pageTitle=\"'PROJECTTIME_OVERVIEW_PAGE_TITLE' | translate \"/>\r\n<section id=\"project-time-overview-widget\" iflx-widget-grid-directive options=\"vm.jarvisOptions\">\r\n  <project-time-overview\r\n    open-recording-screen-for-person=\"vm.openRecordingScreenForPerson\"\r\n    activity-right=\"vm.activityRight\"\r\n    is-simple-user=\"vm.isSimpleUser\"\r\n  />\r\n  \r\n  <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n</section>","<ifr-page-title pageTitle=\"'PROJECTTIME_RECORDING_PAGE_TITLE' | translate \" />\r\n\r\n<project-time-management\r\n  activity-right=\"activityRight\"\r\n  selected-person=\"selectedPerson\"\r\n  set-selected-person=\"setSelectedPerson\"\r\n  preselect-date-from=\"routeSelectedDateFrom\"\r\n  preselect-date-to=\"routeSelectedDateTo\"\r\n  allow-project-time-changes-after-approval=\"allowProjectTimeChangesAfterApproval\"\r\n  withdraw-release-permission=\"resetReleasePermission\"\r\n  approval-permission=\"approvalPermission\"\r\n  withdraw-approval-permission=\"resetApprovalPermission\"\r\n  will-leave=\"vm.willLeave\"\r\n  on-will-leave-result=\"onWillLeaveResult\"\r\n/>\r\n\r\n<iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_ACCESSRIGHTSMANAGEMENT' | translate \" />\r\n\r\n<section data-widget-grid id=\"access-permissions-view\">\r\n  <react-access-permissions\r\n    current-state-url=\"vm.$state.current.url\"\r\n    will-leave=\"vm.willLeave\"\r\n    on-will-leave-result=\"onWillLeaveResult\"\r\n    is-add-access-permission-selected=\"vm.isAddAccessPermissionSelected\"\r\n  />\r\n</section>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_MONTHLY_CALENDAR' | translate \" />\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <monthly-calendar\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    simple-user-id=\"simpleUserId\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n  ></monthly-calendar>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_YEARLY_CALENDAR' | translate \" />\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <yearly-calendar\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    simple-user-id=\"simpleUserId\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n    pickerContext=\"'planningYearlyCalendar'\"\r\n    fromDay=\"fromDay\"\r\n    toDay=\"toDay\"\r\n  ></yearly-calendar>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_YEARLY_CALENDAR' | translate \" />\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <yearly-calendar\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    simple-user-id=\"simpleUserId\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n    pickerContext=\"'taYearlyCalendar'\"\r\n  ></yearly-calendar>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_TIME_CORRECTIONS' | translate \"/>\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <time-corrections\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    fromDay=\"fromDay\"\r\n    toDay=\"toDay\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    simple-user-id=\"simpleUserId\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    selectedBalanceSet=\"selectedBalanceSet\"\r\n    onSelectedBalanceSetChange=\"onSelectedBalanceSetChange\"\r\n    will-leave=\"vm.willLeave\"\r\n    onWillLeaveResult=\"onWillLeaveResult\"\r\n  ></time-corrections>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_START_PAGE' | translate \"/>\r\n\r\n<react-dashboard \r\nnavigate-to=\"navigateTo\"  \r\nwill-leave=\"vm.willLeave\"\r\non-will-leave-result=\"onWillLeaveResult\" \r\nlic-key=\"licKey\"\r\n/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_REQUESTS_LIST' | translate \"/>\r\n<div\r\n  class=\"jarviswidget jarviswidget-color-darken my-information\"\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <react-request-list\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n  ></react-request-list>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'REPORTS_TITLE' | translate \"/>\r\n<section data-widget-grid id=\"reports-view\">\r\n    <reports lic-key=\"licKey\" />\r\n    <iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n  </section>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_REQUESTS_LIST' | translate \"/>\r\n\r\n      <requests-list\r\n        activity-right=\"vm.activityRight\"\r\n        theme=\"vm.selectedDesign\"\r\n        api-url=\"'/WebPlanningAPI'\"\r\n        auth-token=\"authToken\"\r\n        locale=\"locale\"\r\n        on-auth-error=\"onAuthError\"\r\n      />\r\n\r\n\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_RULE_VIOLATIONS' | translate \"/>\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <rule-violations\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    simple-user-id=\"simpleUserId\"\r\n    selectedPeople=\"selectedPeople\"\r\n    onSelectedPeopleChange=\"onSelectedPeopleChange\"\r\n    will-leave=\"vm.willLeave\"\r\n    onWillLeaveResult=\"onWillLeaveResult\"\r\n  ></rule-violations>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_RULE_VIOLATIONS' | translate \"/>\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <rule-violations\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    openedFromTimeManagement=\"true\"\r\n    simple-user-id=\"simpleUserId\"\r\n    selectedPeople=\"selectedPeople\"\r\n    onSelectedPeopleChange=\"onSelectedPeopleChange\"\r\n    will-leave=\"vm.willLeave\"\r\n    onWillLeaveResult=\"onWillLeaveResult\"\r\n  ></rule-violations>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_SETTINGS' | translate \"/>\r\n<settings/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_SICK_NOTES' | translate \" />\r\n<div id=\"wid-plan-content-0\">\r\n  <sick-notes\r\n    type=\"6040\" \r\n    api-url=\"'/WebPlanningAPI'\" \r\n    auth-token=\"authToken\" \r\n    locale=\"locale\" \r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    notificationDisplayTimeMap=\"notificationDisplayTimeMap\"\r\n    isAutomaticLoadingEnabled=\"isAutomaticLoadingEnabled\"></sick-notes>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_LAMPTABLE' | translate \"/>\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <status-panel\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    theme=\"theme\"\r\n    on-auth-error=\"onAuthError\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n  ></status-panel>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LANG_HOME_TERMINAL' | translate \"/>\r\n\r\n<terminal-container />\r\n\r\n<iflx-scroll-up-directive></iflx-scroll-up-directive>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_VISITOR_PREREGISTRATION' | translate \" />\r\n<visitor-management-and-person-records\r\n  class=\"visitor-management\"\r\n  person-action=\"ctrl.$state.params.personAction\"\r\n  person-guid=\"ctrl.$state.params.personGuid\"\r\n  current-state-url=\"ctrl.$state.current.url\"\r\n  angular-router-helpers=\"{\r\n  goToVisitList: ctrl.closeVisitDialogue,\r\n  goToVisitDetail: ctrl.navigateToVisitDetail,\r\n  goToCreateVisitFromTemplete: ctrl.navigateToCreateVisitFromTemplateState,\r\n  goToNewVisit: ctrl.navigateToCreateVisit,\r\n}\"\r\n  visit-guid=\"ctrl.$state.params.visitGuid\"\r\n  template-guid=\"ctrl.$state.params.templateGuid\"\r\n  is-visit-detail-selected=\"ctrl.isVisitDetailSelected\"\r\n/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_VISITOR_RECEPTION' | translate \"/>\r\n<visitor-reception class=\"visitor-reception\"/>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_VISITOR_SELFPREREGISTRATION' | translate \"/>\r\n<div class=\"dialogue-fullscreen\">\r\n    <vsp-container\r\n      set-language=\"ctrl.setLanguage\"\r\n      activity-right=\"ctrl.activityRight\"\r\n    />\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_WEEKLY_SCHEDULE' | translate \"/>\r\n<div\r\n  id=\"wid-plan-content-0\"\r\n>\r\n  <weekly-calendar\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    simple-user-id=\"simpleUserId\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    openedFromTimeManagement=\"true\"\r\n  ></weekly-calendar>\r\n</div>\r\n","<ifr-page-title pageTitle=\"'LEFT_PANEL_WEEKLY_SCHEDULE' | translate \"/>\r\n<div\r\nid=\"wid-plan-content-0\"\r\n>\r\n  <weekly-calendar\r\n    type=\"6040\"\r\n    api-url=\"'/WebPlanningAPI'\"\r\n    auth-token=\"authToken\"\r\n    locale=\"locale\"\r\n    user-id=\"userId\"\r\n    theme=\"theme\"\r\n    licenses=\"licenses\"\r\n    on-auth-error=\"onAuthError\"\r\n    simple-user-id=\"simpleUserId\"\r\n    personnelNumberEnabled=\"personnelNumberEnabled\"\r\n    selectedPerson=\"selectedPerson\"\r\n    onSelectedPersonChange=\"onSelectedPersonChange\"\r\n    openedFromTimeManagement=\"false\"\r\n  ></weekly-calendar>\r\n</div>\r\n","<div class=\"modal-header\">\r\n    <h3 class=\"modal-title\">Error</h3>\r\n</div>\r\n<div class=\"modal-body\" >\r\n    {{respStatus}}\r\n</div>\r\n<div class=\"modal-footer\">\r\n    <button class=\"btn btn-primary\" ng-click=\"retry()\">Retry</button>\r\n    <button class=\"btn btn-warning\" ng-click=\"goOffline()\" ng-hide=\"hideOffline\">Go offline</button>\r\n</div>\r\n\r\n","<div class=\"modal-header\">\r\n    <h3 class=\"modal-title\">{{'SINGLE_PICKER' | translate}}</h3>\r\n</div>\r\n<div class=\"modal-body single-picker\" iflx-stop-propagation=\"touchend\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <form class=\"padding-bottom-10\">\r\n                <div class=\"input-group quick-search\">\r\n                            <span class=input-group-addon>\r\n                                <i class=\"fa fa-fw fa-search text-muted\"></i>\r\n                            </span>\r\n                    <input autofocus=\"autofocus\" type=\"search\"\r\n                           iflx-auto-focus=\"setAutoFocus\"\r\n                           ng-model=\"searchQuery\"\r\n                           ng-model-options=\"{debounce: 500 }\"\r\n                           ng-change=\"onInputChange(searchQuery)\"\r\n                           placeholder=\"{{'SINGLE_PICKER_SEARCHCRITERIA' | translate}}\" class=\"form-control\">\r\n\r\n                    <span class=\"single-picker-modal-spinner\">\r\n                        <i ng-show=\"isLoading\" class=\"fa fa-refresh fa-spin\"></i>\r\n                    </span>\r\n\r\n                    <span class=\"single-picker-modal-remove\" ng-click=\"clearModalInput(searchQuery)\">\r\n                        <i ng-show=\"searchQuery.length > 0\" class=\"fa fa-times\"></i>\r\n                    </span>\r\n                </div>\r\n            </form>\r\n\r\n            <table class=\"single-picker-table row-border hover table table-bordered table-hover\"\r\n                   st-table=\"displayItems\"\r\n                   st-class-ascent=\"st-sort-ascent\"\r\n                   st-class-descent=\"st-sort-descent\"\r\n                   st-safe-src=\"items\">\r\n                <thead>\r\n                <tr>\r\n                    <th st-sort=\"displayName\">\r\n                        {{'PICKER_RESULTS' | translate }}\r\n                    </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr data-ng-repeat=\"item in displayItems\" data-ng-click=\"select(item)\">\r\n                    <td>{{item.displayName}}</td>\r\n                </tr>\r\n                </tbody>\r\n                <tfoot>\r\n                <tr ng-if=\"vm.totalItems > 10\">\r\n                    <td class=\"text-center\"\r\n                        st-pagination=\"\"\r\n                        st-items-by-page=\"10\"\r\n                        st-template=\"app/components/picker/partials/pickerPagination.html\"\r\n                        colspan=\"2\"></td>\r\n                </tr>\r\n                </tfoot>\r\n            </table>\r\n            <strong>{{'EMPLOYEE_SEARCH_NUMBERITEMS' | translate}} {{totalItems}}</strong> <span>({{'SEARCH_HINT_MAXCOUNT' | translatePlaceholder: {'maxCount': maxCount} }})</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"modal-footer\">\r\n    <button class=\"btn btn-default\" ng-click=\"close()\">{{'BUTTON_CLOSE' | translate}}</button>\r\n</div>","<!--popover triangle-->\r\n<div class=\"iflx-popover-triangle\"></div>\r\n<!--popover body-->\r\n<div class=\"iflx-popover-tooltip\">\r\n    <span class=\"tt-day\">{{tooltip.dayLabel}}</span>\r\n\r\n    <span ng-repeat=\"absence in tooltip.absences\" class=\"tt-event\"\r\n          ng-class=\"{'tt-prioritized': (((tooltip.cellEntriesLength - 1) == $index && tooltip.absences.length > 1) && !$last)}\">\r\n        <strong ng-style=\"{'background': absence.colors.backgroundColor, 'color': absence.colors.color}\">\r\n            {{::absence.reasonShortcut}}\r\n        </strong>\r\n        <span>{{::absence.reasonLabel}}</span>\r\n\r\n        <span class=\"absence-tooltip-event-type\" ng-if=\"(absence.displayType === 0)\" ng-bind=\"'(' + ('ABSENCE_TIME_ABSENCE_POSITION_FULLDAY' | translate) + ')'\"></span>\r\n        <span class=\"absence-tooltip-event-type\" ng-if=\"(absence.displayType === 1)\" ng-bind=\"'(' + ('ABSENCE_TIME_ABSENCE_POSITION_FIRSTHALF' | translate) + ')'\"></span>\r\n        <span class=\"absence-tooltip-event-type\" ng-if=\"(absence.displayType === 2)\" ng-bind=\"'(' + ('ABSENCE_TIME_ABSENCE_POSITION_SECONDHALF' | translate) + ')'\"></span>\r\n        <span class=\"absence-tooltip-event-type\" ng-if=\"(absence.displayType === 3)\" ng-bind=\"'(' + absence.absencePercentage + '%)'\"></span>\r\n        <span class=\"absence-tooltip-event-type\" ng-if=\"(absence.displayType === 5)\" ng-bind=\"'(' + (absence.absenceDuration | durationInHours) + ')'\"></span>\r\n\r\n        <!--<em ng-show=\"absence.isApproved\" ng-bind=\"'ABSENCE_TIME_APPROVED' | translate\"></em>-->\r\n        <em ng-show=\"!absence.approved\" ng-bind=\"'ABSENCE_TIME_REQUESTEDINSERT' | translate\"></em>\r\n        <em ng-show=\"absence.status == 'approvedandrequestedforclear'\" ng-bind=\"'ABSENCE_TIME_APPROVEDANDREQUESTEDFORCLEAR' | translate\"></em>\r\n    </span>\r\n</div>\r\n","<div class=\"dropdown\">\r\n\r\n    <input ng-model=\"selectedItem.label\"\r\n           type=\"text\"\r\n           data-toggle=\"dropdown\"\r\n           class=\"form-control iflx-dropdown no-ms-clear-icon {{inputCss}}\"\r\n           placeholder=\"{{ 'COMBOBOX_CHOOSE' | translate }} \"\r\n           ng-click=\"setCSS()\">\r\n\r\n    <span class=\"combobox-input-remove\" ng-click=\"deleteSelectedItem()\">\r\n        <i ng-show=\"selectedItem !== undefined && selectedItem.label !== ''\" class=\"fa fa-times\"></i>\r\n    </span>\r\n\r\n    <ul class=\"dropdown-menu iflx-dropdown-menu\" role=\"menu\"\r\n        aria-labelledby=\"dropdownSourceAccount\">\r\n        <li role=\"presentation\"\r\n            ng-repeat=\"item in items | filter: selectedItem | orderBy : 'label' | filter: customFilterFunc()\">\r\n            <a role=\"menuitem\" tabindex=\"-1\"\r\n               ng-click=\"selectTheItem( item )\"\r\n               class=\"iflx-dropdown-li\">\r\n                <nobr> {{ item.label }}</nobr>\r\n            </a>\r\n        </li>\r\n    </ul>\r\n\r\n</div>","<a href=\"javascript:void(0);\"\r\n   class=\"context-help-container\">\r\n    <div class=\"context-help\"\r\n         template=\"{{template}}\"\r\n         iflx-popover\r\n         plain=\"true\"\r\n         trigger=\"click\"\r\n         hide-others-on-open=\"true\">\r\n        <i class=\"fa fa-question\"></i>\r\n        <span visually-hidden>{{ 'ACCESSIBILITY_DISPLAY_HELP' | translate }}</span>\r\n    </div>\r\n</a>\r\n","<div>\r\n    <iflx-date-range-picker\r\n      show-arrows=\"true\"\r\n      single-date-picker=\"false\"\r\n      start-date=\"startDate\"\r\n      end-date=\"endDate\"\r\n      show-week-numbers=\"true\"\r\n      ranges=\"ranges\"\r\n      parent-element=\"{{parentElement}}\"\r\n      on-selection=\"onSelectionWrapper(start, end)\"\r\n    ></iflx-date-range-picker>\r\n</div>\r\n","<div class=\"input-group\" ng-class=\"{'datepicker-icon-only' : iconOnly}\">\r\n    <span ng-if=\"showArrows\" class=\"input-group-addon daterangepicker-arrows\" ng-click=\"prev()\"\r\n          ng-class=\"{'daterangepicker-arrows-disabled': disabled || prevDisabled}\" data-toggle=\"tooltip\" title=\"Previous\">\r\n        <i class=\"fa fa-caret-left\"></i>\r\n    </span>\r\n\r\n    <span ng-if=\"!showArrows && !iconOnly\" class=\"input-group-addon\">\r\n        <i class=\"fa fa-calendar\"></i>\r\n        <span visually-hidden>{{ 'DATE_RANGE_PICKER_CUSTOMRANGE' | translate }}</span>\r\n    </span>\r\n\r\n    <form unsaved-warning-form>\r\n        <button\r\n            ng-if=\"iconOnly\"\r\n            class=\"input-group-addon datepicker-icon-only__icon\"\r\n            ng-click=\"toggleDatePicker()\">\r\n            <i class=\"fa fa-calendar\"></i>\r\n            <span visually-hidden>{{ 'DATE_RANGE_PICKER_CUSTOMRANGE' | translate }}</span>\r\n        </button>\r\n\r\n        <input\r\n            type=\"text\"\r\n            id=\"{{id}}\"\r\n            name=\"dateselection-picker\"\r\n            ng-disabled=\"disabled\"\r\n            placeholder=\"{{DATE_RANGE_PICKER_DATE_PLACEHOLDER}}\"\r\n            ng-class=\"{'datepicker-icon-only__input-helper': iconOnly}\"\r\n            class=\"form-control no-ms-clear-icon\">\r\n\r\n        <span ng-show=\"allowClear\" class=\"single-picker-input-input-remove\" ng-click=\"clearInput()\">\r\n            <i ng-show=\"true\" class=\"fa fa-times\"></i>\r\n        </span>\r\n    </form>\r\n\r\n    <span ng-if=\"showArrows\" class=\"input-group-addon daterangepicker-arrows\" ng-click=\"next()\"\r\n          ng-class=\"{'daterangepicker-arrows-disabled': disabled || nextDisabled}\" data-toggle=\"tooltip\" title=\"Next\">\r\n        <i class=\"fa fa-caret-right\"></i>\r\n    </span>\r\n</div>\r\n","<div>\r\n    <input type=\"date\" ng-model=\"startDate\" ng-disabled='isDisabled' required=\"required\">\r\n    <input type=\"date\" ng-model=\"endDate\" min=\"{{startDate}}\" ng-disabled='isDisabled'\r\n           required=\"required\">\r\n</div>\r\n","<div class=\"pagination\" ng-if=\"pages.length >= 2\">\r\n  <ul class=\"pagination\">\r\n    <li ng-if=\"numPages > stDisplayedPages\">\r\n      <a ng-click=\"selectPage(1)\">&laquo;</a>\r\n    </li>\r\n\r\n    <li ng-if=\"numPages > stDisplayedPages\">\r\n      <a ng-click=\"selectPage(currentPage-1)\">&lsaquo;</a>\r\n    </li>\r\n\r\n    <li ng-repeat=\"page in pages\" ng-class=\"{active: page==currentPage}\"><a ng-click=\"selectPage(page)\">{{page}}</a></li>\r\n\r\n    <li ng-if=\"numPages > stDisplayedPages\">\r\n      <a ng-click=\"selectPage(currentPage+1)\">&rsaquo;</a>\r\n    </li>\r\n    <li ng-if=\"numPages > stDisplayedPages\">\r\n      <a ng-click=\"selectPage(numPages)\">&raquo;</a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n","<div class=\"input-group quick-search\">\r\n    <span class=input-group-addon>\r\n        <i class=\"fa fa-group\"></i>\r\n    </span>\r\n\r\n    <input type=\"text\" ng-model=\"model\"\r\n           ng-change=\"onChange()\"\r\n           uib-typeahead=\"item as item.{{itemName}} for item in getItemsDecorator($viewValue)\"\r\n           typeahead-on-select=\"onSelectDecorator($item, $model, $label)\"\r\n           typeahead-template-url=\"{{templateUrl}}\"\r\n           class=\"form-control\"/>\r\n                        <span class=\"input-group-btn\"> <button\r\n                                class=\"btn btn-default\"\r\n                                type=\"button\"\r\n                                ng-click=\"onButtonClickDecorator()\"><i\r\n                                ng-hide=\"loading\"\r\n                                class=\"fa fa-list\"></i> <i\r\n                                ng-show=\"loading\"\r\n                                class=\"fa fa-refresh animation-spin\"></i></button></span>\r\n    <span class=\"clear-button\" data-ng-click=\"clearSearchDecorator()\"><i class=\"fa fa-times\"></i></span>\r\n</div>\r\n","<a>\r\n    <span ng-bind-html=\"match.model.displayName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<div class=\"input-group single-picker-input-resultlist\" ng-if=\"!noInput\">\r\n    <div class=input-group-addon>\r\n        <i class=\"fa fa-search\"></i>\r\n      <span visually-hidden>{{'ACCESSIBILITY_PICKER_SEARCH' | translate }}</span>\r\n    </div>\r\n\r\n  <input type=\"text\"\r\n         iflx-auto-focus=\"setAutoFocus\"\r\n         ng-model=\"inputForm.selectedEntry\"\r\n         ng-change=\"onInputChange()\"\r\n         ng-required=\"isRequired\"\r\n\r\n         typeahead-min-length=\"minChars || 2\"\r\n         typeahead-wait-ms=\"400\"\r\n         typeahead-editable=\"true\"\r\n         typeahead-on-select=\"onSelect($item, $model, $label)\"\r\n         typeahead-loading=\"isLoading\"\r\n         typeahead-template-url=\"app/_common/partials/singlePickerContent.html\"\r\n         typeahead-append-to-body=\"false\"\r\n         uib-typeahead=\"item.displayName for item in loadData($viewValue)\"\r\n         placeholder=\"{{'SINGLE_PICKER_SEARCHCRITERIA' | translate}}\"\r\n         class=\"form-control single-picker-input person-search-input\"/>\r\n  <span class=\"single-picker-input-spinner\" aria-hidden=\"true\">\r\n        <i ng-show=\"isLoading\" class=\"fa fa-refresh fa-spin\"></i>\r\n    </span>\r\n\r\n  <button class=\"single-picker-input-input-remove\" ng-click=\"clearInput()\">\r\n    <i ng-show=\"selectedEntry !== null\" class=\"fa fa-times\"></i>\r\n    <span visually-hidden>{{'ACCESSIBILITY_PICKER_SEARCH_REMOVE' | translate }}</span>\r\n  </button>\r\n\r\n  <button class=\"input-group-addon ng-scope single-picker-input-entries\" ng-click=\"onOpenSinglePicker()\"\r\n          data-toggle=\"tooltip\" title=\"{{'SINGLE_PICKER' | translate}}\">\r\n    <i class=\"fa fa-list\" aria-hidden=\"true\"></i>\r\n    <span visually-hidden>{{'SINGLE_PICKER' | translate }}</span>\r\n  </button>\r\n\r\n</div>\r\n<div ng-if=\"noInput && !disabled\" ng-click=\"onOpenSinglePicker()\">\r\n  <table class=\"single-picker-icon-table\">\r\n    <tbody>\r\n    <tr>\r\n      <td>\r\n        <span ng-model=\"selectedEntry\" ng-required=\"isRequired\">{{selectedEntry.displayName}}</span>\r\n      </td>\r\n      <td>\r\n        <i class=\"fa fa-search pull-right\" data-toggle=\"tooltip\" title=\"{{'SINGLE_PICKER' | translate}}\"></i>\r\n        <span visually-hidden>{{'ACCESSIBILITY_PICKER_SEARCH' | translate }}</span>\r\n      </td>\r\n    </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<div ng-if=\"disabled\">\r\n  <span ng-model=\"selectedEntry\" ng-required=\"isRequired\">{{selectedEntry.displayName}}</span>\r\n</div>\r\n","<div class=\"global-ajax-loader\" ng-show=\"showSpinner\">\r\n    <div class=\"global-ajax-loader-container\" ng-style=\"size\">\r\n        <img src=\"styles/img/eVAYO-img/common/global-ajax-loader.gif\"/>\r\n    </div>\r\n</div>\r\n","<!-- Needed by the Angular router for working with the two child states -->\r\n<ui-view></ui-view>\r\n","<i class=\"online fa fa-user user-icon\"\r\n    ng-if=\"!vm.imageExits || !vm.profileImageStateReference.showImage\">\r\n</i>\r\n\r\n<i ng-if=\"vm.imageExits && vm.profileImageStateReference.showImage\" class=\"online fa user-icon new-profile-image\" id=\"profileImage\">\r\n    <img ng-src=\"{{'data:image/' + vm.remoteData.format + ';base64,' + vm.remoteData.image}}\" alt=\"Profile Picture\">\r\n</i>\r\n","<!-- Header with type selection buttons -->\r\n<div class=\"modal-header\">\r\n    <div class=\"btn-group picker-type-selection pull-right\" data-toggle=\"buttons\">\r\n        <label ng-repeat=\"picker in vm.pickerCollection.pickers\"\r\n               ng-if=\"vm.isMultiPicker || (vm.isMultiSelection && vm.hasVisibleFavorites())\"\r\n               class=\"btn btn-default btn-xs\"\r\n               ng-class=\"{'active': vm.selectedPicker.pickerType == picker.pickerType && !vm.showFavorites}\"\r\n               ng-click=\"vm.selectPickerType(picker)\">\r\n            <input type=\"radio\" name=\"picker-switch\">\r\n            <i class=\"{{picker.quickSearchIcon}}\"></i>\r\n            <strong>{{picker.pickerName | translate}}</strong>\r\n        </label>\r\n        <label class=\"btn btn-default btn-xs picker-favorite-lbl\" ng-if=\"vm.isMultiSelection && vm.hasFavorites()\"\r\n               ng-click=\"vm.showFavoriteList()\">\r\n            <input type=\"radio\" name=\"picker-switch\">\r\n            <i class=\"fa fa-star-o\"></i>\r\n            <strong>{{'PICKER_FAVORITES' | translate}}</strong>\r\n        </label>\r\n    </div>\r\n    <h3 class=\"modal-title\">{{'EMPLOYEE_SEARCH_HEADER' | translate}}</h3>\r\n</div>\r\n\r\n<div class=\"modal-body person-search-modal\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n\r\n            <!-- Input form for search -->\r\n            <form class=\"padding-bottom-10\" ng-show=\"!vm.showFavorites\">\r\n                <div class=\"input-group quick-search\">\r\n                            <span class=input-group-addon>\r\n                                <i class=\"fa fa-fw fa-search text-muted\"></i>\r\n                            </span>\r\n                    <input iflx-auto-focus=\"true\" only-for-desktop=\"true\"\r\n                           type=\"search\"\r\n                           ng-model=\"modalQuery\"\r\n                           ng-model-options=\"{debounce: 500 }\"\r\n                           ng-change=\"vm.onModalInputChange(modalQuery)\"\r\n                           placeholder=\"{{vm.selectedPicker.quickSearchPlaceholder | translate}}\" class=\"form-control\">\r\n\r\n                    <span class=\"person-search-input-modal-spinner\">\r\n                        <i ng-show=\"vm.isLoading\" class=\"fa fa-refresh fa-spin\"></i>\r\n                    </span>\r\n\r\n                    <span class=\"person-search-modal-input-remove\" ng-click=\"vm.clearModalInput(searchQuery)\">\r\n                        <i ng-show=\"modalQuery.length > 0\" class=\"fa fa-times\"></i>\r\n                    </span>\r\n                </div>\r\n            </form>\r\n\r\n            <!-- Badge section -->\r\n            <div class=\"picker-badge-section\" ng-show=\"vm.isMultiSelection && !vm.showFavorites\">\r\n\r\n                <div class=\"pull-right\">\r\n                    <!-- Favorite button -->\r\n                    <i ng-if=\"(vm.pickerCollection.anySelected && !vm.saveAsFavoriteMode && !vm.pickerCollection.selectionSaved)\"\r\n                       ng-class=\"{\r\n                       'fa-star': vm.pickerCollection.selectionSaved,\r\n                       'fa-star-o': !vm.pickerCollection.selectionSaved}\"\r\n                       ng-click=\"vm.enterFavoriteName()\"\r\n                       data-original-title=\"{{'PICKER_SAVE_GROUP' | translate }}\"\r\n                       data-toggle=\"tooltip\" title=\"{{'PICKER_SAVE_GROUP' | translate }}\"\r\n                       class=\"btn btn-default btn-xs fa fa-star-o\"\r\n                    ></i>\r\n\r\n                    <!-- Input field for favorite name -->\r\n                    <span ng-show=\"vm.pickerCollection.anySelected && vm.saveAsFavoriteMode\">\r\n                        <input class=\"margin-right-5\" type=\"text\" ng-model=\"vm.saveAsFavoriteName\"\r\n                               ng-keypress=\"vm.onFavoriteKeyPress($event)\"\r\n                               id=\"picker-favorite-save-btn\"\r\n                               autofocus=\"autofocus\"\r\n                               async-focus=\"true\"\r\n                               placeholder=\"{{'PICKER_FAVORITE_NAME' | translate}}\">\r\n\r\n                        <!-- Favorite save button -->\r\n                        <div class=\"btn btn-xs btn-success\"\r\n                             ng-click=\"vm.saveAsFavorite()\">{{'BUTTON_SAVE' | translate}}\r\n                        </div>\r\n                    </span>\r\n\r\n                    <!-- Dropdown-List for sorting the badges -->\r\n                    <div class=\"dropdown\" ng-show=\"badges.length > 1 && vm.sortingEnabled\">\r\n                        <button class=\"btn btn-default btn-xs dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\">\r\n                            <i class=\"fa fa-list-ol\"\r\n                               aria-hidden=\"true\"\r\n                               data-original-title=\"{{'PICKER_SORT_SELECTION' | translate }}\"\r\n                               data-toggle=\"tooltip\" title=\"{{'PICKER_SORT_SELECTION' | translate }}\"></i>\r\n                        </button>\r\n                        <ul class=\"dropdown-menu dropdown-list\" dragula='\"badgesDropdown\"' dragula-model=\"badges\">\r\n                            <li ng-repeat=\"badge in badges\" class=\"dropdown-list-entry grabable\">\r\n                                <span>\r\n                                    <i class=\"fa fa-bars\" aria-hidden=\"true\"></i>\r\n                                    {{badge.displayName}}\r\n                                </span>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- Favorite Badges -->\r\n                <!-- no DragNDrop Sorting -->\r\n                <ul ng-if=\"!vm.sortingEnabled\">\r\n                    <li ng-repeat=\"badge in badges\"\r\n                        class=\"badge {{badge.badgeClass}}\">\r\n                        {{badge.displayName}}\r\n                        <i class=\"fa fa-times\" ng-click=\"vm.badgeClick(badge)\"></i>\r\n                    </li>\r\n                </ul>\r\n\r\n                <!-- with DragNDrop Sorting -->\r\n                <ul class=\"container\" ng-if=\"vm.sortingEnabled\" dragula='\"badges\"' dragula-model=\"badges\">\r\n                    <li ng-repeat=\"badge in badges\"\r\n                        class=\"badge {{badge.badgeClass}} grabbable\"\r\n                        data-original-title=\"{{'PICKER_SORT_BADGES' | translate }}\"\r\n                        data-toggle=\"tooltip\" title=\"{{'PICKER_SORT_BADGES' | translate }}\">\r\n                            {{badge.displayName}}\r\n                        <i class=\"fa fa-times\" ng-click=\"vm.badgeClick(badge)\"></i>\r\n                    </li>\r\n                </ul>\r\n\r\n            </div>\r\n\r\n            <!-- Favorites table -->\r\n            <table ng-if=\"vm.showFavorites\" class=\"row-border hover table table-bordered table-hover\"\r\n                   st-table=\"displayedFavoritesCollection\"\r\n                   st-safe-src=\"vm.favorites.collections\"\r\n                   st-table-reset-pagination-state-listener>\r\n                <thead>\r\n                <tr>\r\n                    <th>{{'PICKER_FAVORITES' | translate }}</th>\r\n                    <th class=\"remove-button-column\">{{'TABLE_ACTIONS' | translate }}</th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr ng-repeat=\"favorite in displayedFavoritesCollection\">\r\n                    <td ng-click=\"vm.loadFavorite(favorite)\" class=\"clickable-favorite-cell\">\r\n                        <div class=\"picker-badge-section\"><b>{{favorite.name}}</b></div>\r\n                        <div class=\"picker-badge-section\">\r\n                            <span class=\"badge {{item.badgeClass}}\" ng-repeat=\"item in favorite.collection.getItems()\">\r\n                                {{item.displayName}}\r\n                            </span>\r\n                        </div>\r\n                    </td>\r\n                    <td>\r\n                        <div class=\"btn btn-xs btn-danger red\"\r\n                             ng-click=\"vm.removeFavorite(favorite)\">\r\n                            <span class=\"fa fa-trash-o\"></span>\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n                </tbody>\r\n              <tfoot>\r\n              <tr ng-if=\"vm.favorites.collections.length > 5\">\r\n                <td class=\"text-center\"\r\n                    st-pagination=\"\"\r\n                    data-st-items-by-page=\"5\"\r\n                    data-st-template=\"app/components/picker/partials/pickerPagination.html\"\r\n                    colspan=\"2\"></td>\r\n              </tr>\r\n              </tfoot>\r\n            </table>\r\n\r\n            <!-- Result table -->\r\n            <table ng-if=\"!vm.showFavorites\" class=\"row-border hover table table-bordered table-hover\"\r\n                   st-table=\"vm.stRows\"\r\n                   st-safe-src=\"vm.entries\"\r\n                   st-table-reset-pagination-state-listener>\r\n                <thead>\r\n                <tr>\r\n                    <th ng-repeat=\"column in vm.selectedPicker.columns\" st-sort=\"{{column.columnId}}\">\r\n                        <i ng-show=\"column.columnIcon\" class=\"{{column.columnIcon}}\"></i>\r\n                        {{column.columnName | translate}}\r\n                    </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <tr data-ng-repeat=\"row in vm.stRows\"\r\n                    data-ng-click=\"vm.onSelectPickerRow(row)\"\r\n                    data-ng-class=\"{'row-focus': row.selected} \">\r\n                    <td ng-repeat=\"column in vm.selectedPicker.columns\">\r\n                        {{row[column.columnId]}}\r\n                    </td>\r\n                </tr>\r\n                <tr ng-if=\"vm.stRows.length === 0\">\r\n                    <td align=\"center\" colspan=\"{{vm.selectedPicker.columns.length}}\">{{'LANG_NODATA' | translate}}</td>\r\n                </tr>\r\n                </tbody>\r\n\r\n                <tfoot>\r\n                <tr ng-if=\"vm.totalItems > 10\">\r\n                    <td class=\"text-center\"\r\n                        st-pagination=\"\"\r\n                        st-items-by-page=\"10\"\r\n                        st-template=\"app/components/picker/partials/pickerPagination.html\"\r\n                        colspan=\"{{vm.selectedPicker.columns.length}}\"></td>\r\n                </tr>\r\n                </tfoot>\r\n            </table>\r\n            <div ng-show=\"!vm.showFavorites\">\r\n                <strong>\r\n                    {{'EMPLOYEE_SEARCH_NUMBERITEMS' | translate}} {{vm.totalItems}}\r\n                </strong>\r\n                <span>\r\n                    ({{'SEARCH_HINT_MAXCOUNT' | translatePlaceholder: {'maxCount':vm.maxCount} }})\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"modal-footer picker-modal-footer\">\r\n    <div class=\"select-btns-row\" ng-if=\"vm.isMultiSelection && !vm.showFavorites\">\r\n        <div class=\"btn btn-default btn-select-all\" ng-click=\"vm.selectAll()\">\r\n        {{'LANG_OFFLINEBOOKING_SELECTALL' | translate}}\r\n        </div>\r\n        <div class=\"btn btn-default btn-deselect-all\" ng-click=\"vm.deselectAll()\">\r\n        {{'LANG_OFFLINEBOOKING_DESELECTALL' | translate}}\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"btn btn-default\" ng-click=\"vm.dismiss()\">{{'BUTTON_CLOSE' | translate}}</div>\r\n    <div class=\"btn btn-success\" ng-click=\"vm.close()\" ng-show=\"!vm.showFavorites && vm.isMultiSelection\">{{'BUTTON_APPLY' | translate}}\r\n    </div>\r\n</div>\r\n","<a>\r\n  <span ng-bind-html=\"match.model.displayName | uibTypeaheadHighlight:query\"></span>\r\n  <span class=\"second-column\">{{match.model.description}}</span>\r\n</a>\r\n","<a>\r\n  <span ng-bind-html=\"match.model.credentNumber | uibTypeaheadHighlight:query\"></span>\r\n  <span ng-bind-html=\"match.model.credentName | uibTypeaheadHighlight:query\"></span>\r\n  <span class=\"second-column\">{{match.model.personName}}</span>\r\n</a>\r\n","<a>\r\n    <span ng-bind-html=\"match.model.displayName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n\r\n\r\n","<a>\r\n    <span ng-bind-html=\"match.model.orgUnitName | uibTypeaheadHighlight:query\"></span>\r\n    <span class=\"second-column\">{{match.model.orgUnitPath}}</span>\r\n</a>\r\n","<a>\r\n  <span ng-bind-html=\"match.label | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<a>\r\n  <span ng-bind-html=\"match.label | uibTypeaheadHighlight:query\"></span>\r\n  <span class=\"second-column\" ng-bind-html=\"match.model.employeeOrgUnitName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<a>\r\n  <span ng-bind-html=\"match.model.employeeName | uibTypeaheadHighlight:query\"></span>\r\n  <span ng-bind-html=\"match.model.employeePersonnelNumber | uibTypeaheadHighlight:query\"></span>\r\n  <span class=\"second-column\" ng-bind-html=\"match.model.employeeOrgUnitName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<div class=\"input-group picker\">\r\n\r\n    <!-- Left icon with optional dropdown to choose picker type -->\r\n    <div class=\"input-group-addon picker-left-icon\"\r\n         ng-click=\"togglePickerSelection($event)\"\r\n         ng-class=\"{'open': iSelectionOpened,\r\n         'disabled': vm.pickerCollection.multipleSelected || !vm.isMultiPicker || pickerDisabled}\"\r\n         data-toggle=\"tooltip\"\r\n         title=\"{{'EMPLOYEE_SEARCH_HEADER' | translate}}\">\r\n        <i class=\"dropdown-toggle {{vm.pickerCollection.selectedPicker.quickSearchIcon}} fa-fw\"\r\n           aria-haspopup=\"true\"\r\n           aria-expanded=\"false\"></i>\r\n        <i class=\"fa fa-caret-down\"></i>\r\n\r\n        <ul ng-if=\"!vm.pickerCollection.multipleSelected && vm.isMultiPicker && !vm.isSimpleUser\"\r\n            class=\"dropdown-menu\">\r\n            <li ng-repeat=\"picker in vm.pickerCollection.pickers\">\r\n                <a href=\"\" ng-click=\"setCurrentPickerType(picker)\">{{picker.pickerName | translate }}</a>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <!-- Input field for quicksearch -->\r\n    <input type=\"text\"\r\n           autocomplete=\"off\"\r\n           ng-if=\"vm.pickerCollection.selectedPicker\"\r\n           data-max-results=\"{{vm.pickerCollection.selectedPicker.quickSearchMaxResults}}\"\r\n           ng-readonly=\"vm.multipleSelected || pickerDisabled\"\r\n           ng-model=\"vm.quickSearchInput\"\r\n           data-typeahead-min-length=\"vm.pickerCollection.selectedPicker.quickSearchMinLength || 2\"\r\n           data-typeahead-wait-ms=\"400\"\r\n           data-typeahead-editable=\"true\"\r\n           data-typeahead-select-on-blur=\"false\"\r\n           data-typeahead-on-select=\"vm.onQuickSearchSelect($item, $model, $label)\"\r\n           data-typeahead-loading=\"isLoading\"\r\n           data-typeahead-template-url=\"{{vm.pickerCollection.selectedPicker.quickSearchContentTemplate}}\"\r\n           data-typeahead-append-to-body=\"false\"\r\n           placeholder=\"{{vm.pickerCollection.selectedPicker.quickSearchPlaceholder | translate}}\"\r\n           data-uib-typeahead=\"item.displayName for item in vm.quickSearch($viewValue)\"\r\n           class=\"form-control person-search-input\"\r\n           ng-class=\"{'hide-placeholder': vm.quickSearchInput, 'disabled': pickerDisabled}\"\r\n           ng-required=\"required\"\r\n           ng-blur=\"vm.setLastUserOrKeepQuicksearch()\"\r\n           id=\"{{inputId}}\">\r\n    <span class=\"person-search-input-spinner\">\r\n        <i ng-show=\"isLoading\" class=\"fa fa-refresh fa-spin\"></i>\r\n    </span>\r\n\r\n    <!-- Clear input icon (x) if some element is selected -->\r\n    <span ng-hide=\"vm.isSimpleUser\" class=\"person-search-input-remove\" ng-click=\"vm.clearInput()\">\r\n        <i ng-show=\"vm.pickerCollection.selectedElements.count() > 0\" class=\"fa fa-times\"></i>\r\n    </span>\r\n\r\n    <!-- Open modal window with full search functionality -->\r\n    <a class=\"input-group-addon ng-scope person-search-input-users btn\"\r\n       ng-click=\"vm.openModal()\"\r\n       ng-class=\"{'disabled': pickerDisabled}\"\r\n       data-toggle=\"tooltip\"\r\n       title=\"{{'EMPLOYEE_SEARCH_HEADER' | translate}}\">\r\n        <i class=\"fa fa-ellipsis-h\"></i>\r\n    </a>\r\n</div>\r\n","<div class=\"pagination\" ng-if=\"pages.length >= 2\">\r\n    <ul class=\"pagination\">\r\n        <li>\r\n            <a ng-click=\"selectPage(1)\">&laquo;</a>\r\n        </li>\r\n\r\n        <li>\r\n            <a ng-click=\"selectPage(currentPage-1)\">&lsaquo;</a>\r\n        </li>\r\n\r\n        <li ng-repeat=\"page in pages\" ng-class=\"{active: page==currentPage}\"><a ng-click=\"selectPage(page)\">{{page}}</a></li>\r\n\r\n        <li>\r\n            <a ng-click=\"selectPage(currentPage+1)\">&rsaquo;</a>\r\n        </li>\r\n        <li>\r\n            <a href=\"\" ng-click=\"selectPage(numPages)\">&raquo;</a>\r\n        </li>\r\n    </ul>\r\n</div>","<a>\r\n  <span ng-bind-html=\"match.model.displayName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<a>\r\n  <span ng-bind-html=\"match.model.number | uibTypeaheadHighlight:query\"></span>\r\n  <span ng-bind-html=\"match.model.name | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<a>\r\n    <span ng-bind-html=\"match.model.displayName | uibTypeaheadHighlight:query\"></span>\r\n</a>\r\n","<input type=\"text\" class=\"iflx-time-input person-search-input\">\r\n","<div class=\"empty-widget-body iflx-widget-body AT_widget_empty\">\r\n    <div class=\"well no-background\">\r\n        <div class=\"emptyWidget\">\r\n            <i class=\"favoriteWidget iflx-widget-min-height fa fa-plus alignCenter\"></i>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n","<div ng-if=\"options.type != 'logout'\" class=\"favorite-widget-body iflx-widget-body AT_widget_favorite\"\r\n     ng-class=\"{'no-permission-background':!hasPerm()}\">\r\n    <div ng-class={'no-permission':!hasPerm(),'no-background':hasPerm()}>\r\n        <i class=\"favoriteWidget cursor-pointer\" ng-class=\"icon\" ng-click=\"goToUrl()\"></i>\r\n\r\n        <p class=\"no-margin\">\r\n\r\n        <div class=\"alignCenter\">\r\n            <span class=\"no-permission-font\" ng-if=\"!hasPerm()\">{{'UNAUTHORIZED_MESSAGE_WIDGET' | translate}}</span>\r\n            <a class=\"link-like-text favorite-name\" ng-click=\"goToUrl()\">\r\n                {{ name | translate}}\r\n            </a>\r\n        </div>\r\n        </p>\r\n    </div>\r\n</div>\r\n\r\n\r\n<div ng-if=\"options.type == 'logout'\" logout-click disabled=\"{{isEdit}}\" class=\"favorite-widget-body iflx-widget-body AT_widget_logout\">\r\n    <div class=\"no-background\">\r\n        <i class=\"favoriteWidget cursor-pointer\" ng-class=\"icon\"></i>\r\n\r\n        <p class=\"no-margin\">\r\n\r\n        <div class=\"alignCenter\"><span>{{ name | translate}}</span></div>\r\n        </p>\r\n    </div>\r\n</div>\r\n","<div class=\"iflx-widget-body AT_widget_information\" id=\"new-information-widget\">\r\n  <information-widget\r\n    is-edit=\"isEdit\"\r\n    merge-settings=\"mergeSettings\"\r\n    options=\"options\"\r\n    update-option=\"updateOption\"\r\n  />\r\n</div>\r\n","<div class=\"short-journal-widget-body iflx-widget-body AT_widget_journal\">\r\n    <div class=\"short-journal-header\">\r\n        <span class=\"no-margin dashboard-widget-header\"><i class=\"iflx-font iflx-font-tab iflx-font-monatsjournal\"></i>\r\n            {{'LANG_SHORT_JOURNAL' | translate}}\r\n            <button class=\"accessibility-button widget-reload\" ng-show=\"hasPerm()\" ng-click=\"getData()\" refresh-button>\r\n                <i class=\"fa fa-refresh\"></i>\r\n                <span visually-hidden>{{'ACCESSIBILITY_DASHBOARD_WIDGET_REFRESH' | translate}} {{'LANG_SHORT_JOURNAL' | translate}}</span>\r\n            </button>\r\n        </span>\r\n    </div>\r\n\r\n    <div ng-show=\"!hasPerm()\" class=\"no-permission\">{{'UNAUTHORIZED_MESSAGE_WIDGET' | translate}}.</div>\r\n    <div class=\"no-background\" ng-show=\"hasPerm()\">\r\n        <div class=\"short-journal-list\">\r\n            <div ng-show=\"loadingState\">{{ loadingState }}</div>\r\n\r\n            <!-- Table with days -->\r\n            <table ng-hide=\"loadingState\" class=\"short-journal-table\">\r\n                <tbody>\r\n                <tr ng-repeat=\"row in rows | orderBy:'day':true\" iflx-on-ng-repeat-finished=\"adjustSize()\" class=\"short-journal-table-row\">\r\n                    <td class=\"short-journal-table-data\">\r\n                        <span ng-if=\"isTodayOrYesterday(row.day)\"><b>{{getUserFriendlyDay(row.day) }}</b></span>\r\n                        <span ng-if=\"!isTodayOrYesterday(row.day)\"><b>{{row.day | date: 'EEE'}} {{getUserFriendlyDay(row.day) }}</b></span>\r\n\r\n                        <!-- Table with journal rows -->\r\n                        <table>\r\n                            <tbody>\r\n                            <tr ng-repeat=\"entry in row.entries\">\r\n                                <td class=\"short-journal-table-data-times\">\r\n                                    <!-- Warning Icon -->\r\n                                    <span class=\"fa fa-warning short-journal-incident-icon\"\r\n                                          ng-class=\"{'short-journal-incident-icon-hidden': !entryHasIncidents(entry)}\">\r\n                                    </span>\r\n                                </td>\r\n                                <td class=\"short-journal-table-data-times\" colspan=\"4\"\r\n                                    ng-if=\"!entry.start.time && !entry.end.time && entry.rowIncidents.length == 0\">\r\n                                    <i >\r\n                                        {{'JOURNAL_NO_BOOKINGS' | translate }}\r\n                                    </i>\r\n                                </td>\r\n                                <!-- start time -->\r\n                                <td class=\"short-journal-table-data-times short-journal-incident short-journal-time\"\r\n                                    ng-class=\"entry.timeClass\"\r\n                                    ng-if=\"entry.start.time || entry.end.time\">\r\n                                    <span ng-class=\"{'short-journal-incident-times': entry.start.incidents.length > 0 || entry.start.isSuccessfull === false}\">\r\n                                        {{entry.start.time | time }}\r\n                                    </span>\r\n                                </td>\r\n                                <!-- separator (displayed red, if start-time and end-time both have incidents)-->\r\n                                <td class=\"short-journal-table-data-times short-journal-separator\" ng-hide=\"entry.start.isNoTaBooking\"\r\n                                    ng-if=\"entry.start.time || entry.end.time\"\r\n                                    ng-class=\"{'short-journal-incident-times': (entry.start.incidents.length > 0 || entry.start.isSuccessfull === false)\r\n                                               && (entry.end.incidents.length > 0 || entry.end.isSuccessfull === false)}\"\r\n                                >\r\n                                    <span class=\"short-journal-table-data-times-separator\"\r\n                                          ng-if=\"entry.start.time && entry.end.time\" > - </span>\r\n                                </td>\r\n                                <!-- end time -->\r\n                                <td class=\"short-journal-table-data-times short-journal-time short-journal-end-time\"\r\n                                    ng-class=\"entry.timeClass\"\r\n                                    ng-if=\"entry.end.time || entry.start.time\">\r\n                                    <span ng-class=\"{'short-journal-incident-times': entry.end.incidents.length > 0 || entry.end.isSuccessfull === false}\">\r\n                                            {{entry.end.time | time }}\r\n                                    </span>\r\n                                </td>\r\n\r\n                                <!-- incident times -->\r\n                                <!-- incident start time -->\r\n                                <td class=\"short-journal-table-data-times short-journal-incident-times short-journal-time\"\r\n                                    ng-if=\"entry.hasRowIncidents && entry.hasRowIncidentWithTimes && getRowIncidentTimes(entry)[0]\">\r\n                                    <span>{{getRowIncidentTimes(entry)[0]}}</span>\r\n                                </td>\r\n                                <!-- incident times separator -->\r\n                                <td class=\"short-journal-table-data-times short-journal-incident-times\"\r\n                                    ng-if=\"entry.hasRowIncidents && entry.hasRowIncidentWithTimes\r\n                                    && getRowIncidentTimes(entry)[0] && getRowIncidentTimes(entry)[1]\">\r\n                                    <span class=\"short-journal-table-data-times-separator\"> - </span>\r\n                                </td>\r\n                                <!-- incident end time -->\r\n                                <td class=\"short-journal-table-data-times short-journal-incident-times short-journal-time short-journal-end-time\"\r\n                                    ng-if=\"entry.hasRowIncidents && entry.hasRowIncidentWithTimes && getRowIncidentTimes(entry)[1]\">\r\n                                    <span>{{getRowIncidentTimes(entry)[1]}}</span>\r\n                                </td>\r\n\r\n                                <!-- incidents texts for incidents without times -->\r\n                                <td class=\"short-journal-table-data-times short-journal-table-data-padding\" colspan=\"4\"\r\n                                    ng-if=\"entry.hasRowIncidents && !entry.hasRowIncidentWithTimes\">\r\n                                    <span class=\"short-journal-incident-text short-journal-incident-text-no-times\">{{getRowIncidentText(entry)}}</span>\r\n                                </td>\r\n\r\n                                <td class=\"short-journal-table-data-text\"\r\n                                    ng-if=\"entry.hasRowIncidents && entry.hasRowIncidentWithTimes\">\r\n                                  <span class=\"short-journal-incident-text\">{{getRowIncidentText(entry)}}</span>\r\n                                </td>\r\n\r\n                                <td class=\"short-journal-table-data-text\"\r\n                                    ng-if=\"getIncidentText(entry) !== '' || entry.liveTrackingInfo\">\r\n                                    <span ng-if=\"getIncidentText(entry) !== ''\" ng-class=\"{'short-journal-incident-text': entryHasIncidents(entry),\r\n                                    'short-journal-state-reason-text': entry.stateReason !== null}\">{{getIncidentText(entry)}}\r\n                                    </span><span ng-if=\"getIncidentText(entry) !== '' && entry.liveTrackingInfo\" >, </span>\r\n                                    <span ng-class=\"{'short-journal-livetracking-text-no-incidents': getIncidentText(entry) === ''}\">{{entry.liveTrackingInfo}}</span>\r\n                                </td>\r\n\r\n                                <td ng-if=\"getEventType(entry) !== ''\">\r\n                                    <span class=\"margin-left-10\">{{getEventType(entry)}}</span>\r\n                                </td>\r\n                            </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </td>\r\n\r\n                  <td class=\"short-journal-link-column\">\r\n                    <a class=\"short-journal-link\"\r\n                       ng-class=\"{'short-journal-link-hidden': !rowHasIncidents(row)}\"\r\n                       ng-click=\"goToTimeCorrections(row.day)\">\r\n                      <i class=\"fa fa-external-link\"\r\n                         aria-hidden=\"false\"\r\n                         aria-label=\"{{'JOURNAL_LINK_TO_TIME_CORRECTIONS' | translate}}\"></i>\r\n                    </a>\r\n                  </td>\r\n\r\n                  </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    </div>\r\n    <div class=\"margin-top-10 indent\" ng-hide=\"loadingState|| (rows || !hasPerm())\">{{'NO_ENTRIES' | translate}}</div>\r\n</div>\r\n\r\n","<div class=\"iflx-widget-body AT_widget_terminal livetracking-widget-body\">\r\n    <livetracking-widget\r\n      has-perm=\"hasPerm\"\r\n      terminal-status-from-angular=\"terminalStatusFromAngular\"\r\n      is-online=\"isOnline\"\r\n      is-edit=\"isEdit\"\r\n      is-mobile=\"isMobile\"\r\n      allow-location-tracking=\"allowLocationTracking\"\r\n      allow-only-bookings-with-location=\"allowOnlyBookingsWithLocation\"\r\n      current-person=\"currentPerson\"\r\n      activity-right=\"activityRight\"\r\n      is-used-in-new-startpage=\"false\"\r\n    />\r\n</div>\r\n","<div class=\"iflx-widget-body AT_widget_offlineBookings\">\r\n  <offline-bookings-widget has-perm=\"hasPerm\" goto-terminal=\"gotoTerminal\" />\r\n</div>\r\n","<div class=\"recent-plans-widget-body iflx-widget-body\">\r\n  <div class=\"recent-plans-header\">\r\n    <span class=\"no-margin dashboard-widget-header\">\r\n      <i class=\"iflx-font iflx-font-tab iflx-font-planungsuebersicht\"></i>\r\n      {{ 'MOST_RECENTLY_OPENED_DISPATCH_SCHEDULE' | translate }}\r\n    </span>\r\n  </div>\r\n\r\n  <div ng-show=\"!hasPerm\" class=\"no-permission\">\r\n    {{ 'UNAUTHORIZED_MESSAGE_WIDGET' | translate }}.\r\n  </div>\r\n  <div ng-show=\"hasPerm\">\r\n    <recent-dispatch-schedule\r\n      ng-if=\"isReady\"\r\n      api-url=\"'/WebPlanningAPI'\"\r\n      auth-token=\"authToken\"\r\n      locale=\"locale\"\r\n      theme=\"theme\"\r\n      on-plan-select=\"onPlanSelect\"\r\n      type=\"'6040'\"\r\n      module=\"'dispatchSchedule'\"\r\n      on-auth-error=\"onAuthError\"\r\n      retry-on-auth-error=\"retryOnAuthError\"\r\n    >\r\n    </recent-dispatch-schedule>\r\n  </div>\r\n</div>\r\n","<div class=\"recent-plans-widget-body iflx-widget-body\">\r\n  <div class=\"recent-plans-header\">\r\n    <span class=\"no-margin dashboard-widget-header\">\r\n      <i class=\"iflx-font iflx-font-tab iflx-font-planungsuebersicht\"></i>\r\n      {{ 'MOST_RECENTLY_OPENED_PLANS' | translate }}\r\n    </span>\r\n  </div>\r\n\r\n  <div ng-show=\"!hasPerm\" class=\"no-permission\">\r\n    {{ 'UNAUTHORIZED_MESSAGE_WIDGET' | translate }}.\r\n  </div>\r\n  <div ng-show=\"hasPerm\">\r\n    <recent-plans\r\n      ng-if=\"isReady\"\r\n      api-url=\"'/WebPlanningAPI'\"\r\n      auth-token=\"authToken\"\r\n      locale=\"locale\"\r\n      theme=\"theme\"\r\n      on-plan-select=\"onPlanSelect\"\r\n      type=\"'6040'\"\r\n      module=\"'employeePlan'\"\r\n      on-auth-error=\"onAuthError\"\r\n      retry-on-auth-error=\"retryOnAuthError\"\r\n    >\r\n    </recent-plans>\r\n  </div>\r\n</div>\r\n","<div class=\"iflx-widget-body AT_widget_terminal\" id=\"new-terminal-widget\">\r\n  <terminal-widget\r\n    is-edit=\"isEdit\"\r\n    merge-settings=\"mergeSettings\"\r\n    options=\"options\"\r\n    update-option=\"updateOption\"\r\n  />\r\n</div>\r\n","<div class=\"demo\"><span id=\"demo-setting\"><i class=\"fa fa-cog txt-color-blueDark\"></i></span>\r\n\r\n    <form>\r\n        <legend class=\"no-padding margin-bottom-10\">Layout Options</legend>\r\n        <section>\r\n            <label><input type=\"checkbox\" ng-model=\"fixedHeader\"\r\n                          class=\"checkbox style-0\"><span>Fixed Header</span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"fixedNavigation\"\r\n                          class=\"checkbox style-0\"><span>Fixed Navigation</span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"fixedRibbon\"\r\n                          class=\"checkbox style-0\"><span>Fixed Ribbon</span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"fixedPageFooter\"\r\n                          class=\"checkbox style-0\"><span>Fixed Footer</span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"insideContainer\"\r\n                          class=\"checkbox style-0\"><span>Inside <b>.container</b></span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"rtl\"\r\n                          class=\"checkbox style-0\"><span>RTL</span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"menuOnTop\"\r\n                          class=\"checkbox style-0\"><span>Menu on <b>top</b></span></label>\r\n            <label><input type=\"checkbox\"\r\n                          ng-model=\"colorblindFriendly\"\r\n                          class=\"checkbox style-0\"><span>For Colorblind <div\r\n                    class=\"font-xs text-right\">(experimental)\r\n            </div></span>\r\n            </label><span id=\"smart-bgimages\"></span></section>\r\n        <section><h6 class=\"margin-top-10 semi-bold margin-bottom-5\">Clear Localstorage</h6><a\r\n                ng-click=\"factoryReset()\" class=\"btn btn-xs btn-block btn-primary\" id=\"reset-smart-widget\"><i\r\n                class=\"fa fa-refresh\"></i> Factory Reset</a></section>\r\n\r\n        <h6 class=\"margin-top-10 semi-bold margin-bottom-5\">SmartAdmin Skins</h6>\r\n\r\n\r\n        <section id=\"smart-styles\">\r\n            <a ng-repeat=\"skin in skins\" ng-click=\"setSkin(skin)\" class=\"{{skin.class}}\" style=\"{{skin.style}}\"><i\r\n                    ng-if=\"skin.name == $parent.smartSkin\" class=\"fa fa-check fa-fw\"></i> {{skin.label}}</a>\r\n        </section>\r\n    </form>\r\n</div>"]}