{"version":3,"sources":["webpack:///./src/components/Profile/NewDocument.vue","webpack:///src/components/Profile/NewDocument.vue","webpack:///./src/components/Profile/NewDocument.vue?2e62","webpack:///./src/components/Profile/NewDocument.vue?b19f","webpack:///./src/components/Profile/NewDocument.vue?9c2f"],"names":["render","_vm","this","_c","_self","_m","staticClass","on","$event","preventDefault","handleSubmit","apply","arguments","directives","name","rawName","value","title","expression","attrs","domProps","target","composing","ref","handleDocumentUpload","_v","_s","translations","save","staticRenderFns","mixins","data","computed","countries","$store","getters","getCountries","towns","getTowns","mounted","window","scrollTo","top","behavior","methods","file","$refs","document","files","formData","FormData","append","api","createUserFile","then","response","$toast","info","$router","push","reader","FileReader","readAsDataURL","onload","e","result","component"],"mappings":"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","file":"js/new-document.db7b382e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_c('div',{staticClass:\"account-content\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.title),expression:\"title\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Naziv\",\"id\":\"title\",\"required\":\"\"},domProps:{\"value\":(_vm.title)},on:{\"input\":function($event){if($event.target.composing)return;_vm.title=$event.target.value}}})])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(2),_c('div',{staticClass:\"form-group row align-items-center mb-3\"},[_c('div',{staticClass:\"col-lg-7 col-xl-6\"},[_c('input',{ref:\"document\",staticClass:\"form-control form-control-custom\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleDocumentUpload}})])])])])]),_c('div',{staticClass:\"form-footer mt-3 mb-0\"},[_c('button',{staticClass:\"btn btn-primary mr-0\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.translations.save))])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"account-sub-title d-none d-md-block mt-0 pt-1 ml-1\"},[_c('i',{staticClass:\"icon-user-2 align-middle mr-3 pr-1\"}),_vm._v(\" Novi dokument \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"first-name\"}},[_vm._v(\" Naziv \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"last-name\"}},[_vm._v(\" Dokument \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h3 class=\"account-sub-title d-none d-md-block mt-0 pt-1 ml-1\">\r\n      <i class=\"icon-user-2 align-middle mr-3 pr-1\"></i>\r\n      Novi dokument\r\n    </h3>\r\n    <div class=\"account-content\">\r\n      <form @submit.prevent=\"handleSubmit\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <div class=\"form-group\">\r\n              <label for=\"first-name\">\r\n                Naziv\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <input\r\n                v-model=\"title\"\r\n                type=\"text\"\r\n                class=\"form-control\"\r\n                placeholder=\"Naziv\"\r\n                id=\"title\"\r\n                required\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-12\">\r\n            <div class=\"form-group\">\r\n              <label for=\"last-name\">\r\n                Dokument\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <div class=\"form-group row align-items-center mb-3\">\r\n                <div class=\"col-lg-7 col-xl-6\">\r\n                  <input\r\n                    type=\"file\"\r\n                    accept=\"image/*\"\r\n                    class=\"form-control form-control-custom\"\r\n                    ref=\"document\"\r\n                    @change=\"handleDocumentUpload\"\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"form-footer mt-3 mb-0\">\r\n          <button type=\"submit\" class=\"btn btn-primary mr-0\">{{ translations.save }}</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/services/api';\r\nimport { translations } from '@/mixins';\r\n\r\nexport default {\r\n  name: 'NewAddress',\r\n  mixins: [translations],\r\n  data() {\r\n    return {\r\n      title: '',\r\n    };\r\n  },\r\n  computed: {\r\n    countries() {\r\n      return this.$store.getters.getCountries;\r\n    },\r\n    towns() {\r\n      return this.$store.getters.getTowns;\r\n    },\r\n  },\r\n  mounted() {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  },\r\n  methods: {\r\n    handleSubmit() {\r\n      const file = this.$refs.document.files[0];\r\n      const { title } = this;\r\n\r\n      const formData = new FormData();\r\n\r\n      formData.append('title', title);\r\n      formData.append('file', file);\r\n\r\n      api\r\n        .createUserFile(formData)\r\n        .then((response) => {\r\n          this.$toast.info(response.data.info);\r\n          this.$router.push({ name: 'MyFiles' });\r\n        });\r\n    },\r\n    handleDocumentUpload() {\r\n      const file = this.$refs.document.files[0];\r\n      const reader = new FileReader();\r\n      reader.readAsDataURL(file);\r\n\r\n      reader.onload = (e) => {\r\n        this.document = e.target.result;\r\n      };\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ninput, button, select, optgroup, textarea {\r\n    margin: 0;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n}\r\n\r\n.form-control-custom {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 0.375rem 0.75rem;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: #212529;\r\n  background-color: #fff;\r\n  background-clip: padding-box;\r\n  border: 1px solid #ced4da;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  border-radius: 0.25rem;\r\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n  font-size: 14px;\r\n}\r\n\r\n.form-control-custom[type=file] {\r\n  overflow: hidden;\r\n}\r\n\r\n.form-control-custom[type=file]:not(:disabled):not([readonly]) {\r\n  cursor: pointer;\r\n}\r\n\r\n.form-control-custom:focus {\r\n  color: #212529;\r\n  background-color: #fff;\r\n  border-color: #86b7fe;\r\n  outline: 0;\r\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\r\n  height: 30px;\r\n}\r\n\r\n.form-control-custom::file-selector-button {\r\n  color: #212529;\r\n  background-color: #e9ecef;\r\n  pointer-events: none;\r\n  border-color: inherit;\r\n  border-style: solid;\r\n  border-width: 0;\r\n  border-inline-end-width: 1px;\r\n  border-radius: 0;\r\n  height: 45px;\r\n  font-size: 12px;\r\n}\r\n\r\n.form-control-custom::-webkit-file-upload-button {\r\n  padding: 0.375rem 0.75rem;\r\n  margin: -0.375rem -0.75rem;\r\n  -webkit-margin-end: 0.75rem;\r\n  margin-inline-end: 0.75rem;\r\n}\r\n\r\n.form-control-custom:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\r\n  background-color: #dde0e3;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewDocument.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewDocument.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NewDocument.vue?vue&type=template&id=a871f868&scoped=true\"\nimport script from \"./NewDocument.vue?vue&type=script&lang=js\"\nexport * from \"./NewDocument.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewDocument.vue?vue&type=style&index=0&id=a871f868&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a871f868\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/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/cli-service/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/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewDocument.vue?vue&type=style&index=0&id=a871f868&prod&lang=scss&scoped=true\""],"sourceRoot":""}