{"version":3,"sources":["webpack:///./src/resources/central-report-teaching-edit/central-report-teaching-edit.ts","webpack:///./src/resources/central-report-teaching-edit/central-report-teaching-edit.html","webpack:///./src/resources/central-report-teaching-view/central-report-teaching-view.ts","webpack:///./src/resources/central-report-teaching-view/central-report-teaching-view.html","webpack:///./src/resources/central-report-unit-organization-edit/central-report-unit-organization-edit.ts","webpack:///./src/resources/central-report-unit-organization-edit/central-report-unit-organization-edit.html","webpack:///./src/resources/central-report-unit-organization-lastperiod-edit/central-report-unit-organization-lastperiod-edit.ts","webpack:///./src/resources/central-report-unit-organization-lastperiod-edit/central-report-unit-organization-lastperiod-edit.html","webpack:///./src/resources/central-report-unit-organization-view/central-report-unit-organization-view.ts","webpack:///./src/resources/central-report-unit-organization-view/central-report-unit-organization-view.html","webpack:///./src/resources/dashboard-chart/DashboardChartData.ts","webpack:///./src/resources/dashboard-chart/dashboard-chart.ts","webpack:///./src/resources/dashboard-chart/dashboard-chart.html","webpack:///./src/resources/decimal-only-attribute/decimal-only-attribute.ts","webpack:///./src/resources/finance-balance/finance-balance.ts","webpack:///./src/resources/finance-balance/finance-balance.html","webpack:///./src/resources/finance-worker-promise-this-period/finance-worker-promise-this-period.ts","webpack:///./src/resources/finance-worker-promise-this-period/finance-worker-promise-this-period.html"],"names":["defaultBindingMode","oneWay","module","exports","CentralReportUnitOrganizationEdit","CentralReportUnitOrganizationLastperiodEdit","CentralReportUnitOrganizationView","id","workerMeetingKpi","tarbiyahKpi","dawahEventKpi","increaseAmKpi","increasePmKpi","reportSubmissionKpi","attached","this","initializeCharts","detached","detachAllCharts","chartData","initializeTmGaugeChart","initializeAmGaugeChart","initializePmGaugeChart","initializeWmGaugeChart","initializeDmGaugeChart","initializeRsGaugeChart","Chart","window","tmGaugeCanvas","value","Math","min","tmGaugeChart","gaugeConfig","amGaugeCanvas","amGaugeChart","pmGaugeCanvas","pmGaugeChart","wmGaugeCanvas","wmGaugeChart","dmGaugeCanvas","dmGaugeChart","rsGaugeCanvas","rsGaugeChart","destroy","data","chartTitle","type","labels","datasets","label","minValue","backgroundColor","borderWidth","options","legend","display","position","generateLabels","responsive","title","text","layout","padding","bottom","needle","radiusPercentage","widthPercentage","lengthPercentage","color","valueLabel","fontSize","formatter","context","plugins","datalabels","chart","dataIndex","font","innerRadius","round","weight","size","getRandomNumber","max","floor","random","DashboardChartData","DashboardChart","element","onKeyDown","e","cancelable","decimalRegex","test","key","preventDefault","DecimalOnlyCustomAttribute","addEventListener","removeEventListener","RegExp","Element","zeroBalance","AUD","getProps","dto","lastPeriod","amount","collection","expense","financeDataChanged","newValue","oldValue","initialData","latestData","financeData","JSON","stringify","balance","newBalance","FinanceBalance","zeroThisPeriod","workerPromiseLastPeriod","workerPromiseIncreaseTarget","workerPromiseIncreased","workerPromiseDecreased","workerPromiseThisPeriod","newThisPeriod","FinanceWorkerPromiseThisPeriod"],"mappings":"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","file":"app~6bb0f9c3.25cb13c1f18d3d68f3a9.chunk.js","sourcesContent":["import { bindable, bindingMode } from \"aurelia-framework\";\r\nimport { TeachingLearningProgramData } from \"models/TeachingLearningProgramData\";\r\n\r\nexport class CentralReportTeachingEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) groupStudyTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) groupStudyTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleForAssociateMemberTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleForAssociateMemberTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) practiceDarsTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) practiceDarsTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningCampTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningCampTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranStudyTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranStudyTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) hadithTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) hadithTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranClassTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranClassTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) weekendIslamicSchoolTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) weekendIslamicSchoolTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingAyatTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingAyatTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingHadithTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingHadithTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingDoaTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingDoaTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningSessionTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningSessionTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateQiyamulLailTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateQiyamulLailTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n}","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Tarbiah Programs</strong></h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Program</th>\\r\\n                    <th>Target</th>\\r\\n                    <th>Actual</th>\\r\\n                    <th>Average Attended</th>\\r\\n                    <th>Comment (program type)</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <!-- <td>Group Study/Discussion</td> -->\\r\\n                    <td>Group Study</td>\\r\\n                    <td>\\r\\n                        ${groupStudyTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.groupStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${groupStudyTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"groupStudyTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"groupStudyTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"groupStudyTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"groupStudyTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"groupStudyTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Study Circle (AM)</td>\\r\\n                    <td>\\r\\n                        ${studyCircleForAssociateMemberTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleForAssociateMemberTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number\\r\\n                            input-number.bind=\\\"studyCircleForAssociateMemberTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.actual\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number\\r\\n                            input-number.bind=\\\"studyCircleForAssociateMemberTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"studyCircleForAssociateMemberTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <!-- <td>Study Circle</td> -->\\r\\n                    <td>Study Circle (MEMBER)</td>\\r\\n                    <td>\\r\\n                        ${studyCircleTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"studyCircleTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"studyCircleTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"studyCircleTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"studyCircleTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"studyCircleTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <!--<tr>\\r\\n                    <td>Practice Dars / Speech</td>\\r\\n                    <td>\\r\\n                        ${practiceDarsTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.practiceDarsTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${practiceDarsTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"practiceDarsTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"practiceDarsTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"practiceDarsTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"practiceDarsTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <tr>\\r\\n                    <td>State Learning Camp (LC)</td>\\r\\n                    <td>\\r\\n                        ${stateLearningCampTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningCampTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningCampTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"stateLearningCampTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"stateLearningCampTeachingLearningProgramGeneratedData.actual\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"stateLearningCampTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"stateLearningCampTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"stateLearningCampTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <!--<tr>\\r\\n                    <td>Quran / Hadith Study</td>\\r\\n                    <td>\\r\\n                        ${quranStudyTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranStudyTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"quranStudyTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"quranStudyTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"quranStudyTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"quranStudyTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Hadith Study</td>\\r\\n                    <td>\\r\\n                        ${hadithTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.hadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${hadithTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>    \\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"hadithTeachingLearningProgramData.actual\\\" generated.bind=\\\"hadithTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"hadithTeachingLearningProgramData.averageAttendance\\\" generated.bind=\\\"hadithTeachingLearningProgramGeneratedData.averageAttendance\\\"></input-number>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <!--<tr>\\r\\n                    <td>Quran Class</td>\\r\\n                    <td>\\r\\n                        ${quranClassTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranClassTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranClassTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"quranClassTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"quranClassTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"quranClassTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"quranClassTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Weekend Islamic School</td>\\r\\n                    <td>\\r\\n                        ${weekendIslamicSchoolTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.weekendIslamicSchoolTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${weekendIslamicSchoolTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>    \\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"weekendIslamicSchoolTeachingLearningProgramData.actual\\\" generated.bind=\\\"weekendIslamicSchoolTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"weekendIslamicSchoolTeachingLearningProgramData.averageAttendance\\\" generated.bind=\\\"weekendIslamicSchoolTeachingLearningProgramGeneratedData.averageAttendance\\\"></input-number>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <!--<tr>\\r\\n                    <td>Memorising (Ayat / Hadith / Doa)</td>\\r\\n                    <td>\\r\\n                        ${memorizingAyatTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.memorizingAyatTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingAyatTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingAyatTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"memorizingAyatTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingAyatTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"memorizingAyatTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Memorizing Hadith</td>\\r\\n                    <td>\\r\\n                        ${memorizingHadithTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingHadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingHadithTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>    \\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingHadithTeachingLearningProgramData.actual\\\" generated.bind=\\\"memorizingHadithTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingHadithTeachingLearningProgramData.averageAttendance\\\" generated.bind=\\\"memorizingHadithTeachingLearningProgramGeneratedData.averageAttendance\\\"></input-number>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Memorizing Doa</td>\\r\\n                    <td>\\r\\n                        ${memorizingDoaTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingDoaTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingDoaTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>    \\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingDoaTeachingLearningProgramData.actual\\\" generated.bind=\\\"memorizingDoaTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"memorizingDoaTeachingLearningProgramData.averageAttendance\\\" generated.bind=\\\"memorizingDoaTeachingLearningProgramGeneratedData.averageAttendance\\\"></input-number>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <tr>\\r\\n                    <td>State Learning Session (LS)</td>\\r\\n                    <td>\\r\\n                        ${stateLearningSessionTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningSessionTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningSessionTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"stateLearningSessionTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"stateLearningSessionTeachingLearningProgramGeneratedData.actual\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number\\r\\n                            input-number.bind=\\\"stateLearningSessionTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"stateLearningSessionTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"stateLearningSessionTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>State Qiyamul Lail</td>\\r\\n                    <td>\\r\\n                        ${stateQiyamulLailTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateQiyamulLailTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateQiyamulLailTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"stateQiyamulLailTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"stateQiyamulLailTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"stateQiyamulLailTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"stateQiyamulLailTeachingLearningProgramGeneratedData.averageAttendance\\\">\\r\\n                        </input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"stateQiyamulLailTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Other Tarbiah Program</td>\\r\\n                    <td>\\r\\n                        ${otherTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.otherTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${otherTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"otherTeachingLearningProgramData.actual\\\"\\r\\n                            generated.bind=\\\"otherTeachingLearningProgramGeneratedData.actual\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"otherTeachingLearningProgramData.averageAttendance\\\"\\r\\n                            generated.bind=\\\"otherTeachingLearningProgramGeneratedData.averageAttendance\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"otherTeachingLearningProgramData.comment\\\"></td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { bindable, bindingMode } from \"aurelia-framework\";\r\nimport { TeachingLearningProgramData } from \"models/TeachingLearningProgramData\";\r\n\r\nexport class CentralReportTeachingView {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) groupStudyTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) groupStudyTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleForAssociateMemberTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleForAssociateMemberTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) studyCircleTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) practiceDarsTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) practiceDarsTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningCampTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningCampTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranStudyTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranStudyTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) hadithTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) hadithTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranClassTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) quranClassTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) weekendIslamicSchoolTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) weekendIslamicSchoolTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingAyatTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingAyatTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingHadithTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingHadithTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingDoaTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memorizingDoaTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningSessionTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateLearningSessionTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateQiyamulLailTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) stateQiyamulLailTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherTeachingLearningProgramData: TeachingLearningProgramData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherTeachingLearningProgramGeneratedData: TeachingLearningProgramData;\r\n}","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Tarbiah Programs</strong></h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Program</th>\\r\\n                    <th>Target</th>\\r\\n                    <th>Actual</th>\\r\\n                    <th>Average Attended</th>\\r\\n                    <th>Comment (program type)</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <!-- <td>Group Study/Discussion</td> -->\\r\\n                    <td>Group Study</td>\\r\\n                    <td>\\r\\n                        ${groupStudyTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.groupStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${groupStudyTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${groupStudyTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.groupStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${groupStudyTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${groupStudyTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.groupStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${groupStudyTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${groupStudyTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Study Circle (AM)</td>\\r\\n                    <td>\\r\\n                        ${studyCircleForAssociateMemberTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleForAssociateMemberTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${studyCircleForAssociateMemberTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleForAssociateMemberTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${studyCircleForAssociateMemberTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleForAssociateMemberTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleForAssociateMemberTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${studyCircleForAssociateMemberTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <!-- <td>Study Circle</td> -->\\r\\n                    <td>Study Circle (MEMBER)</td>\\r\\n                    <td>\\r\\n                        ${studyCircleTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${studyCircleTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${studyCircleTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.studyCircleTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${studyCircleTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${studyCircleTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <!--<tr>\\r\\n                    <td>Practice Dars / Speech</td>\\r\\n                    <td>\\r\\n                        ${practiceDarsTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.practiceDarsTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${practiceDarsTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${practiceDarsTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.practiceDarsTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${practiceDarsTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${practiceDarsTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.practiceDarsTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${practiceDarsTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <tr>\\r\\n                    <td>State Learning Camp (LC)</td>\\r\\n                    <td>\\r\\n                        ${stateLearningCampTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningCampTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningCampTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateLearningCampTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningCampTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningCampTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateLearningCampTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningCampTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningCampTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${stateLearningCampTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <!--<tr>\\r\\n                    <td>Quran / Hadith Study</td>\\r\\n                    <td>\\r\\n                        ${quranStudyTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranStudyTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${quranStudyTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranStudyTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${quranStudyTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranStudyTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranStudyTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Hadith Study</td>\\r\\n                    <td>\\r\\n                        ${hadithTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.hadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${hadithTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${hadithTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.hadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${hadithTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${hadithTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.hadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${hadithTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n\\r\\n                <!--<tr>\\r\\n                    <td>Quran Class</td>\\r\\n                    <td>\\r\\n                        ${quranClassTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranClassTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranClassTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${quranClassTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranClassTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranClassTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${quranClassTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.quranClassTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${quranClassTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Weekend Islamic School</td>\\r\\n                    <td>\\r\\n                        ${weekendIslamicSchoolTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.weekendIslamicSchoolTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${weekendIslamicSchoolTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${weekendIslamicSchoolTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.weekendIslamicSchoolTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${weekendIslamicSchoolTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${weekendIslamicSchoolTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.weekendIslamicSchoolTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${weekendIslamicSchoolTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <!--<tr>\\r\\n                    <td>Memorising (Ayat / Hadith / Doa)</td>\\r\\n                    <td>\\r\\n                        ${memorizingAyatTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.memorizingAyatTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingAyatTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingAyatTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.memorizingAyatTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingAyatTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingAyatTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.memorizingAyatTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingAyatTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>Memorizing Hadith</td>\\r\\n                    <td>\\r\\n                        ${memorizingHadithTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingHadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingHadithTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingHadithTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingHadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingHadithTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingHadithTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingHadithTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingHadithTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Memorizing Doa</td>\\r\\n                    <td>\\r\\n                        ${memorizingDoaTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingDoaTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingDoaTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingDoaTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingDoaTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingDoaTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${memorizingDoaTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.memorizingDoaTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${memorizingDoaTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <tr>\\r\\n                    <td>State Learning Session (LS)</td>\\r\\n                    <td>\\r\\n                        ${stateLearningSessionTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningSessionTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningSessionTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateLearningSessionTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningSessionTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningSessionTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateLearningSessionTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateLearningSessionTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateLearningSessionTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${stateLearningSessionTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>State Qiyamul Lail</td>\\r\\n                    <td>\\r\\n                        ${stateQiyamulLailTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateQiyamulLailTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateQiyamulLailTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateQiyamulLailTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateQiyamulLailTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateQiyamulLailTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${stateQiyamulLailTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.stateQiyamulLailTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${stateQiyamulLailTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${stateQiyamulLailTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Other Tarbiah Program</td>\\r\\n                    <td>\\r\\n                        ${otherTeachingLearningProgramData.target}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.otherTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${otherTeachingLearningProgramGeneratedData.target}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${otherTeachingLearningProgramData.actual}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.otherTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${otherTeachingLearningProgramGeneratedData.actual}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${otherTeachingLearningProgramData.averageAttendance}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"$this.otherTeachingLearningProgramGeneratedData\\\">\\r\\n                            &nbsp;${otherTeachingLearningProgramGeneratedData.averageAttendance}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>${otherTeachingLearningProgramData.comment}</td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { UnitOrganizationReportData } from \"models/UnitOrganizationReportData\";\r\n\r\n@containerless\r\nexport class CentralReportUnitOrganizationEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n}\r\n","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Organisations</strong></h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Name</th>\\r\\n                    <th>Last Period</th>\\r\\n                    <th>Upgrade Target</th>\\r\\n                    <th>Increased</th>\\r\\n                    <th>Decreased</th>\\r\\n                    <th>This Period</th>\\r\\n                    <th>Comments</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <td>Organisation Unit</td>\\r\\n                    <td>${organizationUnitOrganizationData.lastPeriod}\\r\\n                        &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\" if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">${organizationUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                    </td>\\r\\n                    <td>${organizationUnitOrganizationData.upgradeTarget}\\r\\n                        &nbsp;<span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">${organizationUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"organizationUnitOrganizationData.increased\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.increased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"organizationUnitOrganizationData.decreased\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.decreased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"organizationUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            <span class=\\\"badge badge-pill badge-secondary\\\">${organizationUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"organizationUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"organizationUnitOrganizationData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Dawah Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.lastPeriod}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${dawahUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.upgradeTarget}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-info\\\">${dawahUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"dawahUnitOrganizationData.increased\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.increased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"dawahUnitOrganizationData.decreased\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.decreased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"dawahUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${dawahUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"dawahUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"dawahUnitOrganizationData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMB Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.lastPeriod}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymbUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.upgradeTarget}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-info\\\">${ymbUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"ymbUnitOrganizationData.increased\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.increased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"ymbUnitOrganizationData.decreased\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.decreased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymbUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymbUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymbUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"ymbUnitOrganizationData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMS Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.lastPeriod}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymsUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.upgradeTarget}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-info\\\">${ymsUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"ymsUnitOrganizationData.increased\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.increased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"ymsUnitOrganizationData.decreased\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.decreased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymsUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymsUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymsUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"ymsUnitOrganizationData.comment\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>LM Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.lastPeriod}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${lmUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.upgradeTarget}\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-info\\\">${lmUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"lmUnitOrganizationData.increased\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.increased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"lmUnitOrganizationData.decreased\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.decreased\\\" />\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"lmUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${lmUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"lmUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td><input class=\\\"form-control\\\" value.bind=\\\"lmUnitOrganizationData.comment\\\"></td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { UnitOrganizationReportData } from \"models/UnitOrganizationReportData\";\r\n\r\n@containerless\r\nexport class CentralReportUnitOrganizationLastperiodEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n}\r\n","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Organisations</strong></h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Name</th>\\r\\n                    <th>Last Period</th>\\r\\n                    <th>Upgrade Target</th>\\r\\n                    <th>Increased</th>\\r\\n                    <th>Decreased</th>\\r\\n                    <th>This Period</th>\\r\\n                    <th>Comments</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <td>Organisation Unit</td>\\r\\n                    <td><input-number input-number.bind=\\\"organizationUnitOrganizationData.lastPeriod\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"organizationUnitOrganizationData.upgradeTarget\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.upgradeTarget\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"organizationUnitOrganizationData.increased\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.increased\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"organizationUnitOrganizationData.decreased\\\" generated.bind=\\\"organizationUnitOrganizationGeneratedData.decreased\\\" /></td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"organizationUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            <span class=\\\"badge badge-pill badge-secondary\\\">${organizationUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"organizationUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${organizationUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Dawah Unit</td>\\r\\n                    <td><input-number input-number.bind=\\\"dawahUnitOrganizationData.lastPeriod\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"dawahUnitOrganizationData.upgradeTarget\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.upgradeTarget\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"dawahUnitOrganizationData.increased\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.increased\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"dawahUnitOrganizationData.decreased\\\" generated.bind=\\\"dawahUnitOrganizationGeneratedData.decreased\\\" /></td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"dawahUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${dawahUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"dawahUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${dawahUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMB Unit</td>\\r\\n                    <td><input-number input-number.bind=\\\"ymbUnitOrganizationData.lastPeriod\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymbUnitOrganizationData.upgradeTarget\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.upgradeTarget\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymbUnitOrganizationData.increased\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.increased\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymbUnitOrganizationData.decreased\\\" generated.bind=\\\"ymbUnitOrganizationGeneratedData.decreased\\\" /></td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymbUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymbUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymbUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${ymbUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMS Unit</td>\\r\\n                    <td><input-number input-number.bind=\\\"ymsUnitOrganizationData.lastPeriod\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymsUnitOrganizationData.upgradeTarget\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.upgradeTarget\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymsUnitOrganizationData.increased\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.increased\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"ymsUnitOrganizationData.decreased\\\" generated.bind=\\\"ymsUnitOrganizationGeneratedData.decreased\\\" /></td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymsUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${ymsUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"ymsUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${ymsUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>LM Unit</td>\\r\\n                    <td><input-number input-number.bind=\\\"lmUnitOrganizationData.lastPeriod\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"lmUnitOrganizationData.upgradeTarget\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.upgradeTarget\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"lmUnitOrganizationData.increased\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.increased\\\" /></td>\\r\\n                    <td><output-number output-number.bind=\\\"lmUnitOrganizationData.decreased\\\" generated.bind=\\\"lmUnitOrganizationGeneratedData.decreased\\\" /></td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"lmUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${lmUnitOrganizationGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            <unit-organization-data-this-period unit-organization-data.bind=\\\"lmUnitOrganizationData\\\"></unit-organization-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${lmUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { UnitOrganizationReportData } from \"models/UnitOrganizationReportData\";\r\n\r\n@containerless\r\nexport class CentralReportUnitOrganizationView {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) dawahUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) organizationUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymbUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) ymsUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationData: UnitOrganizationReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) lmUnitOrganizationGeneratedData: UnitOrganizationReportData;\r\n}\r\n","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Organisations</strong></h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Name</th>\\r\\n                    <th>Last Period</th>\\r\\n                    <th>Upgrade Target</th>\\r\\n                    <th>Increased</th>\\r\\n                    <th>Decreased</th>\\r\\n                    <th>This Period</th>\\r\\n                    <th>Comments</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <td>Organisation Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.lastPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${organizationUnitOrganizationGeneratedData.lastPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${organizationUnitOrganizationGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.increased} <span class=\\\"badge badge-pill badge-info\\\">${organizationUnitOrganizationGeneratedData.increased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${organizationUnitOrganizationGeneratedData.decreased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.thisPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${organizationUnitOrganizationGeneratedData.thisPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.organizationUnitOrganizationGeneratedData\\\">\\r\\n                            ${organizationUnitOrganizationData.thisPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${organizationUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>  \\r\\n                    <td>Dawah Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.lastPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${dawahUnitOrganizationGeneratedData.lastPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${dawahUnitOrganizationGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.increased} <span class=\\\"badge badge-pill badge-info\\\">${dawahUnitOrganizationGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${dawahUnitOrganizationGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.thisPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${dawahUnitOrganizationGeneratedData.thisPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.dawahUnitOrganizationGeneratedData\\\">\\r\\n                            ${dawahUnitOrganizationData.thisPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${dawahUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMB Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.lastPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${ymbUnitOrganizationGeneratedData.lastPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${ymbUnitOrganizationGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.increased} <span class=\\\"badge badge-pill badge-info\\\">${ymbUnitOrganizationGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${ymbUnitOrganizationGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.thisPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${ymbUnitOrganizationGeneratedData.thisPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymbUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymbUnitOrganizationData.thisPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${ymbUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>YMS Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.lastPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${ymsUnitOrganizationGeneratedData.lastPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${ymsUnitOrganizationGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.increased} <span class=\\\"badge badge-pill badge-info\\\">${ymsUnitOrganizationGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${ymsUnitOrganizationGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.thisPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${ymsUnitOrganizationGeneratedData.thisPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.ymsUnitOrganizationGeneratedData\\\">\\r\\n                            ${ymsUnitOrganizationData.thisPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${ymsUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>LM Unit</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.lastPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${lmUnitOrganizationGeneratedData.lastPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.lastPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${lmUnitOrganizationGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.increased} <span class=\\\"badge badge-pill badge-info\\\">${lmUnitOrganizationGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${lmUnitOrganizationGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.thisPeriod} <span class=\\\"badge badge-pill badge-secondary\\\">${lmUnitOrganizationGeneratedData.thisPeriod}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.lmUnitOrganizationGeneratedData\\\">\\r\\n                            ${lmUnitOrganizationData.thisPeriod}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>${lmUnitOrganizationData.comment}</td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","\r\nexport class DashboardChartData {\r\n    constructor(\r\n        public id: number,\r\n        public workerMeetingKpi,\r\n        public tarbiyahKpi,\r\n        public dawahEventKpi,\r\n        public increaseAmKpi,\r\n        public increasePmKpi,\r\n        public reportSubmissionKpi\r\n    ) { }\r\n}\r\n","import { bindable, bindingMode, containerless, autoinject } from \"aurelia-framework\";\r\nimport { DashboardChartData } from \"resources/dashboard-chart/DashboardChartData\";\r\n\r\n@containerless\r\n@autoinject\r\nexport class DashboardChart {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) chartData: DashboardChartData;\r\n\r\n     // Chart properties\r\n     private tmGaugeChart: Chart | undefined;\r\n     private tmGaugeCanvas: HTMLCanvasElement | undefined;\r\n     \r\n     private amGaugeChart: Chart | undefined;\r\n     private amGaugeCanvas: HTMLCanvasElement | undefined;\r\n     \r\n     private pmGaugeChart: Chart | undefined;\r\n     private pmGaugeCanvas: HTMLCanvasElement | undefined;\r\n     \r\n     private wmGaugeChart: Chart | undefined;\r\n     private wmGaugeCanvas: HTMLCanvasElement | undefined;\r\n     \r\n     private dmGaugeChart: Chart | undefined;\r\n     private dmGaugeCanvas: HTMLCanvasElement | undefined;\r\n    \r\n     private rsGaugeChart: Chart | undefined;\r\n     private rsGaugeCanvas: HTMLCanvasElement | undefined;\r\n \r\n     constructor() {}\r\n \r\n     attached() {\r\n         this.initializeCharts();\r\n     }\r\n \r\n     detached() {\r\n         this.detachAllCharts();\r\n     }\r\n \r\n     private initializeCharts() {\r\n         if (this.chartData) {\r\n             this.initializeTmGaugeChart();\r\n             this.initializeAmGaugeChart();\r\n             this.initializePmGaugeChart();\r\n             this.initializeWmGaugeChart();\r\n             this.initializeDmGaugeChart();\r\n             this.initializeRsGaugeChart();\r\n         }\r\n     }\r\n \r\n     private initializeTmGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.tmGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.tarbiyahKpi, 100);\r\n         var chartTitle = \"Tarbiah Meeting\";\r\n         \r\n         this.tmGaugeChart = new Chart(this.tmGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n \r\n     private initializeAmGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.amGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.increaseAmKpi, 100);\r\n         var chartTitle = \"AM Increase\";\r\n         \r\n         this.amGaugeChart = new Chart(this.amGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n \r\n     private initializePmGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.pmGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.increasePmKpi, 100);\r\n         var chartTitle = \"PM Increase\";\r\n         \r\n         this.pmGaugeChart = new Chart(this.pmGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n \r\n     private initializeWmGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.wmGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.workerMeetingKpi, 100);\r\n         var chartTitle = \"Worker Meeting\";\r\n         \r\n         this.wmGaugeChart = new Chart(this.wmGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n \r\n     private initializeDmGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.dmGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.dawahEventKpi, 100);\r\n         var chartTitle = \"Dawah Event\";\r\n         \r\n         this.dmGaugeChart = new Chart(this.dmGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n\r\n     private initializeRsGaugeChart() {\r\n         const Chart = (window as any).Chart;\r\n         if (!Chart || !this.rsGaugeCanvas) return;\r\n         \r\n         var data = [25, 50, 75, 100];\r\n         var value = Math.min(this.chartData.reportSubmissionKpi, 100);\r\n         var chartTitle = \"Report Submission\";\r\n         \r\n         this.rsGaugeChart = new Chart(this.rsGaugeCanvas, this.gaugeConfig(data, value, chartTitle));\r\n     }\r\n \r\n     private detachAllCharts() {\r\n         if (this.tmGaugeChart) this.tmGaugeChart.destroy();\r\n         if (this.amGaugeChart) this.amGaugeChart.destroy();\r\n         if (this.pmGaugeChart) this.pmGaugeChart.destroy();\r\n         if (this.wmGaugeChart) this.wmGaugeChart.destroy();\r\n         if (this.dmGaugeChart) this.dmGaugeChart.destroy();\r\n         if (this.rsGaugeChart) this.rsGaugeChart.destroy();\r\n     }\r\n \r\n     private gaugeConfig(data: number[], value: number, chartTitle: string) {\r\n         return {\r\n             type: \"gauge\",\r\n             data: {\r\n                 labels: [\"Poor\", \"Fair\", \"Good\", \"Very Good\"],\r\n                 datasets: [{\r\n                     label: \"\",\r\n                     data: data,\r\n                     value: value,\r\n                     minValue: 0,\r\n                     backgroundColor: [\"#fc5b5b\", \"orange\", \"yellow\", \"#1c9e46\"],\r\n                     borderWidth: 2\r\n                 }]\r\n             },\r\n             options: {\r\n                 legend: {\r\n                     display: false,\r\n                     position: \"bottom\",\r\n                     labels: {\r\n                         generateLabels: {}\r\n                     }\r\n                 },\r\n                 responsive: true,\r\n                 title: {\r\n                     display: true,\r\n                     text: chartTitle,\r\n                     position: \"bottom\",\r\n                 },\r\n                 layout: {\r\n                     padding: {\r\n                         bottom: 30,\r\n                     }\r\n                 },\r\n                 needle: {\r\n                     radiusPercentage: 1,\r\n                     widthPercentage: 1,\r\n                     lengthPercentage: 60,\r\n                     color: \"rgba(0, 0, 0, 1)\"\r\n                 },\r\n                 valueLabel: {\r\n                     fontSize: 15,\r\n                     formatter: function (value: any, context: any) {\r\n                         return value + \"%\";\r\n                     },\r\n                     color: \"white\",\r\n                     backgroundColor: \"#6c7a6e\"\r\n                 },\r\n                 plugins: {\r\n                     datalabels: {\r\n                         display: \"auto\",\r\n                         formatter: function (value: any, context: any) {\r\n                             return context.chart.data.labels[context.dataIndex];\r\n                         },\r\n                         color: function (context: any) {\r\n                             return \"#2d2d2e\";\r\n                         },\r\n                         font: function (context: any) {\r\n                             var innerRadius = Math.round(context.chart.innerRadius);\r\n                             var size = Math.round(innerRadius / 8);\r\n                             return {\r\n                                 weight: \"normal\",\r\n                                 size: size\r\n                             };\r\n                         }\r\n                     }\r\n                 }\r\n                \r\n             }\r\n         };\r\n     }\r\n \r\n     private getRandomNumber(min: number, max: number): number {\r\n         return Math.floor(Math.random() * (max - min + 1)) + min;\r\n     }\r\n}\r\n","module.exports = \"<template>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"wmGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"tmGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"dmGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"amGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"pmGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n        <div class=\\\"col-lg-4\\\">\\r\\n            <canvas ref=\\\"rsGaugeCanvas\\\"></canvas>\\r\\n        </div>\\r\\n    </div>\\r\\n    \\r\\n</template>\";","import { inject } from \"aurelia-framework\";\r\n\r\n@inject(Element)\r\nexport class DecimalOnlyCustomAttribute {\r\n    constructor(public element: Element) {}\r\n\r\n    attached() {\r\n        this.element.addEventListener(\"keydown\", this.onKeyDown, false);\r\n    }\r\n\r\n    detached() {\r\n        this.element.removeEventListener(\"keydown\", this.onKeyDown);\r\n    }\r\n\r\n    static decimalRegex = new RegExp(/[0-9]|Backspace|Delete|Home|End|ArrowLeft|ArrowRight|Tab|\\./);\r\n\r\n    onKeyDown = (e: KeyboardEvent) => {\r\n        //console.log([e.key, DecimalOnlyCustomAttribute.decimalRegex.test(e.key), e]);\r\n        if(e.cancelable && !DecimalOnlyCustomAttribute.decimalRegex.test(e.key)){\r\n           e.preventDefault();\r\n        }\r\n    }\r\n}","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { Money } from \"models/Money\";\r\nimport { FinanceData } from \"models/FinanceData\";\r\nimport { Currency } from \"models/Currency\";\r\n\r\ntype props = {\r\n    lastPeriod: number,\r\n    collection: number,\r\n    expense: number,\r\n    //nisabPaidToCentral: number\r\n};\r\n\r\n@containerless\r\nexport class FinanceBalance {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) financeData: FinanceData;\r\n    initialData: props;\r\n\r\n    getProps(dto: FinanceData) {\r\n        const propsData: props = {\r\n            lastPeriod: dto.lastPeriod.amount,\r\n            collection: dto.collection.amount,\r\n            expense: dto.expense.amount,\r\n            //nisabPaidToCentral: dto.nisabPaidToCentral.amount\r\n        };\r\n        return propsData;\r\n    }\r\n    \r\n    financeDataChanged(newValue: FinanceData, oldValue: FinanceData) {\r\n        this.initialData = this.getProps(newValue);\r\n    }\r\n\r\n    get isDirty() {\r\n        const latestData: props = this.getProps(this.financeData);\r\n        return JSON.stringify(this.initialData) !== JSON.stringify(latestData) && this.financeData.balance.amount != this.newBalance.amount;\r\n    }\r\n    \r\n    zeroBalance = new Money(0, Currency.AUD);\r\n    \r\n    get newBalance() {\r\n        // `this.financeData.nisabPaidToCentral.amount` hasn't been subtracted because we aren't using it anymore.\r\n        const newValue = this.financeData.lastPeriod.amount + this.financeData.collection.amount - this.financeData.expense.amount;\r\n        return new Money(newValue, Currency.AUD);\r\n    }\r\n}\r\n","module.exports = \"<template>\\r\\n        <span if.bind=\\\"!isDirty\\\">${financeData.balance | money}</span>\\r\\n        <span data-toggle=\\\"tooltip\\\" if.bind=\\\"isDirty\\\" ref.bind=\\\"stalePeriod\\\">\\r\\n            <span class=\\\"badge badge-pill badge-danger\\\">\\r\\n            <strike>${financeData.balance | money}</strike>&nbsp;\\r\\n            </span>\\r\\n            <span class=\\\"badge badge-pill badge-success\\\">\\r\\n                ${newBalance | money}\\r\\n            </span>\\r\\n        </span>\\r\\n    </template>\";","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { Money } from \"models/Money\";\r\nimport { FinanceData } from \"models/FinanceData\";\r\nimport { Currency } from \"models/Currency\";\r\n\r\ntype props = {\r\n    workerPromiseLastPeriod: number,\r\n    workerPromiseIncreaseTarget: number,\r\n    workerPromiseIncreased: number,\r\n    workerPromiseDecreased: number\r\n};\r\n\r\n@containerless\r\nexport class FinanceWorkerPromiseThisPeriod {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) financeData: FinanceData;\r\n    initialData: props;\r\n\r\n    getProps(dto: FinanceData) {\r\n        const propsData: props = {\r\n            workerPromiseLastPeriod: dto.workerPromiseLastPeriod.amount,\r\n            workerPromiseIncreaseTarget: dto.workerPromiseIncreaseTarget.amount,\r\n            workerPromiseIncreased: dto.workerPromiseIncreased.amount,\r\n            workerPromiseDecreased: dto.workerPromiseDecreased.amount\r\n        };\r\n        return propsData;\r\n    }\r\n    financeDataChanged(newValue: FinanceData, oldValue: FinanceData) {\r\n        this.initialData = this.getProps(newValue);\r\n    }\r\n\r\n    get isDirty() {\r\n        const latestData: props = this.getProps(this.financeData);\r\n        return JSON.stringify(this.initialData) !== JSON.stringify(latestData) && this.financeData.workerPromiseThisPeriod.amount != this.newThisPeriod.amount;\r\n    }\r\n    \r\n    zeroThisPeriod = new Money(0, Currency.AUD);\r\n    \r\n    get newThisPeriod() {\r\n        const newValue = this.financeData.workerPromiseLastPeriod.amount + this.financeData.workerPromiseIncreased.amount - this.financeData.workerPromiseDecreased.amount;\r\n        return newValue < 0 ? this.zeroThisPeriod : new Money(newValue, Currency.AUD);\r\n    }\r\n}","module.exports = \"<template>\\r\\n    <span if.bind=\\\"!isDirty\\\">${financeData.workerPromiseThisPeriod | money}</span>\\r\\n    <span data-toggle=\\\"tooltip\\\" if.bind=\\\"isDirty\\\" ref.bind=\\\"stalePeriod\\\">\\r\\n        <span class=\\\"badge badge-pill badge-danger\\\">\\r\\n        <strike>${financeData.workerPromiseThisPeriod | money}</strike>&nbsp;\\r\\n        </span>\\r\\n        <span class=\\\"badge badge-pill badge-success\\\">\\r\\n            ${newThisPeriod | money}\\r\\n        </span>\\r\\n    </span>\\r\\n</template>\";"],"sourceRoot":""}