{"version":3,"sources":["webpack:///./src/pages/admin/AdminDashboard/AdminProductItem.vue?cd39","webpack:///./src/components/shared/BaseModal.vue","webpack:///./src/components/shared/BaseModal.vue?ca0f","webpack:///./src/components/shared/BaseModal.vue?f120","webpack:///./src/pages/admin/AdminDashboard/AdminProductItem.vue","webpack:///./src/pages/admin/AdminDashboard/AdminProductItem.vue?614e"],"names":["class","header","onConfirm","onCancel","emits","props","String","components","BaseBackdrop","setup","context","emit","__exports__","render","product","actionPrice","actionDiscount","src","imageUrl","alt","name","description","categoryName","price","onEdit","isDeleted","openDeleteModal","openRestoreModal","isDeleteModalOpen","deleteProduct","closeDeleteModal","isRestoreModalOpen","restoreProduct","closeRestoreModal","BaseModal","Object","Boolean","router","value","push","params","id"],"mappings":"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","file":"js/chunk-044f4bb6.18ea3742.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AdminProductItem.vue?vue&type=style&index=0&id=2d4904aa&scoped=true&lang=scss\"","<template>\r\n    <base-backdrop />\r\n    <div class='custom-modal'>\r\n      <header class='modal-header'>\r\n        <h3>{{header}}</h3>\r\n      </header>\r\n      <slot></slot>\r\n      <footer class=\"modal-footer\">\r\n          <button class=\"btn confirm-btn\" @click=\"onConfirm\">Confirm</button>\r\n          <button class=\"btn cancel-btn\" @click=\"onCancel\">Cancel</button>\r\n      </footer>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport BaseBackdrop from './BaseBackdrop.vue'\r\nexport default {\r\n  emits: [\"confirm\", \"cancel\"],\r\n  props: {\r\n    header: String,\r\n  },\r\n  components: { BaseBackdrop },\r\n  setup(props, context) {\r\n    const onConfirm = () => {\r\n      context.emit(\"confirm\")\r\n    }\r\n\r\n    const onCancel = () => {\r\n      context.emit(\"cancel\");\r\n    }\r\n\r\n    return {\r\n      onConfirm,\r\n      onCancel\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.custom-modal {\r\n  z-index: 800;\r\n  position: fixed;\r\n  top: 22vh;\r\n  left: 20%;\r\n  width: 60vw;\r\n  background: color(lightgrey);\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);\r\n  // border-radius: 8px;\r\n}\r\n\r\n.modal-header {\r\n  width: 100%;\r\n  padding: 1rem 0.5rem;\r\n  background: white;\r\n  color: #e7ecef;\r\n}\r\n\r\n    .modal-header h2 {\r\n    margin: 0.5rem;\r\n    color: color(blue);\r\n    }\r\n\r\n    .modal-footer {\r\n      padding: 1rem 0.5rem;\r\n      padding-top: 2rem!important;\r\n    }\r\n\r\n    .confirm-btn {\r\n      background: color(blue);\r\n      color: white;\r\n    }\r\n\r\n    .cancel-btn {\r\n      background: color(red);\r\n      color: white;\r\n    }\r\n</style>","import { render } from \"./BaseModal.vue?vue&type=template&id=6e615199&scoped=true\"\nimport script from \"./BaseModal.vue?vue&type=script&lang=js\"\nexport * from \"./BaseModal.vue?vue&type=script&lang=js\"\n\nimport \"./BaseModal.vue?vue&type=style&index=0&id=6e615199&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6e615199\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./BaseModal.vue?vue&type=style&index=0&id=6e615199&lang=scss&scoped=true\"","<template>\r\n  <div class=\"product align-items-center card text-center carousel__item\">\r\n    <div v-if=\"product.actionPrice\" class=\"discount-wrapper\">\r\n      <svg class=\"discount-banner-icon\"></svg>\r\n    </div>\r\n    <span class=\"discount-amount\">{{product.actionDiscount}}%</span>\r\n    <div class=\"product-image-container\">\r\n      <img\r\n      class=\"product-image\"\r\n      :src=\"imageUrl\"\r\n      :alt=\"product.name + ' ' + product.description\"\r\n      />\r\n    </div>\r\n    <!-- <div class=\"discount d-flex justify-content-center align-items-center\">25%</div>\r\n    <div class=\"product-image-container\">\r\n      <img\r\n      class=\"product-image\"\r\n      :src=\"imageUrl\"\r\n      :alt=\"product.name + ' ' + product.description\"\r\n      />\r\n    </div> -->\r\n    <div class=\"product-info\">\r\n      <h3 class=\"product-name\">{{ product.name }}</h3>\r\n      <p class=\"category-name\">{{ product.categoryName }}</p>\r\n      <div class=\"d-flex flex-column\">\r\n        <p v-if=\"product.actionPrice\" class=\"old-price\">{{ product.price + \",00 RSD\" }}</p>\r\n        <h4 class=\"action-price\" v-if=\"product.actionPrice\">\r\n            {{ product.actionPrice + \",00 RSD\" }}\r\n        </h4>\r\n        <h4 class=\"regular-price\" v-if=\"!product.actionPrice\">\r\n           {{ product.price + \",00 RSD\" }}\r\n        </h4>\r\n      </div>\r\n    </div>\r\n    <div class=\"btn edit-btn\" @click=\"onEdit()\"><svg class=\"edit-icon\"></svg>Izmeni</div>\r\n    <div v-if=\"!isDeleted\" class=\"btn delete-btn\" @click.stop=\"openDeleteModal()\"><svg class=\"delete-icon\"></svg>Obrisi</div>\r\n    <div v-if=\"isDeleted\" class=\"btn delete-btn\" @click.stop=\"openRestoreModal()\"><svg class=\"delete-icon\"></svg>Povrati</div>\r\n  </div>\r\n  <BaseModal @confirm=\"deleteProduct\" @cancel=\"closeDeleteModal\" header=\"Da li si siguran da zelis da obrises proizvod?\" v-if=\"isDeleteModalOpen\" />\r\n  <BaseModal @confirm=\"restoreProduct\" @cancel=\"closeRestoreModal\" header=\"Da li si siguran da zelis da povratis proizvod?\" v-if=\"isRestoreModalOpen\" />\r\n</template>\r\n\r\n<script>\r\nimport { useRouter } from \"vue-router\";\r\nimport BaseModal from '../../../components/shared/BaseModal.vue'\r\nimport { ref } from 'vue';\r\nexport default {\r\n  components: { BaseModal },\r\n  emits: [\"delete\", \"restore\"],\r\n  props: {\r\n    product: Object,\r\n    isDeleted: Boolean\r\n  },\r\n  setup(props, context){\r\n    const router = useRouter();\r\n    const imageUrl = process.env.VUE_APP_API_URL + \"/\" + props.product.imageUrl;\r\n    const isDeleteModalOpen = ref(false);\r\n    const isRestoreModalOpen = ref(false);\r\n\r\n    const deleteProduct = () => {\r\n        closeDeleteModal();\r\n        context.emit('delete');\r\n    }\r\n\r\n    const openDeleteModal = () => {\r\n        isDeleteModalOpen.value = true;\r\n    }\r\n\r\n    const closeDeleteModal = () => {\r\n        isDeleteModalOpen.value = false;\r\n    }\r\n\r\n    const openRestoreModal = () => {\r\n      isRestoreModalOpen.value = true;\r\n    }\r\n\r\n    const closeRestoreModal = () => {\r\n      isRestoreModalOpen.value = false;\r\n    }\r\n\r\n    const restoreProduct = () => {\r\n      closeRestoreModal();\r\n      context.emit('restore');\r\n    }\r\n\r\n    const onEdit = () => {\r\n        router.push({name: 'Edit', params: {'id': props.product.id}})\r\n    }\r\n\r\n    return {\r\n      imageUrl,\r\n      isDeleteModalOpen,\r\n      isRestoreModalOpen,\r\n      deleteProduct,\r\n      openDeleteModal,\r\n      closeDeleteModal,\r\n      openRestoreModal,\r\n      closeRestoreModal,\r\n      restoreProduct,\r\n      onEdit\r\n    };\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.card {\r\n  position: relative;\r\n  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);\r\n  border: 0;\r\n  border-radius: 0;\r\n  padding: 0 30px;\r\n  width: 100%;\r\n  margin-bottom: 22px;\r\n  @include noselect;\r\n\r\n  &:hover{\r\n    box-shadow: 0 0px 8px rgba(0,0,0,0.25);\r\n    transition: box-shadow 0.3s ease-in-out;\r\n  }\r\n\r\n}\r\n\r\n  .discount-wrapper {\r\n    z-index: 1;\r\n    position: absolute;\r\n    left: 0;\r\n    width: 108px;\r\n    height: 108px;\r\n  }\r\n\r\n    .discount-banner-icon{\r\n      @include icon;\r\n      width: 108px;\r\n      height: 108px;\r\n      background-position: 0% 0%;\r\n      @include background-svg($discount-icon);\r\n    }\r\n\r\n    .discount-amount{\r\n      position: absolute;\r\n      left: 22px;\r\n      top: 22px;\r\n      z-index: 10;\r\n      color: white;\r\n      font-weight: $bold-font-weight;\r\n      font-size: $h4-size;\r\n      transform: rotate(-45deg);\r\n    }\r\n\r\n  .product-image-container{\r\n    margin-top: 47px;\r\n    position: relative;\r\n    display:flex;\r\n    width: 100%;\r\n    height: 0;\r\n    padding-bottom: 100%;\r\n  }\r\n  \r\n    .product-image {\r\n      object-fit: cover;\r\n      background-size: contain;\r\n      position: absolute;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n\r\n  .product-info {\r\n    margin-top: 10px;\r\n    min-height: 277px;\r\n  }\r\n\r\n    .product-name{\r\n      margin-bottom: 10px !important;\r\n    }\r\n\r\n    .category-name {\r\n      color: color(darkgrey);\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .action-price {\r\n      color: color(red);\r\n      font-weight: $light-font-weight !important;\r\n    }\r\n\r\n    .old-price {\r\n      text-decoration: line-through;\r\n      color: color(darkgrey);\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .regular-price {\r\n      margin-top: 29px !important;\r\n      color: color(darkgrey);\r\n      font-weight: $light-font-weight !important;\r\n    }\r\n// .card {\r\n//   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);\r\n//   border: 0;\r\n//   border-radius: 0;\r\n//   padding: 0 30px;\r\n//   width: 100%;\r\n// }\r\n\r\n//   .discount {\r\n//     position: absolute;\r\n//     width: 92px;\r\n//     height: 37px;\r\n//     background: color(red);\r\n//     color: white;\r\n//     font-weight: $bold-font-weight;\r\n//     margin: 0px auto;\r\n//   }\r\n\r\n//   .product-image-container{\r\n//     margin-top: 47px;\r\n//     position: relative;\r\n//     display:flex;\r\n//     width: 100%;\r\n//     height: 0;\r\n//     padding-bottom: 100%;\r\n//   }\r\n  \r\n//     .product-image {\r\n//       object-fit: cover;\r\n//       background-size: contain;\r\n//       position: absolute;\r\n//       background-position: center;\r\n//       background-repeat: no-repeat;\r\n//       height: 100%;\r\n//       width: 100%;\r\n//     }\r\n\r\n//   .product-info {\r\n//     margin-top: 10px;\r\n//     min-height: 127px;\r\n//   }\r\n\r\n//     .product-name{\r\n//       margin-bottom: 10px !important;\r\n//     }\r\n\r\n//     .category-name {\r\n//       font-weight: $bold-font-weight;\r\n//       color: color(darkgrey);\r\n//       margin-bottom: 30px;\r\n//     }\r\n\r\n//     .action-price {\r\n//       color: color(red);\r\n//       margin-bottom: 30px !important;\r\n//       font-weight: $light-font-weight !important;\r\n//     }\r\n\r\n//     .old-price {\r\n//       text-decoration: line-through;\r\n//       color: color(darkgrey);\r\n//       margin-bottom: 5px;\r\n//     }\r\n\r\n    .delete-btn {\r\n        width: 100%;\r\n        background: color(darkgrey);\r\n        color: white;\r\n        font-weight: $bold-font-weight;\r\n        border-radius: 0 !important;\r\n        margin-bottom: 30px;\r\n        margin-top: 8px;\r\n        text-align: center;\r\n    }\r\n\r\n      .delete-icon {\r\n        cursor: pointer;\r\n        width: 20px;\r\n        height: 20px;\r\n        @include background-svg($admin-delete-icon);\r\n        margin-right: 10px;\r\n      }\r\n\r\n    .edit-btn {\r\n        width: 100%;\r\n        background: color(blue);\r\n        color: white;\r\n        font-weight: $bold-font-weight;\r\n        border-radius: 0 !important;\r\n        text-align: center;\r\n    }\r\n\r\n      .edit-icon {\r\n        cursor: pointer;\r\n        width: 20px;\r\n        height: 20px;\r\n        @include background-svg($admin-edit-icon);\r\n        margin-right: 10px;\r\n      }\r\n\r\n    .edit-btn:hover, .delete-btn:hover {\r\n      color:  white;\r\n    }\r\n</style>\r\n","import { render } from \"./AdminProductItem.vue?vue&type=template&id=2d4904aa&scoped=true\"\nimport script from \"./AdminProductItem.vue?vue&type=script&lang=js\"\nexport * from \"./AdminProductItem.vue?vue&type=script&lang=js\"\n\nimport \"./AdminProductItem.vue?vue&type=style&index=0&id=2d4904aa&scoped=true&lang=scss\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2d4904aa\"]])\n\nexport default __exports__"],"sourceRoot":""}