{"version":3,"sources":["webpack:///./src/resources/report-finance-lastperiod-edit/report-finance-lastperiod-edit.ts","webpack:///./src/resources/report-finance-lastperiod-edit/report-finance-lastperiod-edit.html","webpack:///./src/resources/report-library-lastperiod-edit/report-library-lastperiod-edit.ts","webpack:///./src/resources/report-library-lastperiod-edit/report-library-lastperiod-edit.html","webpack:///./src/resources/report-manpower-lastperiod-edit/report-manpower-lastperiod-edit.ts","webpack:///./src/resources/report-manpower-lastperiod-edit/report-manpower-lastperiod-edit.html","webpack:///./src/resources/report-status-selector/report-status-selector.ts","webpack:///./src/resources/report-status-selector/report-status-selector.html","webpack:///./src/resources/reporting-frequency-selector/reporting-frequency-selector.ts","webpack:///./src/resources/reporting-frequency-selector/reporting-frequency-selector.html","webpack:///./src/resources/reporting-period-selector/reporting-period-selector.ts","webpack:///./src/resources/reporting-period-selector/reporting-period-selector.html","webpack:///./src/resources/reporting-term-selector/reporting-term-selector.ts","webpack:///./src/resources/reporting-term-selector/reporting-term-selector.html"],"names":["defaultBindingMode","oneWay","ReportFinanceLastperiodEdit","module","exports","ReportLibraryLastperiodEdit","ReportManpowerLastperiodEdit","statusOptions","id","Draft","name","PlanPromoted","Submitted","twoWay","ReportStatusSelectorCustomElement","reportingFrequencyOptions","Monthly","description","EveryTwoMonth","Quarterly","EveryFourMonth","HalfYearly","Yearly","ReportingFrequencySelectorCustomElement","reportingPeriodsChanged","newReportingPeriods","this","selectedReportingPeriod","undefined","length","activePeriods","filter","o","isActive","sort","sortReportingPeriodViewModel","reportingPeriods","a","b","year","reportingFrequency","reportingTerm","ReportingPeriodSelectorCustomElement","terms","getSelectedReportingTerms","getReportingTerms","ReportingTermSelectorCustomElement"],"mappings":"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","file":"app~0e12494d.207e4d111cd98445a969.chunk.js","sourcesContent":["import { containerless, bindable, bindingMode } from \"aurelia-framework\";\r\nimport { FinanceData } from \"models/FinanceData\";\r\n\r\n@containerless\r\nexport class ReportFinanceLastperiodEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) baitulMalFinanceData: FinanceData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) baitulMalFinanceGeneratedData: FinanceData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) aDayMasjidProjectFinanceData: FinanceData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) aDayMasjidProjectFinanceGeneratedData: FinanceData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) masjidTableBankFinanceData: FinanceData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) masjidTableBankFinanceGeneratedData: FinanceData;\r\n}","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Finances</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 rowspan=\\\"2\\\" class=\\\"align-middle\\\">Collection Type</th>\\r\\n                    <th rowspan=\\\"2\\\" class=\\\"align-middle\\\">Last Period Balance</th>\\r\\n                    <th rowspan=\\\"2\\\" class=\\\"align-middle\\\">Collected</th>\\r\\n                    <th rowspan=\\\"2\\\" class=\\\"align-middle\\\">Paid to Zone / State / Central (including voucher)</th>\\r\\n                    <!--<th rowspan=\\\"2\\\" class=\\\"align-middle\\\">Nisab Paid</th>-->\\r\\n                    <th rowspan=\\\"2\\\" class=\\\"align-middle\\\">This Period Balance</th>\\r\\n                    <th colspan=\\\"5\\\" class=\\\"text-center\\\">Manpower Promise</th>\\r\\n                    <th rowspan=\\\"2\\\" class=\\\"align-middle\\\">Comments</th>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <th>Last Period</th>\\r\\n                    <th>Target</th>\\r\\n                    <th>Increased</th>\\r\\n                    <th>Decreased</th>\\r\\n                    <th>This Period</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <td>Baitul-Mal</td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"baitulMalFinanceData.lastPeriod\\\"\\r\\n                            generated.bind=\\\"baitulMalFinanceGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\"></money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${baitulMalFinanceData.collection | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.collection |\\r\\n                            money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${baitulMalFinanceData.expense | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.expense |\\r\\n                            money}</span>\\r\\n                    </td>\\r\\n                    <!--<td>\\r\\n                        ${baitulMalFinanceData.nisabPaidToCentral | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.nisabPaidToCentral\\r\\n                            | money}</span>\\r\\n                    </td>-->\\r\\n                    <td>\\r\\n                        <finance-balance finance-data.bind=\\\"baitulMalFinanceData\\\"></finance-balance>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.balance |\\r\\n                            money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"baitulMalFinanceData.workerPromiseLastPeriod\\\"\\r\\n                            generated.bind=\\\"baitulMalFinanceGeneratedData.workerPromiseLastPeriod\\\" auto-generated.bind=\\\"1\\\"></money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${baitulMalFinanceData.workerPromiseIncreaseTarget | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.workerPromiseIncreaseTarget\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${baitulMalFinanceData.workerPromiseIncreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.workerPromiseIncreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${baitulMalFinanceData.workerPromiseDecreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.workerPromiseDecreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <finance-worker-promise-this-period finance-data.bind=\\\"baitulMalFinanceData\\\">\\r\\n                        </finance-worker-promise-this-period>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"baitulMalFinanceGeneratedData\\\">&nbsp;${baitulMalFinanceGeneratedData.workerPromiseThisPeriod\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>${baitulMalFinanceData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Masjid Project</td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"aDayMasjidProjectFinanceData.lastPeriod\\\"\\r\\n                            generated.bind=\\\"aDayMasjidProjectFinanceGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\"></money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${aDayMasjidProjectFinanceData.collection | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.collection\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${aDayMasjidProjectFinanceData.expense | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.expense\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <!--<td>\\r\\n                        ${aDayMasjidProjectFinanceData.nisabPaidToCentral | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.nisabPaidToCentral\\r\\n                            | money}</span>\\r\\n                    </td>-->\\r\\n                    <td>\\r\\n                        <finance-balance finance-data.bind=\\\"aDayMasjidProjectFinanceData\\\"></finance-balance>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.balance\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"aDayMasjidProjectFinanceData.workerPromiseLastPeriod\\\"\\r\\n                            generated.bind=\\\"aDayMasjidProjectFinanceGeneratedData.workerPromiseLastPeriod\\\" auto-generated.bind=\\\"1\\\">\\r\\n                        </money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${aDayMasjidProjectFinanceData.workerPromiseIncreaseTarget | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.workerPromiseIncreaseTarget\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${aDayMasjidProjectFinanceData.workerPromiseIncreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.workerPromiseIncreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${aDayMasjidProjectFinanceData.workerPromiseDecreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.workerPromiseDecreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <finance-worker-promise-this-period finance-data.bind=\\\"aDayMasjidProjectFinanceData\\\">\\r\\n                        </finance-worker-promise-this-period>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"aDayMasjidProjectFinanceGeneratedData\\\">&nbsp;${aDayMasjidProjectFinanceGeneratedData.workerPromiseThisPeriod\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>${aDayMasjidProjectFinanceData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <!-- <td>Masjid Table Bank</td> -->\\r\\n                    <td>Other</td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"masjidTableBankFinanceData.lastPeriod\\\"\\r\\n                            generated.bind=\\\"masjidTableBankFinanceGeneratedData.lastPeriod\\\" auto-generated.bind=\\\"1\\\"></money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${masjidTableBankFinanceData.collection | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.collection\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${masjidTableBankFinanceData.expense | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.expense\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <!--<td>\\r\\n                        ${masjidTableBankFinanceData.nisabPaidToCentral | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.nisabPaidToCentral\\r\\n                            | money}</span>\\r\\n                    </td>-->\\r\\n                    <td>\\r\\n                        <finance-balance finance-data.bind=\\\"masjidTableBankFinanceData\\\"></finance-balance>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.balance\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <money-selector money.bind=\\\"masjidTableBankFinanceData.workerPromiseLastPeriod\\\"\\r\\n                            generated.bind=\\\"masjidTableBankFinanceGeneratedData.workerPromiseLastPeriod\\\" auto-generated.bind=\\\"1\\\">\\r\\n                        </money-selector>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${masjidTableBankFinanceData.workerPromiseIncreaseTarget | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.workerPromiseIncreaseTarget\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${masjidTableBankFinanceData.workerPromiseIncreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.workerPromiseIncreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${masjidTableBankFinanceData.workerPromiseDecreased | money}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.workerPromiseDecreased\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <finance-worker-promise-this-period finance-data.bind=\\\"masjidTableBankFinanceData\\\">\\r\\n                        </finance-worker-promise-this-period>\\r\\n                        <span class=\\\"badge badge-pill badge-secondary\\\"\\r\\n                            if.bind=\\\"masjidTableBankFinanceGeneratedData\\\">&nbsp;${masjidTableBankFinanceGeneratedData.workerPromiseThisPeriod\\r\\n                            | money}</span>\\r\\n                    </td>\\r\\n                    <td>${masjidTableBankFinanceData.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 { LibraryStockData } from \"models/LibraryStockData\";\r\n\r\n@containerless\r\nexport class ReportLibraryLastperiodEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) bookLibraryStockData: LibraryStockData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) bookLibraryStockGeneratedData: LibraryStockData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) vhsLibraryStockData: LibraryStockData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) vhsLibraryStockGeneratedData: LibraryStockData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherLibraryStockData: LibraryStockData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) otherLibraryStockGeneratedData: LibraryStockData;\r\n}","module.exports = \"<template>\\r\\n    <!--<div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\">Library Status</h5>\\r\\n        <table class=\\\"table table-striped table-hover table-bordered\\\">\\r\\n            <thead class=\\\"thead-light\\\">\\r\\n                <tr>\\r\\n                    <th>Library Stock</th>\\r\\n                    <th>Last Period</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>Book</td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"bookLibraryStockData.lastPeriod\\\"\\r\\n                            generated.bind=\\\"bookLibraryStockGeneratedData.lastPeriod\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${bookLibraryStockData.increased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.bookLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${bookLibraryStockGeneratedData.increased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${bookLibraryStockData.decreased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.bookLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${bookLibraryStockGeneratedData.decreased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <library-this-period library-stock-data.bind=\\\"bookLibraryStockData\\\"></library-this-period>\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.bookLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${bookLibraryStockGeneratedData.thisPeriod}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${bookLibraryStockData.comment}\\r\\n                    </td>\\r\\n                </tr>-->\\r\\n                <!-- <tr>\\r\\n                    <td>VHS/DVD/VCD/CD/Audio Sale</td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"vhsLibraryStockData.lastPeriod\\\" generated.bind=\\\"vhsLibraryStockGeneratedData.lastPeriod\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${vhsLibraryStockData.increased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.vhsLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${vhsLibraryStockGeneratedData.increased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${vhsLibraryStockData.decreased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.vhsLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${vhsLibraryStockGeneratedData.decreased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${vhsLibraryStockData.thisPeriod}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.vhsLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${vhsLibraryStockGeneratedData.thisPeriod}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${vhsLibraryStockData.comment}\\r\\n                    </td>\\r\\n                </tr> -->\\r\\n                <!--<tr>\\r\\n                    <td>Other</td>\\r\\n                    <td>\\r\\n                        <input-number input-number.bind=\\\"otherLibraryStockData.lastPeriod\\\"\\r\\n                            generated.bind=\\\"otherLibraryStockGeneratedData.lastPeriod\\\"></input-number>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${otherLibraryStockData.increased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.otherLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${otherLibraryStockGeneratedData.increased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${otherLibraryStockData.decreased}\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.otherLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${otherLibraryStockGeneratedData.decreased}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <library-this-period library-stock-data.bind=\\\"otherLibraryStockData\\\"></library-this-period>\\r\\n                        <span class=\\\"badge badge-pill badge-info\\\" if.bind=\\\"$this.otherLibraryStockGeneratedData\\\">\\r\\n                            &nbsp;${otherLibraryStockGeneratedData.thisPeriod}\\r\\n                        </span>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        ${otherLibraryStockData.comment}\\r\\n                    </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 { MemberReportData } from \"models/MemberReportData\";\r\n\r\n@containerless\r\nexport class ReportManpowerLastperiodEdit {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) associateMemberData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) associateMemberGeneratedData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) preliminaryMemberData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) preliminaryMemberGeneratedData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) supporterMemberData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) supporterMemberGeneratedData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memberMemberData: MemberReportData;\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) memberMemberGeneratedData: MemberReportData;    \r\n}","module.exports = \"<template>\\r\\n    <div class=\\\"table-responsive\\\" style=\\\"margin-top: 24px;\\\">\\r\\n        <h5 class=\\\"card-title\\\"><strong>Manpowers</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>Level</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>Personal Contacts</th>-->\\r\\n                    <th>Comments</th>\\r\\n                </tr>\\r\\n            </thead>\\r\\n            <tbody>\\r\\n                <tr>  \\r\\n                    <td>MEMBER</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.memberMemberGeneratedData\\\">\\r\\n                            <div class=\\\"input-group\\\">\\r\\n                                <input class=\\\"form-control\\\" value.bind=\\\"memberMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                                <div class=\\\"input-group-append\\\">\\r\\n                                    <span class=\\\"badge badge-secondary\\\">${memberMemberGeneratedData.lastPeriod}</span>\\r\\n                                </div>\\r\\n                            </div>                        \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.memberMemberGeneratedData\\\">\\r\\n                            <input class=\\\"form-control\\\" value.bind=\\\"memberMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${memberMemberGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.increased} <span class=\\\"badge badge-pill badge-info\\\">${memberMemberGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${memberMemberGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.memberMemberGeneratedData\\\">\\r\\n                            ${memberMemberData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.memberMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"memberMemberData\\\"></member-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${memberMemberGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.memberMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"memberMemberData\\\"></member-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <!--<td>${memberMemberData.personalContact}</td>-->\\r\\n                    <td>${memberMemberData.comment}</td>\\r\\n                </tr>                \\r\\n                <tr>\\r\\n                    <td>Associate Member</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.associateMemberGeneratedData\\\">\\r\\n                            <div class=\\\"input-group\\\">\\r\\n                                <input class=\\\"form-control\\\" value.bind=\\\"associateMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                                <div class=\\\"input-group-append\\\">\\r\\n                                    <span class=\\\"badge badge-secondary\\\">${associateMemberGeneratedData.lastPeriod}</span>\\r\\n                                </div>\\r\\n                            </div>  \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.associateMemberGeneratedData\\\">\\r\\n                            <input class=\\\"form-control\\\" value.bind=\\\"associateMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${associateMemberGeneratedData.upgradeTarget}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.increased} <span class=\\\"badge badge-pill badge-info\\\">${associateMemberGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${associateMemberGeneratedData.decreased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.associateMemberGeneratedData\\\">\\r\\n                            ${associateMemberData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.associateMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"associateMemberData\\\"></member-data-this-period>\\r\\n                            <span class=\\\"badge badge-pill badge-secondary\\\">${associateMemberGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.associateMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"associateMemberData\\\"></member-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <!--<td>${associateMemberData.personalContact}</td>-->\\r\\n                    <td>${associateMemberData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Preliminary Member</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.preliminaryMemberGeneratedData\\\">\\r\\n                            <div class=\\\"input-group\\\">\\r\\n                                <input class=\\\"form-control\\\" value.bind=\\\"preliminaryMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                                <div class=\\\"input-group-append\\\">\\r\\n                                    <span class=\\\"badge badge-secondary\\\">${preliminaryMemberGeneratedData.lastPeriod}</span>\\r\\n                                </div>\\r\\n                            </div>                           \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.preliminaryMemberGeneratedData\\\">\\r\\n                            <input class=\\\"form-control\\\" value.bind=\\\"preliminaryMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${preliminaryMemberGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.increased} <span class=\\\"badge badge-pill badge-info\\\">${preliminaryMemberGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${preliminaryMemberGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.preliminaryMemberGeneratedData\\\">\\r\\n                            ${preliminaryMemberData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.preliminaryMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"preliminaryMemberData\\\"></member-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${preliminaryMemberGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.preliminaryMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"preliminaryMemberData\\\"></member-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <!--<td>${preliminaryMemberData.personalContact}</td>-->\\r\\n                    <td>${preliminaryMemberData.comment}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td>Dawah Friend</td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.supporterMemberGeneratedData\\\">\\r\\n                            <div class=\\\"input-group\\\">\\r\\n                                <input class=\\\"form-control\\\" value.bind=\\\"supporterMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                                <div class=\\\"input-group-append\\\">\\r\\n                                    <span class=\\\"badge badge-secondary\\\">${supporterMemberGeneratedData.lastPeriod}</span>\\r\\n                                </div>\\r\\n                            </div>                        \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.supporterMemberGeneratedData\\\">\\r\\n                            <input class=\\\"form-control\\\" value.bind=\\\"supporterMemberData.lastPeriod | number\\\" type=\\\"number\\\" min=\\\"0\\\" numeric-only>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.upgradeTarget} <span class=\\\"badge badge-pill badge-info\\\">${supporterMemberGeneratedData.upgradeTarget}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.upgradeTarget}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.increased} <span class=\\\"badge badge-pill badge-info\\\">${supporterMemberGeneratedData.increased}</span>                            \\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.increased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.decreased} <span class=\\\"badge badge-pill badge-info\\\">${supporterMemberGeneratedData.decreased}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.supporterMemberGeneratedData\\\">\\r\\n                            ${supporterMemberData.decreased}\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <div if.bind=\\\"$this.supporterMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"supporterMemberData\\\"></member-data-this-period>\\r\\n                            &nbsp;<span class=\\\"badge badge-pill badge-secondary\\\">${supporterMemberGeneratedData.thisPeriod}</span>\\r\\n                        </div>\\r\\n                        <div if.bind=\\\"!$this.supporterMemberGeneratedData\\\">\\r\\n                            <member-data-this-period member-data.bind=\\\"supporterMemberData\\\"></member-data-this-period>\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <!--<td>${supporterMemberData.personalContact}</td>-->\\r\\n                    <td>${supporterMemberData.comment}</td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n</template>\\r\\n\";","import { containerless, bindable, bindingMode } from \"aurelia-framework\";\r\nimport { ReportingTerm } from \"models/ReportingTerm\";\r\nimport { ReportStatus } from \"models/ReportStatus\";\r\n\r\n@containerless\r\nexport class ReportStatusSelectorCustomElement{\r\n    statusOptions = [\r\n        { id: ReportStatus.Draft, name: \"Plan Not Submitted\"},\r\n        { id: ReportStatus.PlanPromoted, name: \"Plan Submitted, Report Not Submitted\"},\r\n        { id: ReportStatus.Submitted, name: \"Plan Submitted, Report Submitted\"}\r\n    ];\r\n\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) selectedStatus: ReportStatus;\r\n}","module.exports = \"<template>\\r\\n    <select class=\\\"form-control\\\" value.bind=\\\"selectedStatus\\\">\\r\\n        <option model.bind=\\\"null\\\">Choose...</option>\\r\\n        <option repeat.for=\\\"statusOption of statusOptions\\\" model.bind=\\\"statusOption.id\\\">\\r\\n            ${statusOption.name}\\r\\n        </option>\\r\\n    </select>\\r\\n</template>\";","import { containerless, bindable, bindingMode } from \"aurelia-framework\";\r\nimport { ReportingFrequency } from \"models/ReportingFrequency\";\r\n\r\n@containerless\r\nexport class ReportingFrequencySelectorCustomElement{\r\n    reportingFrequencyOptions = [\r\n        { id: ReportingFrequency.Monthly, description: \"Monthly\"},\r\n        { id: ReportingFrequency.EveryTwoMonth, description: \"EveryTwoMonth\"},\r\n        { id: ReportingFrequency.Quarterly, description: \"Quarterly\"},\r\n        { id: ReportingFrequency.EveryFourMonth, description: \"EveryFourMonth\"},\r\n        { id: ReportingFrequency.HalfYearly, description: \"HalfYearly\"},\r\n        { id: ReportingFrequency.Yearly, description: \"Yearly\"}\r\n    ];\r\n\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) excludeChooseOption: boolean;\r\n\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) selectedFrequency: ReportingFrequency;\r\n}\r\n","module.exports = \"<template>\\r\\n    <select class=\\\"form-control\\\" value.bind=\\\"selectedFrequency\\\">\\r\\n        <option model.bind=\\\"null\\\" if.bind=\\\"!excludeChooseOption\\\">Choose...</option>\\r\\n        <option repeat.for=\\\"reportingFrequencyOption of reportingFrequencyOptions\\\" model.bind=\\\"reportingFrequencyOption.id\\\">\\r\\n            ${reportingFrequencyOption.description}\\r\\n        </option>\\r\\n    </select>\\r\\n</template>\\r\\n\";","import { bindable, bindingMode, containerless } from \"aurelia-framework\";\r\nimport { ReportingPeriodViewModel } from \"models/ReportingPeriodViewModel\";\r\n\r\n@containerless\r\nexport class ReportingPeriodSelectorCustomElement {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) reportingPeriods: ReportingPeriodViewModel[];\r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) selectedReportingPeriod: ReportingPeriodViewModel;\r\n\r\n    reportingPeriodsChanged(newReportingPeriods: ReportingPeriodViewModel[]) {\r\n        this.selectedReportingPeriod = undefined;\r\n        if((newReportingPeriods || []).length === 0) return;\r\n        const activePeriods = newReportingPeriods.filter(o => o.isActive).sort(this.sortReportingPeriodViewModel);\r\n        if(activePeriods.length === 0) return;\r\n        this.selectedReportingPeriod = activePeriods[0];\r\n    }\r\n\r\n    get sortedReportingPeriods () {\r\n        return this.reportingPeriods.sort(this.sortReportingPeriodViewModel);\r\n    }\r\n\r\n    private sortReportingPeriodViewModel(a: ReportingPeriodViewModel, b: ReportingPeriodViewModel): number {\r\n        if (a.year < b.year)\r\n            return -1;\r\n        if (a.year > b.year)\r\n            return 1;\r\n        if (a.reportingFrequency < b.reportingFrequency)\r\n            return -1;\r\n        if (a.reportingFrequency > b.reportingFrequency)\r\n            return 1;\r\n        if (a.reportingTerm < b.reportingTerm)\r\n            return -1;\r\n        if (a.reportingTerm > b.reportingTerm)\r\n            return 1;\r\n        return 0;\r\n    }\r\n}","module.exports = \"<template>\\r\\n    <select class=\\\"form-control\\\" value.bind=\\\"selectedReportingPeriod\\\">\\r\\n        <option repeat.for=\\\"reportingPeriod of sortedReportingPeriods\\\" model.bind=\\\"reportingPeriod\\\" class.bind=\\\"reportingPeriod.isActive ? 'text-primary' : ''\\\">\\r\\n            ${reportingPeriod.year}-${reportingPeriod.reportingFrequency | reportingFrequency} ${reportingPeriod | reportingPeriodViewModel}\\r\\n        </option>\\r\\n    </select>\\r\\n</template>\";","import { containerless, bindable, bindingMode } from \"aurelia-framework\";\r\nimport { ReportingFrequency } from \"models/ReportingFrequency\";\r\nimport { ReportingTerm } from \"models/ReportingTerm\";\r\nimport { ReportingTerms } from \"models/ReportingTerms\";\r\n\r\n\r\n@containerless\r\nexport class ReportingTermSelectorCustomElement {\r\n    @bindable({ defaultBindingMode: bindingMode.oneWay }) reportingFrequency: ReportingFrequency; \r\n    @bindable({ defaultBindingMode: bindingMode.twoWay }) selectedReportingTerm: ReportingTerm;\r\n\r\n    get reportingTerms() {\r\n        const terms = this.getSelectedReportingTerms();\r\n\r\n        if (terms)\r\n            return terms;\r\n\r\n        return [];\r\n    }\r\n\r\n    getSelectedReportingTerms() {\r\n        var _reportingTerms = new ReportingTerms(this.reportingFrequency);\r\n\r\n        return  _reportingTerms.getReportingTerms()\r\n    }\r\n}\r\n","module.exports = \"<template>\\r\\n    <select class=\\\"form-control\\\" value.bind=\\\"selectedReportingTerm\\\">\\r\\n        <option model.bind=\\\"null\\\">Choose...</option>\\r\\n        <option repeat.for=\\\"reportingTerm of reportingTerms\\\" model.bind=\\\"reportingTerm.id\\\">\\r\\n            ${reportingTerm.description}\\r\\n        </option>\\r\\n    </select>\\r\\n</template>\";"],"sourceRoot":""}