{"version":3,"sources":["webpack:///./src/views/Offers.vue?3e92","webpack:///./src/views/Offers.vue","webpack:///./src/views/Offers.vue?b86d"],"names":["class","disabled","loading","refresh","icon","style","items","length","size","to","i","statusClass","key","dataAtualizacao","statusFormatado","marca","modelo","codigoNegociacao","src","imagemCapaFormatadoUrl","anoModelo","anoFabricacao","combustivel","transmissao","kmFormatado","placaFormatado","cor","valorOfertaFormatado","dataOferta","mensagem","spin","add","data","total","pagination","NumeroPagina","TamanhoPagina","DeslocamentoPagina","hasMore","methods","get","isFirstPage","api","params","response","totalRegistros","getStatusClass","status","getMore","that","this","footerHeight","document","querySelector","scrollHeight","window","onscroll","bottomOfWindow","documentElement","scrollTop","innerHeight","offsetHeight","mounted","render","__scopeId"],"mappings":"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","file":"js/about.6907f861.js","sourcesContent":["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!./Offers.vue?vue&type=style&index=0&id=b3633c8e&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 v-if=\"!items.length && !loading\" class=\"not-found\">\n      <font-awesome-icon :icon=\"['fas', 'unlink']\" size=\"6x\" class=\"mb-3\"/>\n      <h2>Você ainda não enviou nenhuma oferta ;(<br/><br/>\n        <router-link to=\"/\">Clique aqui</router-link> e veja os veículos\n      </h2>\n    </div>\n    <div class=\"row justify-content-center\">\n      <div class=\"col-lg-12\">\n        <div :class=\"'item '+i.statusClass\" v-for=\"i in items\" :key=\"i.dataAtualizacao\">\n          <div class=\"header\">\n            <span class=\"status\">\n              {{i.statusFormatado}}\n            </span>\n            <span class=\"data-status\">\n              <small>Atualizado </small> {{i.dataAtualizacao}}\n            </span>\n          </div>\n          <div class=\"body\">\n            <h5>{{i.marca}} {{i.modelo}} </h5>\n            <div class=\"row\">\n              <div class=\"col-lg-5\">\n                <div class=\"row\">\n                  <div class=\"col\">\n                    <router-link :to=\"i.codigoNegociacao || '#'\" class=\"img-container\">\n                      <div class=\"img-container\">\n                        <img class=\"w-100\" :src=\"i.imagemCapaFormatadoUrl\"/>\n                      </div>\n                    </router-link>\n                  </div>\n                  <div class=\"col\">\n                    <ul>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['far', 'calendar-alt']\"  /></div> {{i.anoModelo}}/{{i.anoFabricacao}}\n                      </li>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['fas', 'gas-pump']\"  /></div> {{i.combustivel}}\n                      </li>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['fas', 'map-pin']\"  /></div> {{i.transmissao}}\n                      </li>\n                    </ul>\n                  </div>\n                  <div class=\"col\">\n                    <ul>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['fas', 'tachometer-alt']\"  /></div> {{i.kmFormatado}}km\n                      </li>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['fas', 'sign']\"  /></div> {{i.placaFormatado}}\n                      </li>\n                      <li>\n                        <div class=\"icon\"><font-awesome-icon :icon=\"['fas', 'paint-brush']\"  /></div> {{i.cor}}\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-lg-3\">\n                <div class=\"oferta\">\n                  <span class=\"valor\">{{i.valorOfertaFormatado}}</span>\n                  <span class=\"data-envio\">enviada {{i.dataOferta}}</span>\n                </div>\n              </div>\n              <div class=\"col-lg-4\">\n                <div class=\"mensagem\">\n                  <label>Mensagem:</label>\n                  <span class=\"descricao\">{{i.mensagem}}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        \n        <div class=\"loading mb-3\" >\n          <font-awesome-icon :icon=\"['fas', 'sync-alt']\" spin v-if=\"loading\"/>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n  import { library } from '@fortawesome/fontawesome-svg-core'\n  import { faGasPump, faMapPin, faTachometerAlt,faSign,faPaintBrush,faUnlink} from '@fortawesome/free-solid-svg-icons'\n  import { faCalendarAlt } from '@fortawesome/free-regular-svg-icons';\n  import {relativeTime} from '@/services/util';\n  import api from '@/services/api';\nimport {companyPath} from '@/services/auth';\n\n  library.add(faCalendarAlt,faGasPump,faMapPin,faTachometerAlt,faSign,faPaintBrush,faUnlink);\n\n  export default {\n  data() {\n    return {\n      items: [],\n      total: 0,\n      loading: true,\n      pagination: {\n        NumeroPagina: 1,\n        TamanhoPagina: 8,\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/lojistas/ofertas', {\n        params: {\n          ...this.pagination,\n        },\n      });\n\n      let { data, totalRegistros} = response.data;\n\n      for(let i in data) {\n        data[i].dataAtualizacao = relativeTime(data[i].dataAtualizacao || data[i].dataOferta);\n        data[i].dataOferta = relativeTime(data[i].dataOferta);\n        data[i].statusClass = this.getStatusClass(data[i].status);\n        // data[i].imagemCapaFormatadoUrl = `${location.protocol}//${companyPath}.repasys.com.br${data[i].imagemCapaUrl}`\n\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    },\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    getStatusClass(status) {\n      switch(status) {\n        case 1:\n          return 'warning';\n        case 2: \n          return 'success';\n        default: \n          return 'danger'\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</script>\n<style scoped>\n    .loading {\n    text-align: center;\n    min-height: 25px;\n    /* margin:0; */\n  }\n  .item{\n    border: 1px solid var(--light);\n    padding: 1.5rem;\n    background: var(--white);\n    margin-bottom:1.5rem;\n    border-radius: 4px;\n  }\n\n  .item .header{\n    padding-bottom:1.5rem;\n    display: flex;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--light);\n  }\n  .item .header .status{\n    font-weight: 600;\n  }\n  .item.warning{\n    border-left: 4px solid var(--warning);\n  }\n  .item.success{\n    border-left: 4px solid var(--success);\n  }\n  .item.danger{\n    border-left: 4px solid var(--danger);\n  }\n\n  .item.warning .status{\n    color: var(--warning)\n  }\n  .item.danger .status{\n    color: var(--danger)\n  }\n  .item.success .status{\n    color: var(--success)\n  }\n\n  .body{\n    padding-top:1.5rem;\n  }\n\n  .body .img-container{\n    height: 100px;\n    background-color: var(--darker);\n    width: 100%;\n    justify-content: center;\n    align-content: center;\n    align-items: center;\n    overflow:hidden;\n    position:relative;\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  ul{\n    list-style: none;\n    padding: 0 0 0 0px;\n    margin: 0;\n    justify-content: space-around;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    height: 100%;\n  }\n  li{\n    font-weight: 600;\n    text-transform: uppercase;\n    font-size: 11px;\n    line-height: 1.4;\n    overflow: hidden;\n    color: var(--dark);\n    white-space: nowrap;\n  }\n  \n\n  li .icon{\n    width: 13px;\n    display:inline-block;\n    text-align:center;\n        line-height: 1.67;\n  }\n  h5{\n    font-size: 18px;\n    line-height: 26px;\n    font-weight: 600;\n    margin: 0;\n    padding: 0 0 21px 0;\n  }\n\n  .oferta {\n    height: 100%;\n    display: flex;\n    /* justify-content: center; */\n    align-content: center;\n    align-items: center;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n  .oferta .valor{\n    font-size: 24px;\n    font-weight: 600;\n    /* margin-bottom: 0.75rem */\n  }\n  .oferta .data-envio{\n    font-size: 12px;\n  }\n  .not-found{\n    text-align:center;\n  }\n  .mensagem {\n    font-size: 12px;\n    display: flex;\n    flex-direction:column;\n  }\n  .mensagem label{\n    font-weight: 600;\n  }\n  .data-status{\n    text-align: right;\n  }\n  .atualizar{\n    position: absolute;\n    top:-86px;\n    right:0;\n  }\n  .relative{\n    position:relative;\n    \n  }\n</style>\n","import { render } from \"./Offers.vue?vue&type=template&id=b3633c8e&scoped=true\"\nimport script from \"./Offers.vue?vue&type=script&lang=js\"\nexport * from \"./Offers.vue?vue&type=script&lang=js\"\n\nimport \"./Offers.vue?vue&type=style&index=0&id=b3633c8e&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-b3633c8e\"\n\nexport default script"],"sourceRoot":""}