{"version":3,"sources":["webpack:///./node_modules/bootstrap-vue/esm/components/form/form.js","webpack:///./src/views/Plants/Ingredients/IngredientFilter.vue?6f6b","webpack:///./src/@core/mixins/ui/transition.js","webpack:///./src/views/Plants/Ingredients/IngredientFilter.vue?376b","webpack:///src/views/Plants/Ingredients/IngredientFilter.vue","webpack:///./src/views/Plants/Ingredients/IngredientFilter.vue?d0b1","webpack:///./src/views/Plants/Ingredients/IngredientFilter.vue?259d","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","heightTransition","trHeight","methods","trAddHeight","val","heightValue","Number","this","substring","length","concat","trTrimHeight","trSetHeight","_vm","_h","$createElement","_c","_self","staticClass","$t","on","$event","fetchIngredients","model","value","callback","$$v","searchQuery","expression","updateCodes","_v","_s","ref","style","height","preventDefault","repeateAgain","ingredients","fields","scopedSlots","_u","key","fn","item","ingredientname","index","oldcode","editColumn","event","updateKod","staticRenderFns","components","BButton","BFormInput","BCard","BTable","directives","Ripple","mixins","beforeRouteEnter","to","from","next","meta","breadcrumb","push","text","VueI18n","t","active","getUserData","allCodes","cell","label","sortable","filterable","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","newKod","_this2","_callee2","_yield$_this2$$http$g","_context2","$http","get","catch","$toast","component","ToastificationContent","icon","variant","sent","resultdata","filter","toLowerCase","startsWith","input","querySelector","scrollInput","scrollIntoView","behavior","setTimeout","focus","_this3","_callee3","ikili","existItem","alreadyExists","result","_context3","undefined","map","deger","abrupt","some","y","indexOf","put","JSON","stringify","status","position","title","type","_this4","$refs","form","scrollHeight","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-e080f920.df409f68.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});","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!./IngredientFilter.vue?vue&type=style&index=0&id=d5be6f10&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 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(\"update\")))])],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',[_c('b-form-input',{staticClass:\"editable\",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(\"update\")\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>\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\"\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 == \"ingredientsCodes\") {\n      to.meta.breadcrumb = [];\n      to.meta.breadcrumb.push({\n        to: \"/plants\",\n        text: VueI18n.t(\"plants\"),\n      });\n\n      to.meta.breadcrumb.push({\n        text: VueI18n.t(\"ingredientCodes\"),\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        },\n\n        {\n          key: \"newKod\",\n          label: VueI18n.t(\"newKod\"),\n          sortable: false,\n          filterable: true,\n          editable: true,\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</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!./IngredientFilter.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!./IngredientFilter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IngredientFilter.vue?vue&type=template&id=d5be6f10&scoped=true\"\nimport script from \"./IngredientFilter.vue?vue&type=script&lang=js\"\nexport * from \"./IngredientFilter.vue?vue&type=script&lang=js\"\nimport style0 from \"./IngredientFilter.vue?vue&type=style&index=0&id=d5be6f10&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  \"d5be6f10\",\n  null\n  \n)\n\nexport default component.exports","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":""}