{"version":3,"sources":["webpack:///./src/modules/announcements/admin/manage-announcements.vue?f808","webpack:///src/modules/announcements/admin/manage-announcements.vue","webpack:///./src/modules/announcements/admin/manage-announcements.vue?0c59","webpack:///./src/modules/announcements/admin/manage-announcements.vue?f4ee","webpack:///./src/modules/announcements/admin/manage-announcements.vue?437c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","nativeOn","$event","onAddNewButtonClick","apply","arguments","_v","listOfAnnouncements","toolbarOptions","wrapSettings","commandClick","commands","gridDateFormat","staticRenderFns","Vue","name","data","type","buttonOption","cssClass","iconCss","wrapMode","computed","methods","setDataOnGrid","announcementsAdminApi","args","openEditForm","id","console","created","provide","grid","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,SAAS,SAAW,wBAAwBC,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,oBAAoBC,MAAM,KAAMC,cAAc,CAACb,EAAIc,GAAG,UAAU,GAAGV,EAAG,WAAW,CAACI,MAAM,CAAC,WAAaR,EAAIe,oBAAoB,cAAe,EAAK,aAAc,EAAK,eAAgB,EAAK,QAAUf,EAAIgB,eAAe,iBAAmBhB,EAAIiB,aAAa,aAAejB,EAAIkB,eAAe,CAACd,EAAG,YAAY,CAACA,EAAG,WAAW,CAACI,MAAM,CAAC,WAAa,OAAO,SAAWR,EAAImB,SAAS,UAAY,SAAS,MAAQ,SAASf,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,WAAa,QAAQ,UAAY,UAAUJ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,OAAO,WAAa,OAAO,UAAY,UAAUJ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,YAAY,WAAa,aAAa,KAAO,OAAO,OAASR,EAAIoB,eAAe,UAAY,UAAUhB,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,UAAU,WAAa,WAAW,KAAO,OAAO,OAASR,EAAIoB,eAAe,UAAY,UAAUhB,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,WAAW,WAAa,WAAW,UAAY,WAAW,IAAI,IAAI,IACxsCa,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACJ,EAAIc,GAAG,8B,4JCqDhKQ,aAAIA,IAAIA,QAEO,OACfC,2BACAC,KAFA,WAGA,OACAT,uBAEAI,UACA,CACAM,YACAC,cAAAC,kBAAAC,4BAGAZ,0BACAC,cAAAY,mBACAT,kCAGAU,YAEAC,SACAC,cADA,WACA,oKACAC,gBADA,OACA,sBADA,qDAGAtB,oBAJA,WAKA,yCAEAO,aAPA,SAOAgB,GAAA,+JACAA,qBADA,OAEA,SAFA,6BAGA,6DAHA,oGASAC,aAhBA,SAgBAC,GACA,EACA,+CACAC,8CAGAC,QAzCA,WAyCA,oJACA,kBADA,8CAGAC,SACAC,0DCrG4X,I,yBCQxXC,EAAY,eACd,EACA1C,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E,4CCnBf","file":"js/chunk-032efc2f.079b29f6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"anc-container\"},[_vm._m(0),_c('div',{staticClass:\"grid-actions\"},[_c('ejs-button',{attrs:{\"type\":\"button\",\"cssClass\":\"e-info margin-button\"},nativeOn:{\"click\":function($event){return _vm.onAddNewButtonClick.apply(null, arguments)}}},[_vm._v(\"New\")])],1),_c('ejs-grid',{attrs:{\"dataSource\":_vm.listOfAnnouncements,\"allowSorting\":true,\"allowPaging\":true,\"allowTextWrap\":true,\"toolbar\":_vm.toolbarOptions,\"textWrapSettings\":_vm.wrapSettings,\"commandClick\":_vm.commandClick}},[_c('e-columns',[_c('e-column',{attrs:{\"headerText\":\"Edit\",\"commands\":_vm.commands,\"textAlign\":\"center\",\"width\":\"100\"}}),_c('e-column',{attrs:{\"field\":\"title\",\"headerText\":\"Title\",\"textAlign\":\"Left\"}}),_c('e-column',{attrs:{\"field\":\"type\",\"headerText\":\"Type\",\"textAlign\":\"Left\"}}),_c('e-column',{attrs:{\"field\":\"startDate\",\"headerText\":\"Start Date\",\"type\":\"date\",\"format\":_vm.gridDateFormat,\"textAlign\":\"Left\"}}),_c('e-column',{attrs:{\"field\":\"endDate\",\"headerText\":\"End Date\",\"type\":\"date\",\"format\":_vm.gridDateFormat,\"textAlign\":\"Left\"}}),_c('e-column',{attrs:{\"field\":\"comments\",\"headerText\":\"Comments\",\"textAlign\":\"Left\"}})],1)],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-title\"},[_c('div',[_vm._v(\"Manage Announcements\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"anc-container\">\r\n      <div class=\"page-title\">\r\n        <div>Manage Announcements</div>\r\n      </div>\r\n      <div class=\"grid-actions\"> <ejs-button type=\"button\" @click.native=\"onAddNewButtonClick\"\r\n                    cssClass=\"e-info margin-button\">New</ejs-button>\r\n      </div>\r\n      <ejs-grid\r\n      :dataSource=\"listOfAnnouncements\"\r\n        :allowSorting=\"true\"\r\n        :allowPaging=\"true\"\r\n        :allowTextWrap=\"true\"\r\n        :toolbar=\"toolbarOptions\"\r\n        :textWrapSettings=\"wrapSettings\"\r\n        :commandClick=\"commandClick\"\r\n      >\r\n        <e-columns>\r\n           <e-column\r\n            headerText=\"Edit\"\r\n           :commands=\"commands\"\r\n            textAlign=\"center\"\r\n            width=\"100\"\r\n          />\r\n          <!-- <e-column field=\"displayOrder\" width=\"10%\" headerText=\"Display Order\" textAlign=\"Left\" /> -->\r\n          <e-column field=\"title\"  headerText=\"Title\" textAlign=\"Left\" />\r\n          <e-column field=\"type\"  headerText=\"Type\" textAlign=\"Left\" />\r\n          <e-column field=\"startDate\"  headerText=\"Start Date\"   type=\"date\"\r\n            :format=\"gridDateFormat\" textAlign=\"Left\"  />\r\n          <e-column field=\"endDate\"  headerText=\"End Date\"   type=\"date\"\r\n             :format=\"gridDateFormat\" textAlign=\"Left\" />\r\n          <!-- <e-column field=\"disabled\" headerText=\"Disabled?\" textAlign=\"Left\" /> -->\r\n          <e-column field=\"comments\" headerText=\"Comments\" textAlign=\"Left\" />\r\n        </e-columns>\r\n      </ejs-grid>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport {\r\n  GridPlugin,\r\n  Page,\r\n  Toolbar,\r\n  Edit,\r\n  CommandColumn,\r\n  Sort,\r\n  Search,\r\n  ExcelExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nimport { announcementsAdminApi } from '../services/announcements-api';\r\nimport { getDataGridDateFormat } from '../../../utils/date-utils';\r\n\r\nVue.use(GridPlugin);\r\n\r\nexport default {\r\n  name: 'ManageAnnouncements',\r\n  data() {\r\n    return {\r\n      listOfAnnouncements: [\r\n      ],\r\n      commands: [\r\n        {\r\n          type: 'Edit',\r\n          buttonOption: { cssClass: 'e-flat', iconCss: 'e-edit e-icons' },\r\n        },\r\n      ],\r\n      toolbarOptions: ['Search'],\r\n      wrapSettings: { wrapMode: 'Header' },\r\n      gridDateFormat: getDataGridDateFormat(),\r\n    };\r\n  },\r\n  computed: {\r\n  },\r\n  methods: {\r\n    async setDataOnGrid() {\r\n      this.listOfAnnouncements = await announcementsAdminApi.getAll();\r\n    },\r\n    onAddNewButtonClick() {\r\n      this.$router.push(`/announcements/new`);\r\n    },\r\n    async commandClick(args) {\r\n      switch (args.commandColumn.type) {\r\n        case 'Edit':\r\n          this.openEditForm(args.rowData?.id);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    openEditForm(id) {\r\n      if (id) {\r\n        this.$router.push(`/announcements/${id}`);\r\n      } else console.error('Announcement Id is Missing');\r\n    },\r\n  },\r\n  async created() {\r\n    this.setDataOnGrid();\r\n  },\r\n  provide: {\r\n    grid: [Page, Edit, Toolbar, CommandColumn, Sort, Search, ExcelExport],\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n\r\n.announcement {\r\n    padding: 15px 25px;\r\n    box-shadow: 1px 1px 4px 0px #d3ad90;\r\n    margin-top: 5px;\r\n    border-radius: 3px;\r\n    font-size: 14px;\r\n    background: #fffed2;\r\n    margin-bottom: 10px;\r\n}\r\n.ann-title {\r\n    font-weight: 600;\r\n    color: #c93204;\r\n    margin-bottom: 5px;\r\n}\r\n.ann-body {\r\n    text-align: justify;\r\n}\r\n\r\n.page-title {\r\n    padding: 20px 0px;\r\n    position: relative;\r\n    display: block;\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    color: #0f4b90;\r\n}\r\n\r\n.grid-actions {\r\n  margin-bottom:10px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage-announcements.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage-announcements.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./manage-announcements.vue?vue&type=template&id=721a42f7&\"\nimport script from \"./manage-announcements.vue?vue&type=script&lang=js&\"\nexport * from \"./manage-announcements.vue?vue&type=script&lang=js&\"\nimport style0 from \"./manage-announcements.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\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./manage-announcements.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}