Mr.Combet Webshell
Your IP :
216.73.216.136
Server IP :
103.233.58.157
Server :
Windows NT WIN-4PGF72KEHKB 10.0 build 17763 (Windows Server 2016) AMD64
Server Software :
Microsoft-IIS/10.0
PHP Version :
7.3.25
Add File :
Submit
Add Directory :
Submit
Dir :
C:
/
inetpub
/
wwwroot
/
ActionAidWeb
/
View File Name :
24-es2015.b73e915128808bc93070.js
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[24],{ /***/ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.ngfactory.js": /*!*********************************************************************************************!*\ !*** ./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.ngfactory.js ***! \*********************************************************************************************/ /*! exports provided: RenderType_QuarterPlanReportComponent, View_QuarterPlanReportComponent_0, View_QuarterPlanReportComponent_Host_0, QuarterPlanReportComponentNgFactory */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RenderType_QuarterPlanReportComponent", function() { return RenderType_QuarterPlanReportComponent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "View_QuarterPlanReportComponent_0", function() { return View_QuarterPlanReportComponent_0; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "View_QuarterPlanReportComponent_Host_0", function() { return View_QuarterPlanReportComponent_Host_0; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuarterPlanReportComponentNgFactory", function() { return QuarterPlanReportComponentNgFactory; }); /* harmony import */ var _quarter_plan_report_component_scss_shim_ngstyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./quarter-plan-report.component.scss.shim.ngstyle */ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.scss.shim.ngstyle.js"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js"); /* harmony import */ var _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../core/controls/gen-grid/gen-grid.component.ngfactory */ "./src/core/controls/gen-grid/gen-grid.component.ngfactory.js"); /* harmony import */ var _core_controls_gen_grid_gen_grid_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../core/controls/gen-grid/gen-grid.component */ "./src/core/controls/gen-grid/gen-grid.component.ts"); /* harmony import */ var _angular_cdk_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/cdk/layout */ "./node_modules/@angular/cdk/esm2015/layout.js"); /* harmony import */ var _fuse_directives_fuse_perfect_scrollbar_fuse_perfect_scrollbar_directive__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../@fuse/directives/fuse-perfect-scrollbar/fuse-perfect-scrollbar.directive */ "./src/@fuse/directives/fuse-perfect-scrollbar/fuse-perfect-scrollbar.directive.ts"); /* harmony import */ var _fuse_services_config_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../@fuse/services/config.service */ "./src/@fuse/services/config.service.ts"); /* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/cdk/platform */ "./node_modules/@angular/cdk/esm2015/platform.js"); /* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm2015/router.js"); /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm2015/common.js"); /* harmony import */ var _node_modules_angular_material_icon_typings_index_ngfactory__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../node_modules/@angular/material/icon/typings/index.ngfactory */ "./node_modules/@angular/material/icon/typings/index.ngfactory.js"); /* harmony import */ var _angular_material_icon__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/material/icon */ "./node_modules/@angular/material/esm2015/icon.js"); /* harmony import */ var _quarter_plan_report_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./quarter-plan-report.component */ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.ts"); /* harmony import */ var _quarter_plan_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../quarter-plan.service */ "./src/app/quarter-plan/quarter-plan.service.ts"); /* harmony import */ var _core_services_common_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../core/services/common.service */ "./src/core/services/common.service.ts"); /** * @fileoverview This file was generated by the Angular template compiler. Do not edit. * * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes} * tslint:disable */ var styles_QuarterPlanReportComponent = [_quarter_plan_report_component_scss_shim_ngstyle__WEBPACK_IMPORTED_MODULE_0__["styles"]]; var RenderType_QuarterPlanReportComponent = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵcrt"]({ encapsulation: 0, styles: styles_QuarterPlanReportComponent, data: {} }); function View_QuarterPlanReportComponent_2(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 3, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Department:"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](3, null, [" ", ""]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.department_name; _ck(_v, 3, 0, currVal_0); }); } function View_QuarterPlanReportComponent_3(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 3, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Unit:"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](3, null, [" ", ""]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.unit_name; _ck(_v, 3, 0, currVal_0); }); } function View_QuarterPlanReportComponent_4(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 5, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, [" Performance Planning period :"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](3, null, [" From ", " - ", ""])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵppd"](4, 1), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵppd"](5, 1)], null, function (_ck, _v) { var currVal_0 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵunv"](_v, 3, 0, _ck(_v, 4, 0, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v.parent.parent, 0), _v.parent.context.$implicit.from_date)); var currVal_1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵunv"](_v, 3, 1, _ck(_v, 5, 0, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v.parent.parent, 0), _v.parent.context.$implicit.to_date)); _ck(_v, 3, 0, currVal_0, currVal_1); }); } function View_QuarterPlanReportComponent_5(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 3, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Prepared By:"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](3, null, [" ", ""]))], null, function (_ck, _v) { var currVal_0 = _v.parent.context.$implicit.qpp_prepared_by; _ck(_v, 3, 0, currVal_0); }); } function View_QuarterPlanReportComponent_6(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 4, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Prepared Date:"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](3, null, [" ", ""])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵppd"](4, 1)], null, function (_ck, _v) { var currVal_0 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵunv"](_v, 3, 0, _ck(_v, 4, 0, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v.parent.parent, 0), _v.parent.context.$implicit.qpp_prepared_date)); _ck(_v, 3, 0, currVal_0); }); } function View_QuarterPlanReportComponent_7(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "gen-grid", [["class", "qpr-content-table"], ["id", "kra"]], null, null, null, _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["View_GenGridComponent_0"], _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["RenderType_GenGridComponent"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 4440064, null, 0, _core_controls_gen_grid_gen_grid_component__WEBPACK_IMPORTED_MODULE_3__["GenGridComponent"], [_angular_cdk_layout__WEBPACK_IMPORTED_MODULE_4__["BreakpointObserver"]], { title: [0, "title"], hasViewDetail: [1, "hasViewDetail"], hasActions: [2, "hasActions"], pagination: [3, "pagination"], gridData: [4, "gridData"] }, null)], function (_ck, _v) { var currVal_0 = "KRA"; var currVal_1 = false; var currVal_2 = false; var currVal_3 = false; var currVal_4 = _v.parent.context.$implicit.kraGridData; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); }, null); } function View_QuarterPlanReportComponent_8(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "gen-grid", [["class", "qpr-content-table"], ["id", "coordination"]], null, null, null, _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["View_GenGridComponent_0"], _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["RenderType_GenGridComponent"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 4440064, null, 0, _core_controls_gen_grid_gen_grid_component__WEBPACK_IMPORTED_MODULE_3__["GenGridComponent"], [_angular_cdk_layout__WEBPACK_IMPORTED_MODULE_4__["BreakpointObserver"]], { title: [0, "title"], hasViewDetail: [1, "hasViewDetail"], hasActions: [2, "hasActions"], pagination: [3, "pagination"], gridData: [4, "gridData"] }, null)], function (_ck, _v) { var currVal_0 = "Coordination"; var currVal_1 = false; var currVal_2 = false; var currVal_3 = false; var currVal_4 = _v.parent.context.$implicit.coordinationGridData; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); }, null); } function View_QuarterPlanReportComponent_9(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "gen-grid", [["class", "qpr-content-table"], ["id", "mobilization"]], null, null, null, _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["View_GenGridComponent_0"], _core_controls_gen_grid_gen_grid_component_ngfactory__WEBPACK_IMPORTED_MODULE_2__["RenderType_GenGridComponent"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 4440064, null, 0, _core_controls_gen_grid_gen_grid_component__WEBPACK_IMPORTED_MODULE_3__["GenGridComponent"], [_angular_cdk_layout__WEBPACK_IMPORTED_MODULE_4__["BreakpointObserver"]], { title: [0, "title"], hasViewDetail: [1, "hasViewDetail"], hasActions: [2, "hasActions"], pagination: [3, "pagination"], gridData: [4, "gridData"] }, null)], function (_ck, _v) { var currVal_0 = "MobilizationGridData"; var currVal_1 = false; var currVal_2 = false; var currVal_3 = false; var currVal_4 = _v.parent.context.$implicit.mobilizationGridData; _ck(_v, 1, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4); }, null); } function View_QuarterPlanReportComponent_10(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, [" Unplanned Initiatives with results (QPR): "]))], null, null); } function View_QuarterPlanReportComponent_1(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 48, "div", [["class", "qpr-page-wrap"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 47, "div", [["class", "content-page"], ["fusePerfectScrollbar", ""]], [[24, "@animate", 0]], [["window", "resize"], ["document", "click"]], function (_v, en, $event) { var ad = true; if (("window:resize" === en)) { var pd_0 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 2)._updateOnResize() !== false); ad = (pd_0 && ad); } if (("document:click" === en)) { var pd_1 = (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 2).documentClick($event) !== false); ad = (pd_1 && ad); } return ad; }, null, null)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](2, 4407296, null, 0, _fuse_directives_fuse_perfect_scrollbar_fuse_perfect_scrollbar_directive__WEBPACK_IMPORTED_MODULE_5__["FusePerfectScrollbarDirective"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _fuse_services_config_service__WEBPACK_IMPORTED_MODULE_6__["FuseConfigService"], _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_7__["Platform"], _angular_router__WEBPACK_IMPORTED_MODULE_8__["Router"]], { enabled: [0, "enabled"] }, null), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵpod"](3, { delay: 0, x: 1 }), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵpod"](4, { value: 0, params: 1 }), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](5, 0, null, null, 43, "div", [["class", "content-row-wrap"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](6, 0, null, null, 5, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_2)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](8, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](9, 0, null, null, 0, "br", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_3)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](11, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](12, 0, null, null, 2, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_4)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](14, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](15, 0, null, null, 2, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_5)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](17, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](18, 0, null, null, 2, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_6)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](20, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](21, 0, null, null, 7, "div", [["class", "content-row has-table qpr-kra-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](22, 0, null, null, 2, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](23, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Key Result Areas (KRA) :"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](25, 0, null, null, 3, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_7)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](27, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](28, 0, null, null, 0, "div", [["class", "content-meta"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](29, 0, null, null, 6, "div", [["class", "content-row has-table"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](30, 0, null, null, 2, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](31, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Major Events: "])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](33, 0, null, null, 2, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_8)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](35, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](36, 0, null, null, 6, "div", [["class", "content-row has-table"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](37, 0, null, null, 2, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](38, 0, null, null, 1, "span", [["class", "title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Mobilization: "])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](40, 0, null, null, 2, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_9)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](42, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](43, 0, null, null, 5, "div", [["class", "content-row"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](44, 0, null, null, 4, "span", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_10)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](46, 16384, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"]], { ngIf: [0, "ngIf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](47, 0, null, null, 1, "p", [], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](48, null, ["", ""])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](49, 0, null, null, 0, "hr", [], null, null, null, null, null))], function (_ck, _v) { var currVal_1 = ""; _ck(_v, 2, 0, currVal_1); var currVal_2 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.department_name); _ck(_v, 8, 0, currVal_2); var currVal_3 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.unit_name); _ck(_v, 11, 0, currVal_3); var currVal_4 = _v.context.$implicit; _ck(_v, 14, 0, currVal_4); var currVal_5 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.qpp_prepared_by); _ck(_v, 17, 0, currVal_5); var currVal_6 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.qpp_prepared_date); _ck(_v, 20, 0, currVal_6); var currVal_7 = _v.context.$implicit.kraGridData; _ck(_v, 27, 0, currVal_7); var currVal_8 = _v.context.$implicit.coordinationGridData; _ck(_v, 35, 0, currVal_8); var currVal_9 = _v.context.$implicit.mobilizationGridData; _ck(_v, 42, 0, currVal_9); var currVal_10 = _v.context.$implicit; _ck(_v, 46, 0, currVal_10); }, function (_ck, _v) { var currVal_0 = _ck(_v, 4, 0, "*", _ck(_v, 3, 0, "300ms", "100%")); _ck(_v, 1, 0, currVal_0); var currVal_11 = ((_v.context.$implicit == null) ? null : _v.context.$implicit.unplanned_initiatives_qpr); _ck(_v, 48, 0, currVal_11); }); } function View_QuarterPlanReportComponent_0(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵpid"](0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["DatePipe"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["LOCALE_ID"]]), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](1, 0, null, null, 11, "div", [["class", "qpr-report-content-wrap"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](2, 0, null, null, 4, "div", [["id", "qpr-report"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](3, 0, null, null, 1, "h3", [["class", "page-title"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, ["Quarterly Performance Report (QPR)"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵand"](16777216, null, null, 1, null, View_QuarterPlanReportComponent_1)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](6, 278528, null, 0, _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgForOf"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["TemplateRef"], _angular_core__WEBPACK_IMPORTED_MODULE_1__["IterableDiffers"]], { ngForOf: [0, "ngForOf"] }, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](7, 0, null, null, 5, "div", [["class", "download-btn"]], null, null, null, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](8, 0, null, null, 4, "button", [["type", "submit"]], null, [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) { var pd_0 = (_co.downloadPDF() !== false); ad = (pd_0 && ad); } return ad; }, null, null)), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](9, 0, null, null, 2, "mat-icon", [["class", "mat-icon notranslate"], ["role", "img"]], [[2, "mat-icon-inline", null], [2, "mat-icon-no-color", null]], null, null, _node_modules_angular_material_icon_typings_index_ngfactory__WEBPACK_IMPORTED_MODULE_10__["View_MatIcon_0"], _node_modules_angular_material_icon_typings_index_ngfactory__WEBPACK_IMPORTED_MODULE_10__["RenderType_MatIcon"])), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](10, 9158656, null, 0, _angular_material_icon__WEBPACK_IMPORTED_MODULE_11__["MatIcon"], [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"], _angular_material_icon__WEBPACK_IMPORTED_MODULE_11__["MatIconRegistry"], [8, null], [2, _angular_material_icon__WEBPACK_IMPORTED_MODULE_11__["MAT_ICON_LOCATION"]]], null, null), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, 0, ["get_app"])), (_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵted"](-1, null, [" Download PDF "]))], function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.reportList; _ck(_v, 6, 0, currVal_0); _ck(_v, 10, 0); }, function (_ck, _v) { var currVal_1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 10).inline; var currVal_2 = (((_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 10).color !== "primary") && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 10).color !== "accent")) && (_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵnov"](_v, 10).color !== "warn")); _ck(_v, 9, 0, currVal_1, currVal_2); }); } function View_QuarterPlanReportComponent_Host_0(_l) { return _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵvid"](0, [(_l()(), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵeld"](0, 0, null, null, 1, "app-quarter-plan-report", [], null, null, null, View_QuarterPlanReportComponent_0, RenderType_QuarterPlanReportComponent)), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵdid"](1, 114688, null, 0, _quarter_plan_report_component__WEBPACK_IMPORTED_MODULE_12__["QuarterPlanReportComponent"], [_quarter_plan_service__WEBPACK_IMPORTED_MODULE_13__["QuarterPlanService"], _core_services_common_service__WEBPACK_IMPORTED_MODULE_14__["CommonService"], _angular_router__WEBPACK_IMPORTED_MODULE_8__["ActivatedRoute"]], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, null); } var QuarterPlanReportComponentNgFactory = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵccf"]("app-quarter-plan-report", _quarter_plan_report_component__WEBPACK_IMPORTED_MODULE_12__["QuarterPlanReportComponent"], View_QuarterPlanReportComponent_Host_0, {}, {}, []); /***/ }), /***/ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.scss.shim.ngstyle.js": /*!*****************************************************************************************************!*\ !*** ./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.scss.shim.ngstyle.js ***! \*****************************************************************************************************/ /*! exports provided: styles */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "styles", function() { return styles; }); /** * @fileoverview This file was generated by the Angular template compiler. Do not edit. * * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes} * tslint:disable */ var styles = ["header[_ngcontent-%COMP%] {\n background-color: #333;\n color: #fff;\n overflow: auto;\n position: sticky;\n top: 0;\n padding: 15px;\n display: flex;\n justify-content: space-between;\n margin-bottom: 50px;\n}\n\n.table[_ngcontent-%COMP%] {\n padding: 20px;\n}\n\n.table[_ngcontent-%COMP%] tbody[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] td[_ngcontent-%COMP%], .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] th[_ngcontent-%COMP%], .table[_ngcontent-%COMP%] thead[_ngcontent-%COMP%] {\n border-left: 1px solid #dee2e6;\n border-right: 1px solid #dee2e6;\n}\n\n.output[_ngcontent-%COMP%] {\n padding: 20px;\n}\n\n.delete[_ngcontent-%COMP%] {\n color: red;\n}\n\n.done[_ngcontent-%COMP%] {\n color: green;\n}\n\n.edit[_ngcontent-%COMP%] {\n color: yellow;\n}\n\nspan.ui-column-resizer[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n cursor: col-resize;\n padding: 30px;\n}\n\ntr.kra-tr[_ngcontent-%COMP%] td.kra-td-kra[_ngcontent-%COMP%] {\n width: 25%;\n}\n\ntr.kra-tr[_ngcontent-%COMP%] td.kra-td-basic_elaboration[_ngcontent-%COMP%] {\n width: 50%;\n}\n\ntr.kra-tr[_ngcontent-%COMP%] td.kra-td-kra_status[_ngcontent-%COMP%] {\n width: 10%;\n}\n\ntr.kra-tr[_ngcontent-%COMP%] td.kra-td-progress[_ngcontent-%COMP%] {\n width: 10%;\n}\n\ntr.kra-tr[_ngcontent-%COMP%] td.kra-td-action[_ngcontent-%COMP%] {\n width: 5%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-key_result_area[_ngcontent-%COMP%] {\n width: 10%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-qppDatePicker[_ngcontent-%COMP%] {\n width: 15%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-qpp_support[_ngcontent-%COMP%] {\n width: 30%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-qpp_support_type[_ngcontent-%COMP%] {\n width: 10%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-progress[_ngcontent-%COMP%] {\n width: 10%;\n}\n\ntr.coordination-tr[_ngcontent-%COMP%] td.coordination-td-action[_ngcontent-%COMP%] {\n width: 5%;\n}\n\ntr.mobilization-tr[_ngcontent-%COMP%] td.mobilization-td-staff_name[_ngcontent-%COMP%] {\n width: 0%;\n}\n\ntr.mobilization-tr[_ngcontent-%COMP%] td.mobilization-td-mobilizationDatePicker[_ngcontent-%COMP%] {\n width: 20%;\n}\n\ntr.mobilization-tr[_ngcontent-%COMP%] td.mobilization-td-purpose[_ngcontent-%COMP%] {\n width: 30%;\n}\n\ntr.mobilization-tr[_ngcontent-%COMP%] td.mobilization-td-mobilization_status[_ngcontent-%COMP%] {\n width: 20%;\n}\n\ntr.mobilization-tr[_ngcontent-%COMP%] td.mobilization-td-action[_ngcontent-%COMP%] {\n width: 10%;\n}\n\n.qpr-report-content-wrap[_ngcontent-%COMP%] {\n width: 100%;\n padding: 2em 3em;\n}\n\n.page-title[_ngcontent-%COMP%] {\n text-align: center;\n font-weight: 700;\n font-size: 28px;\n}\n\n.content-row-wrap[_ngcontent-%COMP%] {\n margin-top: 45px;\n}\n\n.content-row[_ngcontent-%COMP%] {\n margin-bottom: 15px;\n font-size: 16px;\n}\n\n.has-table[_ngcontent-%COMP%] {\n margin-top: 30px;\n margin-bottom: 45px;\n}\n\n.note-row[_ngcontent-%COMP%] {\n font-size: 12px;\n font-style: italic;\n margin-left: 5px;\n margin-right: 5px;\n}\n\n.qpr-content-table[_ngcontent-%COMP%] .mat-table[_ngcontent-%COMP%] {\n margin-top: 10px;\n}\n\n.qpr-content-table[_ngcontent-%COMP%] .table-header-row[_ngcontent-%COMP%] {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ddd;\n min-height: 40px;\n}\n\n.qpr-content-table[_ngcontent-%COMP%] .table-header-title[_ngcontent-%COMP%] {\n font-size: 14px;\n font-weight: 700;\n}\n\n.qpr-content-table[_ngcontent-%COMP%] mat-cell[_ngcontent-%COMP%] {\n font-size: 14px;\n padding: 15px;\n}\n\n.download-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 2em 1em;\n border-top: 1px solid #d4d4d4;\n}\n\n.download-btn[_ngcontent-%COMP%] button[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n background-color: #278e0d;\n border: none;\n color: #fff;\n padding: 5px 16px 5px 10px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 600;\n font-family: \"Helvetica Neue\", \"Arial\", sans-serif;\n cursor: pointer;\n}\n\n.download-btn[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover, .download-btn[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:focus {\n background-color: #31a614;\n}\n\n.download-btn[_ngcontent-%COMP%] button[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] {\n font-size: 16px;\n line-height: 1.4;\n}\n\n.mat-table[_ngcontent-%COMP%] {\n max-height: 100% !important;\n}"]; /***/ }), /***/ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.ts": /*!***********************************************************************************!*\ !*** ./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.component.ts ***! \***********************************************************************************/ /*! exports provided: QuarterPlanReportComponent */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuarterPlanReportComponent", function() { return QuarterPlanReportComponent; }); /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js"); /* harmony import */ var jspdf__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jspdf */ "./node_modules/jspdf/dist/jspdf.min.js"); /* harmony import */ var jspdf__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jspdf__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! html2canvas */ "./node_modules/html2canvas/dist/html2canvas.js"); /* harmony import */ var html2canvas__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(html2canvas__WEBPACK_IMPORTED_MODULE_3__); class QuarterPlanReportComponent { constructor(quarterPlanService, commonService, route) { this.quarterPlanService = quarterPlanService; this.commonService = commonService; this.route = route; this.reportList = []; this.kraGridColumns = [ { name: 'sn', type: 'string', displayName: 'SN', class: 'sn-col' }, { name: 'kra', type: 'string', displayName: 'Key Result Areas set for this quarter (QPP)', class: 'key-results-area-col' }, { name: 'basic_elaboration', type: 'string', displayName: 'Basic Elaborations of Key Results with process (QPP)', class: 'basic-elaboration-col' }, { name: 'kra_status', type: 'string', displayName: 'Status (QPR)', class: 'status-col' }, { name: 'progress', type: 'string', displayName: 'Progress/Remarks (QPR)', class: 'progress-col' } ]; this.coordinationGridColumns = [ { name: 'sn', type: 'string', displayName: 'SN', class: 'sn-col' }, { name: 'key_result_area', type: 'string', displayName: 'Key result areas identified (QPP)', class: 'key-results-area-col' }, { name: 'qpp_date', type: 'string', displayName: 'Date (QPP)', class: 'date-col' }, { name: 'qpp_support', type: 'string', displayName: 'Support seeking from (QPP)', class: 'support-seeking-col support-seeking-col-qpp' }, { name: 'qpp_support_type', type: 'string', displayName: 'What support (QPP)', class: 'what-support-col' }, { name: 'progress', type: 'string', displayName: 'Progress/Remarks (QPR)', class: 'progress-col' } ]; this.mobilizationGridColumns = [ { name: 'sn', type: 'string', displayName: 'SN', class: 'sn-col' }, { name: 'staff_name', type: 'string', displayName: 'Staff Name (QPP)', class: 'staff-name-col' }, { name: 'from_date', type: 'string', displayName: 'From Date (QPP)', class: 'date-col' }, { name: 'to_date', type: 'string', displayName: 'To Date (QPP)', class: 'date-col' }, { name: 'purpose', type: 'string', displayName: 'Purpose (where and why) (QPP)', class: 'purpose-col' }, { name: 'mobilization_status', type: 'string', displayName: 'Status (Done/Not Done) (QPR)', class: 'status-col mob-status-col' } ]; } ngOnInit() { this.route.queryParams .subscribe(params => { console.log('params inside plan report', params); // { category: "fiction" } this.getQuarterPlanList(params.departmentIds, params.unit_ids, params.years, params.quarters); }); // this.getQuarterPlanReportList() } getQuarterPlanReportList() { this.getQuarterPlanList(60, 38, '2021,2020,2022', 'Q1,Q2'); } getQuarterPlanList(department_ids, unit_ids, years, quarters) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function* () { yield this.quarterPlanService.getQuarterPlanReport(department_ids.toString(), unit_ids.toString(), years.toString(), quarters.toString()).then(response => { const res = response; if (res.success === true) this.reportList = res.data; if (this.reportList.length > 0) { for (let i = 0; i < this.reportList.length; i++) { this.reportList[i]['kraGridData'] = {}; this.reportList[i]['kraGridData']['data'] = this.reportList[i].kra; this.reportList[i]['kraGridData']['columns'] = this.kraGridColumns; this.reportList[i]['coordinationGridData'] = {}; this.reportList[i]['coordinationGridData']['data'] = this.reportList[i].coordination; this.reportList[i]['coordinationGridData']['columns'] = this.coordinationGridColumns; this.reportList[i]['mobilizationGridData'] = {}; this.reportList[i]['mobilizationGridData']['data'] = this.reportList[i].mobilization; this.reportList[i]['mobilizationGridData']['columns'] = this.mobilizationGridColumns; } } console.log('report list', this.reportList); }); }); } downloadPDF() { // var data = document.getElementById('qpr-report'); // html2canvas(data).then(canvas => { // // Few necessary setting options // var imgWidth = 208; // var pageHeight = 295; // var imgHeight = canvas.height * imgWidth / canvas.width; // var heightLeft = imgHeight; // const contentDataURL = canvas.toDataURL('image/png') // let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF // var position = 0; // pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight) // pdf.save('Consolidated Quarter Plan Report (QPR)'); // Generated PDF // }); this.commonService.downloadPDF('qpr-report', 'Consolidated Quater Report.pdf'); } getPDF() { var HTML_Width = document.getElementById('qpr-report').offsetWidth; var HTML_Height = document.getElementById('qpr-report').offsetHeight; var top_left_margin = 15; var PDF_Width = HTML_Width + (top_left_margin * 2); var PDF_Height = (PDF_Width * 1.5) + (top_left_margin * 2); var canvas_image_width = HTML_Width; var canvas_image_height = HTML_Height; var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1; html2canvas__WEBPACK_IMPORTED_MODULE_3___default()(document.getElementById('qpr-report'), { allowTaint: true }).then(function (canvas) { canvas.getContext('2d'); console.log(canvas.height + " " + canvas.width); var imgData = canvas.toDataURL("image/jpeg", 1.0); var pdf = new jspdf__WEBPACK_IMPORTED_MODULE_2__('p', 'pt', [PDF_Width, PDF_Height]); pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin, canvas_image_width, canvas_image_height); for (var i = 1; i <= totalPDFPages; i++) { pdf.addPage(PDF_Width, PDF_Height); pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height * i) + (top_left_margin * 4), canvas_image_width, canvas_image_height); } pdf.save("HTML-Document.pdf"); }); } ; } /***/ }), /***/ "./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.module.ts": /*!********************************************************************************!*\ !*** ./src/app/quarter-plan/quarter-plan-report/quarter-plan-report.module.ts ***! \********************************************************************************/ /*! exports provided: QuarterPlanReportModule */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuarterPlanReportModule", function() { return QuarterPlanReportModule; }); class QuarterPlanReportModule { } /***/ }), /***/ "./src/app/quarter-plan/quarter-plan.service.ts": /*!******************************************************!*\ !*** ./src/app/quarter-plan/quarter-plan.service.ts ***! \******************************************************/ /*! exports provided: QuarterPlanService */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuarterPlanService", function() { return QuarterPlanService; }); /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); /* harmony import */ var environments_environment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! environments/environment */ "./src/environments/environment.ts"); /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm2015/index.js"); /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm2015/core.js"); /* harmony import */ var _core_services_web_api_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../core/services/web-api.service */ "./src/core/services/web-api.service.ts"); class QuarterPlanService { constructor(webApiService) { this.webApiService = webApiService; this.basePath = environments_environment__WEBPACK_IMPORTED_MODULE_1__["environment"].apiUrl; this.planPath = this.basePath + 'Plan/'; this.currentPageIndex = new rxjs__WEBPACK_IMPORTED_MODULE_2__["BehaviorSubject"](0); } getCurrentPageIndex() { return this.currentPageIndex.asObservable(); } setCurrentPageIndex(index) { this.currentPageIndex.next(index); } getQuarterPlanReport(department_ids, unit_ids, years, quarters) { return tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"](this, void 0, void 0, function* () { return yield this.webApiService.get(`${this.planPath}GetQuarterPlanReportListBySearchParams`, { department_ids: department_ids, unit_ids: unit_ids, years: years, quarters: quarters }).toPromise(); }); } } QuarterPlanService.ngInjectableDef = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineInjectable"]({ factory: function QuarterPlanService_Factory() { return new QuarterPlanService(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵinject"](_core_services_web_api_service__WEBPACK_IMPORTED_MODULE_4__["WebApiService"])); }, token: QuarterPlanService, providedIn: "root" }); /***/ }) }]);