{"version":3,"sources":["webpack:///./src/pages/PageGenerateLink.vue?d116","webpack:///src/pages/PageGenerateLink.vue","webpack:///./src/pages/PageGenerateLink.vue?0402","webpack:///./src/pages/PageGenerateLink.vue","webpack:///./src/pages/PageGenerateLink.vue?b3dd"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","ref","_v","_s","tooltip","on","$event","preventDefault","handleSubmit","attrs","domProps","target","composing","ios","android","class","invalid","web","length","isValidated","validation","validateUrl","error","copyToClipboard","showTooltip","$refs","style","link","staticRenderFns","component"],"mappings":"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","file":"static/js/page-generate-link.734784c8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showTooltip),expression:\"showTooltip\"}],ref:\"tooltip\",staticClass:\"tooltip\"},[_vm._v(_vm._s(_vm.tooltip))]),_c('h1',[_vm._v(\"Generate link\")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit($event)}}},[_c('label',[_c('span',[_vm._v(\"iOS native app link\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ios),expression:\"ios\"}],ref:\"ios\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.ios)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.ios=$event.target.value}}})]),_c('label',[_c('span',[_vm._v(\"Android native app link\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.android),expression:\"android\"}],ref:\"android\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.android)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.android=$event.target.value}}})]),_c('label',[_c('span',[_vm._v(\"Web link\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.web),expression:\"web\"}],ref:\"web\",class:{ invalid: _vm.web.length > 0 && _vm.isValidated && !_vm.validation },attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.web)},on:{\"keyup\":function($event){return _vm.validateUrl(_vm.web)},\"input\":function($event){if($event.target.composing){ return; }_vm.web=$event.target.value}}})]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.error.length > 0),expression:\"error.length > 0\"}],staticClass:\"error\"},[_vm._v(_vm._s(_vm.error))]),_c('button',{attrs:{\"type\":\"submit\",\"disabled\":!_vm.isValidated || _vm.ios.length < 1 || _vm.android.length < 1 || _vm.web.length < 1}},[_vm._v(\"Generate link\")])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.link),expression:\"link\"}],staticClass:\"link\",on:{\"click\":_vm.copyToClipboard,\"mouseover\":function($event){_vm.showTooltip = true},\"mouseout\":function($event){_vm.showTooltip = false\n\t\t\t_vm.tooltip = 'Kopier til udklipsholder'\n\t\t\t_vm.$refs.tooltip.style = ''}}},[_vm._v(\"\\n\\t\\t\"+_vm._s(_vm.link)+\"\\n\\t\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"container\">\r\n\t\t<div v-show=\"showTooltip\" ref=\"tooltip\" class=\"tooltip\">{{ tooltip }}</div>\r\n\t\t<h1>Generate link</h1>\r\n\r\n\t\t<form @submit.prevent=\"handleSubmit\">\r\n\t\t\t<label>\r\n\t\t\t\t<span>iOS native app link</span>\r\n\t\t\t\t<input ref=\"ios\" v-model=\"ios\" type=\"text\" />\r\n\t\t\t</label>\r\n\t\t\t<label>\r\n\t\t\t\t<span>Android native app link</span>\r\n\t\t\t\t<input ref=\"android\" v-model=\"android\" type=\"text\" />\r\n\t\t\t</label>\r\n\t\t\t<label>\r\n\t\t\t\t<span>Web link</span>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref=\"web\"\r\n\t\t\t\t\tv-model=\"web\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t:class=\"{ invalid: web.length > 0 && isValidated && !validation }\"\r\n\t\t\t\t\t@keyup=\"validateUrl(web)\"\r\n\t\t\t\t/>\r\n\t\t\t</label>\r\n\t\t\t<p v-show=\"error.length > 0\" class=\"error\">{{ error }}</p>\r\n\r\n\t\t\t<button type=\"submit\" :disabled=\"!isValidated || ios.length < 1 || android.length < 1 || web.length < 1\">Generate link</button>\r\n\t\t</form>\r\n\r\n\t\t<p\r\n\t\t\tv-show=\"link\"\r\n\t\t\tclass=\"link\"\r\n\t\t\t@click=\"copyToClipboard\"\r\n\t\t\t@mouseover=\"showTooltip = true\"\r\n\t\t\t@mouseout=\"\r\n\t\t\t\tshowTooltip = false\r\n\t\t\t\ttooltip = 'Kopier til udklipsholder'\r\n\t\t\t\t$refs.tooltip.style = ''\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t{{ link }}\r\n\t\t</p>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tname: 'GenerateLink',\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tios: '',\r\n\t\t\tandroid: '',\r\n\t\t\tweb: '',\r\n\t\t\tlink: '',\r\n\t\t\tisValidated: false,\r\n\t\t\tvalidation: false,\r\n\t\t\terror: '',\r\n\t\t\tshowTooltip: false,\r\n\t\t\ttooltip: 'Kopier til udklipsholder'\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tdocument.addEventListener('mousemove', this.moveTooltip)\r\n\t\tthis.$once('hook:destroyed', () => {\r\n\t\t\tdocument.removeEventListener('mousemove', this.moveTooltip)\r\n\t\t})\r\n\t},\r\n\tmethods: {\r\n\t\tmoveTooltip(e) {\r\n\t\t\tthis.$refs.tooltip.style.left = `${e.clientX + 20}px`\r\n\t\t\tthis.$refs.tooltip.style.top = `${e.clientY - 20}px`\r\n\t\t},\r\n\t\thandleSubmit() {\r\n\t\t\tif (this.ios.length < 1 || this.android.length < 1 || this.web.length < 1) return (this.error = 'Udfyld alle links!')\r\n\t\t\tif (!this.validation) return (this.error = 'Angiv et gyldigt Web URL.')\r\n\t\t\tthis.error = ''\r\n\r\n\t\t\tconst iosLink = encodeURIComponent(this.ios)\r\n\t\t\tconst androidLink = encodeURIComponent(this.android)\r\n\t\t\tconst webLink = encodeURIComponent(this.web)\r\n\r\n\t\t\tconst paramsObj = {\r\n\t\t\t\tios: iosLink,\r\n\t\t\t\tandroid: androidLink,\r\n\t\t\t\tweb: webLink\r\n\t\t\t}\r\n\r\n\t\t\tconst params = new URLSearchParams(paramsObj).toString()\r\n\r\n\t\t\tthis.link = `${window.location.origin}/link?${params}`\r\n\t\t},\r\n\t\tasync copyToClipboard() {\r\n\t\t\ttry {\r\n\t\t\t\tawait navigator.clipboard.writeText(this.link)\r\n\t\t\t\tthis.tooltip = 'Link kopieret! ✔'\r\n\t\t\t} catch ($e) {\r\n\t\t\t\talert('Linket kunne ikke kopieres til udklipsholder')\r\n\t\t\t}\r\n\t\t},\r\n\t\tvalidateUrl(str) {\r\n\t\t\tthis.isValidated = true\r\n\t\t\tif (!str.startsWith('https://') && !str.startsWith('http://')) return (this.validation = false)\r\n\t\t\ttry {\r\n\t\t\t\tconst url = new URL(str)\r\n\t\t\t\treturn (this.validation = !!url)\r\n\t\t\t} catch (err) {\r\n\t\t\t\treturn (this.validation = false)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n\tword-break: break-word;\r\n}\r\n.tooltip {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tborder: 2px solid #00becd;\r\n\tborder-radius: 5px;\r\n\tpadding: 6px 12px;\r\n\tbackground: #fff;\r\n\tz-index: 10;\r\n}\r\n.error {\r\n\tcolor: red;\r\n}\r\nform {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmax-width: 600px;\r\n}\r\nlabel,\r\ninput {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n}\r\ninput {\r\n\tborder: 2px solid #00becd;\r\n\tborder-radius: 5px;\r\n\toutline: none;\r\n}\r\n.link {\r\n\tcursor: pointer;\r\n}\r\n.invalid {\r\n\tborder: 2px solid red;\r\n}\r\nbutton {\r\n\tbackground: #00becd;\r\n\tcolor: #fff;\r\n\tborder: 2px solid #00becd;\r\n\tborder-radius: 5px;\r\n\toutline: none;\r\n\tmargin: 1rem 0;\r\n\tpadding: 0.25rem 1rem;\r\n\tcursor: pointer;\r\n\ttransition: 250ms ease-in-out;\r\n\r\n\t&:disabled {\r\n\t\tbackground-color: #bbb;\r\n\t\tborder-color: #bbb;\r\n\t\tcursor: not-allowed;\r\n\t}\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageGenerateLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageGenerateLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageGenerateLink.vue?vue&type=template&id=62c88d7a&scoped=true&\"\nimport script from \"./PageGenerateLink.vue?vue&type=script&lang=js&\"\nexport * from \"./PageGenerateLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageGenerateLink.vue?vue&type=style&index=0&id=62c88d7a&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  \"62c88d7a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageGenerateLink.vue?vue&type=style&index=0&id=62c88d7a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageGenerateLink.vue?vue&type=style&index=0&id=62c88d7a&lang=scss&scoped=true&\""],"sourceRoot":""}