{"version":3,"sources":["webpack:///./src/views/store/sorting.vue","webpack:///src/views/store/sorting.vue","webpack:///./src/views/store/sorting.vue?b92b","webpack:///./src/views/store/sorting.vue?f4e6","webpack:///./src/components/SortingList.vue?11a2","webpack:///./src/components/SortingList.vue","webpack:///src/components/SortingList.vue","webpack:///./src/components/SortingList.vue?87d8","webpack:///./src/components/SortingList.vue?4ed8"],"names":["render","_vm","this","_c","_self","staticRenderFns","name","components","SortingList","mounted","component","attrs","_l","key","ref","staticClass","item","uuid","staticStyle","_v","on","updateSortingWeight","$event","_e","draggable","data","processing","computed","items","$store","state","methods","updateSortingWeights","event","_this","oldIndex","newIndex","$refs","indexInput","find","innerText","forEach","index","$set","id","_this2","newWeight","parseInt","target","itemIndex","findIndex","oldWeight","sorting_weight","_loop","i","itemsToMove","filter","_loop2","_i","push","apply","_toConsumableArray","sort","a","b","submitNewOrder","_this3","dispatch","map","listItem","legacyId","then","result"],"mappings":"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","file":"js/title62.b8b4db01.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('SortingList')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <SortingList />\n</template>\n\n<script>\nimport SortingList from \"@/components/SortingList\"\n\nexport default {\n  name: 'Sorting',\n  components:{\n      SortingList,\n  },\n  mounted(){\n\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sorting.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sorting.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./sorting.vue?vue&type=template&id=cb8bbb2a\"\nimport script from \"./sorting.vue?vue&type=script&lang=js\"\nexport * from \"./sorting.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SortingList.vue?vue&type=style&index=0&id=5de9643a&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-btn',{attrs:{\"block\":\"\",\"x-large\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.submitNewOrder}},[_vm._v(\" \"+_vm._s(_vm.$t('submit'))+\" \")]),(_vm.processing)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._l((_vm.items.length),function(index){return [_c('v-skeleton-loader',{key:index,ref:\"skeleton\",refInFor:true,staticClass:\"mx-auto\",attrs:{\"type\":\"list-item-avatar-two-line\"}})]})],2):_vm._e(),(_vm.items !== null && _vm.processing === false)?_c('v-list',[_c('draggable',{attrs:{\"list\":_vm.items,\"handle\":\".drag-handle\",\"force-fallback\":true,\"chosen-class\":\"chosen\"},on:{\"end\":function($event){return _vm.updateSortingWeights($event)}}},[_vm._l((_vm.items),function(item){return [_c('div',{key:item.uuid},[_c('v-list-item',[_c('v-list-item-action',{staticClass:\"drag-handle\",staticStyle:{\"cursor\":\"all-scroll\"}},[_c('v-icon',[_vm._v(\"mdi-drag\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_c('div',{ref:\"indexInput\",refInFor:true,staticClass:\"chip-input\",attrs:{\"contenteditable\":\"true\",\"item\":item.sorting_weight},on:{\"blur\":function($event){return _vm.updateSortingWeight(item.uuid, $event)},\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.preventDefault();_vm.updateSortingWeight(item.uuid, $event); $event.target.blur()}}},[_vm._v(\" \"+_vm._s(item.sorting_weight)+\" \")]),_vm._v(\" \"+_vm._s(item.title)+\" \"),(item.status === false)?_c('v-chip',[_vm._v(_vm._s(_vm.$t('inactive' )))]):_vm._e()],1)],1)],1),_c('v-divider',{key:item.uuid})],1)]})],2)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-btn\n      block\n      x-large\n      color=\"primary\"\n      @click=\"submitNewOrder\"\n    >\n      {{ $t('submit') }}\n    </v-btn>\n    <v-col\n      cols=\"12\"\n      v-if=\"processing\"\n    >\n      <template v-for=\"index in items.length\">\n        <v-skeleton-loader\n          ref=\"skeleton\"\n          type=\"list-item-avatar-two-line\"\n          class=\"mx-auto\"\n          :key=\"index\"\n        />\n      </template>\n    </v-col>\n    <v-list v-if=\"items !== null && processing === false\">\n      <draggable\n        :list=\"items\"\n        handle=\".drag-handle\"\n        :force-fallback=\"true\"\n        @end=\"updateSortingWeights($event)\"\n        chosen-class=\"chosen\"\n      >\n        <template v-for=\"(item) in items\">\n          <div :key=\"item.uuid\">\n            <v-list-item>\n              <v-list-item-action\n                class=\"drag-handle\"\n                style=\"cursor: all-scroll\"\n              >\n                <v-icon>mdi-drag</v-icon>\n              </v-list-item-action>\n              <v-list-item-content>\n                <v-list-item-title>\n                  <div \n                    contenteditable=\"true\" \n                    @blur=\"updateSortingWeight(item.uuid, $event)\" \n                    @keydown.enter.prevent=\"updateSortingWeight(item.uuid, $event); $event.target.blur()\"\n                    ref=\"indexInput\"\n                    class=\"chip-input\"\n                    :item=\"item.sorting_weight\"\n                  >\n                    {{ item.sorting_weight }}\n                  </div>\n\n                  {{ item.title }} \n\n                  <v-chip v-if=\"item.status === false\">{{ $t('inactive' )}}</v-chip>\n\n                </v-list-item-title>\n              </v-list-item-content>\n            </v-list-item>\n            <v-divider\n              :key=\"item.uuid\"\n            />\n          </div>\n        </template>\n      </draggable>\n    </v-list>\n  </div>\n</template>\n<script>\nimport draggable from 'vuedraggable'\n\nexport default {\n    name: 'SortingList',  \n    components: {\n        draggable\n    },\n    data: () => ({\n      processing: false\n    }),\n    computed: {\n        items(){\n          return this.$store.state.items\n        }\n    },\n    methods: {\n      updateSortingWeights(event) {\n        const oldIndex = event.oldIndex\n        const newIndex = event.newIndex\n\n    // This is required to update the index of the item in the UI\n        this.$refs.indexInput.find(ref => ref.innerText == oldIndex).innerText = newIndex\n\n        this.items.forEach((item, index) => {\n          this.$set(item, 'sorting_weight', index)\n        })\n      },\n      updateSortingWeight(id, event) {\n        const newWeight = parseInt(event.target.innerText)\n        const itemIndex = this.items.findIndex(item => item.uuid === id)\n\n        if (itemIndex !== -1) {\n          const oldWeight = this.items[itemIndex].sorting_weight\n          // Update the sorting_weight of the item\n          this.items[itemIndex].sorting_weight = newWeight\n\n          if (newWeight > oldWeight) {\n            // If the new weight is greater than the old weight, decrement the sorting_weight of the items in between\n            for (let i = oldWeight + 1; i <= newWeight; i++) {\n              \n              const itemsToMove = this.items.filter(item => item.sorting_weight === i && item.uuid !== id)\n              itemsToMove.forEach(item => this.$set(item, 'sorting_weight', item.sorting_weight - 1))\n            }\n          } else if (newWeight < oldWeight) {\n            // If the new weight is less than the old weight, increment the sorting_weight of the items in between\n            const itemsToMove = []\n            for (let i = newWeight; i < oldWeight; i++) {\n              itemsToMove.push(...this.items.filter(item => item.sorting_weight === i && item.uuid !== id))\n            }\n            itemsToMove.forEach(item => this.$set(item, 'sorting_weight', item.sorting_weight + 1))\n          }\n\n          // Sort the items array based on the sorting_weight\n          this.items.sort((a, b) => a.sorting_weight - b.sorting_weight)\n        }\n      },\n      submitNewOrder() {\n        this.processing = true\n          this.$store.dispatch('updateItemOrder', this.items.map((listItem, index) => {\n          return {\n            uuid: listItem.uuid,\n            sorting_weight: index,\n            legacyId: listItem.legacyId\n\t\t\t\t  }\n\t\t    \t})).then(result => {\n            this.processing = false\n          })\n\n      }\n    }\n}\n</script>\n\n<style>\n.chip-input {\n  width: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.875rem;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: 16px;\n  background-color: #e0e0e0;\n  color: rgba(0, 0, 0, 0.6);\n  cursor: pointer; \n}\n\n.chip-input input {\n  border: none;\n  outline: none;\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n}\n.chosen {\n  background-color: #c7c7c7;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SortingList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SortingList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SortingList.vue?vue&type=template&id=5de9643a\"\nimport script from \"./SortingList.vue?vue&type=script&lang=js\"\nexport * from \"./SortingList.vue?vue&type=script&lang=js\"\nimport style0 from \"./SortingList.vue?vue&type=style&index=0&id=5de9643a&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}