{"version":3,"sources":["webpack:///./src/components/8925-reporting/CreatePage.vue?9f6b","webpack:///src/components/8925-reporting/CreatePage.vue","webpack:///./src/components/8925-reporting/CreatePage.vue?9a03","webpack:///./src/components/8925-reporting/CreatePage.vue?4cbd","webpack:///./src/components/8925-reporting/CreatePage.vue","webpack:///./src/components/8925-reporting/CreatePage.vue?3990","webpack:///./src/components/8925-reporting/CreatePage.vue?dd1a","webpack:///./src/components/8925-reporting/CreatePage.vue?f284"],"names":["components","Loading","SearchableMultiSelect","data","input","year","month","isLoading","institutions","institutionsMap","selectedInstitutions","institutionsArr","institutionsObject","pageheading","errors","isSaving","isQueueing","watch","computed","mapState","reportingPeriod","years","months","pageTitle","created","_context3","methods","resetInstitutions","onInstitutionsChange","onRemoveInstitution","selected","_this","generate","period","_this2","name","getInstitutionsForReportingPeriod","_args4","setIsLoading","_this3","record"],"mappings":";;;;;;;;;AAAA;AACA,kCAAkC,mBAAO,CAAC,uKAAoF;AAC9H;AACA;AACA,cAAc,QAAS,iFAAiF,mBAAmB,GAAG,sBAAsB,uBAAuB,cAAc,cAAc,YAAY,gBAAgB,kBAAkB,qBAAqB,GAAG,eAAe,gBAAgB,cAAc,GAAG,4BAA4B,mDAAmD,GAAG,yBAAyB,sBAAsB,mBAAmB,GAAG,SAAS,uBAAuB,sBAAsB,8BAA8B,mBAAmB,sBAAsB,qBAAqB,kBAAkB,0BAA0B,8BAA8B,mBAAmB,oBAAoB,wBAAwB,4BAA4B,GAAG;AAC9wB;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC8HA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEe;EACfA;IACAC;IACAC;EACA;EACAC;IACA;MACAC;QACAC;QACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CACA;MAAA;QAAA;MAAA;MAAA;IAAA;IACA;MAAA;QAAA;UAAA;YAAA;cAAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CACA;MAAA;QAAA;MAAA;MAAA;IAAA;EACA;EACAC,0CACAC;IACAC;MACA;IACA;IACAC;MACA;MACA;QACAA;MACA;MACA;IACA;IACAC;MACA;MAEA;QACAA;MACA;MAEA;IACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IAAA;MAAA;QAAA;UAAA;YAAA;cAAAC;cAAA,OACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;IAAA;MAAA;IAAA;IAAA;EAAA;EAEAC;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;QACA;UAAA;QAAA;MACA;IACA;IACAC;MAAA;MACA;QACA;MACA;QACA;QAEA;UACAC;YACAC;cAAA;YAAA;UACA;QACA;MACA;QACA;UAAA;QAAA;MACA;MAEA;IACA;IACAC;MAAA;MACA;QACA;QAEA;UACAxB;YAAA;UAAA;UACAyB;QACA;UACA;YACAC;YACAA;YACA;UACA;UAEAA;UACAA;YAAAC;UAAA;QACA;MACA;QACA;MACA;QACA;MACA;IACA;IACAC;MAAA;QAAA;QAAA;UAAAC;QAAA;UAAA;YAAA;cAAA;gBAAAC;gBACA;kBACA;kBACA;oBACAlB;kBACA;oBACA;sBACA;sBACAmB;oBACA;sBACAA;wBACAC;wBACAA;wBACA;sBACA;sBAEAD;oBACA;oBAEAA;oBACAA;kBACA;gBACA;kBACA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAEA;AACA,CAAC,E;;;;;;;;;;;;AC3RD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,SAAS,uBAAuB,EAAE;AAC3D;AACA;AACA;AACA;AACA,wBAAwB,0BAA0B;AAClD,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,4BAA4B,qBAAqB;AACjD,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB,eAAe,qCAAqC,EAAE;AACvE;AACA;AACA;AACA,uBAAuB,SAAS,0BAA0B,EAAE;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,0BAA0B,oBAAoB;AAC9C,iBAAiB;AACjB;AACA,6BAA6B,kCAAkC;AAC/D,+BAA+B,yBAAyB;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,sBAAsB;AACrD,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,wBAAwB;AAClE,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,8CAA8C,0BAA0B;AACxE,+BAA+B;AAC/B;AACA;AACA;AACA;AACA,+BAA+B,yBAAyB;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA,6BAA6B,SAAS,mBAAmB,EAAE;AAC3D,+BAA+B,yBAAyB;AACxD;AACA;AACA;AACA;AACA,wCAAwC,uCAAuC;AAC/E,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA,yCAAyC,eAAe,gBAAgB,EAAE;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA,sDAAsD,gBAAgB;AACtE,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C;AACA,0DAA0D,gBAAgB;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA,2DAA2D,aAAa;AACxE,+CAA+C;AAC/C;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,mBAAmB;AAC/D,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC;AACA,iDAAiD,wBAAwB;AACzE,mDAAmD,uBAAuB;AAC1E;AACA;AACA;AACA,6CAA6C,yBAAyB;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA,qDAAqD;AACrD,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,4BAA4B;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,SAAS,iBAAiB,EAAE;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA,oBAAoB,sCAAsC;AAC1D;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,wBAAwB,iCAAiC;AACzD;AACA;AACA;AACA;AACA;AACA,wBAAwB,wBAAwB;AAChD,SAAS;AACT;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,wBAAwB,iCAAiC;AACzD;AACA;AACA;AACA;AACA;AACA,wBAAwB,wBAAwB;AAChD,SAAS;AACT;AACA;AACA;AACA,GAAG;AACH;AACA;;;;;;;;;;;;;AC3bA;;AAEA;AACA,cAAc,mBAAO,CAAC,gtBAAiZ;AACva;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAAyF;AAC3B;AACL;AACa;;;AAGtE;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,qFAAM;AACR,EAAE,8FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvCf;AAAA;AAAA,wCAAmS,CAAgB,2UAAG,EAAC,C;;;;;;;;;;;;ACAvT;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"83.d9f83a138050827a981d.js","sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"\\ninput[type=\\\"checkbox\\\"]:disabled,\\ninput[type=\\\"checkbox\\\"]:disabled+label{\\n  cursor:no-drop;\\n}\\n#body-content-area {\\n  position: absolute;\\n  top: 35px;\\n  bottom: 0;\\n  left: 0;\\n  width: 100%;\\n  padding: 20px;\\n  overflow-y: auto;\\n}\\n#pagelayout {\\n  right: 100%;\\n  bottom: 0;\\n}\\n.filepond--list-scroller {\\n  transform: translate3d(0px, 0px, 0) !Important;\\n}\\n.filepond--drop-label {\\n  font-size: 1.5rem;\\n  color: #7fb942;\\n}\\n.pill {\\n  border-radius: 4px;\\n  padding: 5px 10px;\\n  background-color: #f5f5f5;\\n  color: #7fb942;\\n  font-size: 0.8rem;\\n  font-weight: 600;\\n  margin: 0 5px;\\n  display: inline-block;\\n  border: 1px solid #dfdfdf;\\n\\n  height: 36px;\\n\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","<template>\n  <div>\n    <vue-headful :title=\"pageTitle\" />\n    <div class=\"has-text-centered has-background-primary\" style=\"margin-bottom: 20px;\">\n      <h1\n        class=\"is-size-6 has-text-white\"\n        style=\"padding: 5px 0px\"\n      >{{ pageheading.toLocaleUpperCase() }}</h1>\n    </div>\n    <div style=\"max-width: 95%; margin: auto;\">\n      <div v-if=\"isLoading\">\n        <Loading />\n      </div>\n      <div v-else-if=\"!isQueueing\" id=\"body-content-area\">\n        <div id=\"buttongroup\" style=\"display: flex; justify-content: flex-end;\">\n          <div class=\"field is-grouped\">\n            <div class=\"control\">\n              <button type=\"button\" @click=\"generate\" class=\"button is-accent has-text-white\" :disabled=\"selectedInstitutions.length === 0 || !input.year || input.month === ''\">\n                <i class=\"fa fa-plus\" style=\"margin-right: 1em;\"></i>\n                Generate Reports\n\n                <i v-if=\"isSaving\" style=\"margin-left: .75rem;\" class=\"fa fa-spinner fa-spin\"></i>\n              </button>\n            </div>\n            <div class=\"control\">\n              <a class=\"button is-light\" v-on:click=\"$router.go(-1)\">Cancel</a>\n            </div>\n          </div>\n        </div>\n        <form @submit.prevent=\"updateReport()\">\n          <div id=\"pagelayout\">\n            <div class=\"columns\">\n              <div class=\"column\" style=\"display: flex; flex-wrap: wrap;\">\n                <!-- REPORT PROPERTIES -->\n                <div\n                  class=\"block\"\n                  style=\"padding: 0px 0px 7px 0px; border-bottom: solid 1px lightgray; width: 100%;\"\n                >\n                  <span class=\"has-text-weight-bold\">Report Batch Details</span>\n                </div>\n                <div class=\"block\" style=\"padding: .5rem; min-width: 100%\">\n                  <div style=\"width: 100%;\">\n                    <div class=\"field\"  style=\"width: 100%; max-width: 100px;\">\n                      <label class=\"label is-size-7\">\n                        Year\n                        <span class=\"has-text-warning\" style=\"padding-left: 3px;\">*</span>\n                      </label>\n                      <div class=\"control select\"  style=\"width: 100%;\">\n                        <select v-model=\"input.year\"  style=\"width: 100%;\">\n                          <option\n                            v-for=\"opt in years\"\n                            :key=\"opt\"\n                            :value=\"opt\"\n                          >{{opt}}</option>\n                        </select>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"block\" style=\"padding: .5rem;\">\n                  <div id=\"institution-info-section-data\" class=\"block\">\n                    <div class=\"columns is-vcentered\" style=\"align-items: flex-start !important;\">\n                      <div class=\"column\">\n                        <div class=\"field\">\n                          <label class=\"label is-size-7\">\n                            Institution\n                            <span class=\"has-text-warning\" style=\"padding-left: 3px;\">*</span>\n                          </label>\n                          <div class=\"control\">\n                            <SearchableMultiSelect\n                                v-if=\"institutions.length > 0 && !isLoading\"\n                                style=\"width: 100%; min-width: 350px;\"\n                                @onchange=\"onInstitutionsChange\"\n                                :identifier=\"'SearchableMultiSelect'\"\n                                :options=\"institutions\"\n                                :selectedOptions=\"selectedInstitutions\"\n                                :stayOpen=\"true\"\n                              />\n                            <div v-else>\n                              <small class=\"has-text-gray pill\">\n                                All institutions have reports generated for this period.\n                              </small>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"column\"  style=\"min-height: 100% !important;\">\n                        <div class=\"field\"  style=\"min-height: 100% !important;\">\n                          <label class=\"label is-size-7\">\n                            Selected Institutions\n                          </label>\n                          <div class=\"control\" style=\"min-height: 100% !important;\">\n                            <SearchableMultiSelect\n                                style=\"width: 100%; min-width: 350px; height: 100%;\"\n                                v-if=\"selectedInstitutions.length > 0\"\n                                @onchange=\"onRemoveInstitution\"\n                                :identifier=\"'SearchableMultiSelect'\"\n                                :options=\"selectedInstitutions\"\n                                :stayOpen=\"true\"\n                                :disabled=\"true\"\n                                :is-selected=\"true\"\n                            >\n                            </SearchableMultiSelect>\n                            <div v-else>\n                              <small class=\"has-text-gray pill\">\n                                No Institutions have been selected.\n                              </small>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </form>\n      </div>\n      <div v-else>\n        <div>\n          <center><h1 class=\"title is-4\">We're queuing the reports. This may take a moment.</h1></center>\n          <br>\n          <spin-loader is-large/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Loading from '../Loading'\nimport { mapState } from 'vuex'\nimport { activeSite } from '../../vuex-actions'\nimport moment from 'moment'\nimport SearchableMultiSelect from '../partials/SearchableMultiSelect'\n\nlet pageName = '8925 Reporting - Generate Reports'\nlet currentYear = moment().year()\nlet currentMonth = moment().format('MMMM')\n\nexport default {\n  components: {\n    Loading,\n    SearchableMultiSelect\n  },\n  data () {\n    return {\n      input: {\n        year: currentYear,\n        month: currentMonth\n      },\n      isLoading: false,\n      institutions: [],\n      institutionsMap: [],\n      selectedInstitutions: [],\n      institutionsArr: [],\n      institutionsObject: {},\n      pageheading: pageName,\n      errors: [],\n      isSaving: false,\n      isQueueing: false\n    }\n  },\n  watch: {\n    'input.month': async function () {\n      this.resetInstitutions()\n      this.getInstitutionsForReportingPeriod()\n    },\n    'input.year': async function () {\n      this.resetInstitutions()\n      this.getInstitutionsForReportingPeriod(false)\n    }\n  },\n  computed: {\n    ...mapState([activeSite, 'clientSession']),\n    reportingPeriod () {\n      return moment().year(this.input.year).format('YYYY-12-01 00:00:00.000')\n    },\n    years () {\n      let years = []\n      for (let i = 0; i <= 11; i++) {\n        years.push(currentYear + 1 - i)\n      }\n      return years\n    },\n    months () {\n      let months = []\n\n      for (let i = 0; i < 12; i++) {\n        months.push(moment().month(i).format('MMMM'))\n      }\n\n      return months\n    },\n    pageTitle () {\n      return pageName + ' - ' + this.activeSite.displayName\n    }\n  },\n  async created () {\n    await this.getInstitutionsForReportingPeriod()\n  },\n  methods: {\n    resetInstitutions () {\n      this.selectedInstitutions = []\n      this.institutions = []\n      // this.institutionsMap = this.institutions\n    },\n    onInstitutionsChange (selected) {\n      this.selectedInstitutions = selected\n      this.institutions = this.institutions.filter(record => {\n        return !selected.some(selectedRecord => selectedRecord.id === record.id)\n      })\n    },\n    onRemoveInstitution (selected) {\n      if (typeof selected === 'undefined') {\n        return\n      } else if (Array.isArray(selected)) {\n        this.institutions = this.institutionsMap\n\n        if (selected.length > 0) {\n          selected.forEach(inst => {\n            this.institutions = this.institutions.filter(record => record.id !== inst.id)\n          })\n        }\n      } else {\n        this.institutions = this.institutionsMap.filter(record => record.id !== selected.id)\n      }\n\n      this.selectedInstitutions = selected\n    },\n    generate () {\n      try {\n        this.isQueueing = true\n\n        this.api().C8925Reports.queueReportsToGenerate({\n          institutions: this.selectedInstitutions.map(record => `${record.id}:${record.subsidiaryId}`),\n          period: this.reportingPeriod\n        }, (error, result) => {\n          if (error) {\n            this.isQueueing = false\n            this.handleApiErr(error)\n            return\n          }\n\n          this.isQueueing = false\n          this.$router.push({ name: '8925Reporting' })\n        })\n      } catch (error) {\n        this.handleApiErr(error.message)\n      } finally {\n        this.isLoading = false\n      }\n    },\n    async getInstitutionsForReportingPeriod (setIsLoading = true) {\n      try {\n        this.isLoading = setIsLoading\n        this.api().C8925Reports.getInstitutionsForReportingPeriod({\n          reportingPeriod: this.reportingPeriod\n        }, (_error, result) => {\n          if (!result || result.length === 0) {\n            // this.handleApiErr('No institutions found for the selected reporting period.')\n            this.institutions = []\n          } else {\n            this.institutions = result.filter(record => {\n              record.id = `${record.id}${record.subsidiaryId && record.subsidiaryId !== '' ? `:${record.subsidiaryId}` : ''}`\n              record.label = `${record.id} - ${record.name}`\n              return record\n            })\n\n            this.institutionsMap = [...this.institutions]\n          }\n\n          this.$forceUpdate()\n          this.isLoading = false\n        })\n      } catch (error) {\n        this.handleApiErr(error)\n        this.isLoading = false\n      }\n    }\n  }\n}\n</script>\n\n<style>\n  input[type=\"checkbox\"]:disabled,\n  input[type=\"checkbox\"]:disabled+label{\n    cursor:no-drop;\n  }\n\n  #body-content-area {\n    position: absolute;\n    top: 35px;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 20px;\n    overflow-y: auto;\n  }\n\n  #pagelayout {\n    right: 100%;\n    bottom: 0;\n  }\n\n  .filepond--list-scroller {\n    transform: translate3d(0px, 0px, 0) !Important;\n  }\n\n  .filepond--drop-label {\n    font-size: 1.5rem;\n    color: #7fb942;\n  }\n\n  .pill {\n    border-radius: 4px;\n    padding: 5px 10px;\n    background-color: #f5f5f5;\n    color: #7fb942;\n    font-size: 0.8rem;\n    font-weight: 600;\n    margin: 0 5px;\n    display: inline-block;\n    border: 1px solid #dfdfdf;\n\n    height: 36px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n</style>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\"vue-headful\", { attrs: { title: _vm.pageTitle } }),\n      _c(\n        \"div\",\n        {\n          staticClass: \"has-text-centered has-background-primary\",\n          staticStyle: { \"margin-bottom\": \"20px\" },\n        },\n        [\n          _c(\n            \"h1\",\n            {\n              staticClass: \"is-size-6 has-text-white\",\n              staticStyle: { padding: \"5px 0px\" },\n            },\n            [_vm._v(_vm._s(_vm.pageheading.toLocaleUpperCase()))]\n          ),\n        ]\n      ),\n      _c(\"div\", { staticStyle: { \"max-width\": \"95%\", margin: \"auto\" } }, [\n        _vm.isLoading\n          ? _c(\"div\", [_c(\"Loading\")], 1)\n          : !_vm.isQueueing\n          ? _c(\"div\", { attrs: { id: \"body-content-area\" } }, [\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    display: \"flex\",\n                    \"justify-content\": \"flex-end\",\n                  },\n                  attrs: { id: \"buttongroup\" },\n                },\n                [\n                  _c(\"div\", { staticClass: \"field is-grouped\" }, [\n                    _c(\"div\", { staticClass: \"control\" }, [\n                      _c(\n                        \"button\",\n                        {\n                          staticClass: \"button is-accent has-text-white\",\n                          attrs: {\n                            type: \"button\",\n                            disabled:\n                              _vm.selectedInstitutions.length === 0 ||\n                              !_vm.input.year ||\n                              _vm.input.month === \"\",\n                          },\n                          on: { click: _vm.generate },\n                        },\n                        [\n                          _c(\"i\", {\n                            staticClass: \"fa fa-plus\",\n                            staticStyle: { \"margin-right\": \"1em\" },\n                          }),\n                          _vm._v(\" Generate Reports \"),\n                          _vm.isSaving\n                            ? _c(\"i\", {\n                                staticClass: \"fa fa-spinner fa-spin\",\n                                staticStyle: { \"margin-left\": \".75rem\" },\n                              })\n                            : _vm._e(),\n                        ]\n                      ),\n                    ]),\n                    _c(\"div\", { staticClass: \"control\" }, [\n                      _c(\n                        \"a\",\n                        {\n                          staticClass: \"button is-light\",\n                          on: {\n                            click: function ($event) {\n                              return _vm.$router.go(-1)\n                            },\n                          },\n                        },\n                        [_vm._v(\"Cancel\")]\n                      ),\n                    ]),\n                  ]),\n                ]\n              ),\n              _c(\n                \"form\",\n                {\n                  on: {\n                    submit: function ($event) {\n                      $event.preventDefault()\n                      return _vm.updateReport()\n                    },\n                  },\n                },\n                [\n                  _c(\"div\", { attrs: { id: \"pagelayout\" } }, [\n                    _c(\"div\", { staticClass: \"columns\" }, [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"column\",\n                          staticStyle: { display: \"flex\", \"flex-wrap\": \"wrap\" },\n                        },\n                        [\n                          _vm._m(0),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"block\",\n                              staticStyle: {\n                                padding: \".5rem\",\n                                \"min-width\": \"100%\",\n                              },\n                            },\n                            [\n                              _c(\"div\", { staticStyle: { width: \"100%\" } }, [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"field\",\n                                    staticStyle: {\n                                      width: \"100%\",\n                                      \"max-width\": \"100px\",\n                                    },\n                                  },\n                                  [\n                                    _vm._m(1),\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass: \"control select\",\n                                        staticStyle: { width: \"100%\" },\n                                      },\n                                      [\n                                        _c(\n                                          \"select\",\n                                          {\n                                            directives: [\n                                              {\n                                                name: \"model\",\n                                                rawName: \"v-model\",\n                                                value: _vm.input.year,\n                                                expression: \"input.year\",\n                                              },\n                                            ],\n                                            staticStyle: { width: \"100%\" },\n                                            on: {\n                                              change: function ($event) {\n                                                var $$selectedVal =\n                                                  Array.prototype.filter\n                                                    .call(\n                                                      $event.target.options,\n                                                      function (o) {\n                                                        return o.selected\n                                                      }\n                                                    )\n                                                    .map(function (o) {\n                                                      var val =\n                                                        \"_value\" in o\n                                                          ? o._value\n                                                          : o.value\n                                                      return val\n                                                    })\n                                                _vm.$set(\n                                                  _vm.input,\n                                                  \"year\",\n                                                  $event.target.multiple\n                                                    ? $$selectedVal\n                                                    : $$selectedVal[0]\n                                                )\n                                              },\n                                            },\n                                          },\n                                          _vm._l(_vm.years, function (opt) {\n                                            return _c(\n                                              \"option\",\n                                              {\n                                                key: opt,\n                                                domProps: { value: opt },\n                                              },\n                                              [_vm._v(_vm._s(opt))]\n                                            )\n                                          }),\n                                          0\n                                        ),\n                                      ]\n                                    ),\n                                  ]\n                                ),\n                              ]),\n                            ]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"block\",\n                              staticStyle: { padding: \".5rem\" },\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass: \"block\",\n                                  attrs: {\n                                    id: \"institution-info-section-data\",\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"div\",\n                                    {\n                                      staticClass: \"columns is-vcentered\",\n                                      staticStyle: {\n                                        \"align-items\": \"flex-start !important\",\n                                      },\n                                    },\n                                    [\n                                      _c(\"div\", { staticClass: \"column\" }, [\n                                        _c(\"div\", { staticClass: \"field\" }, [\n                                          _vm._m(2),\n                                          _c(\n                                            \"div\",\n                                            { staticClass: \"control\" },\n                                            [\n                                              _vm.institutions.length > 0 &&\n                                              !_vm.isLoading\n                                                ? _c(\"SearchableMultiSelect\", {\n                                                    staticStyle: {\n                                                      width: \"100%\",\n                                                      \"min-width\": \"350px\",\n                                                    },\n                                                    attrs: {\n                                                      identifier:\n                                                        \"SearchableMultiSelect\",\n                                                      options: _vm.institutions,\n                                                      selectedOptions:\n                                                        _vm.selectedInstitutions,\n                                                      stayOpen: true,\n                                                    },\n                                                    on: {\n                                                      onchange:\n                                                        _vm.onInstitutionsChange,\n                                                    },\n                                                  })\n                                                : _c(\"div\", [\n                                                    _c(\n                                                      \"small\",\n                                                      {\n                                                        staticClass:\n                                                          \"has-text-gray pill\",\n                                                      },\n                                                      [\n                                                        _vm._v(\n                                                          \" All institutions have reports generated for this period. \"\n                                                        ),\n                                                      ]\n                                                    ),\n                                                  ]),\n                                            ],\n                                            1\n                                          ),\n                                        ]),\n                                      ]),\n                                      _c(\n                                        \"div\",\n                                        {\n                                          staticClass: \"column\",\n                                          staticStyle: {\n                                            \"min-height\": \"100% !important\",\n                                          },\n                                        },\n                                        [\n                                          _c(\n                                            \"div\",\n                                            {\n                                              staticClass: \"field\",\n                                              staticStyle: {\n                                                \"min-height\": \"100% !important\",\n                                              },\n                                            },\n                                            [\n                                              _c(\n                                                \"label\",\n                                                {\n                                                  staticClass:\n                                                    \"label is-size-7\",\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    \" Selected Institutions \"\n                                                  ),\n                                                ]\n                                              ),\n                                              _c(\n                                                \"div\",\n                                                {\n                                                  staticClass: \"control\",\n                                                  staticStyle: {\n                                                    \"min-height\":\n                                                      \"100% !important\",\n                                                  },\n                                                },\n                                                [\n                                                  _vm.selectedInstitutions\n                                                    .length > 0\n                                                    ? _c(\n                                                        \"SearchableMultiSelect\",\n                                                        {\n                                                          staticStyle: {\n                                                            width: \"100%\",\n                                                            \"min-width\":\n                                                              \"350px\",\n                                                            height: \"100%\",\n                                                          },\n                                                          attrs: {\n                                                            identifier:\n                                                              \"SearchableMultiSelect\",\n                                                            options:\n                                                              _vm.selectedInstitutions,\n                                                            stayOpen: true,\n                                                            disabled: true,\n                                                            \"is-selected\": true,\n                                                          },\n                                                          on: {\n                                                            onchange:\n                                                              _vm.onRemoveInstitution,\n                                                          },\n                                                        }\n                                                      )\n                                                    : _c(\"div\", [\n                                                        _c(\n                                                          \"small\",\n                                                          {\n                                                            staticClass:\n                                                              \"has-text-gray pill\",\n                                                          },\n                                                          [\n                                                            _vm._v(\n                                                              \" No Institutions have been selected. \"\n                                                            ),\n                                                          ]\n                                                        ),\n                                                      ]),\n                                                ],\n                                                1\n                                              ),\n                                            ]\n                                          ),\n                                        ]\n                                      ),\n                                    ]\n                                  ),\n                                ]\n                              ),\n                            ]\n                          ),\n                        ]\n                      ),\n                    ]),\n                  ]),\n                ]\n              ),\n            ])\n          : _c(\"div\", [\n              _c(\n                \"div\",\n                [\n                  _c(\"center\", [\n                    _c(\"h1\", { staticClass: \"title is-4\" }, [\n                      _vm._v(\n                        \"We're queuing the reports. This may take a moment.\"\n                      ),\n                    ]),\n                  ]),\n                  _c(\"br\"),\n                  _c(\"spin-loader\", { attrs: { \"is-large\": \"\" } }),\n                ],\n                1\n              ),\n            ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"div\",\n      {\n        staticClass: \"block\",\n        staticStyle: {\n          padding: \"0px 0px 7px 0px\",\n          \"border-bottom\": \"solid 1px lightgray\",\n          width: \"100%\",\n        },\n      },\n      [\n        _c(\"span\", { staticClass: \"has-text-weight-bold\" }, [\n          _vm._v(\"Report Batch Details\"),\n        ]),\n      ]\n    )\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"label\", { staticClass: \"label is-size-7\" }, [\n      _vm._v(\" Year \"),\n      _c(\n        \"span\",\n        {\n          staticClass: \"has-text-warning\",\n          staticStyle: { \"padding-left\": \"3px\" },\n        },\n        [_vm._v(\"*\")]\n      ),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"label\", { staticClass: \"label is-size-7\" }, [\n      _vm._v(\" Institution \"),\n      _c(\n        \"span\",\n        {\n          staticClass: \"has-text-warning\",\n          staticStyle: { \"padding-left\": \"3px\" },\n        },\n        [_vm._v(\"*\")]\n      ),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=style&index=0&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4a6fd6a2\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=style&index=0&lang=css&\", function() {\n     var newContent = require(\"!!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=style&index=0&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./CreatePage.vue?vue&type=template&id=69e661d6&\"\nimport script from \"./CreatePage.vue?vue&type=script&lang=js&\"\nexport * from \"./CreatePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreatePage.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/ui/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('69e661d6')) {\n      api.createRecord('69e661d6', component.options)\n    } else {\n      api.reload('69e661d6', component.options)\n    }\n    module.hot.accept(\"./CreatePage.vue?vue&type=template&id=69e661d6&\", function () {\n      api.rerender('69e661d6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/8925-reporting/CreatePage.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"0a38ad29-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreatePage.vue?vue&type=template&id=69e661d6&\""],"sourceRoot":""}