{"version":3,"sources":["webpack:///./src/views/LoginPage.vue?e0b5","webpack:///./src/views/LoginPage.vue?5af4","webpack:///src/views/LoginPage.vue","webpack:///./src/views/LoginPage.vue?ebfa","webpack:///./src/views/LoginPage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","action","_m","path","_e","directives","name","rawName","value","expression","class","emailError","userInactiveError","domProps","on","$event","target","composing","userEmail","passwordError","userPassword","Array","isArray","rememberLogin","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","submitLogin","fbLogin","userEmailReset","resetPassword","staticRenderFns","staticStyle","data","passwordResetError","emailResetSucces","props","default","created","$HelperFunctions","scrollToTop","setPageTitle","mounted","setScreenReaderFocus","methods","Profile","setTimeout","window","fbAsyncInit","FB","login","params","append","userId","method","url","component"],"mappings":"gHAAA,yBAAwe,EAAG,G,2CCA3e,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,IAAI,CAACE,YAAY,UAAUC,MAAM,CAAC,GAAK,4BAA4B,CAACP,EAAIQ,GAAG,gBAA+B,WAAdR,EAAIS,OAAqBL,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,CAACE,YAAY,0BAA0B,CAACN,EAAIQ,GAAG,kBAAkBR,EAAIU,GAAG,GAAGN,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAACI,KAAM,YAAY,CAACP,EAAG,SAAS,CAACE,YAAY,8BAA8B,CAACN,EAAIQ,GAAG,gCAAgCJ,EAAG,SAAS,CAACE,YAAY,wBAAwBC,MAAM,CAAC,QAAU,oBAAoB,CAACP,EAAIQ,GAAG,iBAAiB,GAAGR,EAAIY,KAAOZ,EAAIS,OAAosFT,EAAIY,KAAhsFR,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAkC,GAAK,aAAa,IAAM,uBAAuBH,EAAG,OAAO,CAACA,EAAG,QAAQ,CAACS,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOhB,EAAa,UAAEiB,WAAW,cAAcC,MAAM,CAAC,gBAAkBlB,EAAImB,YAAcnB,EAAIoB,mBAAmBb,MAAM,CAAC,KAAO,QAAQ,YAAc,SAAS,aAAa,aAAac,SAAS,CAAC,MAASrB,EAAa,WAAGsB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBzB,EAAI0B,UAAUH,EAAOC,OAAOR,WAAUZ,EAAG,QAAQ,CAACS,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOhB,EAAgB,aAAEiB,WAAW,iBAAiBC,MAAM,CAAC,gBAAkBlB,EAAI2B,eAAepB,MAAM,CAAC,KAAO,WAAW,YAAc,WAAW,aAAa,eAAec,SAAS,CAAC,MAASrB,EAAgB,cAAGsB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBzB,EAAI4B,aAAaL,EAAOC,OAAOR,WAAUZ,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAc,WAAEiB,WAAW,eAAeX,YAAY,qBAAqB,CAACN,EAAIQ,GAAG,oBAAoBJ,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAqB,kBAAEiB,WAAW,sBAAsBX,YAAY,6BAA6B,CAACN,EAAIQ,GAAG,wFAAwFJ,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAiB,cAAEiB,WAAW,kBAAkBX,YAAY,wBAAwB,CAACN,EAAIQ,GAAG,sBAAsBJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,QAAQ,CAACS,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOhB,EAAiB,cAAEiB,WAAW,kBAAkBX,YAAY,mBAAmBC,MAAM,CAAC,KAAO,WAAW,GAAK,oBAAoB,aAAa,sBAAsBc,SAAS,CAAC,QAAUQ,MAAMC,QAAQ9B,EAAI+B,eAAe/B,EAAIgC,GAAGhC,EAAI+B,cAAc,OAAO,EAAG/B,EAAiB,eAAGsB,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIU,EAAIjC,EAAI+B,cAAcG,EAAKX,EAAOC,OAAOW,IAAID,EAAKE,QAAuB,GAAGP,MAAMC,QAAQG,GAAK,CAAC,IAAII,EAAI,KAAKC,EAAItC,EAAIgC,GAAGC,EAAII,GAAQH,EAAKE,QAASE,EAAI,IAAItC,EAAI+B,cAAcE,EAAIM,OAAO,CAACF,KAAYC,GAAK,IAAItC,EAAI+B,cAAcE,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAWtC,EAAI+B,cAAcI,MAASnC,EAAIU,GAAG,KAAKN,EAAG,SAAS,CAACE,YAAY,WAAWC,MAAM,CAAC,GAAK,cAAce,GAAG,CAAC,MAAQtB,EAAIyC,cAAc,CAACzC,EAAIQ,GAAG,WAAWJ,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAACI,KAAM,kBAAkB,CAACP,EAAG,IAAI,CAACE,YAAY,kCAAkC,CAACN,EAAIQ,GAAG,0BAA0BJ,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAACI,KAAM,eAAe,CAACP,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIQ,GAAG,wBAAwB,GAAGR,EAAIU,GAAG,GAAGN,EAAG,SAAS,CAACE,YAAY,MAAMC,MAAM,CAAC,GAAK,gBAAgBe,GAAG,CAAC,MAAQtB,EAAI0C,UAAU,CAAC1C,EAAIQ,GAAG,0BAAkD,SAAdR,EAAIS,OAAmBL,EAAG,MAAM,CAACE,YAAY,eAAe,CAAEN,EAAoB,iBAAEI,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,mGAAmGJ,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAACI,KAAM,YAAY,CAACP,EAAG,SAAS,CAACE,YAAY,8BAA8B,CAACN,EAAIQ,GAAG,qBAAqB,GAAGJ,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,0BAA0BJ,EAAG,QAAQ,CAACS,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOhB,EAAkB,eAAEiB,WAAW,mBAAmBV,MAAM,CAAC,KAAO,QAAQ,YAAc,SAAS,aAAa,aAAac,SAAS,CAAC,MAASrB,EAAkB,gBAAGsB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBzB,EAAI2C,eAAepB,EAAOC,OAAOR,WAAUZ,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhB,EAAsB,mBAAEiB,WAAW,uBAAuBX,YAAY,SAAS,CAACN,EAAIQ,GAAG,2BAA2BJ,EAAG,SAAS,CAACE,YAAY,6BAA6BgB,GAAG,CAAC,MAAQtB,EAAI4C,gBAAgB,CAAC5C,EAAIQ,GAAG,iBAAiBR,EAAIY,UAC16IiC,EAAkB,CAAC,WAAa,IAAI7C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACJ,EAAIQ,GAAG,qGAAqGJ,EAAG,MAAMJ,EAAIQ,GAAG,sLAAsL,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,YAAY,mBAAmBC,MAAM,CAAC,IAAM,sBAAsB,CAACH,EAAG,IAAI,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,2BAA2B,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,IAAI,CAAC0C,YAAY,CAAC,QAAU,eAAe,OAAS,YAAY,CAAC9C,EAAIQ,GAAG,WAAWJ,EAAG,MAAM,CAACE,YAAY,mB,uFCkEh6B,GACEyC,KADF,WAEI,MAAO,CACL5B,YAAY,EACZC,mBAAmB,EACnBO,eAAe,EACfqB,oBAAoB,EACpBC,kBAAkB,EAClBvB,UAAW,GACXE,aAAc,GACdG,eAAe,IAGnBmB,MAAO,CACLzC,OAAQ,CACN0C,SAAS,IAGbC,QAlBF,WAmBInD,KAAKoD,iBAAiBC,cACtBrD,KAAKoD,iBAAiBE,aAAa,UAErCC,QAtBF,WAuBIvD,KAAKoD,iBAAiBI,qBAAqB,4BAE7CC,QAAS,CACX,YADA,SACA,cACA,mBACMzD,KAAKkB,WAAalB,KAAK0B,cAAgB1B,KAAKmB,mBAAoB,EAChEuC,EAAN,kFACQ,GAAR,wBACUA,EAAV,mBACUC,YAAW,WACT,EAAZ,8BACY,EAAZ,2BACA,UAEA,oCACA,gBACA,0DAEA,oCACA,mBACA,yDAEA,iCACU,EAAV,qBACA,yDAGA,iGACA,mCACA,0BACA,kBAKIlB,QAjCJ,WAiCA,WACMmB,OAAOC,YAAc,WAC3B,SACA,wBACA,UACA,SACA,kBAeA,gBACA,qCACA,sBACA,4BACA,kDACA,gCALA,CAMA,oCAEMF,YAAW,WACTG,GAAGC,OAAM,SAAjB,GACU,EAAV,oBACA,4BACA,MAGA,eArEA,SAqEA,cAEA,0BACA,4BACA,sBACQC,EAAOC,OAAO,SAAU,WACxBD,EAAOC,OAAO,SAAUC,GAExB,IAAR,CACUC,OAAQ,OACRC,IAAK,8CACLtB,KAAMkB,IAChB,kBACA,kCACA,4BACA,mBACA,0BACA,wCACA,qBACA,uBACc,EAAd,8BACA,6BACA,WAMA,cAjGA,WAiGA,WACMhE,KAAK+C,oBAAqB,EAE1B,IAAN,sBACMiB,EAAOC,OAAO,SAAU,aACxBD,EAAOC,OAAO,QAASjE,KAAK0C,gBAC5B,IAAN,CACQyB,OAAQ,OACRC,IAAK,8CACLtB,KAAMkB,IACd,kBACA,gCACA,wBAGU,EAAV,0BC5MmV,I,wBCQ/UK,EAAY,eACd,EACAvE,EACA8C,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E","file":"js/chunk-8d2c24cc.e9ff6568.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginPage.vue?vue&type=style&index=0&id=69d4b874&lang=css&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoginPage.vue?vue&type=style&index=0&id=69d4b874&lang=css&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"login-bg\"},[_c('div',{staticClass:\"aligner\"},[_c('p',{staticClass:\"sr-only\",attrs:{\"id\":\"screenReaderTargetLogin\"}},[_vm._v(\"Login side\")]),(_vm.action == 'explain')?_c('div',{staticClass:\"login-explanation\"},[_c('h2',{staticClass:\"white-text text-center\"},[_vm._v(\"Odense Rundt\")]),_vm._m(0),_c('router-link',{attrs:{\"to\":{path: '/login'}}},[_c('button',{staticClass:\"btn generic-login-btn blue\"},[_vm._v(\"Login eller opret bruger\")])]),_c('button',{staticClass:\"generic-login-btn btn\",attrs:{\"onclick\":\"history.back();\"}},[_vm._v(\"Gå tilbage\")])],1):_vm._e(),(!_vm.action)?_c('div',{staticClass:\"choose-login-type\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/web_logo_knud.png\"),\"id\":\"login-logo\",\"alt\":\"Odense Rundt logo\"}}),_c('form',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userEmail),expression:\"userEmail\"}],class:{'error-outline' : _vm.emailError || _vm.userInactiveError},attrs:{\"type\":\"email\",\"placeholder\":\"E-mail\",\"aria-label\":\"Din email\"},domProps:{\"value\":(_vm.userEmail)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userEmail=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userPassword),expression:\"userPassword\"}],class:{'error-outline' : _vm.passwordError},attrs:{\"type\":\"password\",\"placeholder\":\"Password\",\"aria-label\":\"Dit kodeord\"},domProps:{\"value\":(_vm.userPassword)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userPassword=$event.target.value}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.emailError),expression:\"emailError\"}],staticClass:\"email-error error\"},[_vm._v(\"Forkert e-mail\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.userInactiveError),expression:\"userInactiveError\"}],staticClass:\"user-inactive-error error\"},[_vm._v(\"Din bruger er endnu ikke aktiveret. Vi har sendt et aktiveringslink til din email.\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.passwordError),expression:\"passwordError\"}],staticClass:\"password-error error\"},[_vm._v(\"Forkert password\")]),_c('div',{staticClass:\"form-check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rememberLogin),expression:\"rememberLogin\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"login-remember-me\",\"aria-label\":\"Forbliv logget ind\"},domProps:{\"checked\":Array.isArray(_vm.rememberLogin)?_vm._i(_vm.rememberLogin,null)>-1:(_vm.rememberLogin)},on:{\"change\":function($event){var $$a=_vm.rememberLogin,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.rememberLogin=$$a.concat([$$v]))}else{$$i>-1&&(_vm.rememberLogin=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.rememberLogin=$$c}}}}),_vm._m(1)]),_c('button',{staticClass:\"btn blue\",attrs:{\"id\":\"submit-btn\"},on:{\"click\":_vm.submitLogin}},[_vm._v(\"Login\")]),_c('router-link',{attrs:{\"to\":{path: '/login/reset'}}},[_c('p',{staticClass:\"white-text password-reset-link\"},[_vm._v(\"Glemt dit kodeord?\")])]),_c('router-link',{attrs:{\"to\":{path: '/register'}}},[_c('p',{staticClass:\"white-text new-user-link\"},[_vm._v(\"Opret ny bruger\")])])],1),_vm._m(2),_c('button',{staticClass:\"btn\",attrs:{\"id\":\"facebook-btn\"},on:{\"click\":_vm.fbLogin}},[_vm._v(\"Login via Facebook\")])]):_vm._e(),(_vm.action == 'reset')?_c('div',{staticClass:\"email-reset\"},[(_vm.emailResetSucces)?_c('div',[_c('p',{staticClass:\"white-text\"},[_vm._v(\"Vi har sendt en besked til din email med instruktioner om hvordan du nulstiller dit password.\")]),_c('router-link',{attrs:{\"to\":{path: '/login'}}},[_c('button',{staticClass:\"generic-login-btn btn blue\"},[_vm._v(\"Gå til login\")])])],1):_c('div',[_c('h2',{staticClass:\"white-text\"},[_vm._v(\"Nulstil dit password\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userEmailReset),expression:\"userEmailReset\"}],attrs:{\"type\":\"email\",\"placeholder\":\"E-mail\",\"aria-label\":\"Din email\"},domProps:{\"value\":(_vm.userEmailReset)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.userEmailReset=$event.target.value}}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.passwordResetError),expression:\"passwordResetError\"}],staticClass:\"error\"},[_vm._v(\"Email eksistere ikke.\")]),_c('button',{staticClass:\"generic-login-btn btn blue\",on:{\"click\":_vm.resetPassword}},[_vm._v(\"Nulstil\")])])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" Opret en profil og få mulighed for at føje steder og temaer i Odense Rundt til dine favoritter. \"),_c('br'),_vm._v(\" Profilen giver dig adgang til en række personlige indstillinger, så du fx kan samle dine favorit-steder, indstille din cykelhastighed og tilføje de adresser, du ofte bruger. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"form-check-label\",attrs:{\"for\":\"login-remember-me\"}},[_c('p',{staticClass:\"white-text\"},[_vm._v(\"Forbliv logget ind\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"white-text text-center\"},[_c('div',{staticClass:\"white-line\"}),_c('p',{staticStyle:{\"display\":\"inline-block\",\"margin\":\"0px 5px\"}},[_vm._v(\"eller\")]),_c('div',{staticClass:\"white-line\"})])}]\n\nexport { render, staticRenderFns }","<template lang=\"html\">\r\n  <main class=\"login-bg\">\r\n  \t<div class=\"aligner\">\r\n\r\n  \t\t<p id=\"screenReaderTargetLogin\" class=\"sr-only\">Login side</p>\r\n\r\n  \t\t<div class=\"login-explanation\" v-if=\"action == 'explain'\">\r\n\t\t\t\t<h2 class=\"white-text text-center\">Odense Rundt</h2>\r\n\t\t\t\t<p>\r\n\t\t\t\t\tOpret en profil og få mulighed for at føje steder og temaer i Odense Rundt til dine favoritter. <br>\r\n\t\t\t\t\tProfilen giver dig adgang til en række personlige indstillinger, så du fx kan samle dine favorit-steder, indstille din cykelhastighed og tilføje de adresser, du ofte bruger.\r\n\t\t\t\t</p>\r\n        <router-link :to=\"{path: '/login'}\"><button class=\"btn generic-login-btn blue\">Login eller opret bruger</button></router-link>\r\n\t\t\t\t<button class=\"generic-login-btn btn\" onclick=\"history.back();\">Gå tilbage</button>\r\n  \t\t</div>\r\n\r\n  \t\t<div class=\"choose-login-type\" v-if=\"!action\">\r\n\t\t\t\t<img src=\"@/assets/img/web_logo_knud.png\" id=\"login-logo\" alt=\"Odense Rundt logo\"/>\r\n\t\t\t\t<form>\r\n\t\t\t\t\t<input type=\"email\" placeholder=\"E-mail\" aria-label=\"Din email\" :class=\"{'error-outline' : emailError || userInactiveError}\" v-model=\"userEmail\">\r\n\t\t\t\t\t<input type=\"password\" placeholder=\"Password\" aria-label=\"Dit kodeord\" :class=\"{'error-outline' : passwordError}\" v-model=\"userPassword\">\r\n\t\t\t\t\t<div class=\"email-error error\" v-show=\"emailError\">Forkert e-mail</div>\r\n\t\t\t\t\t<div class=\"user-inactive-error error\" v-show=\"userInactiveError\">Din bruger er endnu ikke aktiveret. Vi har sendt et aktiveringslink til din email.</div>\r\n\t\t\t\t\t<div class=\"password-error error\" v-show=\"passwordError\">Forkert password</div>\r\n\r\n          <div class=\"form-check\">\r\n  \t\t\t\t\t<input type=\"checkbox\" id=\"login-remember-me\" class=\"form-check-input\" aria-label=\"Forbliv logget ind\" v-model=\"rememberLogin\">\r\n            <label class=\"form-check-label\" for=\"login-remember-me\"><p class=\"white-text\">Forbliv logget ind</p></label>\r\n          </div>\r\n\r\n          <button id=\"submit-btn\" class=\"btn blue\" @click=\"submitLogin\">Login</button>\r\n\r\n          <router-link :to=\"{path: '/login/reset'}\"><p class=\"white-text password-reset-link\">Glemt dit kodeord?</p></router-link>\r\n          <router-link :to=\"{path: '/register'}\"><p class=\"white-text new-user-link\">Opret ny bruger</p></router-link>\r\n\t\t\t\t</form>\r\n\r\n\t\t\t\t<div class=\"white-text text-center\">\r\n          <div class=\"white-line\"></div>\r\n          <p style=\"display: inline-block; margin: 0px 5px;\">eller</p>\r\n          <div class=\"white-line\"></div>\r\n        </div>\r\n\r\n\t\t\t\t<button id=\"facebook-btn\" class=\"btn\" @click=\"fbLogin\">Login via Facebook</button>\r\n  \t\t</div>\r\n\r\n  \t\t<div class=\"email-reset\" v-if=\"action == 'reset'\">\r\n        <div v-if=\"emailResetSucces\">\r\n  \t\t\t\t<p class=\"white-text\">Vi har sendt en besked til din email med instruktioner om hvordan du nulstiller dit password.</p>\r\n  \t\t\t\t<router-link :to=\"{path: '/login'}\"><button class=\"generic-login-btn btn blue\">Gå til login</button></router-link>\r\n    \t\t</div>\r\n        <div v-else>\r\n  \t\t\t\t<h2 class=\"white-text\">Nulstil dit password</h2>\r\n  \t\t\t\t<input type=\"email\" placeholder=\"E-mail\" aria-label=\"Din email\" v-model=\"userEmailReset\">\r\n  \t\t\t\t<div class=\"error\" v-show=\"passwordResetError\">Email eksistere ikke.</div>\r\n  \t\t\t\t<button class=\"generic-login-btn btn blue\" @click=\"resetPassword\">Nulstil</button>\r\n        </div>\r\n  \t\t</div>\r\n\r\n  \t</div>\r\n  </main>\r\n</template>\r\n\r\n<script>\r\nimport Profile from '@/assets/profile/Profile.js'\r\nimport axios from 'axios'\r\nimport { EventBus } from '@/main.js'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      emailError: false,\r\n      userInactiveError: false,\r\n      passwordError: false,\r\n      passwordResetError: false,\r\n      emailResetSucces: false,\r\n      userEmail: '',\r\n      userPassword: '',\r\n      rememberLogin: false,\r\n    }\r\n  },\r\n  props: {\r\n    action: {\r\n      default: false,\r\n    }\r\n  },\r\n  created() {\r\n    this.$HelperFunctions.scrollToTop();\r\n    this.$HelperFunctions.setPageTitle('Login');\r\n  },\r\n  mounted() {\r\n    this.$HelperFunctions.setScreenReaderFocus('screenReaderTargetLogin');\r\n  },\r\n  methods: {\r\n  \tsubmitLogin(e) {\r\n  \t\te.preventDefault();\r\n      this.emailError = this.passwordError = this.userInactiveError = false;\r\n      Profile.login(this.userEmail, this.userPassword, this.rememberLogin).then((response) => {\r\n        if(response.data.type == 'login_ok') {\r\n          Profile.getUserData();\r\n          setTimeout(() => {\r\n            EventBus.$emit('loggedIn');\r\n            this.$router.push('/profile');\r\n          }, 1000);\r\n        }\r\n        else if(response.data.type == 'login_error.user') {\r\n  \t\t\t\tthis.emailError = true;\r\n  \t\t\t\tvar focusElem = document.getElementsByClassName('email-error');\r\n  \t\t\t}\r\n  \t\t\telse if(response.data.type == 'login_error.pass') {\r\n  \t\t\t\tthis.passwordError = true;\r\n  \t\t\t\tvar focusElem = document.getElementsByClassName('password-error');\r\n  \t\t\t}\r\n  \t\t\telse if(response.data.type == 'user.inactive') {\r\n          this.userInactiveError = true;\r\n  \t\t\t\tvar focusElem = document.getElementsByClassName('user-inactive-error');\r\n  \t\t\t}\r\n\r\n  \t\t\tif(response.data.type == 'login_error.user' || response.data.type == 'login_error.pass' || response.data.type == 'user.inactive') {\r\n  \t\t\t\tfocusElem[0].setAttribute(\"tabindex\", \"-1\");\r\n  \t\t\t\tfocusElem[0].style.outline = \"none\";\r\n  \t\t\t\tfocusElem[0].focus();\r\n  \t\t\t}\r\n      });\r\n  \t},\r\n\r\n    fbLogin() {\r\n      window.fbAsyncInit = function() {\r\n    \t\tFB.init({\r\n    \t\tappId      : '573490632843110',\r\n    \t\tcookie     : true,  // enable cookies to allow the server to access the session\r\n    \t\txfbml      : true,  // parse social plugins on this page\r\n    \t\tversion    : 'v3.2' // use graph api version 3.2\r\n    \t\t});\r\n    \t\t// Now that we've initialized the JavaScript SDK, we call\r\n    \t\t// FB.getLoginStatus().  This function gets the state of the\r\n    \t\t// person visiting this page and can return one of three states to\r\n    \t\t// the callback you provide.  They can be:\r\n    \t\t//\r\n    \t\t// 1. Logged into your app ('connected')\r\n    \t\t// 2. Logged into Facebook, but not your app ('not_authorized')\r\n    \t\t// 3. Not logged into Facebook and can't tell if they are logged into\r\n    \t\t//    your app or not.\r\n    \t\t//\r\n    \t\t// These three cases are handled in the callback function.\r\n    \t};\r\n\r\n    \t(function(d, s, id){\r\n    \tvar js, fjs = d.getElementsByTagName(s)[0];\r\n    \tif (d.getElementById(id)) {return;}\r\n    \tjs = d.createElement(s); js.id = id;\r\n    \tjs.src = \"https://connect.facebook.net/en_US/sdk.js\";\r\n    \tfjs.parentNode.insertBefore(js, fjs);\r\n    \t}(document, 'script', 'facebook-jssdk'));\r\n\r\n      setTimeout(() => {\r\n        FB.login((response) => {\r\n          this.fbLoginRespond(response);\r\n        }, {scope: 'public_profile'});\r\n      }, 500);\r\n    },\r\n\r\n  \tfbLoginRespond(response) {\r\n  \t\t//console.log(response);\r\n  \t\tif(response.status == \"connected\") {\r\n  \t\t\tvar userId = response.authResponse.userID;\r\n        const params = new URLSearchParams();\r\n        params.append('action', 'checkfb');\r\n        params.append('userId', userId);\r\n\r\n        axios({\r\n          method: 'post',\r\n          url: 'https://apps.odenserundt.dk/apptools/orApi/',\r\n          data: params\r\n        }).then((response) => {\r\n  \t\t\t\tif(typeof response.data.key !== 'undefined') {\r\n  \t\t\t\t\tProfile.loginType = 'facebook';\r\n  \t\t\t\t\tProfile.loggedIn = true;\r\n  \t\t\t\t\tProfile.userKey = response.data.key;\r\n  \t\t\t\t\tProfile.saveLogin(response.data.key, 'facebook');\r\n  \t\t\t\t\tProfile.getUserData();\r\n  \t\t\t\t\tsetTimeout(() => {\r\n              EventBus.$emit('loggedIn');\r\n  \t\t\t\t\t\tthis.$router.push('/profile');\r\n  \t\t\t\t\t}, 1000);\r\n  \t\t\t\t}\r\n  \t\t\t});\r\n  \t\t}\r\n  \t},\r\n\r\n  \tresetPassword() {\r\n      this.passwordResetError = false;\r\n\r\n      const params = new URLSearchParams();\r\n      params.append('action', 'resetPass');\r\n      params.append('email', this.userEmailReset);\r\n      axios({\r\n        method: 'post',\r\n        url: 'https://apps.odenserundt.dk/apptools/orApi/',\r\n        data: params\r\n      }).then((response) => {\r\n  \t\t\tif(response.data.type == 'Email not found.') {\r\n  \t\t\t\tthis.passwordResetError = true;\r\n  \t\t\t}\r\n  \t\t\telse {\r\n          this.emailResetSucces = true;\r\n  \t\t\t}\r\n  \t\t});\r\n  \t},\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n  .login-bg {\r\n    height: 100%;\r\n    width: 100%;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    -webkit-filter: grayscale(50%);\r\n    filter: grayscale(50%);\r\n    background-image: url('https://apps.odenserundt.dk/apptools/img/login-bg.jpg');\r\n  }\r\n\r\n  .aligner {\r\n    text-shadow: 0 1px 3px rgba(0,0,0,.5);\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  input[type=\"email\"], input[type=\"password\"] {\r\n  \twidth: 100%;\r\n  \theight: 40px;\r\n  \tline-height: 40px;\r\n  \tborder: 1px solid #dbdbdb;\r\n  \tpadding-left: 5px;\r\n  }\r\n\r\n  .login-explanation, .choose-login-type, .email-reset {\r\n    width: 300px;\r\n  }\r\n\r\n  .login-close-btn {\r\n  \tposition: absolute;\r\n  \ttop: 10px;\r\n  \tright: 10px;\r\n  \tcolor: #f8f8f8;\r\n  }\r\n\r\n  #login-logo {\r\n  \tposition: relative;\r\n  \tmargin-bottom: 10px;\r\n  }\r\n\r\n  .login-explanation p {\r\n    background-color: rgba(255,255,255,0.8);\r\n    padding: 10px;\r\n    text-shadow: none;\r\n  }\r\n\r\n  .password-reset-link {\r\n    display: inline-block;\r\n    margin-top: 10px;\r\n    font-size: 15px;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .new-user-link {\r\n    display: inline-block;\r\n    float: right;\r\n    margin-top: 10px;\r\n    font-size: 15px;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  #submit-btn, #facebook-btn, #email-btn, .generic-login-btn {\r\n  \tdisplay: block;\r\n  \tmargin-top: 10px;\r\n  \twidth: 300px;\r\n  \theight: 40px;\r\n  \tborder-radius: 2px;\r\n  \tbackground-color: #f8f8f8;\r\n  }\r\n\r\n  #submit-btn {\r\n  \tmargin-top: 0px;\r\n  }\r\n\r\n  #facebook-btn {\r\n  \tmargin-bottom: 10px;\r\n  \tbackground-color: #3b5998;\r\n  \tcolor: #fff;\r\n  }\r\n\r\n  #facebook-btn, #email-btn {\r\n  \tposition: relative;\r\n  \tleft: 50%;\r\n  \tmargin-left: -150px;\r\n  }\r\n\r\n  #email-btn {\r\n  \tmargin-bottom: 10px;\r\n  }\r\n\r\n  .white-line {\r\n  \tdisplay: inline-block;\r\n  \tposition: relative;\r\n  \ttop: -3px;\r\n  \theight: 1px;\r\n  \twidth: 133px;\r\n  \tbackground-color: #f8f8f8;\r\n  }\r\n\r\n  .error {\r\n  \tpadding-left: 5px;\r\n  \tbackground-color: #fff;\r\n  \tcolor: red;\r\n  \ttext-shadow: none;\r\n  \ttext-align: left;\r\n  \tborder: 1px solid #e6177a;\r\n  \tborder-top: none;\r\n  }\r\n\r\n  .error-outline {\r\n  \tborder: 1px solid #e6177a !important;\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!./LoginPage.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!./LoginPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoginPage.vue?vue&type=template&id=69d4b874&scoped=true&lang=html&\"\nimport script from \"./LoginPage.vue?vue&type=script&lang=js&\"\nexport * from \"./LoginPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoginPage.vue?vue&type=style&index=0&id=69d4b874&lang=css&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  \"69d4b874\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}