{"version":3,"sources":["webpack:///./src/components/global/modals/DeleteOperation.vue?81de","webpack:///./src/components/global/modals/DeleteOperation.vue","webpack:///src/components/global/modals/DeleteOperation.vue","webpack:///./src/components/global/modals/DeleteOperation.vue?7b85","webpack:///./src/components/global/modals/DeleteOperation.vue?062d"],"names":["render","_vm","this","_c","_self","attrs","concat","modalid","loading","staticClass","_v","_s","form","number1","number2","validateState","on","formReset","$event","continueOperation","model","value","answer","callback","$$v","$set","expression","onCloseCompleteModal","ref","staticRenderFns","name","mixins","validationMixin","props","url","String","params","Array","type","default","data","submitButton","validations","required","sameAsResult","sameAs","parseInt","toString","created","getRandomNumber","methods","Math","ceil","random","_this$$v$form$name","$v","$dirty","$error","_this","$touch","$anyError","$refs","$spinnerLoader","addSpinnerLoader","$dbFunctions","delete","then","res","setResponse","$emit","catch","finally","removeSpinnerLoader","_this2","$bvModal","hide","setTimeout","payload","$reset","watch","component"],"mappings":"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","file":"js/chunk-b2f3d076.003a7861.js","sourcesContent":["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!./DeleteOperation.vue?vue&type=style&index=0&id=ab053fb0&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":`modal-deleteOperation${_vm.modalid}`,\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"header-text-variant\":\"light\",\"hide-header-close\":\"\",\"body-bg-variant\":\"danger\",\"body-text-variant\":\"white\",\"size\":\"sm\"}},[_c('b-container',{attrs:{\"disabled\":_vm.loading}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Emin misiniz?\")]),_c('div',{staticClass:\"desc mt-3\"},[_vm._v(\" İşlemi tamamlamak için aşağıdaki işlemi çözün ve onayla butonuna basın \")]),_c('div',{staticClass:\"question mt-3\"},[_vm._v(\" \"+_vm._s(`${_vm.form.number1} + ${_vm.form.number2} toplamı nedir?`)+\" \"),_c('Input',{staticClass:\"mt-2\",attrs:{\"placeholder\":\"Cevabı yazınız\",\"id\":\"answer\",\"state\":_vm.validateState('answer')},on:{\"formReset\":_vm.formReset,\"click-enter\":function($event){return _vm.continueOperation()}},model:{value:(_vm.form.answer),callback:function ($$v) {_vm.$set(_vm.form, \"answer\", $$v)},expression:\"form.answer\"}})],1),_c('div',{staticClass:\"buttons mt-3 d-flex align-items-center justify-content-between\"},[_c('b-button',{staticClass:\"rounded-sm text-danger w-50 btn-cancel-custom\",on:{\"click\":function($event){return _vm.onCloseCompleteModal()}}},[_vm._v(\"Vazgeç\")]),_c('b-button',{ref:\"submitButton\",staticClass:\"rounded-sm text-sucess w-50 btn-confirm-custom\",on:{\"click\":function($event){return _vm.continueOperation()}}},[_vm._v(\"Onayla\")])],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    :id=\"`modal-deleteOperation${modalid}`\"\n    centered\n    hide-footer\n    hide-header\n    header-text-variant=\"light\"\n    hide-header-close\n    body-bg-variant=\"danger\"\n    body-text-variant=\"white\"\n    size=\"sm\"\n  >\n    <b-container :disabled=\"loading\">\n      <div class=\"d-flex flex-column\">\n        <div class=\"title\">Emin misiniz?</div>\n        <div class=\"desc mt-3\">\n          İşlemi tamamlamak için aşağıdaki işlemi çözün ve onayla butonuna basın\n        </div>\n        <div class=\"question mt-3\">\n          {{ `${form.number1} + ${form.number2} toplamı nedir?` }}\n\n          <Input\n            placeholder=\"Cevabı yazınız\"\n            id=\"answer\"\n            v-model=\"form.answer\"\n            :state=\"validateState('answer')\"\n            @formReset=\"formReset\"\n            class=\"mt-2\"\n            @click-enter=\"continueOperation()\"\n          />\n        </div>\n        <div\n          class=\"buttons mt-3 d-flex align-items-center justify-content-between\"\n        >\n          <b-button\n            class=\"rounded-sm text-danger w-50 btn-cancel-custom\"\n            @click=\"onCloseCompleteModal()\"\n            >Vazgeç</b-button\n          >\n          <b-button\n            class=\"rounded-sm text-sucess w-50 btn-confirm-custom\"\n            @click=\"continueOperation()\"\n            ref=\"submitButton\"\n            >Onayla</b-button\n          >\n        </div>\n      </div>\n    </b-container>\n  </b-modal>\n</template>\n\n<script>\nimport { validationMixin } from 'vuelidate';\nimport { required, sameAs } from 'vuelidate/lib/validators';\n\nexport default {\n  name: 'DeleteOperation',\n  mixins: [validationMixin],\n  props: {\n    url: String,\n    params: Array | String,\n    modalid: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      loading: false,\n      submitButton: null,\n      form: {\n        number1: '0',\n        number2: '0',\n        answer: '0',\n      },\n    };\n  },\n  validations: {\n    form: {\n      answer: {\n        required,\n        sameAsResult: sameAs(function () {\n          return (\n            parseInt(this.form.number1) + parseInt(this.form.number2)\n          ).toString();\n        }),\n      },\n    },\n  },\n  created() {\n    this.getRandomNumber();\n  },\n  methods: {\n    getRandomNumber() {\n      this.form.number1 = Math.ceil(Math.random() * 9);\n      this.form.number2 = Math.ceil(Math.random() * 9);\n    },\n    validateState(name) {\n      const { $dirty, $error } = this.$v.form[name];\n      return $dirty ? !$error : null;\n    },\n    continueOperation() {\n      this.$v.form.$touch();\n      if (this.$v.form.$anyError) {\n        return;\n      }\n\n      this.submitButton = this.$refs['submitButton'];\n      this.$spinnerLoader.addSpinnerLoader(this.submitButton);\n      this.loading = true;\n      this.$dbFunctions\n        .delete(this.url, this.params)\n        .then((res) => {\n          this.$dbFunctions.setResponse(this, res);\n          this.$emit('updateList');\n        })\n        .catch((res) => {\n          this.$dbFunctions.setResponse(this, res);\n          this.$emit('errorUpdate');\n        })\n        .finally(() => {\n          this.$spinnerLoader.removeSpinnerLoader(this.submitButton);\n\n          this.loading = false;\n\n          this.onCloseCompleteModal();\n        });\n    },\n    onCloseCompleteModal() {\n      this.$bvModal.hide('modal-deleteOperation' + this.modalid);\n      setTimeout(() => {\n        this.getRandomNumber();\n      }, 500);\n    },\n    formReset(payload) {\n      if (payload) this.$v.$reset();\n    },\n  },\n  watch: {\n    url() {\n      this.getRandomNumber();\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#modal-deleteOperation {\n  .modal-body {\n    border-radius: 12px;\n    .container {\n      padding: 0;\n\n      .title {\n        font-style: normal;\n        font-weight: 600;\n        font-size: 17px;\n        line-height: 25px;\n        /* identical to box height */\n\n        color: #ffffff;\n      }\n      .desc {\n        font-style: normal;\n        font-weight: 600;\n        font-size: 12px;\n        line-height: 20px;\n        /* or 167% */\n\n        color: #ffffff;\n      }\n      .question {\n        font-style: normal;\n        font-weight: 600;\n        font-size: 14px;\n        line-height: 21px;\n        /* identical to box height */\n\n        color: #e9e9e9;\n      }\n      .buttons {\n        .btn-cancel-custom {\n          background: #f64e60 !important;\n          border-radius: 12px !important;\n          font-weight: 600 !important;\n          font-size: 12px !important;\n          line-height: 18px !important;\n          color: #ffffff !important;\n          margin-right: 5px !important;\n          &:hover {\n            opacity: 0.8;\n          }\n        }\n        .btn-confirm-custom {\n          background: #ffffff !important;\n          border-radius: 12px !important;\n          font-style: normal !important;\n          font-weight: 600 !important;\n          font-size: 12px !important;\n          line-height: 18px !important;\n          color: #f64e60 !important;\n          margin-left: 5px !important;\n          &:hover {\n            opacity: 0.8;\n          }\n        }\n      }\n    }\n  }\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!./DeleteOperation.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!./DeleteOperation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DeleteOperation.vue?vue&type=template&id=ab053fb0\"\nimport script from \"./DeleteOperation.vue?vue&type=script&lang=js\"\nexport * from \"./DeleteOperation.vue?vue&type=script&lang=js\"\nimport style0 from \"./DeleteOperation.vue?vue&type=style&index=0&id=ab053fb0&prod&lang=scss\"\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":""}