{"version":3,"sources":["webpack:///./src/views/Admin-dashboard.vue","webpack:///./src/views/Admin-dashboard.vue?e197","webpack:///./src/views/Admin-dashboard.vue?1876"],"names":["class","data","image","promo_name","promo_picture","promo_location","banner_response","search_address","add_toggle","add_form","address","delivery_zone","street_index","add_popular","add_popular_field","change_popup_toggle","setup","methods","changeProductPosition","product","action","computed","mounted","__exports__","render"],"mappings":"oKACWA,MAAM,S,gDAAf,eAAiC,UAAjC,G,oDAKa,GACbC,KADa,WAEX,MAAO,CACLC,MAAO,GACPC,WAAY,GACZC,cAAe,GACfC,eAAgB,GAChBC,gBAAiB,GACjBC,eAAgB,GAEhBC,YAAY,EACZC,SAAU,CACRC,QAAS,GACTC,cAAe,GACfC,aAAc,IAGhBC,aAAa,EACbC,kBAAmB,GAEnBC,qBAAqB,IAGzBC,MAvBa,aAwBbC,QAAS,CACDC,sBADC,SACqBC,EAASC,GAAQ,8IAK5B,CACbD,QAASA,EACTC,OAAQA,IAPiC,+CAgB/CC,SAAU,kBACL,eAAW,KAEhBC,QA5Ca,c,iCCCf,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf","file":"js/admin-dashboard.1cbae2b5.js","sourcesContent":["<template>\n  <section class=\"panel\"></section>\n</template>\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  data() {\n    return {\n      image: \"\",\n      promo_name: \"\",\n      promo_picture: \"\",\n      promo_location: \"\",\n      banner_response: \"\",\n      search_address: \"\",\n\n      add_toggle: false,\n      add_form: {\n        address: \"\",\n        delivery_zone: \"\",\n        street_index: \"\",\n      },\n\n      add_popular: false,\n      add_popular_field: \"\",\n\n      change_popup_toggle: false,\n    };\n  },\n  setup() {},\n  methods: {\n    async changeProductPosition(product, action) {\n      // Что если сделать функционал кастомной сортировки продуктов полностью через vuex,\n      // Сохранить при этом реактивность объектов,\n      // а потом при запросе на сервер, подтягивать конфиг и делать вычисления на клиенте, идея неплохая\n\n      let settings = {\n        product: product,\n        action: action,\n      };\n      settings;\n      // this.SET_ADMIN_PRODUCTS_POSITION(settings);\n    },\n    // async saveProductPositions() {\n    //   this.SAVE_ADMIN_PRODUCTS_POSITION(this.CATEGORY_PRODUCTS);\n    // },\n  },\n  computed: {\n    ...mapGetters([]),\n  },\n  mounted() {},\n};\n</script>\n<style lang=\"scss\" scoped>\n.promotion {\n  margin-top: 20px;\n}\n.form {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  margin-top: 30px;\n  &__input {\n    @include container;\n    position: relative;\n    width: 45%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    padding: 14px;\n    font-size: 13px;\n    border: none;\n    outline: none;\n    margin-bottom: 20px;\n    &-block {\n      max-width: 100%;\n      width: 100%;\n    }\n    &::-webkit-input-placeholder {\n      color: $second-black;\n    }\n    &::-moz-placeholder {\n      color: $second-black;\n    }\n    &:-ms-input-placeholder {\n      color: $second-black;\n    }\n    &::-ms-input-placeholder {\n      color: $second-black;\n    }\n    &::placeholder {\n      color: $second-black;\n    }\n  }\n  &__title {\n    margin-bottom: 20px;\n  }\n  &__button {\n    padding: 20px;\n    border-radius: 10px;\n    max-width: 45%;\n    width: 100%;\n    color: $white;\n  }\n  &__add {\n    background-color: turquoise;\n  }\n  &__delete {\n    background-color: tomato;\n  }\n  .location__title {\n    margin-bottom: 20px;\n  }\n  label {\n    input {\n      margin-left: 10px;\n    }\n  }\n}\n.addresses {\n  margin-top: 30px;\n  &__list {\n    max-height: 50vh;\n    overflow: auto;\n  }\n  &__item {\n    @include container;\n    margin-bottom: 20px;\n    padding: 5px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n  input {\n    padding: 10px;\n    border-radius: 10px;\n    border: none;\n  }\n  &__input {\n    background-color: $background;\n    width: 45%;\n    margin: 5px;\n    &:first-child {\n      width: 100%;\n    }\n  }\n  button {\n    border: none;\n    border-radius: 10px;\n    padding: 10px;\n    width: 100%;\n    color: #fff;\n  }\n\n  &__search {\n    background-color: #fff;\n    width: 100%;\n    display: block;\n  }\n  &__delete {\n    margin: 5px;\n    background-color: tomato;\n  }\n  &__add {\n    background-color: turquoise;\n    margin: 10px 0;\n  }\n}\n.admin-popular {\n  margin-top: 20px;\n\n  &__container {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  &__item {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    @include container;\n    padding: 10px;\n    margin-right: 20px;\n    margin-bottom: 20px;\n    &-container {\n      @include container;\n      padding: 10px;\n      margin-bottom: 20px;\n    }\n  }\n  &__image {\n    max-width: 125px;\n    max-height: 130px;\n    height: 100%;\n  }\n  &__title {\n    @include h3;\n  }\n  &__delete {\n    background-color: tomato;\n    border: none;\n    border-radius: 10px;\n    color: #fff;\n    margin: 5px;\n    padding: 10px;\n    width: 100%;\n  }\n  &__add {\n    border: none;\n    border-radius: 10px;\n    background-color: turquoise;\n    padding: 10px;\n    width: 100%;\n    color: #fff;\n    margin: 15px 0;\n  }\n  &__input {\n    padding: 10px;\n    border-radius: 10px;\n    border: none;\n    width: 100%;\n    background-color: $background;\n    margin: 5px;\n  }\n}\n.config {\n  &__title {\n    @include h2;\n  }\n  &__list {\n    display: flex;\n    overflow: auto;\n    margin-bottom: 20px;\n  }\n  &__item {\n    max-width: 120px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    @include container;\n    padding-bottom: 10px;\n    margin-right: 10px;\n    cursor: pointer;\n    text-align: center;\n  }\n  &__image {\n    max-width: 100px;\n  }\n}\n.change-popup {\n  &__title {\n    @include h2;\n    margin-bottom: 20px;\n  }\n  &__list {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  &__item {\n    display: flex;\n    margin: 10px;\n    flex-direction: column;\n    align-items: center;\n    @include container;\n    padding: 10px;\n  }\n  &__image {\n    max-width: 120px;\n    margin-bottom: 5px;\n  }\n  &__controls {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    margin: 10px 0;\n  }\n  &__control {\n    padding: 7px;\n    background-color: $accent;\n    border-radius: 10px;\n    cursor: pointer;\n    color: #fff;\n  }\n  &__save {\n    background-color: turquoise;\n    padding: 10px;\n    margin: 15px 0;\n    margin-left: 10px;\n    width: 100%;\n    color: $white;\n    border-radius: 10px;\n    cursor: pointer;\n  }\n}\n.admin-promocodes {\n  &__title {\n    @include h2;\n  }\n  &__list {\n    display: flex;\n    overflow: auto;\n  }\n  &__item {\n    @include container;\n    margin-right: 20px;\n    padding: 7px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n  &__change {\n    @include container;\n    background-color: $accent;\n    padding: 5px;\n    color: $white;\n  }\n}\n</style>\n","import { render } from \"./Admin-dashboard.vue?vue&type=template&id=6f9efe11&scoped=true\"\nimport script from \"./Admin-dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Admin-dashboard.vue?vue&type=script&lang=js\"\n\nimport \"./Admin-dashboard.vue?vue&type=style&index=0&id=6f9efe11&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/macbookpro/Desktop/relocation/Clients/Clients_projects/gurmani-kzn-dev/gurmani-vue/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6f9efe11\"]])\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!./Admin-dashboard.vue?vue&type=style&index=0&id=6f9efe11&lang=scss&scoped=true\""],"sourceRoot":""}