{"version":3,"sources":["webpack:///./src/views/resources/mrp/Topics.vue?8d9d","webpack:///src/views/resources/mrp/Topics.vue","webpack:///./src/views/resources/mrp/Topics.vue?23c1","webpack:///./src/views/resources/mrp/Topics.vue","webpack:///./src/views/resources/mrp/Topics.vue?f6e5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","mrpProgramInfo","name","topicTitle","attrs","mrpSelectedProgramId","mrpSelectedCategory","mrpSelectedTopicId","topicDescription","topicSortOptions","model","value","callback","$$v","topicSort","expression","_l","obj","index","key","category","itemName","itemId","itemDescription","btnText","on","$event","setTopicAndRedirect","staticRenderFns","mixins","translationMixin","data","translations","components","BannerAid","card","svgProgramResources","methods","setMRPSelectedTopicId","$router","push","sortTheArray","listingArray","sort","sortChanged","sortBy","loadTranslations","computed","topics","topicListing","includes","t","TopicId","TopicName","TopicDescription","TopicButtonText","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,SAAS,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGP,KAAKQ,eAAeC,MAAM,KAAKV,EAAIQ,GAAGP,KAAKQ,eAAeE,YAAY,OAAOP,EAAG,YAAY,CAACQ,MAAM,CAAC,WAAc,UAAYZ,EAAIa,qBAAuB,IAAMb,EAAIc,oBAAsB,IAAMd,EAAIe,sBAAuBX,EAAG,IAAI,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAGP,EAAIQ,GAAGP,KAAKQ,eAAeO,sBAAsB,GAAGZ,EAAG,cAAc,CAACE,YAAY,SAAS,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACE,YAAY,OAAOM,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACR,EAAG,gBAAgB,CAACE,YAAY,eAAeM,MAAM,CAAC,GAAK,cAAc,KAAO,cAAc,MAAQ,OAAO,QAAUZ,EAAIiB,kBAAkBC,MAAM,CAACC,MAAOnB,EAAa,UAAEoB,SAAS,SAAUC,GAAMrB,EAAIsB,UAAUD,GAAKE,WAAW,gBAAgB,IAAI,GAAGnB,EAAG,QAAQ,CAACE,YAAY,YAAYN,EAAIwB,GAAIxB,EAAU,QAAE,SAASyB,EAAIC,GAAO,OAAOtB,EAAG,QAAQ,CAACuB,IAAID,EAAMpB,YAAY,gBAAgBM,MAAM,CAAC,GAAK,IAAI,GAAK,OAAO,CAACR,EAAG,OAAO,CAACQ,MAAM,CAAC,SAAWa,EAAIG,SAAS,SAAWH,EAAII,SAAS,OAASJ,EAAIK,OAAO,gBAAkBL,EAAIM,gBAAgB,QAAUN,EAAIO,SAASC,GAAG,CAAC,SAAW,SAASC,GAAQ,OAAOlC,EAAImC,oBAAoBD,MAAW,CAAC9B,EAAG,wBAAwB,CAACE,YAAY,UAAU,IAAI,MAAK,IAAI,IAAI,IACx1C8B,EAAkB,G,kvBC6CtB,OACE1B,KAAM,aACN2B,OAAQ,CAACC,EAAX,MACEC,KAHF,WAII,MAAO,CACLC,aAAc,GACdlB,UAAW,YACXL,iBAAkB,CACxB,CACQ,MAAR,YACQ,KAAR,IAEA,CACQ,MAAR,eACQ,KAAR,OAKEwB,WAAY,CACVC,UAAWA,EAAf,KACIC,KAAM,EAAV,KACIC,oBAAqB,EAAzB,YAEEC,QAAS,EAAX,KACA,gBACI,mBAAJ,yBACI,iBAAJ,wBACI,sBAAJ,+BAJA,IAMI,SANJ,kLAOA,aACA,0BACA,yBACA,sBACA,iBACA,wCAEA,iBACA,0BAfA,wGAkBIV,oBAlBJ,SAkBA,GACMlC,KAAK6C,sBAAsBP,EAAKT,QAChC7B,KAAK8C,QAAQC,KAAK,CAAxB,2BAEIC,aAtBJ,SAsBA,OACM,IAAN,SACA,SACM,OAAOC,EAAaC,MAAK,SAA/B,8BAEIC,YA3BJ,SA2BA,GACMnD,KAAKqB,UAAYiB,EAAKc,QAExBC,iBA9BJ,WA+BMrD,KAAKgB,iBAAmB,CAC9B,CACQ,MAAR,YACQ,KAAR,0BAEA,CACQ,MAAR,eACQ,KAAR,oCAKEsC,SAAU,EAAZ,KACA,gBACI,eAAJ,qBACI,oBAAJ,0BACI,qBAAJ,2BACI,mBAAJ,yBACI,YAAJ,+BANA,IAQIC,OARJ,WASMvD,KAAKgD,aAAahD,KAAKQ,eAAegD,aAAcxD,KAAKqB,UAAWrB,KAAKqB,UAAUoC,SAAS,YAC5F,IAAN,oDACQ,MAAO,CACL9B,SAAU,QACVE,OAAQ6B,EAAEC,QACV/B,SAAU8B,EAAEE,UACZ9B,gBAAiB4B,EAAEG,iBACnB9B,QAAS2B,EAAEI,oBAIf,OAAOP,KAGX,QA1FF,yKA4FA,2BACA,8CA7FA,SA+FA,2EACA,wBAhGA,yGC9C8W,I,wBCQ1WQ,EAAY,eACd,EACAjE,EACAqC,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E,oECnBf","file":"js/chunk-4a63e9de.4b282bb1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"church-ministry template-1\"},[_c('header',{staticClass:\"page-header container\"},[_c('h1',[_vm._v(_vm._s(this.mrpProgramInfo.name)+\" (\"+_vm._s(this.mrpProgramInfo.topicTitle)+\")\")]),_c('BannerAid',{attrs:{\"bannerLink\":(\"topics|\" + _vm.mrpSelectedProgramId + \"|\" + _vm.mrpSelectedCategory + \"|\" + _vm.mrpSelectedTopicId)}}),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(this.mrpProgramInfo.topicDescription))])],1),_c('b-container',{staticClass:\"tiles\"},[_c('b-row',{staticClass:\"tile-row\"},[_c('b-col',{staticClass:\"mb-3\",attrs:{\"sm\":\"4\",\"xs\":\"12\"}},[_c('b-form-select',{staticClass:\"form-control\",attrs:{\"id\":\"sort-select\",\"name\":\"sort-select\",\"title\":\"Sort\",\"options\":_vm.topicSortOptions},model:{value:(_vm.topicSort),callback:function ($$v) {_vm.topicSort=$$v},expression:\"topicSort\"}})],1)],1),_c('b-row',{staticClass:\"tile-row\"},_vm._l((_vm.topics),function(obj,index){return _c('b-col',{key:index,staticClass:\"tile-col mb-5\",attrs:{\"sm\":\"6\",\"xs\":\"12\"}},[_c('card',{attrs:{\"category\":obj.category,\"itemName\":obj.itemName,\"itemId\":obj.itemId,\"itemDescription\":obj.itemDescription,\"btnText\":obj.btnText},on:{\"set_item\":function($event){return _vm.setTopicAndRedirect($event)}}},[_c('svg-program-resources',{staticClass:\"icon\"})],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"church-ministry template-1\">\n    <header class=\"page-header container\">\n      <h1>{{ this.mrpProgramInfo.name }} ({{ this.mrpProgramInfo.topicTitle }})</h1>\n      <BannerAid :bannerLink=\"`topics|${mrpSelectedProgramId}|${mrpSelectedCategory}|${mrpSelectedTopicId}`\" />\n      <p class=\"description\">{{ this.mrpProgramInfo.topicDescription }}</p>\n    </header>\n    <b-container class=\"tiles\">\n      <b-row class=\"tile-row\">\n        <b-col sm=\"4\" xs=\"12\" class=\"mb-3\">\n          <b-form-select\n            id=\"sort-select\"\n            name=\"sort-select\"\n            title=\"Sort\"\n            v-model=\"topicSort\"\n            :options=\"topicSortOptions\"\n            class=\"form-control\"\n          ></b-form-select>\n        </b-col>\n      </b-row>\n      <b-row class=\"tile-row\">\n        <b-col sm=\"6\" xs=\"12\" class=\"tile-col mb-5\" v-for=\"(obj, index) in topics\" :key=\"index\">\n          <card\n            :category=\"obj.category\"\n            :itemName=\"obj.itemName\"\n            :itemId=\"obj.itemId\"\n            :itemDescription=\"obj.itemDescription\"\n            :btnText=\"obj.btnText\"\n            @set_item=\"setTopicAndRedirect($event)\"\n          >\n            <svg-program-resources class=\"icon\"></svg-program-resources>\n          </card>\n        </b-col>\n      </b-row>\n    </b-container>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport BannerAid from '@/components/BannerAid.vue'\nimport Card from './CardMRPLp.vue'\nimport ProgramResources from '@/assets/svgs/program-resources.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'mrp-topics',\n  mixins: [translationMixin],\n  data() {\n    return {\n      translations: {},\n      topicSort: 'TopicName',\n      topicSortOptions: [\n        {\n          value: 'TopicName',\n          text: '', // 'Name'\n        },\n        {\n          value: 'TopicUpdated',\n          text: '', // 'Most Recent'\n        },\n      ],\n    }\n  },\n  components: {\n    BannerAid: BannerAid,\n    card: Card,\n    svgProgramResources: ProgramResources,\n  },\n  methods: {\n    ...mapActions({\n      loadMRPProgramInfo: 'mrp/loadMRPProgramInfo',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setMRPSelectedTopicId: 'mrp/setMRPSelectedTopicId',\n    }),\n    async pageLoad() {\n      await Promise.all([\n        this.setLoadingStatus(true),\n        this.loadMRPProgramInfo({\n          lang: this.prefCulture,\n          restype: 'topics',\n          programid: this.mrpSelectedProgramId,\n        }),\n      ]).then(() => {\n        this.setLoadingStatus(false)\n      })\n    },\n    setTopicAndRedirect(data) {\n      this.setMRPSelectedTopicId(data.itemId)\n      this.$router.push({ name: 'mrp-topic-detail' })\n    },\n    sortTheArray(listingArray, sortOn, makeDesc) {\n      let s1 = makeDesc ? -1 : 1\n      let s2 = makeDesc ? 1 : -1\n      return listingArray.sort((a, b) => (a[sortOn] > b[sortOn] ? s1 : s2))\n    },\n    sortChanged(data) {\n      this.topicSort = data.sortBy\n    },\n    loadTranslations() {\n      this.topicSortOptions = [\n        {\n          value: 'TopicName',\n          text: this.translations.tcName,\n        },\n        {\n          value: 'TopicUpdated',\n          text: this.translations.tcMostRecent,\n        },\n      ]\n    },\n  },\n  computed: {\n    ...mapGetters({\n      mrpProgramInfo: 'mrp/mrpProgramInfo',\n      mrpSelectedCategory: 'mrp/mrpSelectedCategory',\n      mrpSelectedProgramId: 'mrp/mrpSelectedProgramId',\n      mrpSelectedTopicId: 'mrp/mrpSelectedTopicId',\n      prefCulture: 'user/userPreferredCulture',\n    }),\n    topics() {\n      this.sortTheArray(this.mrpProgramInfo.topicListing, this.topicSort, this.topicSort.includes('Updated'))\n      let topics = this.mrpProgramInfo.topicListing.map((t) => {\n        return {\n          category: 'topic',\n          itemId: t.TopicId,\n          itemName: t.TopicName,\n          itemDescription: t.TopicDescription,\n          btnText: t.TopicButtonText,\n        }\n      })\n\n      return topics\n    },\n  },\n  async created() {\n    //need a selected mrp program id\n    if (!this.mrpSelectedProgramId) {\n      this.$router.push('/resources/media-portal/')\n    }\n    await Promise.all([this.getViewTranslations(), this.pageLoad()]).then(() => {\n      this.loadTranslations()\n    })\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/global.scss';\n@import '@/styles/bootstrap/b-button.scss';\n\n.page-header {\n  padding-bottom: 20px !important;\n  p {\n    text-align: center;\n    margin-top: 20px;\n  }\n}\n\n.tile-row {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  align-content: stretch;\n\n  select.form-control {\n    padding: 6px 28px 6px 12px;\n  }\n  .tile-col {\n    display: flex;\n    flex-direction: row;\n    align-content: stretch;\n    justify-content: space-between;\n    .tile-col-card {\n      flex-grow: 2;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Topics.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Topics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Topics.vue?vue&type=template&id=bad3a964&scoped=true&\"\nimport script from \"./Topics.vue?vue&type=script&lang=js&\"\nexport * from \"./Topics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Topics.vue?vue&type=style&index=0&id=bad3a964&prod&lang=scss&scoped=true&\"\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  \"bad3a964\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Topics.vue?vue&type=style&index=0&id=bad3a964&prod&lang=scss&scoped=true&\""],"sourceRoot":""}