{"version":3,"sources":["webpack:///./node_modules/bootstrap-vue/esm/components/form/form.js","webpack:///./src/views/Plants/Ingredients/IngredientCodeChange.vue?01b4","webpack:///src/views/Plants/Ingredients/IngredientCodeChange.vue","webpack:///./src/views/Plants/Ingredients/IngredientCodeChange.vue?a173","webpack:///./src/views/Plants/Ingredients/IngredientCodeChange.vue?ac1c","webpack:///./src/views/Plants/Ingredients/IngredientCodeChange.vue?83a7","webpack:///./src/@core/mixins/ui/transition.js","webpack:///./node_modules/vue-ripple-directive/src/ripple.js"],"names":["props","id","inline","novalidate","validated","BForm","extend","name","functional","render","h","_ref","data","children","class","attrs","_vm","this","_h","$createElement","_c","_self","staticClass","$t","on","$event","fetchIngredients","model","value","callback","$$v","searchQuery","expression","updateCodes","_v","_s","ref","style","height","trHeight","preventDefault","repeateAgain","ingredients","fields","scopedSlots","_u","key","fn","item","ingredientname","index","oldcode","editColumn","event","updateKod","staticRenderFns","components","BButton","BFormInput","BCard","BTable","directives","Ripple","mixins","heightTransition","beforeRouteEnter","to","from","next","meta","breadcrumb","push","text","VueI18n","t","active","getUserData","allCodes","cell","label","sortable","filterable","thClass","tdClass","editable","mounted","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","$nextTick","document","querySelectorAll","forEach","x","addEventListener","e","which","backOrForward","code","focusSelectedInput","initTrHeight","stop","created","window","destroyed","removeEventListener","methods","newKod","_this2","_callee2","_yield$_this2$$http$g","_context2","$http","get","catch","$toast","component","ToastificationContent","icon","variant","sent","resultdata","filter","toLowerCase","startsWith","input","querySelector","concat","scrollInput","scrollIntoView","behavior","setTimeout","focus","_this3","_callee3","ikili","existItem","alreadyExists","result","_context3","undefined","map","deger","length","abrupt","some","y","indexOf","put","JSON","stringify","status","position","title","type","_this4","trSetHeight","$refs","form","scrollHeight","trAddHeight","val","heightValue","Number","substring","trTrimHeight","bind","el","binding","transition","setProps","Object","keys","modifiers","rippler","bg","color","zIndex","target","targetBorder","parseInt","getComputedStyle","replace","rect","getBoundingClientRect","left","top","width","offsetWidth","offsetHeight","dx","clientX","dy","clientY","maxX","Math","max","maxY","radius","sqrt","border","ripple","createElement","rippleContainer","className","marginTop","marginLeft","borderRadius","pointerEvents","backgroundColor","overflow","storedTargetPosition","clearRipple","parentNode","removeChild","clearPosition","i","childNodes","appendChild","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","direction","isNaN"],"mappings":"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","file":"js/chunk-f2de1328.f88c30be.js","sourcesContent":["import { Vue, mergeData } from '../../vue';\nimport { NAME_FORM } from '../../constants/components';\nimport { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  id: makeProp(PROP_TYPE_STRING),\n  inline: makeProp(PROP_TYPE_BOOLEAN, false),\n  novalidate: makeProp(PROP_TYPE_BOOLEAN, false),\n  validated: makeProp(PROP_TYPE_BOOLEAN, false)\n}, NAME_FORM); // --- Main component ---\n// @vue/component\n\nexport var BForm = /*#__PURE__*/Vue.extend({\n  name: NAME_FORM,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h('form', mergeData(data, {\n      class: {\n        'form-inline': props.inline,\n        'was-validated': props.validated\n      },\n      attrs: {\n        id: props.id,\n        novalidate: props.novalidate\n      }\n    }), children);\n  }\n});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('div',{staticClass:\"mb-2 d-flex justify-content-end\"},[_c('b-form-input',{staticClass:\"d-inline-block mr-1\",attrs:{\"placeholder\":_vm.$t('search')},on:{\"input\":function($event){return _vm.fetchIngredients()}},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('b-button',{attrs:{\"variant\":\"success\"},on:{\"click\":function($event){return _vm.updateCodes()}}},[_vm._v(_vm._s(_vm.$t(\"save\")))])],1),_c('div',[_c('b-form',{ref:\"form\",staticClass:\"repeater-form\",style:({ height: _vm.trHeight }),on:{\"submit\":function($event){$event.preventDefault();return _vm.repeateAgain($event)}}},[_c('b-table',{ref:\"refIngredienttListTable\",attrs:{\"items\":_vm.ingredients,\"striped\":\"\",\"small\":false,\"fields\":_vm.fields,\"responsive\":\"\",\"show-empty\":\"\",\"empty-text\":_vm.$t('noRecords')},scopedSlots:_vm._u([{key:\"cell(newKod)\",fn:function(data){return [_c('div',{staticClass:\"editable\"},[_c('b-form-input',{staticClass:\"editable text-right\",attrs:{\"id\":data.item.ingredientname + data.index + 'code',\"value\":data.item.oldcode,\"data-id\":'ingredient-' + data.index,\"autocomplete\":\"off\"},on:{\"focus\":function($event){_vm.editColumn.index = data.index},\"input\":function (event) { return _vm.updateKod(event, data); }}})],1)]}}])})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <div class=\"mb-2 d-flex justify-content-end\">\n      <!-- Table Top -->\n      <b-form-input\n        v-model=\"searchQuery\"\n        class=\"d-inline-block mr-1\"\n        :placeholder=\"$t('search')\"\n        @input=\"fetchIngredients()\"\n      />\n      <b-button variant=\"success\" @click=\"updateCodes()\">{{\n        $t(\"save\")\n      }}</b-button>\n    </div>\n    <div>\n      <b-form\n        ref=\"form\"\n        :style=\"{ height: trHeight }\"\n        class=\"repeater-form\"\n        @submit.prevent=\"repeateAgain\"\n      >\n        <b-table\n          ref=\"refIngredienttListTable\"\n          :items=\"ingredients\"\n          striped\n          :small=\"false\"\n          :fields=\"fields\"\n          responsive\n          show-empty\n          :empty-text=\"$t('noRecords')\"\n        >\n          <template #cell(newKod)=\"data\">\n            <div class=\"editable\">\n              <b-form-input\n                :id=\"data.item.ingredientname + data.index + 'code'\"\n                :value=\"data.item.oldcode\"\n                :data-id=\"'ingredient-' + data.index\"\n                class=\"editable text-right\"\n                autocomplete=\"off\"\n                @focus=\"editColumn.index = data.index\"\n                @input=\"(event) => updateKod(event, data)\"\n              />\n            </div>\n          </template>\n        </b-table>\n        <!-- Row Loop -->\n      </b-form>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { BForm, BFormInput, BButton, BCard, BTable } from \"bootstrap-vue\";\nimport { heightTransition } from \"@core/mixins/ui/transition\";\nimport Ripple from \"vue-ripple-directive\";\nimport { getUserData } from \"@/auth/utils\";\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\nimport VueI18n from \"@/libs/i18n\";\nimport store from \"@/store\";\n\nexport default {\n  components: {\n    BForm,\n    // BRow,\n    // BCol,\n    BButton,\n    // BFormGroup,\n    BFormInput,\n    BCard,\n    BTable,\n  },\n  directives: {\n    Ripple,\n  },\n  mixins: [heightTransition],\n  beforeRouteEnter(to, from, next) {\n    if (to.name == \"ingredientCodeChange\") {\n      to.meta.breadcrumb = [];\n      to.meta.breadcrumb.push({\n        to: \"/\",\n        text: VueI18n.t(\"ingredients\"),\n        active: true,\n      });\n\n      to.meta.breadcrumb.push({\n        text: VueI18n.t(\"ingredientCodeChange\"),\n        active: true,\n      });\n    }\n    next();\n  },\n  data() {\n    return {\n      getUserData,\n      ingredients: [],\n      allCodes: [],\n      searchQuery: \"\",\n      editColumn: { cell: \"\", index: 0 },\n      fields: [\n        {\n          key: \"ingredientname\",\n          label: VueI18n.t(\"ingredient\"),\n          sortable: true,\n          filterable: true,\n        },\n        {\n          key: \"oldcode\",\n          label: VueI18n.t(\"code\"),\n          sortable: true,\n          filterable: true,\n          thClass: \"table-code-col\",\n          tdClass: \"table-code-col\",\n        },\n\n        {\n          key: \"newKod\",\n          label: VueI18n.t(\"newKod\"),\n          sortable: false,\n          filterable: true,\n          editable: true,\n          thClass: \"table-max-width\",\n          tdClass: \"table-max-width\",\n        },\n      ],\n    };\n  },\n\n  async mounted() {\n    await this.fetchIngredients();\n    this.$nextTick(() =>\n      document.querySelectorAll(\"input.editable\").forEach((x) => {\n        x.addEventListener(\"keydown\", function (e) {\n          if (e.which === 38 || e.which === 40) {\n            e.preventDefault();\n          }\n        });\n      })\n    );\n    document.addEventListener(\"keyup\", (e) => {\n      let backOrForward = 1;\n      if (e.code === \"ArrowUp\") {\n        backOrForward = -1;\n      }\n      if (\n        e.code === \"Enter\" ||\n        e.code === \"NumpadEnter\" ||\n        e.code === \"ArrowDown\" ||\n        e.code === \"ArrowUp\"\n      ) {\n        this.editColumn.index = this.editColumn.index + backOrForward;\n\n        this.focusSelectedInput(this.editColumn.index);\n      }\n    });\n    this.initTrHeight();\n  },\n  created() {\n    window.addEventListener(\"resize\", this.initTrHeight);\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.initTrHeight);\n  },\n  methods: {\n    updateKod(event, data) {\n      data.item.newKod = event;\n    },\n    async fetchIngredients() {\n      const { data } = await this.$http\n        .get(\"ingredients/getingredientcodes\")\n        .catch(() => {\n          this.$toast({\n            component: ToastificationContent,\n            props: {\n              text: this.$t(\"xFetchError\", {\n                value: this.$t(\"ingredients\"),\n              }),\n              icon: \"AlertTriangleIcon\",\n              variant: \"danger\",\n            },\n          });\n        });\n      this.ingredients = data.resultdata;\n\n      if (this.searchQuery != \"\")\n        this.ingredients = this.ingredients.filter((x) =>\n          x.ingredientname\n            .toLowerCase()\n            .startsWith(this.searchQuery.toLowerCase())\n        );\n    },\n    focusSelectedInput(index) {\n      var input = document.querySelector(\n        `input[data-id=\"ingredient-${index}\"]`\n      );\n      var scrollInput = document.querySelector(\n        `input[data-id=\"ingredient-${index - 3}\"]`\n      );\n      if (input) {\n        if (scrollInput) scrollInput.scrollIntoView({ behavior: \"smooth\" });\n        window.setTimeout(() => {\n          input.focus();\n        }, 1);\n      }\n    },\n    async updateCodes() {\n      // if code exists show toast\n      var ikili = this.ingredients\n        .filter((x) => x.newKod != undefined)\n        .map((x) => {\n          return {\n            id: x.id,\n            deger: x.newKod,\n          };\n        });\n      if (ikili.length == 0) {\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            text: this.$t(\"anyChanges\"),\n            icon: \"AlertTriangleIcon\",\n            variant: \"danger\",\n          },\n        });\n        return;\n      }\n      var existItem = null;\n      var alreadyExists = this.ingredients.some((x) => {\n        return ikili.some((y) => {\n          existItem = x;\n          return y.deger == x.oldcode;\n        });\n      });\n\n      if (alreadyExists) {\n        this.focusSelectedInput(this.ingredients.indexOf(existItem));\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            text: this.$t(\"xExists\", {\n              value: this.$t(\"code\"),\n            }),\n            icon: \"AlertTriangleIcon\",\n            variant: \"danger\",\n          },\n        });\n        return;\n      } else {\n        var result = await this.$http.put(\n          `/Ingredients/UpdateIngredientCodes/0`,\n          JSON.stringify(ikili)\n        );\n        if (result.data.status == \"OK\") {\n          this.$toast({\n            component: ToastificationContent,\n            position: \"top-right\",\n            props: {\n              title: VueI18n.t(\"successful\"),\n              icon: \"CheckIcon\",\n              variant: \"success\",\n              text: VueI18n.t(\"updated\", { type: VueI18n.t(\"ingredients\") }),\n            },\n          });\n          this.fetchIngredients();\n        } else\n          this.$toast({\n            component: ToastificationContent,\n            position: \"top-right\",\n            props: {\n              title: VueI18n.t(\"unsuccessful\"),\n              icon: \"AlertTriangleIcon\",\n              variant: \"danger\",\n              text: VueI18n.t(\"notUpdated\", { type: VueI18n.t(\"ingredients\") }),\n            },\n          });\n      }\n    },\n\n    initTrHeight() {\n      this.trSetHeight(null);\n      this.$nextTick(() => {\n        this.trSetHeight(this.$refs.form.scrollHeight);\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.repeater-form {\n  overflow: hidden;\n  transition: 0.35s height;\n}\n.editable {\n  cursor: pointer;\n}\n.text-right {\n  text-align: right;\n}\n</style>\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!./IngredientCodeChange.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!./IngredientCodeChange.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IngredientCodeChange.vue?vue&type=template&id=9251ddda&scoped=true\"\nimport script from \"./IngredientCodeChange.vue?vue&type=script&lang=js\"\nexport * from \"./IngredientCodeChange.vue?vue&type=script&lang=js\"\nimport style0 from \"./IngredientCodeChange.vue?vue&type=style&index=0&id=9251ddda&prod&lang=scss&scoped=true\"\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  \"9251ddda\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IngredientCodeChange.vue?vue&type=style&index=0&id=9251ddda&prod&lang=scss&scoped=true\"","export const heightTransition = {\n  /*\n\n    HowTo:\n      1. Add dynamic style to element and set style as `trHeight`\n      2. Set transition speed using `transition: 0.35s height;` <= you can use appropriate value;\n      3. Optionally you can set `overflow: hidden;` to hide element overflow while height is animated.\n      4. Set initial height using `trSetHeight` before any operation. [mounted hook is recommended - You can use `ref` for dynamic contents]\n      5. Toggle height using height operations 🍻\n      6. Toggle usage of $nextTick for height operations is any issue occur [experimental] 🔬\n\n  */\n\n  data() {\n    return {\n      trHeight: null,\n    };\n  },\n  methods: {\n    trAddHeight(val) {\n      // Add height to existing height\n      // Usage: Where new element is append or more height is added (e.g. list append)\n\n      /* Assumes:\n       - Height is assigned and is `String`\n       - Incoming value is valid number in `Number` or `String`\n      */\n      const heightValue = Number(\n        this.trHeight.substring(0, this.trHeight.length - 2)\n      );\n      this.trHeight = `${heightValue + Number(val)}px`;\n    },\n    trTrimHeight(val) {\n      // Remove height from existing height\n      // Usage: Where new element is removed or height is remove (e.g. list pop/ele remove)\n\n      /* Assumes:\n       - Height is assigned and is `String`\n       - Incoming value is valid number in `Number` or `String`\n      */\n      const heightValue = Number(\n        this.trHeight.substring(0, this.trHeight.length - 2)\n      );\n      this.trHeight = `${heightValue - Number(val)}px`;\n    },\n    trSetHeight(val) {\n      // Set height\n      // Usage: Mostly for assigning initial value from mounted hook\n\n      /* Assumes:\n       - Height is not assigned and what to assign for add/remove operation\n       - What to set height at something for odd usage\n       - Incoming value is valid number in `Number` or `String`\n      */\n      if (val === null) this.trHeight = \"auto\";\n      else this.trHeight = `${Number(val)}px`;\n    },\n  },\n};\n\n// Ignore below for now. We will remove it when we add more transition in future.\nexport const _ = null;\n","var Ripple = {\n    bind: function(el, binding){\n\n        // Default values.\n        var props = {\n            event: 'mousedown',\n            transition: 600\n        };\n\n        setProps(Object.keys(binding.modifiers),props);\n\n        el.addEventListener(props.event, function(event) {\n            rippler(event, el, binding.value);\n        });\n\n        var bg = binding.value || Ripple.color || 'rgba(0, 0, 0, 0.35)';\n        var zIndex = Ripple.zIndex || '9999';\n\n        function rippler(event, el) {\n            var target = el;\n            // Get border to avoid offsetting on ripple container position\n            var targetBorder = parseInt((getComputedStyle(target).borderWidth).replace('px', ''));\n\n            // Get necessary variables\n            var rect        = target.getBoundingClientRect(),\n                left        = rect.left,\n                top         = rect.top,\n                width       = target.offsetWidth,\n                height      = target.offsetHeight,\n                dx          = event.clientX - left,\n                dy          = event.clientY - top,\n                maxX        = Math.max(dx, width - dx),\n                maxY        = Math.max(dy, height - dy),\n                style       = window.getComputedStyle(target),\n                radius      = Math.sqrt((maxX * maxX) + (maxY * maxY)),\n                border      = (targetBorder > 0 ) ? targetBorder : 0;\n\n            // Create the ripple and its container\n            var ripple = document.createElement(\"div\"),\n                rippleContainer = document.createElement(\"div\");\n                rippleContainer.className = 'ripple-container';\n                ripple.className = 'ripple';\n\n            //Styles for ripple\n            ripple.style.marginTop= '0px';\n            ripple.style.marginLeft= '0px';\n            ripple.style.width= '1px';\n            ripple.style.height= '1px';\n            ripple.style.transition= 'all ' + props.transition + 'ms cubic-bezier(0.4, 0, 0.2, 1)';\n            ripple.style.borderRadius= '50%';\n            ripple.style.pointerEvents= 'none';\n            ripple.style.position= 'relative';\n            ripple.style.zIndex= zIndex;\n            ripple.style.backgroundColor  = bg;\n\n            //Styles for rippleContainer\n            rippleContainer.style.position= 'absolute';\n            rippleContainer.style.left = 0 - border + 'px';\n            rippleContainer.style.top = 0 - border + 'px';\n            rippleContainer.style.height = '0';\n            rippleContainer.style.width = '0';\n            rippleContainer.style.pointerEvents = 'none';\n            rippleContainer.style.overflow = 'hidden';\n\n            // Store target position to change it after\n            var storedTargetPosition =  ((target.style.position).length > 0) ? target.style.position : getComputedStyle(target).position;\n            // Change target position to relative to guarantee ripples correct positioning\n            if (storedTargetPosition !== 'relative') {\n                target.style.position = 'relative';\n            }\n\n            rippleContainer.appendChild(ripple);\n            target.appendChild(rippleContainer);\n\n            ripple.style.marginLeft   = dx + \"px\";\n            ripple.style.marginTop    = dy + \"px\";\n\n            // No need to set positioning because ripple should be child of target and to it's relative position.\n            // rippleContainer.style.left    = left + (((window.pageXOffset || document.scrollLeft) - (document.clientLeft || 0)) || 0) + \"px\";\n            // rippleContainer.style.top     = top + (((window.pageYOffset || document.scrollTop) - (document.clientTop || 0)) || 0) + \"px\";\n            rippleContainer.style.width   = width + \"px\";\n            rippleContainer.style.height  = height + \"px\";\n            rippleContainer.style.borderTopLeftRadius  = style.borderTopLeftRadius;\n            rippleContainer.style.borderTopRightRadius  = style.borderTopRightRadius;\n            rippleContainer.style.borderBottomLeftRadius  = style.borderBottomLeftRadius;\n            rippleContainer.style.borderBottomRightRadius  = style.borderBottomRightRadius;\n\n            rippleContainer.style.direction = 'ltr';\n\n            setTimeout(function() {\n                ripple.style.width  = radius * 2 + \"px\";\n                ripple.style.height = radius * 2 + \"px\";\n                ripple.style.marginLeft   = dx - radius + \"px\";\n                ripple.style.marginTop    = dy - radius + \"px\";\n            }, 0);\n\n            function clearRipple() {\n                setTimeout(function() {\n                    ripple.style.backgroundColor = \"rgba(0, 0, 0, 0)\";\n                }, 250);\n\n                // Timeout set to get a smooth removal of the ripple\n                setTimeout(function() {\n                    rippleContainer.parentNode.removeChild(rippleContainer);\n                }, 850);\n\n                el.removeEventListener('mouseup', clearRipple, false);\n\n                // After removing event set position to target to it's original one\n                // Timeout it's needed to avoid jerky effect of ripple jumping out parent target\n                setTimeout(function () {\n\n                    var clearPosition = true;\n                    for(var i = 0; i < target.childNodes.length; i++) {\n                        if(target.childNodes[i].className === 'ripple-container') {\n                            clearPosition = false;\n                        }\n                    }\n\n                    if(clearPosition) {\n                        if(storedTargetPosition !== 'static') {\n                            target.style.position = storedTargetPosition;\n                        } else {\n                            target.style.position = '';\n                        }\n                    }\n\n                }, props.transition + 250)\n            }\n\n            if(event.type === 'mousedown') {\n                el.addEventListener('mouseup', clearRipple, false);\n            } else {\n                clearRipple();\n            }\n        }\n    }\n};\n\nfunction setProps(modifiers,props) {\n    modifiers.forEach(function(item) {\n        if(isNaN(Number(item)))\n            props.event = item;\n        else\n            props.transition = item;\n    });\n}\n\nexport default Ripple;"],"sourceRoot":""}