{"version":3,"file":"js/383.cdd613fc.js","mappings":"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","sources":["webpack://baseline/./src/components/Ad/AdFavoriteHandlerFunction.js","webpack://baseline/./src/components/CardAd/CardAd.vue","webpack://baseline/./src/components/CardAd/CardAd.vue?8053"],"sourcesContent":["import { app } from '@/main'\r\nimport { nextTick } from 'vue'\r\n\r\nimport { LogAddToFavorite, LogCriteoAddToCart } from '@/events'\r\n\r\nconst handleToggle = (adId, toBeFavorized) => {\r\n  const url = toBeFavorized\r\n    ? '/UserPreference/AddFavorite'\r\n    : '/UserPreference/RemoveFavorite'\r\n  const emitOnSuccess = toBeFavorized ? 'favorite-added' : 'favorite-removed'\r\n\r\n  app.axios\r\n    .post(\r\n      url,\r\n      JSON.stringify({\r\n        adId: adId,\r\n      })\r\n    )\r\n    .then(resp => {\r\n      if (resp.data.errorCollection && resp.data.errorCollection.length == 0) {\r\n        nextTick(() => {\r\n          app.mitt.emit(emitOnSuccess, adId)\r\n\r\n          if (toBeFavorized) {\r\n            LogAddToFavorite()\r\n            LogCriteoAddToCart(adId)\r\n          }\r\n        })\r\n      } else if (\r\n        resp.data.errorCollection &&\r\n        resp.data.errorCollection.length > 0\r\n      ) {\r\n        resp.data.errorCollection.forEach(value => {\r\n          if (value.errorItem === 'authentication') {\r\n            app.toast.info(\r\n              'Du skal være logget ind for at tilføje favoritter. Det er gratis at oprette en profil.',\r\n              () => {\r\n                app.mitt.emit('prompt-login', () => {\r\n                  handleToggle(adId, toBeFavorized)\r\n                })\r\n              },\r\n              'Gå til login',\r\n              'Luk'\r\n            )\r\n          }\r\n          // Returneres 'favorite' er annoncen allerede sat til favorit\r\n        })\r\n      }\r\n    })\r\n}\r\n\r\nexport { handleToggle }\r\n","<template>\r\n  <div\r\n    class=\"card card--annonce\"\r\n    :class=\"{\r\n      'card--private': isPrivate,\r\n      'card--highlighted': isHighlighted,\r\n    }\"\r\n  >\r\n    <a :href=\"!isSold ? url : '#'\" @click=\"cardAdClicked\">\r\n      <div class=\"card__image-container\">\r\n        <div class=\"card__image-block\">\r\n          <div\r\n            class=\"card__image-inner-container\"\r\n            :class=\"{ 'play-icon': hasVideo }\"\r\n          >\r\n            <img\r\n              loading=\"lazy\"\r\n              class=\"card__image\"\r\n              :class=\"{ 'fallback-image': !imageUrlMutable }\"\r\n              :alt=\"imgAlt\"\r\n              :title=\"imgAlt\"\r\n              :src=\"imageUrlMutable\"\r\n              @error=\"\r\n                () => {\r\n                  imageUrlMutable = null\r\n                  imgAlt = null\r\n                }\r\n              \"\r\n            />\r\n          </div>\r\n          <!-- LABEL CONTAINER START -->\r\n          <div\r\n            class=\"card__label--container card__label--container-company\"\r\n            v-if=\"dealerLogo\"\r\n          >\r\n            <div class=\"card__label card__label--company\">\r\n              <div class=\"card__label--absolute\">\r\n                <div\r\n                  class=\"card__label--image\"\r\n                  :style=\"{\r\n                    'background-image': 'url(' + dealerLogo + ')',\r\n                  }\"\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"card__label--container\">\r\n            <div\r\n              v-for=\"(label, index) in labels\"\r\n              :key=\"'label' + index\"\r\n              :class=\"'card__label--' + label.css\"\r\n              class=\"card__label\"\r\n            >\r\n              <div class=\"card__text--label\">\r\n                <div>{{ label.text }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- LABEL CONTAINER END -->\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"card__content\">\r\n        <div>\r\n          <div class=\"card__text-container\">\r\n            <div\r\n              class=\"card__text card__text--make-model\"\r\n              v-html=\"makeModel\"\r\n            ></div>\r\n            <div class=\"card__text card__text--sm\" v-html=\"variant\"></div>\r\n          </div>\r\n          <div class=\"card-details\">\r\n            <!-- KILOMETERS -->\r\n            <div class=\"card-details__container\" v-if=\"kilometers\">\r\n              <div class=\"card-details__icon\">\r\n                <div\r\n                  class=\"card-details__icon card-details__icon--kilometers\"\r\n                ></div>\r\n              </div>\r\n              <div class=\"card-details__text card__text--xs flex gap-x-5\">\r\n                <div v-html=\"kilometers\"></div>\r\n                <div>km</div>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- YEAR -->\r\n            <div class=\"card-details__container\" v-if=\"year\">\r\n              <div class=\"card-details__icon\">\r\n                <div class=\"card-details__icon card-details__icon--year\"></div>\r\n              </div>\r\n              <div\r\n                class=\"card-details__text card__text--xs\"\r\n                v-html=\"year\"\r\n              ></div>\r\n            </div>\r\n\r\n            <!-- LOCATION -->\r\n            <div class=\"card-details__container\" v-if=\"location\">\r\n              <div class=\"card-details__icon\">\r\n                <div\r\n                  class=\"card-details__icon card-details__icon--location\"\r\n                ></div>\r\n              </div>\r\n              <div\r\n                class=\"card-details__text card__text--xs\"\r\n                v-html=\"location\"\r\n              ></div>\r\n            </div>\r\n\r\n            <!-- PROPELLANTTYPE -->\r\n            <div\r\n              class=\"card-details__container card-details__container--show-list\"\r\n              v-if=\"propellantType\"\r\n            >\r\n              <div class=\"card-details__icon\">\r\n                <div\r\n                  class=\"card-details__icon card-details__icon--propellant-type\"\r\n                ></div>\r\n              </div>\r\n              <div\r\n                class=\"card-details__text card__text--xs\"\r\n                v-html=\"propellantType\"\r\n              ></div>\r\n            </div>\r\n\r\n            <!-- KMPERLITER -->\r\n            <div\r\n              class=\"card-details__container card-details__container--show-list\"\r\n              v-if=\"kmPerLiter\"\r\n            >\r\n              <div class=\"card-details__icon\">\r\n                <div\r\n                  class=\"card-details__icon card-details__icon--km-per-liter\"\r\n                ></div>\r\n              </div>\r\n              <div\r\n                class=\"card-details__text card__text--xs\"\r\n                v-html=\"kmPerLiter\"\r\n              ></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"card__text-container card__price-container\">\r\n          <p v-if=\"oldPriceText\" class=\"card__text--old-price\">\r\n            {{ oldPriceText }}\r\n          </p>\r\n          <p class=\"card__price\">\r\n            {{ priceText }}\r\n            <span\r\n              v-if=\"isLeasingPrice\"\r\n              class=\"card__text--xs card__leasing-price\"\r\n            >\r\n              leasing pr. md.\r\n            </span>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </a>\r\n    <!-- sold CONTAINER START -->\r\n    <div class=\"card__sold\" v-if=\"isSold\">\r\n      <p class=\"card__sold-text\">Annoncencen er desværre ikke aktiv længere</p>\r\n      <!-- SØG LIGNENDE BIL ER IKKE MED I FASE 1 - VIST NOK? -->\r\n      <!--\r\n      <a class=\"card__sold-button button button--invert\" href=\"#\"\r\n        >Søg lignende bil</a\r\n      >\r\n      -->\r\n    </div>\r\n    <!-- FAVORITE CONTAINER START -->\r\n    <div class=\"card__favorite--container\" @click=\"toggleFavorite()\">\r\n      <div\r\n        class=\"card-details__icon card-details__icon--circle card-details__icon-see-through\"\r\n      >\r\n        <div class=\"card-details__icon card-details__icon--empty\"></div>\r\n      </div>\r\n      <div\r\n        class=\"card-details__icon card-details__icon-absolute\"\r\n        :class=\"[\r\n          isFavorized\r\n            ? 'card-details__icon--star-filled'\r\n            : 'card-details__icon--star',\r\n        ]\"\r\n      ></div>\r\n    </div>\r\n    <!-- FAVORITE CONTAINER END -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { app } from '@/main'\r\n\r\nimport { handleToggle } from '@components/Ad/AdFavoriteHandlerFunction'\r\nimport { decodeHTMLEntities } from '@/functions'\r\n\r\nexport default {\r\n  props: {\r\n    eventBus: { default: null, type: Object },\r\n\r\n    id: { default: null, type: Number },\r\n    url: { default: '', type: String },\r\n    imageUrl: { default: '', type: String },\r\n    makeModel: { default: '', type: String },\r\n    variant: { default: '', type: String },\r\n\r\n    kilometers: { default: null, type: String },\r\n    location: { default: null, type: String },\r\n    year: { default: null, type: String },\r\n    propellantType: { default: null, type: String },\r\n    kmPerLiter: { default: null, type: String },\r\n\r\n    labels: { default: null, type: Array },\r\n\r\n    isHighlighted: { default: false, type: Boolean },\r\n    dealerLogo: { default: '', type: String },\r\n    isFavorite: { default: false, type: Boolean },\r\n    isPrivate: { default: false, type: Boolean },\r\n    isSold: { default: false, type: Boolean },\r\n    hasVideo: { default: false, type: Boolean },\r\n\r\n    isLeasingPrice: { default: false, type: Boolean },\r\n    priceText: { default: '', type: String },\r\n    oldPriceText: { default: '', type: String },\r\n  },\r\n  data() {\r\n    return {\r\n      imgAlt: `${decodeHTMLEntities(this.makeModel)} ${decodeHTMLEntities(\r\n        this.variant\r\n      )}`,\r\n      isFavorized: this.isFavorite,\r\n      imageUrlMutable: this.imageUrl,\r\n    }\r\n  },\r\n  methods: {\r\n    toggleFavorite() {\r\n      const toBeFavorized = !this.isFavorized\r\n\r\n      handleToggle(this.id, toBeFavorized)\r\n    },\r\n    handleFavoriteAddedCallback(adId) {\r\n      if (adId !== this.id) return\r\n      this.isFavorized = true\r\n    },\r\n    handleFavoriteRemovedCallback(adId) {\r\n      if (adId !== this.id) return\r\n      this.isFavorized = false\r\n    },\r\n    cardAdClicked() {\r\n      if (this.eventBus === null) return\r\n      this.eventBus.emit('card-ad-clicked')\r\n    },\r\n  },\r\n  created() {\r\n    app.mitt.on('favorite-added', this.handleFavoriteAddedCallback)\r\n\r\n    app.mitt.on('favorite-removed', this.handleFavoriteRemovedCallback)\r\n  },\r\n  watch: {\r\n    isFavorite(newValue) {\r\n      this.isFavorized = newValue\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import 'CardAd.scss';\r\n</style>\r\n","import { render } from \"./CardAd.vue?vue&type=template&id=f3e08a3a\"\nimport script from \"./CardAd.vue?vue&type=script&lang=js\"\nexport * from \"./CardAd.vue?vue&type=script&lang=js\"\n\nimport \"./CardAd.vue?vue&type=style&index=0&id=f3e08a3a&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["handleToggle","adId","toBeFavorized","url","emitOnSuccess","app","axios","post","JSON","stringify","then","resp","data","errorCollection","length","nextTick","mitt","emit","LogAddToFavorite","LogCriteoAddToCart","forEach","value","errorItem","toast","info","class","href","isSold","cardAdClicked","hasVideo","loading","imageUrlMutable","alt","imgAlt","title","src","dealerLogo","style","labels","label","index","key","css","text","makeModel","variant","kilometers","year","location","propellantType","kmPerLiter","oldPriceText","priceText","isLeasingPrice","toggleFavorite","props","eventBus","default","type","Object","id","Number","String","imageUrl","Array","isHighlighted","Boolean","isFavorite","isPrivate","this","isFavorized","methods","handleFavoriteAddedCallback","handleFavoriteRemovedCallback","created","on","watch","newValue","__exports__","render"],"sourceRoot":""}