{"version":3,"sources":["webpack:///./src/app/modules/account/pages/notification/notification.component.vue?0651","webpack:///./src/app/modules/account/pages/notification/notification.component.vue","webpack:///src/app/modules/account/pages/notification/notification.component.vue","webpack:///./src/app/modules/account/pages/notification/notification.component.vue?2d23","webpack:///./src/app/modules/account/pages/notification/notification.component.vue?74ae","webpack:///./src/app/shared/components/placeholder/placeholder-table.component.vue","webpack:///src/app/shared/components/placeholder/placeholder-table.component.vue","webpack:///./src/app/shared/components/placeholder/placeholder-table.component.vue?64f6","webpack:///./src/app/shared/components/placeholder/placeholder-table.component.vue?c37d"],"names":["render","_vm","this","_c","_self","staticClass","_m","directives","name","rawName","value","placeholder","expression","_l","data","item","index","error_msg","key","class","on","$event","readMessage","status","selectedColor","color","_v","_s","_f","datetime","title","domProps","message","staticRenderFns","components","placeholderTable","readMessageIds","methods","mapActions","setMessages","setTimeout","$api","post","$endpoint","POST_NOTIFICATIONS_READ","nf_id","catch","err","console","error","colors","GREEN","YELLOW","BLUE","RED","getMessages","Promise","resolve","reject","then","res","msg","created","finally","component","attrs","slot","i","staticStyle","j"],"mappings":"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","file":"js/chunk-c8691fd8.681f5037.js","sourcesContent":["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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./notification.component.vue?vue&type=style&index=0&id=0c8d7113&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-6 py-6\"},[_vm._m(0),_c('div',{staticClass:\"overflow-hidden sm:rounded-md\"},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.placeholder),expression:\"!placeholder\"}],staticClass:\"space-y-4 rounded-md\"},[_vm._l((_vm.data),function(item,index){return _c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.error_msg != 'Nenhuma notificação encontrada'),expression:\"error_msg != 'Nenhuma notificação encontrada'\"}],key:index,staticClass:\"w-full rounded-lg px-4 py-3\",class:index % 2 === 0\n            ? 'bg-ontick-steel-100 dark:bg-ontick-steel-500'\n            : 'bg-gray-50 dark:bg-ontick-steel-700',on:{\"mouseover\":function($event){return _vm.readMessage(item)}}},[_c('div',{staticClass:\"flex space-x-4\"},[_c('span',{staticClass:\"transition-all duration-300\",class:item.status === 'UNREAD'\n                ? [\n                    _vm.selectedColor(item.color),\n                    'mt-2 flex h-5 w-[50px] items-center justify-center rounded text-xs font-medium uppercase',\n                  ]\n                : [\n                    _vm.selectedColor(item.color),\n                    'mx-[15px] mt-2 h-5 w-5 rounded-full',\n                  ]},[_vm._v(\" \"+_vm._s(item.status === \"UNREAD\" ? \"Nova\" : \"\")+\" \")]),_c('dd',{staticClass:\"flex flex-col\"},[_c('div',{staticClass:\"flex items-baseline text-xs text-ontick-carbon-900 dark:text-gray-400\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(item.datetime,\"DD/MM/YYYY hh:mm:ss\"))+\" \")]),_c('p',{staticClass:\"trucante py-1 text-left text-sm font-semibold text-ontick-carbon-900 dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('p',{staticClass:\"text-left text-xs text-ontick-carbon-900 dark:text-gray-300 md:block\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(item.message)}})])])])])}),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.error_msg == 'Nenhuma notificação encontrada'),expression:\"error_msg == 'Nenhuma notificação encontrada'\"}]},[_c('p',{staticClass:\"py-20 text-center text-2xl font-medium text-ontick-carbon-900 dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm.error_msg)+\" \")])])],2),_c('placeholderTable',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.placeholder),expression:\"placeholder\"}]})],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pb-6\"},[_c('h2',{staticClass:\"text-3xl font-semibold text-ontick-carbon-900 dark:text-gray-300\"},[_vm._v(\" Mensagens \")]),_c('p',{staticClass:\"text-sm text-ontick-carbon-900 dark:text-gray-300\"},[_vm._v(\" Veja aqui todas as suas mensagens \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-6 py-6\">\n    <div class=\"pb-6\">\n      <h2\n        class=\"text-3xl font-semibold text-ontick-carbon-900 dark:text-gray-300\"\n      >\n        Mensagens\n      </h2>\n      <p class=\"text-sm text-ontick-carbon-900 dark:text-gray-300\">\n        Veja aqui todas as suas mensagens\n      </p>\n    </div>\n    <div class=\"overflow-hidden sm:rounded-md\">\n      <ul v-show=\"!placeholder\" class=\"space-y-4 rounded-md\">\n        <li\n          v-show=\"error_msg != 'Nenhuma notificação encontrada'\"\n          v-for=\"(item, index) in data\"\n          :key=\"index\"\n          class=\"w-full rounded-lg px-4 py-3\"\n          :class=\"\n            index % 2 === 0\n              ? 'bg-ontick-steel-100 dark:bg-ontick-steel-500'\n              : 'bg-gray-50 dark:bg-ontick-steel-700'\n          \"\n          @mouseover=\"readMessage(item)\"\n        >\n          <div class=\"flex space-x-4\">\n            <!-- <transition name=\"fade\" mode=\"out-in\"> -->\n            <span\n              :class=\"\n                item.status === 'UNREAD'\n                  ? [\n                      selectedColor(item.color),\n                      'mt-2 flex h-5 w-[50px] items-center justify-center rounded text-xs font-medium uppercase',\n                    ]\n                  : [\n                      selectedColor(item.color),\n                      'mx-[15px] mt-2 h-5 w-5 rounded-full',\n                    ]\n              \"\n              class=\"transition-all duration-300\"\n            >\n              {{ item.status === \"UNREAD\" ? \"Nova\" : \"\" }}\n            </span>\n            <!-- </transition> -->\n\n            <dd class=\"flex flex-col\">\n              <div\n                class=\"flex items-baseline text-xs text-ontick-carbon-900 dark:text-gray-400\"\n              >\n                {{ item.datetime | moment(\"DD/MM/YYYY hh:mm:ss\") }}\n              </div>\n\n              <p\n                class=\"trucante py-1 text-left text-sm font-semibold text-ontick-carbon-900 dark:text-gray-300\"\n              >\n                {{ item.title }}\n              </p>\n              <p\n                class=\"text-left text-xs text-ontick-carbon-900 dark:text-gray-300 md:block\"\n              >\n                <span v-html=\"item.message\"></span>\n              </p>\n            </dd>\n          </div>\n        </li>\n        <li v-show=\"error_msg == 'Nenhuma notificação encontrada'\">\n          <p\n            class=\"py-20 text-center text-2xl font-medium text-ontick-carbon-900 dark:text-gray-300\"\n          >\n            {{ error_msg }}\n          </p>\n        </li>\n      </ul>\n\n      <placeholderTable v-show=\"placeholder\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport placeholderTable from \"@/app/shared/components/placeholder/placeholder-table.component.vue\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  name: \"messages\",\n\n  components: {\n    placeholderTable,\n  },\n\n  data() {\n    return {\n      data: [],\n      readMessageIds: [],\n      placeholder: false,\n      error_msg: \"\",\n    };\n  },\n\n  methods: {\n    ...mapActions({ setMessages: \"config/setMessages\" }),\n    readMessage(message) {\n      if (message.status === \"UNREAD\") {\n        setTimeout(() => {\n          message.status = \"READ\";\n\n          this.$api\n            .post(`${this.$endpoint.POST_NOTIFICATIONS_READ}/${message.nf_id}`)\n            .catch((err) => {\n              console.error(err);\n            });\n        }, 300);\n      }\n    },\n    selectedColor(value) {\n      let colors = {\n        GREEN: \"bg-ontick-green-500\",\n        YELLOW: \"bg-ontick-yellow-500\",\n        BLUE: \"bg-ontick-blue-500\",\n        RED: \"bg-ontick-red-500\",\n      };\n      return colors[value];\n    },\n    getMessages() {\n      return new Promise((resolve, reject) => {\n        this.setMessages()\n          .then((res) => {\n            this.data = res;\n\n            resolve();\n          })\n          .catch((error) => {\n            this.error_msg = error.data.msg;\n            reject(error.data.msg);\n          });\n      });\n    },\n  },\n\n  created() {\n    this.placeholder = true;\n    this.getMessages().finally(() => {\n      this.placeholder = false;\n    });\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./notification.component.scss\";\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.25s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./notification.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./notification.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./notification.component.vue?vue&type=template&id=0c8d7113&scoped=true\"\nimport script from \"./notification.component.vue?vue&type=script&lang=js\"\nexport * from \"./notification.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./notification.component.vue?vue&type=style&index=0&id=0c8d7113&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0c8d7113\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('ontick-table',{attrs:{\"fixed\":true}},[_c('ontick-table-tr',{attrs:{\"slot\":\"head\"},slot:\"head\"},_vm._l((10),function(i){return _c('ontick-table-th',{key:i,staticStyle:{\"padding-left\":\"0px !important\",\"padding-right\":\"0px !important\"}},[_c('div',{staticClass:\"flex animate-pulse space-x-4\"},[_c('div',{staticClass:\"flex-1\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"w-full space-y-3 px-3\"},[_c('div',{staticClass:\"h-6 rounded bg-gray-50 dark:bg-ontick-carbon-500\"})])])])])])}),1),_c('template',{slot:\"body\"},_vm._l((5),function(i){return _c('ontick-table-tr',{key:i},_vm._l((10),function(j){return _c('ontick-table-td',{key:j,staticStyle:{\"padding-left\":\"0px !important\",\"padding-right\":\"0px !important\"}},[_c('div',{staticClass:\"flex animate-pulse space-x-4\"},[_c('div',{staticClass:\"flex-1 space-y-4 py-1\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"w-full space-y-3 px-3\"},[_c('div',{staticClass:\"h-6 rounded bg-gray-50 dark:bg-ontick-carbon-500\"})])])])])])}),1)}),1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ontick-table :fixed=\"true\">\n    <ontick-table-tr slot=\"head\">\n      <ontick-table-th\n        v-for=\"i in 10\"\n        :key=\"i\"\n        style=\"padding-left: 0px !important; padding-right: 0px !important\"\n      >\n        <div class=\"flex animate-pulse space-x-4\">\n          <div class=\"flex-1\">\n            <div class=\"flex items-center\">\n              <div class=\"w-full space-y-3 px-3\">\n                <div\n                  class=\"h-6 rounded bg-gray-50 dark:bg-ontick-carbon-500\"\n                ></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ontick-table-th>\n    </ontick-table-tr>\n    <template slot=\"body\">\n      <ontick-table-tr v-for=\"i in 5\" :key=\"i\">\n        <ontick-table-td\n          v-for=\"j in 10\"\n          :key=\"j\"\n          style=\"padding-left: 0px !important; padding-right: 0px !important\"\n        >\n          <div class=\"flex animate-pulse space-x-4\">\n            <div class=\"flex-1 space-y-4 py-1\">\n              <div class=\"flex items-center\">\n                <div class=\"w-full space-y-3 px-3\">\n                  <!-- <div class=\"h-6 bg-ontick-carbon rounded\"></div>\n                  <div class=\"h-6 bg-ontick-carbon rounded\"></div> -->\n                  <div\n                    class=\"h-6 rounded bg-gray-50 dark:bg-ontick-carbon-500\"\n                  ></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ontick-table-td>\n      </ontick-table-tr>\n    </template>\n  </ontick-table>\n</template>\n\n<script>\nexport default {\n  name: \"placeholder-table\",\n};\n</script>\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./placeholder-table.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./placeholder-table.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./placeholder-table.component.vue?vue&type=template&id=684ded0b\"\nimport script from \"./placeholder-table.component.vue?vue&type=script&lang=js\"\nexport * from \"./placeholder-table.component.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/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"],"sourceRoot":""}