{"version":3,"sources":["webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./node_modules/core-js/modules/es.array.map.js","webpack:///./src/views/Notifications.vue?57f5","webpack:///./src/views/Notifications.vue","webpack:///./src/views/Notifications.vue?dbd2"],"names":["requireObjectCoercible","toString","quot","module","exports","string","tag","attribute","value","S","p1","replace","$","createHTML","forcedStringHTMLMethod","target","proto","forced","link","url","this","fails","METHOD_NAME","test","toLowerCase","split","length","$map","map","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","callbackfn","arguments","undefined","class","id","disabled","loading","refresh","icon","style","items","size","i","key","codigoNotificacaoEnvio","to","src","imagemUrlFormatado","dataCadastro","mensagem","lido","spin","add","name","data","total","pagination","NumeroPagina","TamanhoPagina","DeslocamentoPagina","hasMore","methods","get","isFirstPage","api","params","response","totalRegistros","read","getMore","that","footerHeight","document","querySelector","scrollHeight","window","onscroll","bottomOfWindow","documentElement","scrollTop","innerHeight","offsetHeight","reads","filter","f","console","log","post","mounted","render","__scopeId"],"mappings":"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","file":"js/chunk-c29c8efe.60e679d7.js","sourcesContent":["var requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\n\nvar quot = /\"/g;\n\n// `CreateHTML` abstract operation\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = toString(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + toString(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Notifications.vue?vue&type=style&index=0&id=655ed63d&scoped=true&lang=css\"","<template>\n  <div class=\"relative\">\n    <button class=\"btn btn-light atualizar\" :disabled=\"loading\" @click=\"refresh\">\n      <font-awesome-icon :icon=\"['fas', 'sync-alt']\"  :class=\"loading && 'fa-spin'\" style=\"margin:0!important\"/>\n    </button>\n  </div>\n  <div class=\"row justify-content-center\" id=\"notifications\">\n    \n    <div class=\"col-lg-6\">\n      <div class=\"row\">\n        <div class=\"col-lg-12\" v-if=\"items.length == 0 && !loading\">\n          <div class=\"text-center\">\n            <font-awesome-icon :icon=\"['far', 'bell-slash']\" size=\"6x\" class=\"mb-3\"/>\n            <h2>Você não tem notificações.</h2>\n          </div>\n        </div>\n          <div class=\"col-lg-12\" v-for=\"i in items\" :key=\"i.codigoNotificacaoEnvio\">\n            <router-link :to=\"i.link || '#'\" class=\"body\">\n              <div class=\"img-container\">\n                <img :src=\"i.imagemUrlFormatado\"/>\n              </div>\n              <div class=\"text-center message-container\">\n                <div class=\"text-right\">\n                  <small>\n                    {{i.dataCadastro}}\n                  </small>\n                </div>\n                <div>\n                  {{i.mensagem}}\n                </div>\n                <div  class=\"text-right\" >\n                  <small v-if=\"!i.lido\" class=\"badge bg-success\">\n                    NOVO!\n                  </small>\n                </div>\n              </div>  \n            </router-link>\n          </div>\n        <div class=\"loading mb-3 text-center\" >\n            <font-awesome-icon :icon=\"['fas', 'sync-alt']\" spin v-if=\"loading\"/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n  .text-right{\n    text-align: right\n  }\n  #notifications .body{\n    border: 1px solid var(--light);\n    padding-right: 1.5rem;\n    margin-bottom: 1.5rem;\n    border-radius: 4px;\n  }\n  .badge{\n    min-height: 20px\n  }\n  .body {\n    background: var(--white);\n    height: 150px;\n    display: block;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    color: var(--dark);\n  }\n\n  .body .img-container{\n    height: 100%;\n    background-color: var(--darker);\n    justify-content: center;\n    align-content: center;\n    align-items: center;\n    overflow:hidden;\n    position:relative;\n    width: 25%;\n    width: 35%;\n  }\n  .body .img-container img{\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    top: -9999px;\n    bottom: -9999px;\n    left: -9999px;\n    right: -9999px;\n    margin: auto;\n    \n  }\n  .body .message-container{\n    flex: 1;\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 0.75rem;\n  }\n  .body .message-container div{\n    width: 100%\n  }\n  .text-center{\n    text-align:center\n  }\n  h2{\n    margin-top:1rem;\n    margin-bottom:1rem;\n    text-align: center;\n  }\n  .atualizar{\n    position: absolute;\n    top:-86px;\n    right:0;\n  }\n  .relative{\n    position:relative;\n    \n  }\n</style>\n\n<script>\nimport { library } from '@fortawesome/fontawesome-svg-core'\n\nimport { faBellSlash } from '@fortawesome/free-regular-svg-icons'\nimport api from '@/services/api';\nimport {relativeTime} from '@/services/util';\nimport {companyPath} from '@/services/auth';\n\n\nlibrary.add(faBellSlash);\n\nexport default {\n  \n  name: 'Notifications',\n  data(){\n    return {\n      items: [],\n      total: 0,\n      loading: true,\n      pagination: {\n        NumeroPagina: 1,\n        TamanhoPagina: 4,\n        DeslocamentoPagina: 1\n      },\n      hasMore: false,\n    }\n  },\n  methods: {\n    async get() {\n      this.loading = true;\n      \n      let isFirstPage = this.pagination.NumeroPagina === 1;\n\n      if(isFirstPage) {\n        this.hasMore = true;\n      }\n      let response = await api.get('/v1/notificacoes', {\n        params: {\n          ...this.pagination,\n        },\n      });\n\n      let { data, totalRegistros} = response.data;\n\n      for(let i in data) {\n        data[i].dataCadastro = relativeTime(data[i].dataCadastro);\n        if(data[i].link)\n          data[i].link = data[i].link.replace('/ofertas','');\n          // data[i].imagemUrlFormatado = `${location.protocol}//${companyPath}.repasys.com.br${data[i].imagemUrl}`\n      }\n\n      this.items = isFirstPage ? data : [ ...this.items,...data];\n      this.total = isFirstPage ? totalRegistros : this.total;\n\n      this.hasMore = data.length === this.pagination.TamanhoPagina;\n      this.loading = false;\n      this.read();\n    },\n    getMore() {\n      let that = this;\n      let footerHeight = document.querySelector('.footer-layout').scrollHeight + \n                         document.querySelector('.copyright').scrollHeight;\n      window.onscroll = async () => {\n        let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight + footerHeight >= document.documentElement.offsetHeight;\n        \n        if (bottomOfWindow && that.hasMore && !that.loading) {\n          that.loading = true;\n          that.pagination.NumeroPagina++;\n          await that.get();\n        }\n      }\n    },\n    async read() {\n      let reads = this.items.filter(f=>!f.lido).map(f=>f.codigoNotificacaoEnvio);\n      console.log(reads.length);\n      if(reads.length) {\n        await api.post(`/v1/notificacoes/ler`, reads)\n      }\n    },\n    async refresh() {\n      this.pagination.NumeroPagina = 1;\n      await this.get();\n    }\n  },\n  async mounted(){\n    await this.get();\n    await this.getMore();\n  },\n  \n}\n</script>","import { render } from \"./Notifications.vue?vue&type=template&id=655ed63d&scoped=true\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js\"\n\nimport \"./Notifications.vue?vue&type=style&index=0&id=655ed63d&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-655ed63d\"\n\nexport default script"],"sourceRoot":""}