{"version":3,"sources":["webpack:///./src/views/networks/messages/Show.vue?3c1c","webpack:///src/views/networks/messages/Show.vue","webpack:///./src/views/networks/messages/Show.vue?a2e1","webpack:///./src/views/networks/messages/Show.vue","webpack:///./src/views/networks/messages/Show.vue?c45f"],"names":["name","props","slug","type","String","default","id","data","busy","network","message","message_status","scheduled_message","watch","newV","refresh","mounted","methods","_this","$http","get","then","resp","displayMessageStatus","status","is_scheduled","scheduled_time","utcToLocal","scheduled_on","format","Date","showContent","$message","design","html","content","dt","moment","utc","local","component","_vm$message$scheduled","_vm","this","_c","_self","staticClass","staticStyle","attrs","_e","_v","_s","$t","title","domProps","user","first_name","last_name","updated_at"],"mappings":"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","file":"assets/js/chunk-1d2a3322.daaba3d2.js","sourcesContent":["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!./Show.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!./Show.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <div v-if=\"busy\" class=\"text-center\" style=\"padding-top: 35vh;\">\n      <lottie-player\n        autoplay\n        loop\n\t      speed=\"2.5\"\n        src=\"/img/animations/custom_loader.json\"\n        style=\"height: 130px;\"\n        >\n      </lottie-player>\n    </div>\n    <div v-if=\"!busy && message\" class=\"container-fluid my-4 mt-5\">\n      <div class=\"d-none d-md-none d-lg-block\" style=\"margin-top: 130px;\"></div>\n      <div class=\"row g-2 p-2\">\n        <!-- Breadcrumbs -->\n        <nav aria-label=\"breadcrumb\">\n          <ol class=\"pt-1 mt-2 breadcrumb align-middle\">\n            <li class=\"breadcrumb-item\">\n              <a :href=\"'/networks/' + network.slug\" class=\"text-primary fw-bold\">\n                {{ network.name }}\n              </a>\n            </li>\n            <li class=\"breadcrumb-item\">\n              <a :href=\"'/networks/' + network.slug + '/messages'\" class=\"text-primary fw-bold\">\n                {{ $t('announcements') }}\n              </a>\n            </li>\n          </ol>\n        </nav>\n      </div>\n      <div class=\"row g-2 p-2\">\n        <div class=\"card my-3 rounded\">\n          <div class=\"p-4\">\n            <div class=\"row\">\n              <div class=\"col-9 p-0\">\n                <strong>{{ message.title }}</strong>\n              </div>\n            </div>\n            <div class=\"mt-3\" v-html=\"showContent()\"></div>\n          </div>\n          <hr class=\"my-2\" />\n          <div class=\"p-4\">\n            <strong>{{ message.user.first_name + ' ' + message.user.last_name }}</strong>\n            <span class=\"float-end ms-2\">\n              {{ utcToLocal(message.scheduled_on ?? message.updated_at).format('MMM D, YYYY - hh:mm A') }}\n            </span>\n          </div>\n          <div class=\"clearfix\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport moment from 'moment';\n\nexport default {\n  name: 'ShowMessage',\n  props: {\n    slug: {\n      type: String,\n      default: null,\n    },\n    id: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      busy: true,\n      network: null,\n      message: null,\n      message_status: '',\n      scheduled_message: false,\n    };\n  },\n  watch: {\n    slug(newV) {\n      if (newV != this.network.slug) this.refresh();\n    },\n  },\n  mounted() {\n    this.refresh();\n  },\n  methods: {\n    // check the route parameter and the store, and refresh it if needed\n    refresh() {\n      if (this.network == null || this.network.slug != this.slug) {\n        // refresh it!\n        this.busy = true;\n        this.$http.get('networks/' + this.slug + '/messages/' + this.id).then(resp => {\n          this.network = resp.data.network;\n          this.message = resp.data.message;\n          this.busy = false;\n          this.displayMessageStatus(this.message);\n        });\n      }\n    },\n    displayMessageStatus(message) {\n      if (this.message.status === 'save') {\n        this.message_status = \"<span class='badge bg-warning'><strong><i class='fas fa-save'></i> Saved</strong><span>\";\n      } else {\n        if (message.is_scheduled) {\n          let scheduled_time = this.utcToLocal(message.scheduled_on).format();\n          let current_time = this.utcToLocal(new Date()).format();\n          if (current_time >= scheduled_time) {\n            this.message_status = \"<span class='badge bg-primary'><strong><i class='fas fa-check'></i> Sent</strong><span>\";\n          } else {\n            this.scheduled_message = true;\n            this.message_status = \"<span class='badge bg-primary'><strong><i class='fa fa-clock'></i> Sending at: \" + this.utcToLocal(message.scheduled_on).format('MMM D, YYYY - hh:mm A') + '</strong></span>';\n          }\n        } else {\n          this.message_status = \"<span class='badge bg-primary'><strong><i class='fas fa-check'></i> Sent</strong><span>\";\n        }\n      }\n    },\n    showContent() {\n      let $message = this.message;\n      var content;\n      if ($message.type === 'unlayer') {\n        content = $message.design.html;\n      } else {\n        content = $message.content;\n      }\n      return content;\n    },\n    utcToLocal: function (dt) {\n      return moment.utc(dt).local();\n    },\n  },\n};\n</script>\n<style>\n.nav-tabs-large > div > ul.nav-tabs > li.nav-item > a.nav-link {\n  font-size: 110%;\n  padding: 0px 60px !important;\n}\n</style>","import { render, staticRenderFns } from \"./Show.vue?vue&type=template&id=4401f9fe\"\nimport script from \"./Show.vue?vue&type=script&lang=js\"\nexport * from \"./Show.vue?vue&type=script&lang=js\"\nimport style0 from \"./Show.vue?vue&type=style&index=0&id=4401f9fe&prod&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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.busy)?_c('div',{staticClass:\"text-center\",staticStyle:{\"padding-top\":\"35vh\"}},[_c('lottie-player',{staticStyle:{\"height\":\"130px\"},attrs:{\"autoplay\":\"\",\"loop\":\"\",\"speed\":\"2.5\",\"src\":\"/img/animations/custom_loader.json\"}})],1):_vm._e(),(!_vm.busy && _vm.message)?_c('div',{staticClass:\"container-fluid my-4 mt-5\"},[_c('div',{staticClass:\"d-none d-md-none d-lg-block\",staticStyle:{\"margin-top\":\"130px\"}}),_c('div',{staticClass:\"row g-2 p-2\"},[_c('nav',{attrs:{\"aria-label\":\"breadcrumb\"}},[_c('ol',{staticClass:\"pt-1 mt-2 breadcrumb align-middle\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-primary fw-bold\",attrs:{\"href\":'/networks/' + _vm.network.slug}},[_vm._v(\" \"+_vm._s(_vm.network.name)+\" \")])]),_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-primary fw-bold\",attrs:{\"href\":'/networks/' + _vm.network.slug + '/messages'}},[_vm._v(\" \"+_vm._s(_vm.$t('announcements'))+\" \")])])])])]),_c('div',{staticClass:\"row g-2 p-2\"},[_c('div',{staticClass:\"card my-3 rounded\"},[_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-9 p-0\"},[_c('strong',[_vm._v(_vm._s(_vm.message.title))])])]),_c('div',{staticClass:\"mt-3\",domProps:{\"innerHTML\":_vm._s(_vm.showContent())}})]),_c('hr',{staticClass:\"my-2\"}),_c('div',{staticClass:\"p-4\"},[_c('strong',[_vm._v(_vm._s(_vm.message.user.first_name + ' ' + _vm.message.user.last_name))]),_c('span',{staticClass:\"float-end ms-2\"},[_vm._v(\" \"+_vm._s(_vm.utcToLocal(_vm.message.scheduled_on ?? _vm.message.updated_at).format('MMM D, YYYY - hh:mm A'))+\" \")])]),_c('div',{staticClass:\"clearfix\"})])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Show.vue?vue&type=style&index=0&id=4401f9fe&prod&lang=css\""],"sourceRoot":""}