{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Winter.vue?6360","webpack:///./src/components/blog/Blog2.vue?0591","webpack:///./src/components/Zomer.vue?8c50","webpack:///./src/components/user/User.vue?d208","webpack:///./src/components/Lente.vue?2a6f","webpack:///./src/components/Herfst.vue?1b95","webpack:///./node_modules/moment/locale sync ^\\.\\/.*$","webpack:///./src/assets/wolft.png","webpack:///./src/components/blog/VerifyResponse.vue?4140","webpack:///./src/components/VierdeBiggetje.vue?809a","webpack:///./src/assets/pook4.png","webpack:///./src/App.vue?a683","webpack:///./src/services/aad.js","webpack:///./src/components/Header.vue?f99b","webpack:///./src/components/blog/VerifyResponse.vue?b539","webpack:///./src/services/ApiService.js","webpack:///src/components/blog/VerifyResponse.vue","webpack:///./src/components/blog/VerifyResponse.vue?a3d3","webpack:///./src/components/blog/VerifyResponse.vue?c4e3","webpack:///src/components/Header.vue","webpack:///./src/components/Header.vue?4c35","webpack:///./src/components/Header.vue?8acd","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/components/Home.vue?6e64","webpack:///./src/components/Herfst.vue?6e56","webpack:///src/components/Herfst.vue","webpack:///./src/components/Herfst.vue?f80e","webpack:///./src/components/Herfst.vue?6c3d","webpack:///src/components/Home.vue","webpack:///./src/components/Home.vue?705d","webpack:///./src/components/Home.vue?2af2","webpack:///./src/components/user/User.vue?ce66","webpack:///src/components/user/User.vue","webpack:///./src/components/user/User.vue?b08c","webpack:///./src/components/user/User.vue?403a","webpack:///./src/components/blog/Blog.vue?1f87","webpack:///./src/components/blog/BlogReaction.vue?a5d9","webpack:///src/components/blog/BlogReaction.vue","webpack:///./src/components/blog/BlogReaction.vue?46d8","webpack:///./src/components/blog/BlogReaction.vue?e446","webpack:///src/components/blog/Blog.vue","webpack:///./src/components/blog/Blog.vue?cc2a","webpack:///./src/components/blog/Blog.vue?cb5e","webpack:///./src/components/blog/Blog2.vue?1d16","webpack:///src/components/blog/Blog2.vue","webpack:///./src/components/blog/Blog2.vue?a91e","webpack:///./src/components/blog/Blog2.vue?b289","webpack:///./src/components/blog/BlogEdit.vue?50c7","webpack:///src/components/blog/BlogEdit.vue","webpack:///./src/components/blog/BlogEdit.vue?91c5","webpack:///./src/components/blog/BlogEdit.vue?c4f2","webpack:///./src/components/Contact.vue?f242","webpack:///src/components/Contact.vue","webpack:///./src/components/Contact.vue?e20a","webpack:///./src/components/Contact.vue?6103","webpack:///./src/components/Winter.vue?732e","webpack:///src/components/Winter.vue","webpack:///./src/components/Winter.vue?751f","webpack:///./src/components/Winter.vue?baf2","webpack:///./src/components/Lente.vue?d497","webpack:///src/components/Lente.vue","webpack:///./src/components/Lente.vue?1abb","webpack:///./src/components/Lente.vue?265d","webpack:///./src/components/Zomer.vue?dbe9","webpack:///src/components/Zomer.vue","webpack:///./src/components/Zomer.vue?33b8","webpack:///./src/components/Zomer.vue?1a27","webpack:///./src/components/HerfstHQ.vue?cb55","webpack:///src/components/HerfstHQ.vue","webpack:///./src/components/HerfstHQ.vue?b538","webpack:///./src/components/HerfstHQ.vue","webpack:///./src/components/VierdeBiggetje.vue?7d73","webpack:///src/components/VierdeBiggetje.vue","webpack:///./src/components/VierdeBiggetje.vue?8de7","webpack:///./src/components/VierdeBiggetje.vue?707d","webpack:///./src/routes.js","webpack:///./src/main.js","webpack:///./src/components/Home.vue?b89e","webpack:///./src/components/blog/BlogEdit.vue?bb86","webpack:///./src/App.vue?298b","webpack:///./src/assets/spinner-icon-gif-27.jpg","webpack:///./src/components/Header.vue?114a","webpack:///./src/assets/VereTransp.png","webpack:///./src/components/blog/BlogReaction.vue?9538","webpack:///./src/components/Contact.vue?8da1","webpack:///./src/components/blog/Blog.vue?932d"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","_vm","this","_h","$createElement","_c","_self","staticRenderFns","msalConfig","auth","clientId","authority","redirectURI","cache","cacheLocation","storeAuthStateInCookie","requestObj","scopes","myMSALObj","UserAgentApplication","login","loginPopup","authResult","account","getAccount","logoff","logout","staticClass","_m","staticStyle","username","on","$event","_v","_s","attrs","setVisible","_e","_l","response","domProps","body","formatDate","postedOn","saveOK","saveNOK","thisAllVersions","retrieveTemp","parmURL","axios","password","headers","crossdomain","then","res","catch","retrieveResponses","updateVersion","updVersion","verId","JSON","stringify","put","createNewVersion","newVersion","post","components","props","msg","String","verSelec","responseSelec","allMutations","allVersions","allResponses","isSuccessful","tempUrl","prodUrl","respUrl","bodyInData","formattedDate","isVisible","reactionVisible","glyphiconValue","button01","reRenderKey","created","methods","getVerProd","getResponses","setReactionVisible","pIndex","component","VerifyResponse","aad","appHeader","Header","directives","rawName","expression","poken","flapRuitenwisser","sliderValue","target","cssProps","backgroundImage","forceRender","snelheid","loopjumper","StartStop","klaar","intervalId","nogBezig","snel","langzaam","stop","flapEENkeer","document","getElementById","style","herfst","mounted","plusSlides","currentSlide","slideIndex","showSlides","slides","dots","blog","index","title","author","firstName","lastName","params","class","verified","composing","$set","save","Number","BlogReaction","composeNewVersion","height","menubar","init_instance_callback","editor","initContent","plugins","toolbar","editor2","initContent2","submitForm","axis","handle","gooien","vizierIDOffsetTop","vizierIDOffsetLeft","telAfdrukken","maxAfdrukken","windowBreedte","innerWidth","position","addEventListener","location","reload","muurVallen","gooierAnimatie","maakAfdruk","maakAfdrukMobile","slot","images","gifsLaden","pokenDoe","routes","path","Home","User","blog2","blogEdit","contact","herfstHQ","winter","lente","zomer","vierdebiggetje","Vue","use","drag","Vue2TouchEvents","VScrollLock","bodyScrollOptions","reserveScrollBarGap","VueRouter","router","config","productionTip","render","h","App","$mount"],"mappings":"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","file":"js/app.a9b70edc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","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!./Winter.vue?vue&type=style&index=0&id=1dcd62dc&scoped=true&lang=css&\"; 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!./Winter.vue?vue&type=style&index=0&id=1dcd62dc&scoped=true&lang=css&\"","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!./Blog2.vue?vue&type=style&index=0&id=3f1ffb1d&scoped=true&lang=css&\"; 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!./Blog2.vue?vue&type=style&index=0&id=3f1ffb1d&scoped=true&lang=css&\"","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!./Zomer.vue?vue&type=style&index=0&id=741058c6&scoped=true&lang=css&\"; 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!./Zomer.vue?vue&type=style&index=0&id=741058c6&scoped=true&lang=css&\"","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!./User.vue?vue&type=style&index=0&id=55b8dc64&scoped=true&lang=css&\"; 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!./User.vue?vue&type=style&index=0&id=55b8dc64&scoped=true&lang=css&\"","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!./Lente.vue?vue&type=style&index=0&id=54957536&scoped=true&lang=css&\"; 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!./Lente.vue?vue&type=style&index=0&id=54957536&scoped=true&lang=css&\"","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!./Herfst.vue?vue&type=style&index=0&id=5cb06592&scoped=true&lang=css&\"; 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!./Herfst.vue?vue&type=style&index=0&id=5cb06592&scoped=true&lang=css&\"","var map = {\n\t\"./af\": \"2bfb\",\n\t\"./af.js\": \"2bfb\",\n\t\"./ar\": \"8e73\",\n\t\"./ar-dz\": \"a356\",\n\t\"./ar-dz.js\": \"a356\",\n\t\"./ar-kw\": \"423e\",\n\t\"./ar-kw.js\": \"423e\",\n\t\"./ar-ly\": \"1cfd\",\n\t\"./ar-ly.js\": \"1cfd\",\n\t\"./ar-ma\": \"0a84\",\n\t\"./ar-ma.js\": \"0a84\",\n\t\"./ar-sa\": \"8230\",\n\t\"./ar-sa.js\": \"8230\",\n\t\"./ar-tn\": \"6d83\",\n\t\"./ar-tn.js\": \"6d83\",\n\t\"./ar.js\": \"8e73\",\n\t\"./az\": \"485c\",\n\t\"./az.js\": \"485c\",\n\t\"./be\": \"1fc1\",\n\t\"./be.js\": \"1fc1\",\n\t\"./bg\": \"84aa\",\n\t\"./bg.js\": \"84aa\",\n\t\"./bm\": \"a7fa\",\n\t\"./bm.js\": \"a7fa\",\n\t\"./bn\": \"9043\",\n\t\"./bn.js\": \"9043\",\n\t\"./bo\": \"d26a\",\n\t\"./bo.js\": \"d26a\",\n\t\"./br\": \"6887\",\n\t\"./br.js\": \"6887\",\n\t\"./bs\": \"2554\",\n\t\"./bs.js\": \"2554\",\n\t\"./ca\": \"d716\",\n\t\"./ca.js\": \"d716\",\n\t\"./cs\": \"3c0d\",\n\t\"./cs.js\": \"3c0d\",\n\t\"./cv\": \"03ec\",\n\t\"./cv.js\": \"03ec\",\n\t\"./cy\": \"9797\",\n\t\"./cy.js\": \"9797\",\n\t\"./da\": \"0f14\",\n\t\"./da.js\": \"0f14\",\n\t\"./de\": \"b469\",\n\t\"./de-at\": \"b3eb\",\n\t\"./de-at.js\": \"b3eb\",\n\t\"./de-ch\": \"bb71\",\n\t\"./de-ch.js\": \"bb71\",\n\t\"./de.js\": \"b469\",\n\t\"./dv\": \"598a\",\n\t\"./dv.js\": \"598a\",\n\t\"./el\": \"8d47\",\n\t\"./el.js\": \"8d47\",\n\t\"./en-au\": \"0e6b\",\n\t\"./en-au.js\": \"0e6b\",\n\t\"./en-ca\": \"3886\",\n\t\"./en-ca.js\": \"3886\",\n\t\"./en-gb\": \"39a6\",\n\t\"./en-gb.js\": \"39a6\",\n\t\"./en-ie\": \"e1d3\",\n\t\"./en-ie.js\": \"e1d3\",\n\t\"./en-il\": \"7333\",\n\t\"./en-il.js\": \"7333\",\n\t\"./en-in\": \"ec2e\",\n\t\"./en-in.js\": \"ec2e\",\n\t\"./en-nz\": \"6f50\",\n\t\"./en-nz.js\": \"6f50\",\n\t\"./en-sg\": \"b7e9\",\n\t\"./en-sg.js\": \"b7e9\",\n\t\"./eo\": \"65db\",\n\t\"./eo.js\": \"65db\",\n\t\"./es\": \"898b\",\n\t\"./es-do\": \"0a3c\",\n\t\"./es-do.js\": \"0a3c\",\n\t\"./es-us\": \"55c9\",\n\t\"./es-us.js\": \"55c9\",\n\t\"./es.js\": \"898b\",\n\t\"./et\": \"ec18\",\n\t\"./et.js\": \"ec18\",\n\t\"./eu\": \"0ff2\",\n\t\"./eu.js\": \"0ff2\",\n\t\"./fa\": \"8df4\",\n\t\"./fa.js\": \"8df4\",\n\t\"./fi\": \"81e9\",\n\t\"./fi.js\": \"81e9\",\n\t\"./fil\": \"d69a\",\n\t\"./fil.js\": \"d69a\",\n\t\"./fo\": \"0721\",\n\t\"./fo.js\": \"0721\",\n\t\"./fr\": \"9f26\",\n\t\"./fr-ca\": \"d9f8\",\n\t\"./fr-ca.js\": \"d9f8\",\n\t\"./fr-ch\": \"0e49\",\n\t\"./fr-ch.js\": \"0e49\",\n\t\"./fr.js\": \"9f26\",\n\t\"./fy\": \"7118\",\n\t\"./fy.js\": \"7118\",\n\t\"./ga\": \"5120\",\n\t\"./ga.js\": \"5120\",\n\t\"./gd\": \"f6b4\",\n\t\"./gd.js\": \"f6b4\",\n\t\"./gl\": \"8840\",\n\t\"./gl.js\": \"8840\",\n\t\"./gom-deva\": \"aaf2\",\n\t\"./gom-deva.js\": \"aaf2\",\n\t\"./gom-latn\": \"0caa\",\n\t\"./gom-latn.js\": \"0caa\",\n\t\"./gu\": \"e0c5\",\n\t\"./gu.js\": \"e0c5\",\n\t\"./he\": \"c7aa\",\n\t\"./he.js\": \"c7aa\",\n\t\"./hi\": \"dc4d\",\n\t\"./hi.js\": \"dc4d\",\n\t\"./hr\": \"4ba9\",\n\t\"./hr.js\": \"4ba9\",\n\t\"./hu\": \"5b14\",\n\t\"./hu.js\": \"5b14\",\n\t\"./hy-am\": \"d6b6\",\n\t\"./hy-am.js\": \"d6b6\",\n\t\"./id\": \"5038\",\n\t\"./id.js\": \"5038\",\n\t\"./is\": \"0558\",\n\t\"./is.js\": \"0558\",\n\t\"./it\": \"6e98\",\n\t\"./it-ch\": \"6f12\",\n\t\"./it-ch.js\": \"6f12\",\n\t\"./it.js\": \"6e98\",\n\t\"./ja\": \"079e\",\n\t\"./ja.js\": \"079e\",\n\t\"./jv\": \"b540\",\n\t\"./jv.js\": \"b540\",\n\t\"./ka\": \"201b\",\n\t\"./ka.js\": \"201b\",\n\t\"./kk\": \"6d79\",\n\t\"./kk.js\": \"6d79\",\n\t\"./km\": \"e81d\",\n\t\"./km.js\": \"e81d\",\n\t\"./kn\": \"3e92\",\n\t\"./kn.js\": \"3e92\",\n\t\"./ko\": \"22f8\",\n\t\"./ko.js\": \"22f8\",\n\t\"./ku\": \"2421\",\n\t\"./ku.js\": \"2421\",\n\t\"./ky\": \"9609\",\n\t\"./ky.js\": \"9609\",\n\t\"./lb\": \"440c\",\n\t\"./lb.js\": \"440c\",\n\t\"./lo\": \"b29d\",\n\t\"./lo.js\": \"b29d\",\n\t\"./lt\": \"26f9\",\n\t\"./lt.js\": \"26f9\",\n\t\"./lv\": \"b97c\",\n\t\"./lv.js\": \"b97c\",\n\t\"./me\": \"293c\",\n\t\"./me.js\": \"293c\",\n\t\"./mi\": \"688b2\",\n\t\"./mi.js\": \"688b2\",\n\t\"./mk\": \"6909\",\n\t\"./mk.js\": \"6909\",\n\t\"./ml\": \"02fb\",\n\t\"./ml.js\": \"02fb\",\n\t\"./mn\": \"958b\",\n\t\"./mn.js\": \"958b\",\n\t\"./mr\": \"39bd\",\n\t\"./mr.js\": \"39bd\",\n\t\"./ms\": \"ebe4\",\n\t\"./ms-my\": \"6403\",\n\t\"./ms-my.js\": \"6403\",\n\t\"./ms.js\": \"ebe4\",\n\t\"./mt\": \"1b45\",\n\t\"./mt.js\": \"1b45\",\n\t\"./my\": \"8689\",\n\t\"./my.js\": \"8689\",\n\t\"./nb\": \"6ce3\",\n\t\"./nb.js\": \"6ce3\",\n\t\"./ne\": \"3a39\",\n\t\"./ne.js\": \"3a39\",\n\t\"./nl\": \"facd\",\n\t\"./nl-be\": \"db29\",\n\t\"./nl-be.js\": \"db29\",\n\t\"./nl.js\": \"facd\",\n\t\"./nn\": \"b84c\",\n\t\"./nn.js\": \"b84c\",\n\t\"./oc-lnc\": \"167b\",\n\t\"./oc-lnc.js\": \"167b\",\n\t\"./pa-in\": \"f3ff\",\n\t\"./pa-in.js\": \"f3ff\",\n\t\"./pl\": \"8d57\",\n\t\"./pl.js\": \"8d57\",\n\t\"./pt\": \"f260\",\n\t\"./pt-br\": \"d2d4\",\n\t\"./pt-br.js\": \"d2d4\",\n\t\"./pt.js\": \"f260\",\n\t\"./ro\": \"972c\",\n\t\"./ro.js\": \"972c\",\n\t\"./ru\": \"957c\",\n\t\"./ru.js\": \"957c\",\n\t\"./sd\": \"6784\",\n\t\"./sd.js\": \"6784\",\n\t\"./se\": \"ffff\",\n\t\"./se.js\": \"ffff\",\n\t\"./si\": \"eda5\",\n\t\"./si.js\": \"eda5\",\n\t\"./sk\": \"7be6\",\n\t\"./sk.js\": \"7be6\",\n\t\"./sl\": \"8155\",\n\t\"./sl.js\": \"8155\",\n\t\"./sq\": \"c8f3\",\n\t\"./sq.js\": \"c8f3\",\n\t\"./sr\": \"cf1e\",\n\t\"./sr-cyrl\": \"13e9\",\n\t\"./sr-cyrl.js\": \"13e9\",\n\t\"./sr.js\": \"cf1e\",\n\t\"./ss\": \"52bd\",\n\t\"./ss.js\": \"52bd\",\n\t\"./sv\": \"5fbd\",\n\t\"./sv.js\": \"5fbd\",\n\t\"./sw\": \"74dc\",\n\t\"./sw.js\": \"74dc\",\n\t\"./ta\": \"3de5\",\n\t\"./ta.js\": \"3de5\",\n\t\"./te\": \"5cbb\",\n\t\"./te.js\": \"5cbb\",\n\t\"./tet\": \"576c\",\n\t\"./tet.js\": \"576c\",\n\t\"./tg\": \"3b1b\",\n\t\"./tg.js\": \"3b1b\",\n\t\"./th\": \"10e8\",\n\t\"./th.js\": \"10e8\",\n\t\"./tk\": \"5aff\",\n\t\"./tk.js\": \"5aff\",\n\t\"./tl-ph\": \"0f38\",\n\t\"./tl-ph.js\": \"0f38\",\n\t\"./tlh\": \"cf75\",\n\t\"./tlh.js\": \"cf75\",\n\t\"./tr\": \"0e81\",\n\t\"./tr.js\": \"0e81\",\n\t\"./tzl\": \"cf51\",\n\t\"./tzl.js\": \"cf51\",\n\t\"./tzm\": \"c109\",\n\t\"./tzm-latn\": \"b53d\",\n\t\"./tzm-latn.js\": \"b53d\",\n\t\"./tzm.js\": \"c109\",\n\t\"./ug-cn\": \"6117\",\n\t\"./ug-cn.js\": \"6117\",\n\t\"./uk\": \"ada2\",\n\t\"./uk.js\": \"ada2\",\n\t\"./ur\": \"5294\",\n\t\"./ur.js\": \"5294\",\n\t\"./uz\": \"2e8c\",\n\t\"./uz-latn\": \"010e\",\n\t\"./uz-latn.js\": \"010e\",\n\t\"./uz.js\": \"2e8c\",\n\t\"./vi\": \"2921\",\n\t\"./vi.js\": \"2921\",\n\t\"./x-pseudo\": \"fd7e\",\n\t\"./x-pseudo.js\": \"fd7e\",\n\t\"./yo\": \"7f33\",\n\t\"./yo.js\": \"7f33\",\n\t\"./zh-cn\": \"5c3a\",\n\t\"./zh-cn.js\": \"5c3a\",\n\t\"./zh-hk\": \"49ab\",\n\t\"./zh-hk.js\": \"49ab\",\n\t\"./zh-mo\": \"3a6c\",\n\t\"./zh-mo.js\": \"3a6c\",\n\t\"./zh-tw\": \"90ea\",\n\t\"./zh-tw.js\": \"90ea\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"4678\";","module.exports = __webpack_public_path__ + \"img/wolft.77df10bb.png\";","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!./VerifyResponse.vue?vue&type=style&index=0&id=e780ea24&scoped=true&lang=css&\"; 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!./VerifyResponse.vue?vue&type=style&index=0&id=e780ea24&scoped=true&lang=css&\"","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!./VierdeBiggetje.vue?vue&type=style&index=0&id=57edf307&scoped=true&lang=css&\"; 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!./VierdeBiggetje.vue?vue&type=style&index=0&id=57edf307&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/pook4.7b0e0112.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('app-header'),_c('router-view')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { UserAgentApplication } from \"msal\";\n\nvar msalConfig = {\n    auth: {\n        // clientId: \"821fe51c-1f17-4abb-8b1a-bccb39b3571c\",\n        // authority: \"https://login.microsoftonline.com/25702d72-aeef-4f13-8b47-cc2595d7f3fc\",\n        clientId: \"23fc0598-0f0d-47c6-8094-dc3630b88e41\",\n        authority: \"https://login.microsoftonline.com/6e277990-b1d6-4b85-8470-509b7050bd88\",\n        redirectURI: \"http://localhost:8081/\"\n    },\n    cache: {\n        cacheLocation: \"localStorage\",\n        storeAuthStateInCookie: true\n    }\n};\n//   // Config object to be passed to Msal on creation\n//   const msalConfig = {\n//     auth: {\n//       clientId: \"821fe51c-1f17-4abb-8b1a-bccb39b3571c\", // this is a fake id\n//     //   authority: \"https://login.microsoftonline.com/common\",\n//       authority: \"https://login.microsoftonline.com/common/25702d72-aeef-4f13-8b47-cc2595d7f3fc\",\n//       redirectUri: \"http://localhost:3000/\",\n//     },\n//     cache: {\n//       cacheLocation: \"sessionStorage\", // This configures where your cache will be stored\n//       storeAuthStateInCookie: false, // Set this to \"true\" if you are having issues on IE11 or Edge\n//     }\n//   };\n\nvar requestObj = {\n    scopes: [\"user.read\"]\n};\n\nvar myMSALObj = new UserAgentApplication(msalConfig);\n// const myMSALObj = new Msal.UserAgentApplication(msalConfig);\n\nvar login = async () => {\n    var authResult = await myMSALObj.loginPopup(requestObj);\n    return authResult.account;\n};\n\nvar getAccount = async () => {\n    var account = await myMSALObj.getAccount();\n\n    // console.log('!!!!!!!!!!!!!! Hij gaat nu AWAITen ......... !!!!!!!!!!!!!!!!!!:');\n    // var accessToken = await this.myMSALObj.acquireTokenSilent();\n    // console.log('!!!!!!!!!!!!!!accessToken!!!!!!!!!!!!!!!!!!:');\n    // console.log(accessToken);\n\n    // const tokenResponse = await acquireToken(GRAPH_REQUESTS.LOGIN).catch(\n    //     error => {\n    //       setError(error.message);\n    //     }\n    //   );\n\n\n    // GEEEEEEN TOKEN - for now. \n    // const tokenResponse = await myMSALObj.acquireTokenSilent(requestObj);\n\n\n\n    // console.log('!!!!!!!!!!!!!!tokenResponse!!!!!!!!!!!!!!!!!!:');\n    // console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>');\n    // console.log(tokenResponse);\n    // console.log('<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<');\n\n    return account;\n};\n\n\n// var getToken = async () => {\n//     var account = await myMSALObj.getAccount();\n\n//     DIT MOET UITGESTERD BLIJVEN:\n//     console.log('!!!!!!!!!!!!!! Hij gaat nu AWAITen ......... !!!!!!!!!!!!!!!!!!:');\n//     <<TOT HIER\n\n//     const tokenResponse = await myMSALObj.acquireTokenSilent(requestObj);\n\n//     DIT MOET UITGESTERD BLIJVEN:\n//     console.log('!!!!!!!!!!!!!!tokenResponse!!!!!!!!!!!!!!!!!!:');\n//     console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>');\n//     console.log(tokenResponse);\n//     console.log('<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<');\n//     <<TOT HIER\n\n//     return tokenResponse;\n// };\n\nvar logoff = () => {\n    myMSALObj.logout();\n};\n\nexport default {\n    login,\n    getAccount,\n    // getToken,\n    logoff\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg\"},[_c('div',{staticClass:\"row flex-nowrap\"},[_vm._m(0),_c('div',{staticClass:\"col-lg-10 col-md-10 col-sm-10 col-xs-10 kolomOpMaat\"},[_c('div',{staticStyle:{\"float\":\"right\",\"padding-right\":\"20px\"}},[(_vm.username==='')?_c('button',{staticClass:\"buttonOpMaat\",on:{\"click\":function($event){return _vm.login()}}},[_vm._v(\"In\")]):_c('div',{staticClass:\"kweettandersookniet\"},[_c('span',{staticClass:\"lettersOpMaat\"},[_vm._v(\" \"+_vm._s(_vm.name)+\" \")]),_vm._m(1),_vm._m(2),_c('span',{staticClass:\"dropdown-menu\",attrs:{\"aria-labelledby\":\"navbarDropdown\",\"href\":\"#\"}},[_c('VerifyResponse')],1),_c('span',{staticClass:\"vertical-center\"},[_c('button',{staticClass:\"buttonOpMaat\",on:{\"click\":function($event){return _vm.logoff()}}},[_vm._v(\"Uit\")])])])])])]),_c('div',{staticClass:\"row flex-nowrap\"},[_c('div',{staticClass:\"col-lg-1 col-md-1 col-sm-1 col-xs-1 thirdPiglet-image\"}),_vm._m(3),_c('div',{staticClass:\"col-lg-7 col-md-7 col-sm-7 col-xs-7\"},[_c('ul',{staticClass:\"col em-header-menu-container navbar-right hidden-xs\"},[_c('li',{staticClass:\"nav nav-pills navbar-right PTSans fxxw700\"},[_c('router-link',{attrs:{\"to\":\"/\",\"tag\":\"li\",\"active-class\":\"active\",\"exact\":\"\"}},[_c('a',[_vm._v(\"Home\")])]),_c('router-link',{attrs:{\"to\":\"/user\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Voorbeelden\")])]),_c('router-link',{attrs:{\"to\":\"/blog\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Blog\")])]),_c('router-link',{attrs:{\"to\":\"/contact\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Contact\")])]),_c('router-link',{attrs:{\"to\":\"/vierdebiggetje\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"4e Biggetje\")])])],1)]),_c('div',{staticClass:\"navbar-nav hidden-xl hidden-lg hidden-md hidden-sm\"},[_c('nav',{staticClass:\"navbar\"},[_c('div',{staticClass:\"container-fluid navbar-nav\"},[_c('div',{staticClass:\"navbar-header\",staticStyle:{\"float\":\"right\"}},[_c('button',{staticClass:\"button\",on:{\"click\":_vm.setVisible}},[_vm._m(4)])]),(_vm.isVisible)?_c('div',[_c('ul',[_c('li',[_c('router-link',{attrs:{\"to\":\"/\",\"tag\":\"li\",\"active-class\":\"active\",\"exact\":\"\"}},[_c('a',[_vm._v(\"Home\")])]),_c('router-link',{attrs:{\"to\":\"/user\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Voorbeelden\")])]),_c('router-link',{attrs:{\"to\":\"/blog\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Blog\")])]),_c('router-link',{attrs:{\"to\":\"/contact\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"Contact\")])]),_c('router-link',{attrs:{\"to\":\"/vierdebiggetje\",\"tag\":\"li\",\"active-class\":\"active\"}},[_c('a',[_vm._v(\"4e Biggetje\")])])],1)])]):_vm._e()])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-lg-2 col-md-2 col-sm-2 col-xs-2 kolomOpMaat\"},[_c('div',{staticStyle:{\"padding-top\":\"5px\"}},[_c('a',{staticClass:\"navbar-brand lettersOpMaat\",attrs:{\"href\":\"#\"}},[_vm._v(\"3rd Piglet\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('img',{staticClass:\"imageOpMaat\",attrs:{\"src\":require(\"../assets/VereTransp.png\"),\"alt\":\"no pic\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"nav-link dropdown-toggle\",staticStyle:{\"display\":\"inline-block\"},attrs:{\"href\":\"#\",\"id\":\"navbarDropdown\",\"role\":\"button\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}},[_c('span',{staticClass:\"glyphicon glyphicon-bell myColor\",staticStyle:{\"padding-right\":\"5px\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-lg-4 col-md-4 col-sm-4 col-xs-4\"},[_c('div',[_c('a',{staticClass:\"PTSans fxw700 alsKlein7\",staticStyle:{\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"}},[_vm._v(\" Software Services \")])]),_c('div',[_c('p',{staticClass:\"PTSans fxw400 alsKlein4\"},[_vm._v(\"For your websites and more\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('span',{staticClass:\"glyphicon glyphicon-menu-hamburger\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"container PTSans\",staticStyle:{\"background-color\":\"#F2F4F4\",\"padding-left\":\"24px\",\"padding-right\":\"24px\"}},[_vm._m(0),_c('div',_vm._l((_vm.allResponses),function(response){return _c('div',{key:response.id},[_c('div',{staticClass:\"row mb-3\",staticStyle:{\"background-color\":\"#FDFEFE\",\"padding\":\"8px\"}},[_c('div',{staticClass:\"col-lg-10 col-md-10 col-sm-10 col-xs-10\"},[_c('div',[_c('div',{staticClass:\"responsetitletext\"},[_vm._m(1,true),_c('span',{domProps:{\"innerHTML\":_vm._s(response.name)}})]),_c('div',{staticClass:\"responsebodytext\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(response.body)}})]),_c('div',{staticClass:\"responsefootertext\"},[_c('span',{staticClass:\"glyphicon glyphicon-time\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"},domProps:{\"innerHTML\":_vm._s(_vm.formatDate(response.postedOn.postedOn))}})])])]),_c('div',{staticClass:\"col-lg-2 col-md-2 col-sm-2 col-xs-2\"},[_c('div',[_c('button',{staticClass:\"button\",attrs:{\"id\":\"button02\",\"name\":\"saveOK\"},on:{\"click\":function($event){return _vm.saveOK(response.id)}}},[_c('span',{staticClass:\"glyphicon glyphicon-thumbs-up\",staticStyle:{\"color\":\"green\"}})])]),_c('br'),_c('div',[_c('button',{staticClass:\"button\",attrs:{\"id\":\"button03\",\"name\":\"saveNOK\"},on:{\"click\":function($event){return _vm.saveNOK(response.id)}}},[_c('span',{staticClass:\"glyphicon glyphicon-thumbs-down\",staticStyle:{\"color\":\"red\"}})])])])])])}),0)])])]),_c('hr'),_c('br'),_c('br')])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mb-3 PTSans responsetitletext\"},[_c('div',{staticStyle:{\"padding-left\":\"8px\"}},[_c('i',[_vm._v(\"Goed te keuren reacties:\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',[_c('span',{staticClass:\"glyphicon glyphicon-user\",staticStyle:{\"padding-right\":\"8px\"}})])}]\n\nexport { render, staticRenderFns }","import axios from 'axios';\nlet thisAllVersions = {};\n\nasync function retrieveTemp(parmURL) {\n  await axios\n    .get(parmURL, { \n            auth: {\n                username: 'z',\n                password: 'z'\n            },\n            headers: {\n                'Access-Control-Allow-Origin': '*',\n                // 'Access-Control-Allow-Headers': 'Content-Type, Authorization',\n                },\n            crossdomain: true \n    })\n    // .get(parmURL, {})\n    .then(res => {\n      thisAllVersions = res.data;\n    })\n    .catch(function() {\n      thisAllVersions = null;\n    });\n  return thisAllVersions;\n}\n \nasync function retrieveResponses(parmURL) {\n  await axios\n    .get(parmURL, { \n            auth: {\n                username: 'z',\n                password: 'z'\n            },\n            headers: {\n                'Access-Control-Allow-Origin': '*',\n                // 'Access-Control-Allow-Headers': 'Content-Type, Authorization',\n                },\n            crossdomain: true \n    })\n    // .get(parmURL, {})\n    .then(res => {\n      thisAllVersions = res.data;\n    })\n    .catch(function() {\n      thisAllVersions = null;\n    });\n  return thisAllVersions;\n}\n\n// async function createNewVersion(parmURL, newVersion) {\n//     const data = JSON.stringify(newVersion);\n//     return axios\n//       .post(parmURL, data, {\n//         auth: {\n//             username: 'z',\n//             password: 'z'\n//         },\n//         headers: {\n//             'Content-Type': 'application/json',\n//         },\n//       })\n//       .then(function() {\n//         return true;\n//       })\n//       .catch(function() {\n//         return false;\n//       });\n\nasync function updateVersion(parmURL, updVersion, verId) {\n  const data = JSON.stringify(updVersion, verId);\n  return axios\n    .put(parmURL + verId, data, {\n        auth: {\n            username: 'z',\n            password: 'z'\n        },\n        headers: {\n            'Content-Type': 'application/json',\n        },\n    })\n    .then(function() {\n      return true;\n    })\n    .catch(function() {\n      return false;\n    });\n}\n\nasync function createNewVersion(parmURL, newVersion) {\n    const data = JSON.stringify(newVersion);\n    return axios\n      .post(parmURL, data, {\n        auth: {\n            username: 'z',\n            password: 'z'\n        },\n        headers: {\n            'Content-Type': 'application/json',\n        },\n      })\n      .then(function() {\n        return true;\n      })\n      .catch(function() {\n        return false;\n      });\n}\n\nexport {\n  retrieveTemp,\n  retrieveResponses,\n  createNewVersion,\n  updateVersion,\n};\n","<template>\n<div>\n  <div class=\"container\">\n      <div class=\"row\">\n          <div class=\"container PTSans\" style=\"background-color:#F2F4F4; padding-left: 24px; padding-right: 24px;\">\n            <div class=\"row mb-3 PTSans responsetitletext\">\n              <div style=\"padding-left: 8px;\"><i>Goed te keuren reacties:</i></div>\n            </div>\n            <div>\n              <!-- v-for=\"(response, index) in allResponses\" -->\n              <div\n                v-for=\"(response) in allResponses\"\n                :key=\"response.id\"\n              >\n                <!-- <div class=\"row mb-3\" style=\"background-color:#FDFEFE; padding: 8px;\" v-if=\"response.post.id == blog.id\"> -->\n                <div class=\"row mb-3\" style=\"background-color:#FDFEFE; padding: 8px;\">\n                  <div class=\"col-lg-10 col-md-10 col-sm-10 col-xs-10\">\n                    <div>\n                      <div class=\"responsetitletext\">\n                        <small><span class=\"glyphicon glyphicon-user\" style=\"padding-right: 8px\"></span></small>\n                        <span v-html=\"response.name\"></span>\n                      </div>\n                      <div class=\"responsebodytext\"><span v-html=\"response.body\"></span></div>\n                      <div class=\"responsefootertext\">\n                        <span class=\"glyphicon glyphicon-time\" style=\"padding-right: 5px\"></span>\n\n\n\n                        <!-- Effe uitgesterd: -->\n                        <!-- [Vue warn]: Error in render: \"TypeError: Cannot read property 'postedOn' of null\" -->\n                        <span style=\"padding-right: 11px\" v-html=\"formatDate(response.postedOn.postedOn)\"></span>\n\n\n\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-2\">\n                    <div>\n                      <button id=\"button02\"\n                              class=\"button\"\n                              name=\"saveOK\"\n                              @click=\"saveOK(response.id)\"\n                      >\n                      <span class=\"glyphicon glyphicon-thumbs-up\" style=\"color:green\"></span>\n                      </button>\n                    </div>\n                    <br> \n                    <div>\n                      <button id=\"button03\"\n                              class=\"button\"\n                              name=\"saveNOK\"\n                              @click=\"saveNOK(response.id)\"\n                      >\n                      <span class=\"glyphicon glyphicon-thumbs-down\" style=\"color:red\"></span>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <hr><br><br>\n    </div>\n</template>\n\n<script>\n// import BlogReaction from './BlogReaction';\nimport {\n  updateVersion,\n  retrieveTemp,\n  retrieveResponses,\n  createNewVersion,\n} from '../../services/ApiService';\nimport moment from 'moment';\nexport default {\n  name: 'VerifyResponse',\n  components: {\n    // BlogReaction,\n  },\n  props: {\n    msg: String\n  },\n  data() {\n    return {\n      verSelec: [],\n      responseSelec: [],\n      allMutations: {},\n      allVersions: {},\n      allResponses: {},\n      newVersion: {},\n      isSuccessful: false,\n      tempUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      prodUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      respUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/responses/',\n      bodyInData: '',\n      formattedDate: '',\n      isVisible: false,\n      reactionVisible: [],\n      glyphiconValue: \"glyphicon glyphicon-eye-open\",\n      button01: \"\",\n      reRenderKey: 0,\n    };\n  },\n  created: async function() {\n    for(var i = 0; i < 10; i++) {\n      this.reactionVisible.push(false);\n    }\n\n    await this.getVerProd();\n    await this.getResponses();\n  },\n  methods: {\n    getVerProd: async function() {\n      this.allMutations = await retrieveTemp(this.prodUrl);\n      this.allVersions = await retrieveTemp(this.prodUrl);\n      if (this.allVersions) {\n        this.arrayLength = this.allVersions.length;\n        this.verSelec = this.allVersions[0];\n      }\n    },\n    getResponses: async function() {\n      this.allResponses = await retrieveResponses(this.respUrl);\n    },\n    formatDate: function(parmDate) {\n      return this.formattedDate = moment(parmDate).format('DD-MM-YYYY, h:mm');\n    },\n    setVisible: function() {\n      this.isVisible = !(this.isVisible != false);\n      if (this.isVisible === true) {\n        this.glyphiconValue = \"geenBorder glyphicon glyphicon-eye-close\";  \n      }\n      else {\n        this.glyphiconValue = \"geenBorder glyphicon glyphicon-eye-open\";\n      }\n        // document.setElementsByClassName(\"button01\")[0].innerHTML = \"button geenBorder\";\n        // this.button01.setAttribute(\"class\", \"glyphicon glyphicon-ok-circle\");\n    },\n    setReactionVisible: function(pIndex) {\n      // this.reactionVisible[pIndex] = !(this.reactionVisible[pIndex] != false);\n      this.reactionVisible[pIndex] = true ;\n      // this.reRenderKey += 1; \n      return this.reactionVisible[pIndex];\n    },\n    saveOK: async function(responseId) {\n      const upTeDaten = {\"verified\": \"y\"};\n      this.isSuccessful = await updateVersion(this.respUrl, upTeDaten, responseId);\n      // if (this.isSuccessful === true) {\n      //   alert('gelukt :-)');\n      // } else {\n      //   alert('Mislukt :-(');\n      // }\n    },\n    saveNOK: async function(responseId) {\n      const upTeDaten = {\"verified\": \"n\"};\n      this.isSuccessful = await updateVersion(this.respUrl, upTeDaten, responseId);\n      // if (this.isSuccessful === true) {\n      //   alert('gelukt :-)');\n      // } else {\n      //   alert('Mislukt :-(');\n      // }\n    },\n  },\n}\n</script>\n\n<style scoped>\n@media screen and (min-width: 601px) {\n  div.blogtitletext {\n    font-size: 32px;\n    font-weight:400;\n    line-height: 64px;\n    text-align: center;\n  }\n  div.blogbodytext {\n    font-size: 20px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: left;\n  }\n  div.responsetitletext {\n    font-size: 24px;\n    font-weight:400;\n    line-height: 36px;\n    text-align: left;\n    padding-left: 0pt;\n  }\n  div.responsebodytext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n  }\n  textarea.responsebodytext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n  }\n    div.responsefootertext {\n    font-size: 10px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n    color: grey;\n    /* padding-right: 11px; */\n  }\n}\n\n@media screen and (max-width: 600px) {\n  div.blogtitletext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: center;\n  }\n  div.blogbodytext {\n    font-size: 10px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: left;\n  }\n  div.responsetitletext {\n    font-size: 14px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: left;\n  }\n  div.responsebodytext {\n    font-size: 9px;\n    font-weight:400;\n    line-height: 16px;\n    text-align: left;\n  }\n  textarea.responsebodytext {\n    font-size: 9px;\n    font-weight:400;\n    line-height: 16px;\n    text-align: left;\n  }\n  div.responsefootertext {\n    font-size: 8px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n    color: grey;\n  }\n}\n.text-block2 {\n  position: absolute;\n  bottom: 20  px;\n  left: 15%;\n  right: 15%;\n  /* background-color: black;\n  opacity: 0.8; */\n  /* color: white; */\n  /* padding-left: 20px;\n  padding-right: 20px; */\n}\n.city {\n  background-color: tomato;\n  /* color: white;\n  border: 2px solid black;\n  margin: 20px;\n  padding: 20px;\n  margin-top: 100px;\n  margin-bottom: 0px; */\n}\n.noopadding {\n  /* padding-left: 1p x; */\n  padding-right: 0px;\n}\n.padding-minder {\n  /* padding: 1px; */\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.container {\n  border: 0pt;\n}\n.container-fluid{\n  border: 0pt;\n  /* padding: 0pt; */\n\n}\n.button {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n.jumbotron{\n  background-image: url(\"../../assets/poesraamregen.gif\");\n}\n.form-control {\n   min-width: 100%;\n   max-width: 100%;\n}\n.form-check-input {\n  margin-top: 0px;\n}\n/* @import url('https://fonts.googleapis.com/css?family=PT+Sans');\n.PTSans {\n  font-family: 'PT Sans';\n  font-size: 16px;\n  font-weight:400;\n  margin-bottom: 0px;\n  line-height: 1;\n} */\n</style>\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!./VerifyResponse.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!./VerifyResponse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerifyResponse.vue?vue&type=template&id=e780ea24&scoped=true&\"\nimport script from \"./VerifyResponse.vue?vue&type=script&lang=js&\"\nexport * from \"./VerifyResponse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VerifyResponse.vue?vue&type=style&index=0&id=e780ea24&scoped=true&lang=css&\"\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  \"e780ea24\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div>\n  <div class=\"container-full-bg\">\n    <div class=\"row flex-nowrap\">\n      <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-2 kolomOpMaat\">\n        <div style=\"padding-top: 5px\">\n          <a href=\"#\" class=\"navbar-brand lettersOpMaat\">3rd Piglet</a>\n        </div>\n      </div>\n      <div class=\"col-lg-10 col-md-10 col-sm-10 col-xs-10 kolomOpMaat\">\n        <div style=\"float:right; padding-right: 20px\">\n        <!-- <v-btn v-if=\"username===''\" @click=\"login()\" color=\"primary\">Login</v-btn> -->\n        <!-- <button v-if=\"username==='TIJDELIJK'\" @click=\"login()\" class=\"buttonOpMaat\">In</button> -->\n        <button v-if=\"username===''\" @click=\"login()\" class=\"buttonOpMaat\">In</button>\n          <div class=\"kweettandersookniet\" v-else>\n            <span class=\"lettersOpMaat\">\n              {{ name }}\n            </span>\n            <span>\n              <img src=\"../assets/VereTransp.png\" alt=\"no pic\" class=\"imageOpMaat\">\n            </span>\n            <span style=\"display: inline-block\" class=\"nav-link dropdown-toggle\" href=\"#\" id=\"navbarDropdown\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n              <span class=\"glyphicon glyphicon-bell myColor\" style=\"padding-right: 5px\"></span>\n            </span>\n            <span class=\"dropdown-menu\" aria-labelledby=\"navbarDropdown\" href=\"#\">\n              <VerifyResponse/>\n            </span>\n            <span class=\"vertical-center\">\n              <button @click=\"logoff()\" class=\"buttonOpMaat\">Uit</button>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row flex-nowrap\">\n      <div class=\"col-lg-1 col-md-1 col-sm-1 col-xs-1 thirdPiglet-image\"/>\n      <div class=\"col-lg-4 col-md-4 col-sm-4 col-xs-4\">\n        <div>\n          <a style=\"text-decoration:none\" class=\"PTSans fxw700 alsKlein7\" href=\"#\">\n              Software Services\n          </a>\n        </div>\n        <div>\n          <p class=\"PTSans fxw400 alsKlein4\">For your websites and more</p>\n        </div>\n      </div>\n      <div class=\"col-lg-7 col-md-7 col-sm-7 col-xs-7\">\n        <ul class=\"col em-header-menu-container navbar-right hidden-xs\">\n          <li class=\"nav nav-pills navbar-right PTSans fxxw700\">\n            <router-link to=\"/\" tag=\"li\" active-class=\"active\" exact><a>Home</a></router-link>\n            <router-link to=\"/user\" tag=\"li\" active-class=\"active\"><a>Voorbeelden</a></router-link>\n            <router-link to=\"/blog\" tag=\"li\" active-class=\"active\"><a>Blog</a></router-link>\n            <router-link to=\"/contact\" tag=\"li\" active-class=\"active\"><a>Contact</a></router-link>\n            <router-link to=\"/vierdebiggetje\" tag=\"li\" active-class=\"active\"><a>4e Biggetje</a></router-link>\n          </li> \n        </ul>\n          <div class=\"navbar-nav hidden-xl hidden-lg hidden-md hidden-sm\">\n            <!-- <nav class=\"navbar navbar-default\"> -->\n            <nav class=\"navbar\">\n              <div class=\"container-fluid navbar-nav\">\n                <div class=\"navbar-header\" style=\"float:right\">\n                  <button class=\"button\" @click=\"setVisible\"><p><span class=\"glyphicon glyphicon-menu-hamburger\"></span></p></button>\n                </div>\n                <div v-if=\"isVisible\">\n                  <ul>\n                    <li>\n                      <router-link to=\"/\" tag=\"li\" active-class=\"active\" exact><a>Home</a></router-link>\n                      <router-link to=\"/user\" tag=\"li\" active-class=\"active\"><a>Voorbeelden</a></router-link>\n                      <router-link to=\"/blog\" tag=\"li\" active-class=\"active\"><a>Blog</a></router-link>\n                      <router-link to=\"/contact\" tag=\"li\" active-class=\"active\"><a>Contact</a></router-link>\n                      <router-link to=\"/vierdebiggetje\" tag=\"li\" active-class=\"active\"><a>4e Biggetje</a></router-link>\n                  </li>\n                  </ul>\n                </div>\n              </div>\n            </nav>  \n          </div>\n      </div>\n    </div>\n  </div>\n</div>\n</template>\n\n<script>\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport 'jquery/src/jquery.js'\nimport 'bootstrap/dist/js/bootstrap.min.js'\n// import BlogReaction from './blog/BlogReaction';\nimport VerifyResponse from './blog/VerifyResponse';\nimport aad from \"../services/aad\";\nexport default {\n  name: 'Header',\n  components: {\n    // BlogReaction,\n    VerifyResponse,\n  },\n  data() {\n  return {\n    isVisible: false,\n    reRenderKey: 0,\n    username: \"\",\n    name: \"\",\n    };\n  },\n    created() {\n      aad.getAccount().then((account) => {\n      if(account !== null) {\n        this.username = account.userName;\n        this.name = account.name;\n      }\n    });\n  },\n  methods: {\n    setVisible: function() {\n      this.isVisible = !(this.isVisible != false)\n    },\n    login() {\n      aad.login().then((account) => {\n        this.username = account.userName;\n      });\n    },\n    logoff() {\n      aad.logoff();\n    }\n  },\n};\n</script>\n<style scoped>\n/* .v-btn--round{\n  height: 44px;\n} */\n.kweettandersookniet{\n  background-color: #313236;\n  height: 16px;\n  vertical-align: center;\n  font-size: small;\n}\n.navbar {\n  margin-bottom: 0px;\n}\n.navbar-brand{\n  height: 16px;\n  /* padding-top: 13px; */\n  font-size: small;\n  /* vertical-align: center; */\n  /* padding-top: 2px; */\n}\n.navbar-right{\n  margin-right: 0px;\n}\n.rijOpMaat{\n  background-color: #313236;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  height: 32px;\n}\n.kolomOpMaat{\n  background-color: #313236;\n  height: 32px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  padding-right: 0px;\n}\n.buttonOpMaat{\n  background-color: whitesmoke;\n  border-radius: 3px; \n  height: 20px;\n  padding-top: 0px;\n  padding-right: 3px;\n  padding-bottom: 0px;\n  padding-left: 2px;\n  vertical-align: center;\n  font-size: small;\n  font-weight:400;  \n}\n.imageOpMaat {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  width: 24px;\n  height: 24px;\n  vertical-align: center;\n  /* object-fit: cover; */\n  /* object-fit: contain; */\n}\n.lettersOpMaat {\n  font-size: small;\n  font-weight:400;\n  color: whitesmoke;\n  vertical-align: center;\n  padding-top: 0px;\n  padding-right: 8px;\n    /* padding: 0%; */\n}\n/* .rechts{\n\n} */\n/* .jumbotron{\n  background-image: none;\n  background-size: 10px 10px;\n  min-height: 1px;\n  height: 1px;\n  color: whitesmoke;\n  background-color: #313236;\n}\n.myBackground{\n  background-color: whitesmoke;\n}\n.barhier{\n  background-color: #313236;\n} */\n/* .navbar-toggler-icon{\n  background-color: whitesmoke;\n} */\n.myColor{\n  color: whitesmoke;\n} \n/* .witteLetters{\n  color: whitesmoke;\n} */\n/* .whiteandpadding {\n  color: white; \n  padding-right: 12px;\n} */\n.f35w700 {\n  font-size: 35px;\n  font-weight:700;\n  color: black;\n  padding: 0%;\n}\n.f15w400 {\n  font-size: 15px;\n  font-weight:400;\n}\n.f20w700 {\n  font-size: 20px;\n  font-weight:700;\n}\nspan:hover {\n  color: #1279be; \n}\n\n/* .andereMargin {\n  margin: 5px;\n  padding: 10px;\n} */\n\n/* @import'~bootstrap/dist/css/bootstrap.min.css' */\n</style>\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!./Header.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!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=76552497&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=76552497&scoped=true&lang=css&\"\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  \"76552497\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <div>\n      <!-- <hr> -->\n      <app-header></app-header>\n      <router-view></router-view>\n    </div>\n    \n  <!-- <v-app> -->\n    <!-- <v-app-bar app class=\"barhier\">\n      <v-toolbar-title>Vue 3rdP App</v-toolbar-title>\n\n      <v-spacer></v-spacer>\n\n      <v-btn v-if=\"username===''\" @click=\"login()\" color=\"primary\">Login</v-btn>\n      <div v-else>\n        <span class=\"name\">{{ name }}</span>\n        <span><img src=\"./assets/VereTransp.png\" alt=\"no pic\" class=\"vere\"></span>\n        <v-btn @click=\"logoff()\" color=\"red\" class=\"ml-3\">Logoff</v-btn>\n      </div>\n    </v-app-bar> -->\n\n    <!-- <v-content>\n      <v-container>\n        <v-card>\n        <div id=\"example-1\">\n          Hellooooo\n        </div>    \n        <div id=\"example-1\">\n          <button v-on:click=\"getVerLocal('http://localhost:8080/')\">Local GET</button>\n        </div>\n\n        </v-card>\n      </v-container>\n    </v-content> -->\n  <!-- </v-app> -->\n  </div>\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080')\">Local GET Kaal</button> -->\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080/')\">Local GET</button> -->\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080/posts/')\">Local GET posts/</button> -->\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080/Group1')\">Local GET Group1</button> -->\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080/Group2')\">Local GET Group2</button> -->\n          <!-- <button v-on:click=\"getVerLocal('http://localhost:8080/Group3')\">Local GET Group3</button> -->\n</template>\n\n<script>\nimport aad from \"./services/aad\";\nimport Axios from 'axios';\nimport Header from './components/Header.vue';\n\nexport default {\n  name: \"App\",\n  components: {\n    appHeader: Header\n  },  \n  data: () => ({\n    // items: [\"Apple\", \"Banana\", \"Mango\"],\n    // newText: \"\",\n    username: \"\",\n    name: \"\",\n    // temp: \"initieel\",\n    tofToken: {},\n  }),\n\n  created() {\n    aad.getAccount().then((account) => {\n      if(account !== null) {\n        this.username = account.userName;\n        this.name = account.name;\n        // console.log('>>');\n        // console.log(account);\n        // console.log('<<');\n      }\n    });\n    // aad.getToken().then((token) => {\n    //   if(token !== null) {\n    //     this.tofToken = token.accessToken;\n    //     console.log('NOGMAALS: ');\n    //     console.log(this.tofToken);\n    //   }\n    // });\n    // this.fetch();\n  },\n\n  methods: {\n    // getVerLocal() {\n    //   console.log('#### this.username: ' + this.username);\n    //   // Axios.get('https://rest-tofapi-1579971100341.azurewebsites.net/Group2').then(Response => {\n    //   // Axios.get('http://localhost:8080/Group1').then(Response => {\n    //   // Axios.get('http://localhost:8080/Group2').then(Response => {\n    //   // Axios.get('http://localhost:8081/Group2', this.tofToken, params).then(res => res.data)\n    //   // Axios.get('http://localhost:8081/Group2', this.tofToken).then(Response => {\n    //   // Axios.get('http://localhost:8081/Group2').then(Response => {\n    //   // Axios.get('http://localhost:8081',\n    //   Axios.get('http://localhost:8081/Group2',\n    //   // {\n    //   //   headers: { \n    //   //     Authorization: `Bearer $(this.tofToken)` \n    //   //     },\n    //   // }\n    //   ).then(Response => {\n    //     console.log('++++ SUCCESS ++++');\n    //     console.log(Response);  \n    //     // this.temp = '++++ SUCCESS ++++';\n    //     this.temp = Response.data;\n    //   }).catch(() => {\n    //     console.log('---- ERROR ----');\n    //     this.temp = '---- ERROR ----';\n    //   });\n    // },\n    // deleteItem(index) {\n    //   this.items.splice(index, 1);\n    // },\n\n    // addItem() {\n    //   this.items.push(this.newText);\n    //   this.newText = \"\";\n    // },\n\n    login() {\n      aad.login().then((account) => {\n        this.username = account.userName;\n      });\n    },\n\n    logoff() {\n      aad.logoff();\n    }\n  }\n};\n</script>\n<style scoped>\n.barhier{\n  background-color: black;\n}\n.vere {\n  width: 40px;\n  height: 40px;\n  /* object-fit: cover; */\n  object-fit: contain;\n}\n.name {\n  color: white;\n}\n</style>\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=64c2159b&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=64c2159b&scoped=true&lang=css&\"\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  \"64c2159b\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('herfst')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\"},[_c('div',{staticClass:\"relatief\"},[_c('img',{key:_vm.reRenderKey,attrs:{\"id\":\"animation\"}}),_c('a',{staticClass:\"button black buttonX\",attrs:{\"href\":\"winter\"}},[_vm._v(\" Naar Winter thema \")]),_c('router-link',{staticClass:\"buttonY\",attrs:{\"to\":{name: 'herfstHQ'}}})],1),_c('div',{staticClass:\"absoluut\",attrs:{\"id\":\"pookjeId\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sliderValue),expression:\"sliderValue\"}],attrs:{\"type\":\"range\",\"id\":\"range\",\"min\":\"1\",\"max\":\"9\",\"step\":\"1\"},domProps:{\"value\":(_vm.sliderValue)},on:{\"input\":function($event){return _vm.poken()},\"mouseup\":function($event){return _vm.flapRuitenwisser()},\"__r\":function($event){_vm.sliderValue=$event.target.value}}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\">\n    <div class=\"relatief\">\n      <img :key=\"reRenderKey\" id=\"animation\"/>\n        <a href=\"winter\" class=\"button black buttonX\">\n          Naar Winter thema\n        </a>\n      <router-link :to=\"{name: 'herfstHQ'}\" class=\"buttonY\"/>\n    </div>\n    <div id=\"pookjeId\" class=\"absoluut\">  \n      <input @input=\"poken()\" @mouseup=\"flapRuitenwisser()\" type=\"range\" id=\"range\" min=\"1\" max=\"9\" step=\"1\" v-model=\"sliderValue\" />\n    </div>  \n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Herfst',\n  data() {\n    return {\n      cssProps: {\n        backgroundImage: `url(${require('@/assets/pook4.png')})`\n      },\n      sliderValue: 3,\n      forceRender: 0,\n      snelheid: 100,\n      loopjumper: 0,\n      reRenderKey: 0,\n      StartStop: null,\n      // frameHeight: 300,\n      // frames: 15,\n      // frame: 0,\n      // divtof: document.getElementById(\"animation\"),\n      klaar: false,\n      intervalId: 0,\n      nogBezig: false,\n    };\n  },\n  created() {\n  },\n  methods: {\n    snel: function() {\n      this.snelheid = this.snelheid - 50\n    },\n    langzaam: function() {\n      this.snelheid = this.snelheid + 50\n    },\n    stop: function() {\n      this.loopjumper = 1000;\n    },\n    flapRuitenwisser: async function() {\n      if(this.nogBezig == false){\n        var i;\n        for (i = 0; i < 999; i++) {\n          let kanWeg = await this.flapEENkeer();\n          i = i + this.loopjumper;\n        }\n        this.loopjumper = 0;\n      }\n    },\n    flapEENkeer: async function() {\n      return new Promise((resolve, reject) => {\n        let i = 22\n        var frameHeight = 300;\n        var frames = 22;\n        var frame = 0;\n        var divtof = document.getElementById(\"animation\");\n        this.intervalId = setInterval(() => {\n          this.nogBezig = true;\n          var frameOffset = (++frame % frames) * -frameHeight;\n          divtof.style.backgroundPosition = \"0px \" + frameOffset + \"px\";\n          if (--i < 1) {\n            clearInterval(this.intervalId)\n            this.nogBezig = false;\n            resolve(frame)\n            }\n          }, this.snelheid)\n      })\n    },\n    poken() {\n      let zzzz = \"https://vuestoragestatictof.blob.core.windows.net/pics/pook\".concat(this.sliderValue + \".png\");\n      document.getElementById('pookjeId').style.backgroundImage = \"url(\"+zzzz+\")\";\n      this.snelheid = (10 - this.sliderValue) * 30;\n      // if(this.nogBezig == false && this.sliderValue == 1) {\n      if(this.sliderValue == 1) {\n        this.stop();\n      }\n    },\n  }\n}\n</script>\n\n<style scoped>\n#animation {\n  background-image: url(\"../assets/film04.png\");\n}\n#pookjeId { \n  visibility:visible;\n  background-image: url(\"https://vuestoragestatictof.blob.core.windows.net/pics/pook4.png\");\n  background-position: center;\n  background-size: 45%;\n  background-repeat: no-repeat;\n  bottom: -80px;\n}\n.absoluut{\n  position: absolute;\n}\n</style>\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!./Herfst.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!./Herfst.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Herfst.vue?vue&type=template&id=5cb06592&scoped=true&\"\nimport script from \"./Herfst.vue?vue&type=script&lang=js&\"\nexport * from \"./Herfst.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Herfst.vue?vue&type=style&index=0&id=5cb06592&scoped=true&lang=css&\"\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  \"5cb06592\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div>\n  <herfst/>\n</div>\n</template>\n\n<script>\n// import VueLoadImage from 'vue-load-image'\nimport herfst from './Herfst'\nexport default {\n  name: 'Home',\n  components: {\n    // 'vue-load-image': VueLoadImage\n    herfst\n  },\n  data() {\n    return {\n    };\n  },\n  created: async function() {\n  },\n  mounted: async function() {\n  },\n  methods: {\n  }\n}\n</script>\n\n<style>\n#myImg{\n  max-height: 477px;\n}\n.jumbotron{\n  background-size: cover;\n  background-size: 100%;\n  background-repeat: no-repeat;\n  /* min-height: 470px; */\n  min-height: 478px;\n  color: white;\n  text-align: center;\n}\n.onzichtbaar{\n  color:#37372e;\n  opacity: 0;\n}\n.pookjeClass{\n  background-image: url(\"https://vuestoragestatictof.blob.core.windows.net/pics/pook4.png\");\n  /* background-color: green; */\n  background-position: center;\n  background-size: 50%;\n  background-repeat: no-repeat;\n}\n.topIets{\n  top: 116px;\n}\n.top570{\n  top: 570px;\n}\n.pookjecss{\n  position: absolute;\n  top: 0px;\n  max-height: 100%;\n  width: 200px;\n  background-color: blueviolet;\n}\n.pookjecss2{\n  position: absolute;\n  top: 560px;\n  /* bottom: -20px; */\n  /* size: 10%; */\n  /* height: 10px; */\n  max-height: 100%;\n  width: 150px;\n  /* background-color: blueviolet; */\n}\n.kleurtje{\n  background-color:#37372e;\n}\n.hoogte{\n  /* height: 470px; */\n  /* height: 478px; */\n  min-height: 478px;\n/* }.maxhoogte{\n  max-height: 470px;\n}\n.maxhoogtePookje{\n  /* height: 20px; */\n  max-height: 100px;\n} */\n.hoogtePookje{\n  /* height: 20px; */\n  height: 100px;\n}\n.padding0{\n  padding: 0px;\n  border-color: red;\n}\n.top0{\n  top: 0px;\n}\n.margin0{\n  margin: 0px;\n}\n.relatief{\n  position: relative;\n}\n.relatief0{\n  position: relative;\n}\n.relatief0{\n  position: relative;\n  /* background-color:#a09ea1; */\n  background-color:#37372e;\n  opacity: 0.5;\n  height: 470px;\n  text-align: center;\n}\n.relatief1{\n  position: relative;\n}\n.relatief2{\n  position: relative;\n  background-color: rgb(241, 135, 13);\n  max-height: 100%;\n  text-align: center;\n}\n.relatief3{\n  position: relative;\n  background-color: blue;\n  max-height: 700%;\n  text-align: center;\n}\n.absoluut{\n  position: absolute;\n  /* max-height: 100%; */\n}\n.absoluut1{\n  position: absolute;\n  /* background-color: lightgreen; */\n  max-height: 100%;\n  /* top: 0px; */\n  left:200px;\n  text-align: center;\n}.absoluut2{\n  position: absolute;\n  background-color: lightgreen;\n  max-height: 40%;\n  bottom: -100px;\n  text-align: center;\n}\n.img-fluid {\n  max-width: 100%;\n  height: auto;\n}\n.img-responsive {\n  /* display: block; */\n  /* position: absolute; */\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  height: auto;\n}\n.achterSlider{\n  /* background-image: url(\"../assets/VereTransp.png\"); */\n  background-color: rgb(253, 5, 191);\n  background-size: 100px; \n}\n.pookjeimage{\n  background-color: blueviolet;\n  /* background-image: url(\"../assets/pook5.png\");\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  background-position: center; */\n  size: 20%;\n  height: 100px;\n  /* background-size: 100px;  */\n}\n.jumboNOtron{\n  background-color: black;\n  /* background-image: url(\"../assets/Ruitenwissers05.gif\"); */\n  /* background-image: url(\"C:/Users/AnneStoffel/projects/vue-todo-ep3/src/assets/JolandaDorstBackgroundDark.png\"); */\n  /* background-size: cover; */\n  background-size: contain;\n  min-height: 568px;\n  /* max-height: 768px; */\n  /* height: 40%;\n  width: 40%; */\n  color: white;\n  text-align: center;\n  /* animation-duration: 4s; */\n  /* animation-duration: 10ms; */\n  /* image-rendering: optimizeSpeed; */\n}\n.under\n{\n/* position:relative;\nleft:0px;\ntop:0px;\nz-index:-1; */\n  position: absolute;\n  /* size: 10%; */\n  /* max-height: 60%; */\n}\n.over\n{\nposition:sticky;\nleft: calc(50% - 125px);\ntop:-20px;\nbottom:-20px;\nz-index:-1;\nwidth: 20%;\nheight: auto;\n}\n.p {\n   margin-top:5px;\n   margin-bottom:5px\n}\n.top-left {\n  position: absolute;\n  top: 10%;\n  left: 16px;\n}\n/* Container holding the image and the text */\n/* .container {\n  position: relative;\n} */\n\n.text-block {\n  position: absolute;\n  bottom: 20px;\n  left: 10%;\n  /* background-color: black;\n  opacity: 0.8; */\n  color: white;\n  /* padding-left: 20px;\n  padding-right: 20px; */\n}\n\n@import url('https://fonts.googleapis.com/css?family=PT+Sans');\n.PTSans {\n  font-family: 'PT Sans';\n  /* font-size: 20px; */\n}\n.Kop {\n  font-size: 46px;\n  font-weight:700;\n  margin-bottom: 0px;\n  line-height: 1;\n}\n.SubKop {\n  font-size: 20px;\n  font-weight:400;\n  /* margin-bottom: 0px;\n  line-height: 1; */\n}\n.titletext {\n  font-size: 46px;\n  font-weight:700;\n  line-height: 64px;\n  text-align: center;\n}\n.bodytext {\n  font-size: 20px;\n  font-weight:400;\n  line-height: 32px;\n  text-align: center;\n}\n.blogtitletext {\n  font-weight:400;\n  text-align: center;\n}\n.blogbodytext {\n  font-weight:400;\n  text-align: left;\n}\n.responsetitletext {\n  font-weight:400;\n  text-align: left;\n  padding-left: 0pt;\n}\n.responsebodytext {\n  font-weight:400;\n  text-align: left;\n}\ntextarea.responsebodytext {\n  font-weight:400;\n  text-align: left;\n}\n  .responsefootertext {\n  font-weight:400;\n  text-align: left;\n  color: grey;\n  /* padding-right: 11px; */\n}\n#animation {\n  background-image: url(\"../assets/imgNotFound.png\");\n  background-repeat: no-repeat;\n  height: 300px;\n  width: 533px;\n  transform-origin:top;\n  /* Stomme truc om irritant randje we te krijgen >>> */\n  padding: 150px;\n  /* <<< Stomme truc om irritant randje we te krijgen */\n}\n.buttonX{\n  opacity: .6;\n  height: 40px;\n  width: 80px;\n  padding: 0px;\n  position: absolute;\n  opacity: .6;\n  z-index: +1;\n}\n.buttonY{\n  padding: 0px;\n  background-image: url(\"../assets/HQ07.png\");\n  background-size: 100%;\n  position: absolute;\n  z-index: +1;\n}\n.fxw700 {\n    font-weight:700;\n    color: black;\n    padding: 0%;\n}\n.fxw400 {\n  font-weight:400;\n}\n.fxxw700 {\n  font-weight:700;\n}\n.thirdPiglet-image {\n  background-image: url(\"../assets/3rdPigletLogo9.png\");\n  background-position: center;\n  background-repeat: no-repeat;\n}\n@media screen and (min-width: 1200px) {\n  .fxw700 {\n    font-size: 35px;\n  }\n  .fxxw700 {\n    font-size: 18px;\n  }\n  .fxw400 {\n    font-size: 15px;\n  }\n  .titletext {\n    font-size: 46px;\n    line-height: 64px;\n  }\n  .bodytext {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  .thirdPiglet-image {\n    background-size: 75%;\n  }\n  #animation {\n    transform: scale(1.59,1.59);\n  }\n  .buttonX{\n    top: 30px;\n    left: -150px;\n  }\n  .buttonY{\n    top: 20px;\n    right: -150px;\n    height: 50px;\n    width: 50px;\n  }\n  .hoogte{\n    height: 478px;\n    min-height: 400px;\n    max-height: 478px;\n  }\n  .blogtitletext {\n    font-size: 32px;\n    line-height: 64px;\n  }\n  .blogbodytext {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  .responsetitletext {\n    font-size: 24px;\n    line-height: 36px;\n  }\n  .responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  textarea.responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  .responsefootertext {\n    font-size: 10px;\n    line-height: 24px;\n    color: grey;\n    /* padding-right: 11px; */\n  }\n  .thirdPiglet-image {\n    background-size: 50%;\n    margin-left: 10px;\n  }\n}\n@media screen and (min-width: 992px) and (max-width: 1199px) {\n  .fxw700 {\n    font-size: 25px;\n  }\n  .fxxw700 {\n    font-size: 12px;\n  }\n  .fxw400 {\n    font-size: 13px;\n  }\n  .titletext {\n    font-size: 46px;\n    line-height: 64px;\n  }\n  .bodytext {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  .thirdPiglet-image {\n    background-size: 75%;\n  }\n  #animation {\n    transform: scale(1.1,1.1);\n  }\n  .buttonX{\n    top: 18px;\n    left: -35px;\n    transform: scale(0.8,0.8);\n  }\n  .buttonY{\n    top: 12px;\n    right: -22px;\n    height: 40px;\n    width: 40px;\n  }\n  .hoogte{\n    height: 331px;\n    min-height: 100px;\n    max-height: 331px;\n  }\n  .blogtitletext {\n    font-size: 28px;\n    line-height: 56px;\n  }\n  .blogbodytext {\n    font-size: 18px;\n    line-height: 28px;\n  }\n  .responsetitletext {\n    font-size: 24px;\n    line-height: 36px;\n  }\n  .responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  textarea.responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  .responsefootertext {\n    font-size: 10px;\n    line-height: 24px;\n    color: grey;\n    /* padding-right: 11px; */\n  }\n  .thirdPiglet-image {\n    background-size: 50%;\n    margin-left: 10px;\n  }\n}\n@media screen and (min-width: 768px) and (max-width: 991px) {\n  .fxw700 {\n    font-size: 15px;\n  }\n  .fxxw700 {\n    font-size: 12px;\n  }\n  .fxw400 {\n    font-size: 9px;\n  }\n  .titletext {\n    font-size: 46px;\n    line-height: 64px;\n  }\n  .bodytext {\n    font-size: 20px;\n    line-height: 32px;\n  }\n  .thirdPiglet-image {\n    background-size: 75%;\n  }\n  #animation {\n    transform: scale(0.7,0.7);\n  }\n  .buttonX{\n    top: 8px;\n    left: 56px;\n    transform: scale(0.6,0.6);\n  }\n  .buttonY{\n    top: 9px;\n    right: 85px;\n    height: 30px;\n    width: 30px;\n  }\n  .hoogte{\n    height: 210px;\n    min-height: 100px;\n    max-height: 210px;\n  }\n  .blogtitletext {\n    font-size: 24px;\n    line-height: 48px;\n  }\n  .blogbodytext {\n    font-size: 14px;\n    line-height: 24px;\n  }\n  .responsetitletext {\n    font-size: 24px;\n    line-height: 36px;\n  }\n  .responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  textarea.responsebodytext {\n    font-size: 16px;\n    line-height: 24px;\n  }\n  .responsefootertext {\n    font-size: 10px;\n    line-height: 24px;\n    color: grey;\n    /* padding-right: 11px; */\n  }\n  .thirdPiglet-image {\n    background-size: 50%;\n    margin-left: 10px;\n  }\n}\n@media screen and (min-width: 576px) and (max-width: 767px) {\n  /* .kleurtje{\n    background-color:red;\n  } */\n  .fxw700 {\n    font-size: 13px;\n    /* PAS OP: */\n    position: absolute;\n    padding-top: 10px;\n  }\n  .fxxw700 {\n    font-size: 11px;\n  }\n  .fxw400 {\n    padding-top: 30px;\n    /* PAS OP: */\n    position: absolute;\n    font-size: 11px;\n  }\n  .titletext {\n    font-size: 40px;\n    line-height: 32px;\n  }\n  .bodytext {\n    font-size: 17px;\n    line-height: 16px;\n  }\n  .thirdPiglet-image {\n    background-size: 75%;\n  }\n  #animation {\n    transform: scale(0.37,0.37);\n    width: 400px;\n  }\n  .buttonX{\n    top: 2px;\n    left: 93px;\n    transform: scale(0.5,0.5);\n  }\n  .buttonY{\n    top: 5px;\n    right: 130px;\n    height: 20px;\n    width: 20px;\n  }\n  .hoogte{\n    height: 111px;\n    min-height: 50px;\n    max-height: 111px;\n  }\n  .blogtitletext {\n    font-size: 16px;\n    line-height: 32px;\n  }\n  .blogbodytext {\n    font-size: 10px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: left;\n  }\n  .responsetitletext {\n    font-size: 14px;\n    line-height: 32px;\n  }\n  .responsebodytext {\n    font-size: 9px;\n    line-height: 16px;\n  }\n  textarea.responsebodytext {\n    font-size: 9px;\n    line-height: 16px;\n  }\n  .responsefootertext {\n    font-size: 8px;\n    line-height: 24px;\n    color: grey;\n  }\n  .thirdPiglet-image {\n    background-size: 50%;\n    margin-left: 10px;\n  }\n}\n@media screen and (max-width: 575px) {\n  /* .kleurtje{\n    background-color:lightgreen;\n  } */\n  .fxw700 {\n    font-size: 13px;\n    /* PAS OP: */\n    position: absolute;\n    padding-top: 10px;\n  }\n  .fxxw700 {\n    font-size: 11px;\n  }\n  .fxw400 {\n    padding-top: 30px;\n    /* PAS OP: */\n    position: absolute;\n    font-size: 11px;\n  }\n  .titletext {\n    font-size: 40px;\n    line-height: 32px;\n  }\n  .bodytext {\n    font-size: 17px;\n    line-height: 16px;\n  }\n  .thirdPiglet-image {\n    background-size: 75%;\n  }\n  #animation {\n    transform: scale(0.37,0.37);\n    width: 400px;\n  }\n  .buttonX{\n    top: 2px;\n    left: 93px;\n    transform: scale(0.5,0.5);\n  }\n  .buttonY{\n    top: 5px;\n    right: 130px;\n    height: 20px;\n    width: 20px;\n  }\n  .hoogte{\n    height: 111px;\n    min-height: 50px;\n    max-height: 111px;\n  }\n  .blogtitletext {\n    font-size: 16px;\n    line-height: 32px;\n  }\n  .blogbodytext {\n    font-size: 10px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: left;\n  }\n  .responsetitletext {\n    font-size: 14px;\n    line-height: 32px;\n  }\n  .responsebodytext {\n    font-size: 9px;\n    line-height: 16px;\n  }\n  textarea.responsebodytext {\n    font-size: 9px;\n    line-height: 16px;\n  }\n  .responsefootertext {\n    font-size: 8px;\n    line-height: 24px;\n    color: grey;\n  }\n  .thirdPiglet-image {\n    background-size: 30%;\n    /* margin-left: 1px; */\n    padding: 0px;\n  }\n  .alsKlein7 {\n    padding: 0px;\n    margin: 0px;\n  }\n  .alsKlein4 {\n    padding: 0px;\n    margin-top: 20px;\n  }\n  .kweettandersookniet {\n    visibility: hidden;\n  }\n}\n@media screen and (max-width: 307px) {\n  .thirdPiglet-image {\n    background-color:rgb(255, 239, 242);\n  }\n  .alsKlein7 {\n    font-size: 10px;\n    padding: 0px;\n    margin: 0px;\n  }\n  .alsKlein4 {\n    font-size: 9px;\n    padding: 0px;\n    margin-top: 20px;\n  }\n}\n.f20w400 {\n  font-size: 20px;\n  font-weight:400;\n  line-height: 32px;\n  /* margin-bottom: 0.5rem; */\n}\n.f32w400c {\n  font-size: 32px;\n  font-weight:400;\n  line-height: 32px;\n  text-align: center;\n  /* margin-bottom: 0.5rem; */\n}\n.andereMarginBottom {\n  margin-bottom: 70px;\n  text-align: center;\n}\n.marginTop10px {\n  margin-top: 10px;\n}\n\n.donker-plaatje{\n  background: rgba(0,0,0, .5);\n}\n\n#range {\n  -webkit-appearance: slider-vertical;\n  width: 200px;\n  height: 100px;\n  opacity: 0;\n  /* background-image: src=\"..\\assets\\VereTransp.png\"; */\n}\n#dingesId {\n  background-color: lightblue;\n  color: black;\n  padding: 40px;\n  text-align: center;\n}\n#pookjeId { \n  visibility:visible;\n  /* background-color: blue; */\n  background-image: url(\"../assets/pook5.png\");\n} \n/* #pookjeId:hover {\n  background-color: yellow;\n} */\n.stylebutton {\n  background-color: blue;\n  /* background-image: url(\"../assets/VereTransp.png\"); */\n  background-image: url(\"https://www.agravisi.nl/uploads/test-pattern-152459-960-720.png\");\n}\n\n/* Al dit voor de button :S : */\na.button {\n    /* display: block; */\n    /* float: left; */\n    position: absolute;\n    height: 25px;\n    width: 140px;\n    /* margin: 0 10px 18px 0; */\n    \n    text-decoration: none;\n    font: 12px \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-weight: bold;\n    line-height: 25px;\n    text-align: center;\n    \n    -webkit-border-radius: 3px; \n    -moz-border-radius: 3px;\n    border-radius: 3px;\n  }\n\n  a.button:before,\n  a.button:after {\n    content: '';\n    position: absolute;\n    left: -1px;\n    height: 25px;\n    width: 140px;\n    bottom: -1px;\n    \n    -webkit-border-radius: 3px; \n    -moz-border-radius: 3px;\n    border-radius: 3px;\n  }\n\n  a.button:before { \n    height: 23px;\n    bottom: -4px;\n    border-top: 0;\n    \n    -webkit-border-radius: 0 0 3px 3px; \n    -moz-border-radius: 0 0 3px 3px;\n    border-radius: 0 0 3px 3px;\n    \n    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;\n    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;\n    box-shadow: 0 1px 1px 0px #bfbfbf;\n  }\n\n  /* BLACK */\n  a.black,\n  a.black:hover,\n  a.black:visited {\n    color: #fff;\n    border-bottom: 4px solid #414141;\n    text-shadow: 0px 1px 0px #2f2f2f;\n    \n    background: #656565;\n    background-image: linear-gradient(#656565, #444);\n    background: -moz-linear-gradient(top,  #656565,  #444);\n    \n    box-shadow: inset 1px 1px 0 #939393;\n  }\n\n  .black:before,\n  .black:after {\n    border: 1px solid #535353;\n    border-bottom: 1px solid #343434;\n  }\n\n  .black:after { border: 1px solid #5a5a5a; }\n\n  a.black:hover {\n    background: #444;\n    background-image: linear-gradient(#444, #656565);\n    background: -moz-linear-gradient(top,  #444,  #656565);\n  }\n\n\n  /* ACTIVE STATE */\n  a.button:active {\n    border: none;\n    bottom: -4px;\n    margin-bottom: 22px;\n    \n    -webkit-box-shadow: 0 1px 1px #fff;\n    -moz-box-shadow:  0 1px 1px #fff;\n    box-shadow:  1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3);\n  }\n\n  a.button:active:before,\n  a.button:active:after {\n    border: none; \n    \n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n    box-shadow: none;\n  }\n\n  .no-cssgradients a.black,\n  .no-cssgradients a.black:visited,\n  .no-cssgradients a.black:hover { background-position-x: -410px; }\n\n\n  .no-cssgradients a.button, .no-cssgradients a.button:visited, .no-cssgradients a.button:hover, .no-cssgradients a.button:before, .no-cssgradients a.button:after,\n  .no-borderradius a.button, .no-borderradius a.button:visited, .no-borderradius a.button:hover, .no-borderradius a.button:before, .no-borderradius a.button:after,\n  .no-generatedcontent a.button, .no-generatedcontent a.button:visited, .no-generatedcontent a.button:hover, .no-generatedcontent a.button:before, .no-generatedcontent a.button:after {\n    border: 0;\n  }\n</style>\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=94ae6f9e&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&lang=css&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"hello\"},[_c('div',{key:_vm.forceRender,staticClass:\"slideshow-container\"},[_vm._m(1),_vm._m(2),_vm._m(3),_c('a',{staticClass:\"prev\",on:{\"click\":function($event){return _vm.plusSlides(-1)}}},[_vm._v(\"❮\")]),_c('a',{staticClass:\"next\",on:{\"click\":function($event){return _vm.plusSlides(1)}}},[_vm._v(\"❯\")])]),_c('br'),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticClass:\"dot\",on:{\"click\":function($event){return _vm.currentSlide(1)}}}),_c('span',{staticClass:\"dot\",on:{\"click\":function($event){return _vm.currentSlide(2)}}}),_c('span',{staticClass:\"dot\",on:{\"click\":function($event){return _vm.currentSlide(3)}}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg\"},[_c('div',{staticClass:\"jumbotron align-middle\"},[_c('p'),_c('p'),_c('p'),_c('div',{staticClass:\"PTSans titletext\"},[_vm._v(\"Software maken is onze hobby\")]),_c('p'),_c('p'),_c('div',{staticClass:\"PTSans bodytext\"},[_vm._v(\" Wij zijn u graag van dienst voor goedkope software-oplossingen \"),_c('p'),_c('p'),_vm._v(\" Uw website of thuis-toepassing op maat gemaakt, \"),_c('p'),_vm._v(\" zonder dat er voor u enige kennis benodigd is \")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mySlidesInit mySlides fade\"},[_c('div',{staticClass:\"numbertext\"},[_vm._v(\"1 / 3\")]),_c('a',{attrs:{\"href\":\"https://hanssperwer.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\",\"alt\":\"hanssperwer\"}})]),_c('a',{attrs:{\"href\":\"https://jolandadorst.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\",\"alt\":\"jolandadorst\"}})]),_c('a',{attrs:{\"href\":\"https://www.stralenindezorg.nl/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatictof.blob.core.windows.net/pics/SiteIcon05.png\",\"alt\":\"stralenindezorg\"}})]),_c('a',{attrs:{\"href\":\"http://massagesportpark.nl/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatictof.blob.core.windows.net/pics/SiteIcon06.png\",\"alt\":\"massagesportpark\"}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"Caption Text\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mySlides fade\"},[_c('div',{staticClass:\"numbertext\"},[_vm._v(\"2 / 3\")]),_c('a',{attrs:{\"href\":\"http://localhost:8080/mijn-abnamro/abnamro/sdp/widget.html#/overviewdepositamountpolicy\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon04.png\",\"alt\":\"sdp\"}})]),_c('a',{attrs:{\"href\":\"https://hanssperwer.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\",\"alt\":\"hanssperwer\"}})]),_c('a',{attrs:{\"href\":\"https://jolandadorst.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\",\"alt\":\"jolandadorst\"}})]),_c('a',{attrs:{\"href\":\"http://www.thirdpiglet.nl/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon03.png\",\"alt\":\"hanssperwer\"}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"Caption Two\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mySlides fade\"},[_c('div',{staticClass:\"numbertext\"},[_vm._v(\"3 / 3\")]),_c('a',{attrs:{\"href\":\"http://www.thirdpiglet.nl/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon03.png\",\"alt\":\"hanssperwer\"}})]),_c('a',{attrs:{\"href\":\"http://localhost:8080/mijn-abnamro/abnamro/sdp/widget.html#/overviewdepositamountpolicy\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon04.png\",\"alt\":\"sdp\"}})]),_c('a',{attrs:{\"href\":\"https://jolandadorst.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\",\"alt\":\"jolandadorst\"}})]),_c('a',{attrs:{\"href\":\"https://hanssperwer.wordpress.com/\"}},[_c('img',{attrs:{\"src\":\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\",\"alt\":\"hanssperwer\"}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"Caption Three\")])])}]\n\nexport { render, staticRenderFns }","<template>\n<div>\n\n  <div>\n    <div class=\"container-full-bg\">\n      <div class=\"jumbotron align-middle\">\n        <!-- <p></p><p></p>\n        <div class=\"PTSans titletext\">Voorbeelden</div>\n        <div class=\"PTSans bodytext\">\n          <i>Under construction</i> -->\n\n        <p></p><p></p><p></p>    \n        <div class=\"PTSans titletext\">Software maken is onze hobby</div>\n        <p></p><p></p>  \n        <div class=\"PTSans bodytext\">\n          Wij zijn u graag van dienst voor goedkope software-oplossingen\n          <p></p><p></p>\n          Uw website of thuis-toepassing op maat gemaakt,\n          <p></p>\n          zonder dat er voor u enige kennis benodigd is\n\n        </div>\n      </div>\n    </div>\n  </div>\n\n  \n  <div class=\"hello\">\n\n      <div class=\"slideshow-container\" :key=\"forceRender\">\n      <div class=\"mySlidesInit mySlides fade\">\n        <div class=\"numbertext\">1 / 3</div>\n        <a href=\"https://hanssperwer.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\" alt=\"hanssperwer\" /> </a> \n        <a href=\"https://jolandadorst.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\" alt=\"jolandadorst\" /> </a> \n        <a href=\"https://www.stralenindezorg.nl/\"> <img src=\"https://vuestoragestatictof.blob.core.windows.net/pics/SiteIcon05.png\" alt=\"stralenindezorg\" /> </a> \n        <a href=\"http://massagesportpark.nl/\"> <img src=\"https://vuestoragestatictof.blob.core.windows.net/pics/SiteIcon06.png\" alt=\"massagesportpark\" /> </a>\n        <div class=\"text\">Caption Text</div>\n      </div>\n\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">2 / 3</div>\n        <a href=\"http://localhost:8080/mijn-abnamro/abnamro/sdp/widget.html#/overviewdepositamountpolicy\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon04.png\" alt=\"sdp\" /> </a>\n        <a href=\"https://hanssperwer.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\" alt=\"hanssperwer\" /> </a> \n        <a href=\"https://jolandadorst.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\" alt=\"jolandadorst\" /> </a> \n        <a href=\"http://www.thirdpiglet.nl/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon03.png\" alt=\"hanssperwer\" /> </a> \n        <div class=\"text\">Caption Two</div>\n      </div>\n\n      <div class=\"mySlides fade\">\n        <div class=\"numbertext\">3 / 3</div>\n        <a href=\"http://www.thirdpiglet.nl/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon03.png\" alt=\"hanssperwer\" /> </a> \n        <a href=\"http://localhost:8080/mijn-abnamro/abnamro/sdp/widget.html#/overviewdepositamountpolicy\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon04.png\" alt=\"sdp\" /> </a>\n        <a href=\"https://jolandadorst.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon01.png\" alt=\"jolandadorst\" /> </a> \n        <a href=\"https://hanssperwer.wordpress.com/\"> <img src=\"https://vuestoragestatic.blob.core.windows.net/plaatjes/SiteIcon02.png\" alt=\"hanssperwer\" /> </a> \n        <div class=\"text\">Caption Three</div>\n      </div>\n\n    <a class=\"prev\" @click=\"plusSlides(-1)\">&#10094;</a>\n    <a class=\"next\" @click=\"plusSlides(1)\">&#10095;</a>\n\n    </div>\n    <br>\n\n    <div style=\"text-align:center\">\n      <span class=\"dot\" @click=\"currentSlide(1)\"></span> \n      <span class=\"dot\" @click=\"currentSlide(2)\"></span> \n      <span class=\"dot\" @click=\"currentSlide(3)\"></span> \n    </div>\n\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'User',\n  props: {\n    msg: String\n  },\n  data() {\n    return {\n      slideIndex: 1,\n      forceRender: 0,\n    };\n  },\n  created: async function() {\n    this.slideIndex = 1;\n    this.showSlides(this.slideIndex);\n    this.currentSlide(1);\n    this.forceRender += 1;\n  },\n  methods: {\n    showSlides(n) {\n      let i;\n      let slides = document.getElementsByClassName(\"mySlides\");\n      let dots = document.getElementsByClassName(\"dot\");\n      if (n > slides.length) {this.slideIndex = 1}    \n      if (n < 1) {this.slideIndex = slides.length}\n      for (i = 0; i < slides.length; i++) {\n          slides[i].style.display = \"none\";  \n      }\n      for (i = 0; i < dots.length; i++) {\n          dots[i].className = dots[i].className.replace(\" active\", \"\");\n      }\n      slides[this.slideIndex-1].style.display = \"block\";  \n      dots[this.slideIndex-1].className += \" active\";\n    },\n    plusSlides(n) {\n      this.showSlides(this.slideIndex += n);\n    },\n    currentSlide(n) {\n      this.showSlides(this.slideIndex = n);\n    }\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.jumbotron{\n  background-image: url(\"../../assets/JolandaDorstBackgroundDark.png\");\n  align-content: center;\n  text-align: center;\n}\nh3 {\n  margin: 40px 0 0;\n}\nul {\n  list-style-type: none;\n  padding: 0;\n}\nli {\n  display: inline-block;\n  margin: 0 10px;\n}\na {\n  color: #42b983;\n}\n\n* {box-sizing: border-box}\nbody {font-family: Verdana, sans-serif; margin:0}\n.mySlides {display: none}\n.mySlidesInit {display:contents }\nimg {vertical-align: middle;}\n\n/* Slideshow container */\n.slideshow-container {\n  max-width: 1000px;\n  position: relative;\n  margin: auto;\n}\n\n/* Next & previous buttons */\n.prev {\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  left: 0%;\n  width: auto;\n  padding: 16px;\n  margin-top: -22px;\n  color:whitesmoke;\n  background-color: #bbb;\n  font-weight: bold;\n  font-size: 18px;\n  transition: 0.6s ease;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n}\n\n.next {\n  cursor: pointer;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  padding: 16px;\n  margin-top: -22px;\n  color:whitesmoke;\n  background-color: #bbb;\n  font-weight: bold;\n  font-size: 18px;\n  transition: 0.6s ease;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n}\n\n/* Position the \"next button\" to the right */\n.next {\n  right: 0;\n  border-radius: 3px 0 0 3px;\n}\n\n/* On hover, add a black background color with a little bit see-through */\n.prev:hover, .next:hover {\n  background-color: rgba(0,0,0,0.8);\n}\n\n/* Caption text */\n.text {\n  color: #f2f2f2;\n  font-size: 15px;\n  padding: 8px 12px;\n  position: absolute;\n  bottom: 8px;\n  width: 100%;\n  text-align: center;\n}\n\n/* Number text (1/3 etc) */\n.numbertext {\n  color: #f2f2f2;\n  font-size: 12px;\n  padding: 8px 12px;\n  position: absolute;\n  top: 0;\n}\n\n/* The dots/bullets/indicators */\n.dot {\n  cursor: pointer;\n  height: 15px;\n  width: 15px;\n  margin: 0 2px;\n  background-color: #bbb;\n  border-radius: 50%;\n  display: inline-block;\n  transition: background-color 0.6s ease;\n}\n\n.active, .dot:hover {\n  background-color: #717171;\n}\n\n/* Fading animation */\n.fade {\n  -webkit-animation-name: fade;\n  -webkit-animation-duration: 1.5s;\n  animation-name: fade;\n  animation-duration: 1.5s;\n}\n\n@-webkit-keyframes fade {\n  from {opacity: .4} \n  to {opacity: 1}\n}\n\n@keyframes fade {\n  from {opacity: .4} \n  to {opacity: 1}\n}\n\n/* On smaller screens, decrease text size */\n@media only screen and (max-width: 300px) {\n  .prev, .next,.text {font-size: 11px}\n}\n\n</style>","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!./User.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!./User.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./User.vue?vue&type=template&id=55b8dc64&scoped=true&\"\nimport script from \"./User.vue?vue&type=script&lang=js&\"\nexport * from \"./User.vue?vue&type=script&lang=js&\"\nimport style0 from \"./User.vue?vue&type=style&index=0&id=55b8dc64&scoped=true&lang=css&\"\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  \"55b8dc64\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"container\"},[_vm._l((_vm.allMutations),function(blog,index){return _c('div',{key:blog.id},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 PTSans blogtitletext\"},[_c('p',[_c('span',{domProps:{\"innerHTML\":_vm._s(blog.title)}})])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 PTSans blogbodytext\"},[_c('p',[_c('span',{domProps:{\"innerHTML\":_vm._s(blog.body)}})])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 PTSans responsefootertext\"},[_c('span',{staticClass:\"glyphicon glyphicon-user\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"3px\"},domProps:{\"innerHTML\":_vm._s(blog.author.firstName)}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"},domProps:{\"innerHTML\":_vm._s(blog.author.lastName)}}),_c('span',{staticClass:\"glyphicon glyphicon-time\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"},domProps:{\"innerHTML\":_vm._s(_vm.formatDate(blog.postedOn))}}),_c('span',{staticClass:\"glyphicon glyphicon-tag\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"}},[_vm._v(\"Geen categorie\")]),_c('span',{staticClass:\"glyphicon glyphicon-comment\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"}},[_vm._v(\"Reageer\")]),_c('span',{staticClass:\"glyphicon glyphicon-pencil\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"}},[_c('router-link',{attrs:{\"to\":{name: 'blogedit', params: {blog: blog},}}},[_vm._v(\" Bewerk \")])],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-2 col-md-2 col-sm-2 col-xs-2\"}),_c('div',{staticClass:\"container col-lg-10 col-md-10 col-sm-10 col-xs-10 PTSans\",staticStyle:{\"background-color\":\"#F2F4F4\",\"padding-left\":\"24px\",\"padding-right\":\"24px\"}},[_c('div',{staticClass:\"row mb-3 PTSans responsetitletext\"},[_c('button',{staticClass:\"button\",attrs:{\"id\":\"button01\"},on:{\"click\":function($event){return _vm.setVisible(index)}}},[_c('p',[_c('span',{class:_vm.glyphiconValue[index]})])]),_c('div',{key:_vm.reRenderKey,staticStyle:{\"padding-left\":\"8px\"}},[_c('i',[_vm._v(\"Reacties:\")])])]),(_vm.isVisible[index])?_c('div',[_vm._l((_vm.allResponses),function(response){return _c('div',{key:response.id},[((response.post.id == blog.id) && (response.verified == 'y'))?_c('div',{staticClass:\"row mb-3\",staticStyle:{\"background-color\":\"#FDFEFE\",\"padding\":\"8px\"}},[_c('div',[_c('div',{staticClass:\"responsetitletext\"},[_vm._m(1,true),_c('span',{domProps:{\"innerHTML\":_vm._s(response.name)}})]),_c('div',{staticClass:\"responsebodytext\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(response.body)}})]),_c('div',{staticClass:\"responsefootertext\"},[_c('span',{staticClass:\"glyphicon glyphicon-time\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"},domProps:{\"innerHTML\":_vm._s(_vm.formatDate(response.postedOn))}}),_c('span',{staticClass:\"glyphicon glyphicon-comment\",staticStyle:{\"padding-right\":\"5px\"}}),_c('span',{staticStyle:{\"padding-right\":\"11px\"}},[_vm._v(\"Reageer\")])])])]):_vm._e()])}),_c('BlogReaction',{attrs:{\"respUrl\":_vm.respUrl,\"post\":blog,\"index\":index}})],2):_vm._e()])])])}),_c('hr'),_c('br'),_c('br')],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg\"},[_c('div',{staticClass:\"jumbotron\"},[_c('p'),_c('p'),_c('div',{staticClass:\"PTSans titletext\"},[_vm._v(\"Blog\")]),_c('div',{staticClass:\"PTSans bodytext\"},[_vm._v(\" Geef gerust je reactie \")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',[_c('span',{staticClass:\"glyphicon glyphicon-user\",staticStyle:{\"padding-right\":\"8px\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid mb-3 align-left\",staticStyle:{\"background-color\":\"#FDFEFE\",\"min-width\":\"100%\"}},[_c('div',{key:_vm.reRenderKey,staticClass:\"responsetitletext\"},[_vm._v(\"Geef een reactie \"+_vm._s(_vm.newVersion.name))]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVersion.body),expression:\"newVersion.body\"}],staticClass:\"responsebodytext form-control\",staticStyle:{\"min-width\":\"100%\"},attrs:{\"placeholder\":\"Vul je reactie hier in ...\"},domProps:{\"value\":(_vm.newVersion.body)},on:{\"focus\":function($event){_vm.reactionVisible[_vm.index]=_vm.setReactionVisible(_vm.index)},\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVersion, \"body\", $event.target.value)}}},[_vm._v(\" > \")]),_c('br'),(_vm.reactionVisible[_vm.index])?_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVersion.email),expression:\"newVersion.email\"}],staticClass:\"responsebodytext form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Email (verplicht)\"},domProps:{\"value\":(_vm.newVersion.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVersion, \"email\", $event.target.value)}}}),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVersion.name),expression:\"newVersion.name\"}],staticClass:\"responsebodytext form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Naam (verplicht)\"},domProps:{\"value\":(_vm.newVersion.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVersion, \"name\", $event.target.value)}}}),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVersion.website),expression:\"newVersion.website\"}],staticClass:\"responsebodytext form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Website\"},domProps:{\"value\":(_vm.newVersion.website)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newVersion, \"website\", $event.target.value)}}}),_c('br'),_vm._m(0),_vm._m(1),_c('button',{staticClass:\"btn btn-outline-secondary pull-right\",attrs:{\"id\":\"bewaren\",\"type\":\"button\",\"name\":\"save\"},on:{\"click\":function($event){return _vm.save(_vm.index)}}},[_vm._v(\" Reactie plaatsen \")])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-check\",staticStyle:{\"padding-left\":\"0px\"}},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"exampleCheck1\"}}),_c('label',{staticClass:\"form-check-label\",staticStyle:{\"padding-left\":\"18px\"},attrs:{\"for\":\"exampleCheck1\"}},[_vm._v(\"Houd me via e-mail op de hoogte van nieuwe reacties.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-check\",staticStyle:{\"padding-left\":\"0px\"}},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"exampleCheck2\"}}),_c('label',{staticClass:\"form-check-label\",staticStyle:{\"padding-left\":\"18px\"},attrs:{\"for\":\"exampleCheck2\"}},[_vm._v(\"Houd me via e-mail op de hoogte van nieuwe berichten.\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-fluid mb-3 align-left\" style=\"background-color:#FDFEFE; min-width: 100%\">\n    <div :key=\"reRenderKey\" class=\"responsetitletext\">Geef een reactie {{newVersion.name}}</div>\n      <textarea class=\"responsebodytext form-control\" style=\"min-width: 100%\" placeholder=\"Vul je reactie hier in ...\"\n          @focus=\"reactionVisible[index]=setReactionVisible(index)\"\n           v-model=\"newVersion.body\">\n      >\n      </textarea><br>\n      <div v-if=\"reactionVisible[index]\"> \n      <input type=\"text\" class=\"responsebodytext form-control\" placeholder=\"Email (verplicht)\" v-model=\"newVersion.email\"><br>\n      <input type=\"text\" class=\"responsebodytext form-control\" placeholder=\"Naam (verplicht)\" v-model=\"newVersion.name\"><br>\n      <input type=\"text\" class=\"responsebodytext form-control\" placeholder=\"Website\" v-model=\"newVersion.website\"><br>\n      <div class=\"form-check\" style=\"padding-left: 0px\">\n        <input type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck1\">\n        <label class=\"form-check-label\" for=\"exampleCheck1\" style=\"padding-left: 18px\">Houd me via e-mail op de hoogte van nieuwe reacties.</label>\n      </div>\n      <div class=\"form-check\" style=\"padding-left: 0px\">\n        <input type=\"checkbox\" class=\"form-check-input\" id=\"exampleCheck2\">\n        <label class=\"form-check-label\" for=\"exampleCheck2\" style=\"padding-left: 18px\">Houd me via e-mail op de hoogte van nieuwe berichten.</label>\n      </div>\n        <!-- <button type=\"submit\" class=\"btn btn-outline-secondary pull-right\">Reactie plaatsen</button> -->\n        <button\n          id=\"bewaren\"\n          type=\"button\"\n          class=\"btn btn-outline-secondary pull-right\"\n          name=\"save\"\n          @click=\"save(index)\"\n        >\n          Reactie plaatsen\n        </button>\n      </div>\n    </div>\n</template>\n\n<script>\nimport {\n  createNewVersion,\n} from '../../services/ApiService';\nimport moment from 'moment';\nexport default {\n  name: 'BlogReaction',\n  props: {\n    \"respUrl\": String,\n    \"post\": Object,\n    \"index\": Number,\n  },\n  data() {\n    return {\n      verSelec: [],\n      responseSelec: [],\n      allMutations: {},\n      allVersions: {},\n      allResponses: {},\n      newVersion: {\n        \"title\": \"\",\n        \"body\": \"\",\n        \"email\": \"\",\n        \"name\": \"\",\n        \"updnewReaction\": null,\n        \"updnewMessage\": null,\n        \"postedOn\": 1598565600000,\n        \"verified\": \"n\",\n        \"post\": {}\n      },\n      isSuccessful: false,\n      bodyInData: '',\n      formattedDate: '',\n      reactionVisible: [],\n      button01: \"\",\n      reRenderKey: 0,\n    };\n  },\n  created: async function() {\n    // this.newVersion = this.response;\n    // this.newVersion.body = \"\";\n    // this.newVersion.email = \"\";\n    // this.newVersion.name = \"\";\n    // this.newVersion.website = \"\";  \n  },\n  methods: {\n    formatDate: function(parmDate) {\n      return this.formattedDate = moment(parmDate).format('DD-MM-YYYY, h:mm');\n    },\n    setReactionVisible: function(pIndex) {\n      // this.reactionVisible[pIndex] = !(this.reactionVisible[pIndex] != false);\n      this.reactionVisible[pIndex] = true ;\n      this.reRenderKey += 1;\n      return this.reactionVisible[pIndex];\n    },\n    save: async function(p_index) {\n      this.newVersion.title = \"Geen veld op het scherm\";\n      // let currentDate = new Date().toLocaleString();\n      let currentDate = moment();\n      // this.newVersion.postedOn = moment(currentDate).format('DD-MM-YYYY, h:mm');\n      this.newVersion.postedOn = moment();\n      // this.newVersion.postedOn = moment(currentDate);\n      // alert(this.newVersion.postedOn);\n      this.newVersion.post = this.post;\n      this.newVersion.verified = \"n\"\n      this.isSuccessful = await createNewVersion(this.respUrl,this.newVersion);\n      // this.newVersion.body = \"\";\n      // this.newVersion.email = \"\";\n      // this.newVersion.name = \"\";\n      // this.newVersion.website = \"\"; \n      alert(\"Je reactie wordt na goedkeuring getoond.\");\n      this.newVersion.body = \"\";\n      this.reactionVisible[p_index] = false;\n      this.reRenderKey += 1;\n    },\n  },\n}\n</script>\n\n<style scoped>\n@media screen and (min-width: 601px) {\n  div.blogtitletext {\n    font-size: 32px;\n    font-weight:400;\n    line-height: 64px;\n    text-align: center;\n  }\n  div.blogbodytext {\n    font-size: 20px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: left;\n  }\n  div.responsetitletext {\n    font-size: 24px;\n    font-weight:400;\n    line-height: 36px;\n    text-align: left;\n    padding-left: 0pt;\n  }\n  div.responsebodytext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n  }\n  textarea.responsebodytext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n  }\n    div.responsefootertext {\n    font-size: 10px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n    color: grey;\n    /* padding-right: 11px; */\n  }\n}\n\n@media screen and (max-width: 600px) {\n  div.blogtitletext {\n    font-size: 16px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: center;\n  }\n  div.blogbodytext {\n    font-size: 10px;\n    font-weight: 400;\n    line-height: 16px;\n    text-align: left;\n  }\n  div.responsetitletext {\n    font-size: 14px;\n    font-weight:400;\n    line-height: 32px;\n    text-align: left;\n  }\n  div.responsebodytext {\n    font-size: 9px;\n    font-weight:400;\n    line-height: 16px;\n    text-align: left;\n  }\n  textarea.responsebodytext {\n    font-size: 9px;\n    font-weight:400;\n    line-height: 16px;\n    text-align: left;\n  }\n  div.responsefootertext {\n    font-size: 8px;\n    font-weight:400;\n    line-height: 24px;\n    text-align: left;\n    color: grey;\n  }\n}\n.text-block2 {\n  position: absolute;\n  bottom: 20  px;\n  left: 15%;\n  right: 15%;\n  /* background-color: black;\n  opacity: 0.8; */\n  /* color: white; */\n  /* padding-left: 20px;\n  padding-right: 20px; */\n}\n.city {\n  background-color: tomato;\n  /* color: white;\n  border: 2px solid black;\n  margin: 20px;\n  padding: 20px;\n  margin-top: 100px;\n  margin-bottom: 0px; */\n}\n.noopadding {\n  /* padding-left: 1p x; */\n  padding-right: 0px;\n}\n.padding-minder {\n  /* padding: 1px; */\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.container {\n  border: 0pt;\n}\n.container-fluid{\n  border: 0pt;\n  /* padding: 0pt; */\n\n}\n.button {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n.jumbotron{\n  background-image: url(\"../../assets/poesraamregen.gif\");\n}\n.form-control {\n   min-width: 100%;\n   max-width: 100%;\n}\n.form-check-input {\n  margin-top: 0px;\n}\n/* @import url('https://fonts.googleapis.com/css?family=PT+Sans');\n.PTSans {\n  font-family: 'PT Sans';\n  font-size: 16px;\n  font-weight:400;\n  margin-bottom: 0px;\n  line-height: 1;\n} */\n</style>\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!./BlogReaction.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!./BlogReaction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogReaction.vue?vue&type=template&id=2e94aced&scoped=true&\"\nimport script from \"./BlogReaction.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogReaction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogReaction.vue?vue&type=style&index=0&id=2e94aced&scoped=true&lang=css&\"\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  \"2e94aced\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div>\n\n  <div>\n    <div class=\"container-full-bg\">\n      <div class=\"jumbotron\">\n        <p></p><p></p>\n        <div class=\"PTSans titletext\">Blog</div>\n        <div class=\"PTSans bodytext\">\n          Geef gerust je reactie\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"container\">\n    <div\n      v-for=\"(blog, index) in allMutations\"\n      :key=\"blog.id\"\n    >\n    <div class=\"row\">\n      <div class=\"col-lg-12 PTSans blogtitletext\">\n        <p><span v-html=\"blog.title\"></span></p>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-lg-12 PTSans blogbodytext\">\n        <p><span v-html=\"blog.body\"></span></p>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-lg-12 PTSans responsefootertext\">\n        <span class=\"glyphicon glyphicon-user\" style=\"padding-right: 5px\"></span>\n        <span style=\"padding-right: 3px\" v-html=\"blog.author.firstName\"></span>\n        <span style=\"padding-right: 11px\" v-html=\"blog.author.lastName\"></span>\n        <span class=\"glyphicon glyphicon-time\" style=\"padding-right: 5px\"></span>\n        <span style=\"padding-right: 11px\" v-html=\"formatDate(blog.postedOn)\"></span>\n        <span class=\"glyphicon glyphicon-tag\" style=\"padding-right: 5px\"></span>\n        <span style=\"padding-right: 11px\">Geen categorie</span>\n        <span class=\"glyphicon glyphicon-comment\" style=\"padding-right: 5px\"></span>\n        <span style=\"padding-right: 11px\">Reageer</span>\n        <span class=\"glyphicon glyphicon-pencil\" style=\"padding-right: 5px\"></span>\n        <span style=\"padding-right: 11px\">\n          <router-link :to=\"{name: 'blogedit', params: {blog},}\">\n            Bewerk\n          </router-link>\n        </span>\n      </div>\n    </div>\n      <div class=\"row\">\n        <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-2\">\n        </div>\n        <div class=\"container col-lg-10 col-md-10 col-sm-10 col-xs-10 PTSans\" style=\"background-color:#F2F4F4; padding-left: 24px; padding-right: 24px;\">\n          <div class=\"row mb-3 PTSans responsetitletext\">\n            <button\n              id=\"button01\"\n              class=\"button\"\n              @click=\"setVisible(index)\"\n            >\n              <p><span :class=\"glyphiconValue[index]\"></span></p></button>  \n              <div :key=\"reRenderKey\" style=\"padding-left: 8px;\"><i>Reacties:</i></div>\n          </div>\n            <div v-if=\"isVisible[index]\">\n              <!-- <div\n                v-for=\"(response, index) in allResponses\"\n                :key=\"response.id\"\n              > -->\n              <div\n                v-for=\"(response) in allResponses\"\n                :key=\"response.id\"\n              >\n                <div class=\"row mb-3\" style=\"background-color:#FDFEFE; padding: 8px;\" \n                  v-if=\"(response.post.id == blog.id) && (response.verified == 'y')\">\n                  <div>\n                    <div class=\"responsetitletext\">\n                      <small><span class=\"glyphicon glyphicon-user\" style=\"padding-right: 8px\"></span></small>\n                      <span v-html=\"response.name\"></span>\n                    </div>\n                    <div class=\"responsebodytext\"><span v-html=\"response.body\"></span></div>\n                    <div class=\"responsefootertext\">\n                      <span class=\"glyphicon glyphicon-time\" style=\"padding-right: 5px\"></span>\n                      <span style=\"padding-right: 11px\" v-html=\"formatDate(response.postedOn)\"></span>\n                      <span class=\"glyphicon glyphicon-comment\" style=\"padding-right: 5px\"></span>\n                      <span style=\"padding-right: 11px\">Reageer</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n                <BlogReaction\n                  :respUrl=\"respUrl\"\n                  :post=\"blog\"\n                  :index=\"index\"\n                />\n            </div>\n          </div>\n        </div>\n      </div>\n      <hr><br><br>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BlogReaction from './BlogReaction';\nimport {\n  retrieveTemp,\n  retrieveResponses,\n  createNewVersion,\n} from '../../services/ApiService';\nimport moment from 'moment';\nexport default {\n  name: 'Blog',\n  components: {\n    BlogReaction,\n  },\n  props: {\n    msg: String\n  },\n  data() {\n    return {\n      verSelec: [],\n      responseSelec: [],\n      allMutations: {},\n      allVersions: {},\n      allResponses: {},\n      newVersion: {},\n      isSuccessful: false,\n      tempUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      prodUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      respUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/responses/',\n      bodyInData: '',\n      formattedDate: '',\n      isVisible: [],\n      reactionVisible: [],\n      glyphiconValue: [],\n      button01: \"\",\n      reRenderKey: 0,\n    };\n  },\n  created: async function() {\n    for(var i = 0; i < 10; i++) {\n      this.isVisible.push(false);\n      this.reactionVisible.push(false);\n      this.glyphiconValue.push('glyphicon glyphicon-eye-open');\n    }\n    await this.getVerProd();\n    await this.getResponses();\n    this.productMutation = {\n      title: \"init\",\n      body: \"init\",\n      teaser: \"init\",\n      slug: \"init\",\n      postedOn: \"init\",\n      author: {\n        id: 1,\n        firstName: \"init\",\n        lastName: \"init\",\n        email: \"init\"\n      },\n    };\n  },\n  methods: {\n    getVerProd: async function() {\n      this.allMutations = await retrieveTemp(this.prodUrl);\n      // console.log('this.allMutations: ');\n      // console.log(this.allMutations);\n      this.allVersions = await retrieveTemp(this.prodUrl);\n      if (this.allVersions) {\n        this.arrayLength = this.allVersions.length;\n        this.verSelec = this.allVersions[0];\n      }\n    },\n    getResponses: async function() {\n      this.allResponses = await retrieveResponses(this.respUrl);\n    },\n    formatDate: function(parmDate) {\n      return this.formattedDate = moment(parmDate).format('DD-MM-YYYY, h:mm');\n    },\n    setVisible: function(pIndex) {\n      if (this.isVisible[pIndex] === true) {\n        this.isVisible[pIndex] = false;\n        this.glyphiconValue[pIndex] = \"geenBorder glyphicon glyphicon-eye-open\";  \n      }\n      else {\n        this.isVisible[pIndex] = true;\n        this.glyphiconValue[pIndex] = \"geenBorder glyphicon glyphicon-eye-close\";\n      }\n      this.reRenderKey += 1;\n    },\n  },\n}\n</script>\n\n<style scoped>\n.p {\n   margin-top:5px;\n   margin-bottom:5px\n}\n.text-block2 {\n  position: absolute;\n  bottom: 20  px;\n  left: 15%;\n  right: 15%;\n  /* background-color: black;\n  opacity: 0.8; */\n  /* color: white; */\n  /* padding-left: 20px;\n  padding-right: 20px; */\n}\n.city {\n  background-color: tomato;\n  /* color: white;\n  border: 2px solid black;\n  margin: 20px;\n  padding: 20px;\n  margin-top: 100px;\n  margin-bottom: 0px; */\n}\n.noopadding {\n  /* padding-left: 1p x; */\n  padding-right: 0px;\n}\n.padding-minder {\n  /* padding: 1px; */\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.container {\n  border: 0pt;\n}\n.container-fluid{\n  border: 0pt;\n  /* padding: 0pt; */\n\n}\n.button {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n.jumbotron{\n  background-image: url(\"../../assets/poesraamregen.gif\");\n}\n.form-control {\n   min-width: 100%;\n   max-width: 100%;\n}\n.form-check-input {\n  margin-top: 0px;\n}\n/* @import url('https://fonts.googleapis.com/css?family=PT+Sans');\n.PTSans {\n  font-family: 'PT Sans';\n  font-size: 16px;\n  font-weight:400;\n  margin-bottom: 0px;\n  line-height: 1;\n} */\n</style>\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!./Blog.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!./Blog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Blog.vue?vue&type=template&id=c8c043da&scoped=true&\"\nimport script from \"./Blog.vue?vue&type=script&lang=js&\"\nexport * from \"./Blog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Blog.vue?vue&type=style&index=0&id=c8c043da&scoped=true&lang=css&\"\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  \"c8c043da\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-xs-4 col-lg-8\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"text-block2 blogtitletext\"},[_c('div',[_c('div',{staticClass:\"blogtitletext\"},[_vm._v(\"Dit kan ik voor u betekenen\")]),_c('div',{staticClass:\"blogbodytext\"},[_vm._v(\" Een (online) introdutiegesprek voor het inventariseren van uw software-wensen \"),_c('br'),_vm._v(\" Een gratis prototype van uw site / toepassing \"),_c('br'),_vm._v(\" Vervolggesprekken om te toepassing voor u op maat te maken \"),_c('br'),_vm._v(\" Betaling van €100,= voor de ontwikkel-kosten en hosten* voor het \")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n<div class=\"col-xs-4 col-lg-8\">\n\n  <div class=\"container\">\n    <div class=\"text-block2 blogtitletext\">\n      <div>\n        <div class=\"blogtitletext\">Dit kan ik voor u betekenen</div>\n        <div class=\"blogbodytext\"> Een (online) introdutiegesprek voor het inventariseren van uw software-wensen <br>\n            Een gratis prototype van uw site / toepassing <br>\n            Vervolggesprekken om te toepassing voor u op maat te maken <br>\n            Betaling van €100,= voor de ontwikkel-kosten en hosten* voor het\n        </div>\n      </div>\n          <!-- <table>\n            <tbody>\n              <tr\n                v-for=\"(blog, index) in allMutations\"\n                :key=\"blog.id\"\n              >\n\n              <div class=\"row\">\n                <div class=\"col-lg-12 PTSans blogtitletext\">\n                  <p><span v-html=\"blog.title\"></span></p>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-12 PTSans blogbodytext\">\n                  <p><span v-html=\"blog.body\"></span></p>\n                </div>\n              </div>\n              <div class=\"row\">\n                <div class=\"col-lg-2 noopadding \">\n                  <img src=\"..\\..\\assets\\blogIcoonAuthor.png\" width=\"13px\" height=\"13px\">\n                  {{ blog.author.firstName }} {{ blog.author.lastName }}\n                </div>\n                <div class=\"col-lg-2 noopadding\">\n                  <img src=\"..\\..\\assets\\blogIcoonDateTime.png\" width=\"13px\" height=\"13px\">\n                  {{ blog.postedOn }}\n                </div>\n                <div class=\"col-lg-2 noopadding\">\n                  <img src=\"..\\..\\assets\\blogIcoonCategory.png\" width=\"13px\" height=\"13px\">\n                  Uncategorized\n                </div>\n                <div class=\"col-lg-2 noopadding\">\n                  <img src=\"..\\..\\assets\\blogIcoonLeaveMessage.png\" width=\"13px\" height=\"13px\">\n                  Laat een reactie achter\n                </div>\n                <div class=\"col-md-2 noopadding\">\n                  <router-link\n                    :to=\"{\n                      name: 'blogedit',\n                      params: {\n                        blog\n                      },\n                    }\"\n                  >\n                    <img src=\"..\\..\\assets\\blogIcoonEdit.png\" width=\"13px\" height=\"13px\">\n                    Bewerk\n                    <span\n                      class=\"sy-shapes-plus-large em-icon-size-3 right-5 position-absolute\"\n                    />\n                  </router-link>\n                </div>\n              </div>\n              <hr><br><br>\n\n              </tr>\n            </tbody>\n          </table> -->\n\n  </div></div></div>\n</template>\n\n<script>\nimport {\n  retrieveTemp,\n  retrieveResponses,\n  createNewVersion,\n} from '../../services/ApiService';\nexport default {\n  name: 'Blog2',\n  props: {\n    msg: String\n  },\n  data() {\n    return {\n      verSelec: [],\n      responseSelec: [],\n      allMutations: {},\n      allVersions: {},\n      allResponses: {},\n      newVersion: {},\n      isSuccessful: false,\n      tempUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      prodUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      respUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/responses/',\n      bodyInData: '',\n    };\n  },\n  created: async function() {\n    await this.getVerProd();\n    await this.getResponses();\n    this.productMutation = {\n      title: \"init\",\n      body: \"init\",\n      teaser: \"init\",\n      slug: \"init\",\n      postedOn: \"init\",\n      author: {\n        id: 1,\n        firstName: \"init\",\n        lastName: \"init\",\n        email: \"init\"\n      },\n    };\n  },\n  methods: {\n    // getVer: async function() {\n    //   this.allVersions = await retrieveTemp(this.urlExt);\n    //   if (this.allVersions) {\n    //     this.arrayLength = this.allVersions.length;\n    //     this.verSelec = this.allVersions[0];\n    //   }\n    // },\n    getVerProd: async function() {\n      this.allMutations = await retrieveTemp(this.prodUrl);\n      this.allVersions = await retrieveTemp(this.prodUrl);\n      if (this.allVersions) {\n        this.arrayLength = this.allVersions.length;\n        this.verSelec = this.allVersions[0];\n      }\n    },\n    getResponses: async function() {\n      this.allResponses = await retrieveResponses(this.respUrl);\n      // if (this.allResponses) {\n      //   this.arrayLength = this.allResponses.length;\n      //   this.responseSelec = this.allResponses[0];\n      // }\n    },\n\n    save: async function() {\n      // this.newVersion = this.composeNewVersion();\n      // this.isSuccessful = await createNewVersion(this.tempUrl, this.newVersion);\n      // if (this.isSuccessful === true) {\n      //   alert('gelukt :-)');\n      // } else {\n      //   alert('Mislukt :-(');\n      // }\n    },\n    composeNewVersion: function() {\n      // this.productMutation = {\n      //   title: \"title van Vue.js\",\n      //   body: this.bodyInData,\n      //   teaser: \"teaser van Vue.js\",\n      //   slug: \"slug van Vue.js\",\n      //   postedOn: \"2020-08-15T20:23:10.289+0000\",\n      //   author: {\n      //     id: 1,\n      //     firstName: \"Stoffel\",\n      //     lastName: \"Schoenmakers\",\n      //     email: \"stoffel.schoenmakers@gmail.com\"\n      //     },\n      //   };\n      //   return this.productMutation;\n      },\n  },\n}\n</script>\n\n<style scoped>\n.text-block2 {\n  position: absolute;\n  bottom: 20  px;\n  left: 15%;\n  right: 15%;\n}\n.city {\n  background-color: tomato;\n}\n.noopadding {\n  /* padding-left: 1p x; */\n  padding-right: 0px;\n}\n.padding-minder {\n  /* padding: 1px; */\n  padding-left: 0px;\n  padding-right: 0px;\n}\n</style>\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!./Blog2.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!./Blog2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Blog2.vue?vue&type=template&id=3f1ffb1d&scoped=true&\"\nimport script from \"./Blog2.vue?vue&type=script&lang=js&\"\nexport * from \"./Blog2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Blog2.vue?vue&type=style&index=0&id=3f1ffb1d&scoped=true&lang=css&\"\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  \"3f1ffb1d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Titel\")]),_c('editor',{attrs:{\"id\":\"section001\",\"apiKey\":\"kgnbpd9o92kawc7e4zeude4k83qas2trctba6k0rui81i2iv\",\"initialValue\":\"<p>Initial editor content</p>\",\"init\":{\n      height: 180,\n      menubar: false,\n      init_instance_callback: function (editor) {\n              _vm.initContent();\n          },\n      plugins: [\n        'advlist autolink lists link image charmap',\n        'searchreplace visualblocks code fullscreen',\n        'print preview anchor insertdatetime media',\n        'paste code help wordcount table'\n      ],\n      toolbar:\n        'undo redo | formatselect | bold italic | \\\n        alignleft aligncenter alignright | \\\n        bullist numlist outdent indent | help'\n    }}}),_c('br'),_c('br'),_c('h2',[_vm._v(\"Blog body\")]),_c('editor2',{attrs:{\"id\":\"section002\",\"apiKey\":\"kgnbpd9o92kawc7e4zeude4k83qas2trctba6k0rui81i2iv\",\"initialValue\":\"<p>Initial editor content</p>\",\"init\":{\n      height: 300,\n      menubar: true,\n      init_instance_callback: function (editor2) {\n              _vm.initContent2();\n          },\n      plugins: [\n        'advlist autolink lists link image charmap',\n        'searchreplace visualblocks code fullscreen',\n        'print preview anchor insertdatetime media',\n        'paste code help wordcount table'\n      ],\n      toolbar:\n        'undo redo | formatselect | bold italic | \\\n        alignleft aligncenter alignright | \\\n        bullist numlist outdent indent | help'\n    }}}),_c('div',{staticClass:\"col-md-7\",staticStyle:{\"text-align\":\"right\"}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"id\":\"bewaren\",\"type\":\"button\",\"name\":\"save\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\" Bewaar \")]),_c('div',[_vm._v(\"Hier komt de content\")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.blog.body)+\" \")]),_c('div',[_vm._v(\"Dit was de content\")])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-full-bg\"},[_c('div',{staticClass:\"jumbotron\"},[_c('p'),_c('p'),_c('div',{staticClass:\"PTSans titletext\"},[_vm._v(\"Blog\")]),_c('div',{staticClass:\"PTSans bodytext\"},[_vm._v(\" wijzigen \")])])])}]\n\nexport { render, staticRenderFns }","<!-- \nhttps://www.tiny.cloud/my-account/onboarding/\nA. Deploy TinyMCE independent of the Vue.js application\nTo use an independent deployment of TinyMCE, add a script to either the <head> or the end of the <body> of the HTML file, such as:\n<script src=\"/path/to/tinymce.min.js\"></script>\nTo use an independent deployment of TinyMCE with the create a Vue.js application, add the script to /path/to/tinymce-vue-demo/public/index.html.\nFor information on self-hosting TinyMCE, see Advanced installation choices.\nB. Bundling TinyMCE with the Vue.js application using a module loader\nTo bundle TinyMCE using a module loader (such as Webpack and Browserify), see Usage with module loaders.\n-->\n<template>\n  <div>\n    <div class=\"container-full-bg\">\n      <div class=\"jumbotron\">\n        <p></p><p></p>\n        <div class=\"PTSans titletext\">Blog</div>\n        <div class=\"PTSans bodytext\">\n          wijzigen\n        </div>\n      </div>\n    </div>\n  \n  <div class=\"container\">\n    <h2>Titel</h2>\n    <editor\n      id=\"section001\"\n     apiKey=\"kgnbpd9o92kawc7e4zeude4k83qas2trctba6k0rui81i2iv\"\n      initialValue=\"<p>Initial editor content</p>\"\n      :init=\"{\n        height: 180,\n        menubar: false,\n        init_instance_callback: function (editor) {\n                initContent();\n            },\n        plugins: [\n          'advlist autolink lists link image charmap',\n          'searchreplace visualblocks code fullscreen',\n          'print preview anchor insertdatetime media',\n          'paste code help wordcount table'\n        ],\n        toolbar:\n          'undo redo | formatselect | bold italic | \\\n          alignleft aligncenter alignright | \\\n          bullist numlist outdent indent | help'\n      }\"\n    >\n    </editor>\n    <br><br>\n    <h2>Blog body</h2>\n    <editor2\n      id=\"section002\"\n     apiKey=\"kgnbpd9o92kawc7e4zeude4k83qas2trctba6k0rui81i2iv\"\n      initialValue=\"<p>Initial editor content</p>\"\n      :init=\"{\n        height: 300,\n        menubar: true,\n        init_instance_callback: function (editor2) {\n                initContent2();\n            },\n        plugins: [\n          'advlist autolink lists link image charmap',\n          'searchreplace visualblocks code fullscreen',\n          'print preview anchor insertdatetime media',\n          'paste code help wordcount table'\n        ],\n        toolbar:\n          'undo redo | formatselect | bold italic | \\\n          alignleft aligncenter alignright | \\\n          bullist numlist outdent indent | help'\n      }\"\n    >\n    </editor2>\n      <div class=\"col-md-7\" style=\"text-align: right\">\n    <!-- <button\n      id=\"fetchen\"\n      type=\"button\"\n      class=\"btn btn-primary\"\n      name=\"Fetch\"\n      @click=\"fetchen()\"\n    >\n      Fetch\n    </button> -->\n    <button\n      id=\"bewaren\"\n      type=\"button\"\n      class=\"btn btn-primary\"\n      name=\"save\"\n      @click=\"save()\"\n    >\n      Bewaar\n    </button>\n    <div>Hier komt de content</div>\n    <div>\n     {{blog.body}}\n    </div>\n    <div>Dit was de content</div>\n  </div>\n  </div>\n  </div>\n</template>\n<script>\n  import Editor from '@tinymce/tinymce-vue'\n  import {\n  updateVersion,\n  } from '../../services/ApiService';\n\n  export default {\n    name: 'BlogEdit',\n    components: {\n      editor: Editor,\n      editor2: Editor\n    },\n    props: [\n      'blog',\n    ],\n    data() {\n      return {\n        myContent: null,\n        tempUrl: 'https://rest-tofapi-1579971100341.azurewebsites.net/admin/posts/',\n      };\n    },\n    created: function() {\n      // tinyMCE.activeEditor.setContent('<span>some</span>');\n      // tinyMCE.get('editing_field').setContent('your default text');\n      // tinyMCE.activeEditor.setContent('some')\n    },\n    methods: {\n      // fetchen: function() {\n      //   this.myContent = tinymce.activeEditor.getContent();\n      // },\n      // initContent: function(){\n      //   tinyMCE.editors[0].setContent(this.blog.title)\n      // },\n      // initContent2: function(){\n      //   tinyMCE.editors[1].setContent(this.blog.body)\n      // },\n      // save: async function() {\n      //   //Title is filled with the slug???, so.....:\n      //   this.blog.title, this.blog.slug = tinyMCE.editors[0].getContent();\n      //   this.blog.body = tinyMCE.editors[1].getContent();\n\n      //   this.isSuccessful = await updateVersion(this.tempUrl, this.blog, this.blog.id);\n      //   if (this.isSuccessful === true) {\n      //     // alert('gelukt :-)');\n      //   } else {\n      //     // alert('Mislukt :-(');\n      //   }\n      // },\n    },\n  }\n</script>\n<style scoped>\n.jumbotron{\n  background-image: url(\"../../assets/nachtlucht.gif\");\n}\n.p {\n   margin-top:5px;\n   margin-bottom:5px\n}\n</style>\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!./BlogEdit.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!./BlogEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogEdit.vue?vue&type=template&id=dc575c52&scoped=true&\"\nimport script from \"./BlogEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogEdit.vue?vue&type=style&index=0&id=dc575c52&scoped=true&lang=css&\"\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  \"dc575c52\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"container\"},[_c('h2',{attrs:{\"id\":\"kop01\"}},[_vm._v(\"Plaats hier je bericht:\")]),_c('form',{attrs:{\"id\":\"contact-form\"}},[_vm._v(\" Aan\"),_c('br'),_c('input',{staticStyle:{\"background-color\":\"powderblue\"},attrs:{\"type\":\"email\",\"name\":\"email\",\"required\":\"\",\"value\":\"thirdpiglet@outlook.com\",\"readonly\":\"\"}}),_c('br'),_vm._v(\" Naam\"),_c('br'),_c('input',{attrs:{\"type\":\"text\",\"name\":\"name\",\"required\":\"\",\"placeholder\":\"Naam..\"}}),_c('br'),_vm._v(\" Bericht\"),_c('br'),_c('textarea',{attrs:{\"name\":\"message\",\"required\":\"\",\"placeholder\":\"Bericht..\"}}),_c('br'),_vm._v(\" Email Afzender\"),_c('br'),_c('input',{attrs:{\"type\":\"email\",\"name\":\"EmailAfzender\",\"required\":\"\"}}),_c('br'),_c('br'),_c('button',{attrs:{\"type\":\"submit\"},on:{\"click\":function($event){return _vm.submitForm()}}},[_vm._v(\"Verstuur\")])]),_c('div',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"success-message\"}},[_c('h3',[_vm._v(\"Verzonden 👍\")]),_c('p',[_vm._v(\" Bedankt voor je berichtje. \")]),_c('button',{staticClass:\"buttonX\",attrs:{\"id\":\"buttonX\"},on:{\"click\":function($event){return _vm.submitForm()}}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg\"},[_c('div',{staticClass:\"jumbotron kleurtje\"},[_c('p'),_c('p'),_c('div',{staticClass:\"PTSans titletext\"},[_vm._v(\"Contact\")]),_c('div',{staticClass:\"PTSans bodytext\"},[_vm._v(\" Leuk als je een berichtje achterlaat \")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n<div>\n  <div>\n    <div class=\"container-full-bg\">\n      <div class=\"jumbotron kleurtje\">\n        <p></p><p></p>\n        <div class=\"PTSans titletext\">Contact</div>\n        <div class=\"PTSans bodytext\">\n          Leuk als je een berichtje achterlaat\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"container\">\n    <h2 id=\"kop01\">Plaats hier je bericht:</h2>\n    <form id=\"contact-form\">\n        Aan<br>\n        <input type=\"email\" name=\"email\" required value=\"thirdpiglet@outlook.com\" style=\"background-color:powderblue;\" readonly>\n        <br>\n        Naam<br>\n        <input type=\"text\" name=\"name\" required placeholder=\"Naam..\">\n        <br>\n        Bericht<br>\n        <textarea name=\"message\" required placeholder=\"Bericht..\"></textarea>\n        <br>\n        Email Afzender<br>\n        <input type=\"email\" name=\"EmailAfzender\" required>\n        <br><br>\n        <button type=\"submit\" @click=\"submitForm()\">Verstuur</button>\n    </form>\n\n    <div id=\"success-message\" style=\"display: none\">\n    <h3>Verzonden 👍</h3>\n    <p>\n        Bedankt voor je berichtje.\n    </p>\n    <button id=\"buttonX\" class=\"buttonX\" @click=\"submitForm()\">\n    </button>\n</div>\n\n\n\n\n    \n    <!-- <form id=\"contact-form\" action=\"/action_page.php\">\n      <label for=\"fname\">Voornaam</label>\n      <input type=\"text\" id=\"fname\" name=\"firstname\" placeholder=\"Voornaam..\">\n\n      <label for=\"lname\">Achternaam</label>\n      <input type=\"text\" id=\"lname\" name=\"lastname\" placeholder=\"Achternaam..\">\n\n      <label for=\"subject\">Bericht</label>\n      <textarea id=\"subject\" name=\"subject\" placeholder=\"Je bericht..\" style=\"height:200px\"></textarea>\n\n      <input type=\"submit\" value=\"Submit\" @click=\"submitForm()\">\n    </form> -->\n  </div>\n</div>\n\n\n</template>\n\n<script>\nexport default {\n  name: 'Contact',\n  data() {\n    return {\n      reRenderKey: 0,\n    };\n  },\n  created() {\n    var contactForm = document.getElementById(\"contact-form\");\n    var successMessage = document.getElementById(\"success-message\");\n  },\n  methods: {\n  submitForm: async function() {\n      let contactForm = document.getElementById(\"contact-form\");\n      contactForm.onsubmit = function(event) {\n        event.preventDefault(); // Don't let the browser submit the form.\n        var payload = {};\n        // Build JSON key-value pairs using the form fields.\n        contactForm.querySelectorAll(\"input, textarea\").forEach(field => {\n            payload[field.name] = field.value;\n        });\n    \n        // Post the payload to the contact endpoint.\n        fetch(\"https://sendformtof.azurewebsites.net/api/contact\", {\n            method: 'post',\n            body: JSON.stringify(payload)\n        }).then(resp => {\n      if (!resp.ok) {\n                console.error(resp);\n                return;\n            }\n            // Display success message.\n            let successMessage = document.getElementById(\"success-message\");\n            successMessage.style.display = \"block\";\n            contactForm.style.display = \"none\";\n            // Kop weg.\n            document.getElementById(\"kop01\").innerHTML = \"🐷\";\n        });\n      }\n    },\n\n  }\n}\n</script>\n\n<style scoped>\nbody {font-family: Arial, Helvetica, sans-serif;}\n* {box-sizing: border-box;}\n\ninput[type=text], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\n\ninput[type=submit] {\n  background-color: #4CAF50;\n  color: white;\n  padding: 12px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\ninput[type=submit]:hover {\n  background-color: #45a049;\n}\n\n.container {\n  border-radius: 5px;\n  background-color: #f2f2f2;\n  padding: 20px;\n}\n</style>\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!./Contact.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!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=6bf3d552&scoped=true&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=6bf3d552&scoped=true&lang=css&\"\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  \"6bf3d552\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{directives:[{name:\"drag\",rawName:\"v-drag\",value:({ axis: 'x, y', handle: '#ballenGooier' }),expression:\"{ axis: 'x, y', handle: '#ballenGooier' }\"}],staticClass:\"ui-widget-content relative\",attrs:{\"id\":\"ballenGooier\",\"type\":\"button\"},on:{\"mouseup\":function($event){return _vm.gooien()}}},[_c('div',{staticClass:\"absolute\",attrs:{\"id\":\"vizierID\"}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-full-bg hoogte padding0 d-flex justify-content-center relatief\",attrs:{\"id\":\"containerId\"}},[_c('div',{staticClass:\"absoluut\"},[_c('a',{staticClass:\"button black buttonX\",attrs:{\"href\":\"lente\"}},[_vm._v(\" Naar Lente thema \")])]),_c('div',{attrs:{\"id\":\"muurVallen\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n<div>\n  <div id=\"containerId\" class=\"container-full-bg hoogte padding0 d-flex justify-content-center relatief\">\n    <div class=\"absoluut\">\n      <a href=\"lente\" class=\"button black buttonX\">\n        Naar Lente thema\n      </a>\n    </div>\n    <div id=\"muurVallen\"></div>\n  </div>\n  <div v-drag=\"{ axis: 'x, y', handle: '#ballenGooier' }\"\n  id=\"ballenGooier\" type=\"button\" @mouseup=\"gooien()\" class=\"ui-widget-content relative\">\n    <div id=\"vizierID\" class=\"absolute\"></div>\n  </div>\n</div> \n\n</template>\n\n<script>\nexport default {\n  name: 'Winter',\n  data() {\n    return {\n      snelheid: 120,\n      StartStop: null,\n      intervalId: 0,\n      nogBezig: false,\n      vizierIDOffsetTop: 0,\n      vizierIDOffsetLeft: 0,\n      telAfdrukken: 0,\n      maxAfdrukken: 6,\n      windowBreedte: null, \n      // teller: 0,\n    };\n  },\n    // watch: {\n    //   isModalVisible: function() {\n    //     if(this.isModalVisible){\n    //       document.documentElement.style.overflow = 'hidden'\n    //       return\n    //     }\n\n    //     document.documentElement.style.overflow = 'auto'\n    //   }\n    // },\n  created() {\n    this.windowBreedte = window.innerWidth;\n    \n    // var fixed = document.getElementById('fixed');\n    // fixed.addEventListener('touchmove', function(e) {\n    //     e.preventDefault();\n    // }, true);\n\n    //  this.noScroll();\n\n    // document.documentElement.style.overflow = 'hidden';\n\n    // document.body.ontouchmove = (e) => { e.preventDefault(); return false; };\n\n    const body = document.body;\n    body.style.position = 'fixed';\n\n  },\n  mounted() {\n    window.addEventListener(\"keypress\", e => {\n      if(String.fromCharCode(e.keyCode) == 'x'){\n        this.maxAfdrukken++;\n      }else if(String.fromCharCode(e.keyCode) == 'y'){\n        this.maxAfdrukken--;\n      }else if(String.fromCharCode(e.keyCode) == 'r'){\n        // alert('sdfsd');\n        // this.$forceUpdate();\n        location.reload();\n      }\n    });\n  },\n  methods: {\n    // noScroll: function () {\n    //   this.teller++;\n    //   console.log(this.teller);\n    //   window.scrollTo(0, 0);\n    // },\n    muurVallen: function() {\n    document.getElementById('containerId').style.backgroundImage = \"url('https://vuestoragestatictof.blob.core.windows.net/pics/snowTransp02.gif'), url('https://vuestoragestatictof.blob.core.windows.net/pics/SneeuwLandschap02.jpg')\";\n    document.getElementById('containerId').style.backgroundSize=\"100%\";\n    document.getElementById('containerId').style.backgroundRepeat=\"no-repeat\";\n    let frameHeight = 364;\n    let frames = 15;\n    let frame = 0;\n    let divtof = document.getElementById(\"muurVallen\");\n    this.StartStop = setInterval(function () {\n\t\t\t\tif (frame == 14 ) {\n\t\t\t\t\tclearInterval();\n\t\t\t\t} else {\n\t\t\t\t\tlet frameOffset = (++frame % frames) * -frameHeight;\n\t\t\t\t\tdivtof.style.backgroundPosition = \"0px \" + frameOffset + \"px\";  \n\t\t\t\t}\n      }, 200);\n    },\n    gooien: async function ()\n    {\n      this.vizierIDOffsetTop = window.scrollY + document.querySelector('#vizierID').getBoundingClientRect().top;\n      this.vizierIDOffsetLeft = window.scrollX + document.querySelector('#vizierID').getBoundingClientRect().left;\n      let yyy = await this.gooierAnimatie();\n      if (this.windowBreedte < 801) {\n        let zzz = await this.maakAfdrukMobile();\n      }\n      else {\n        let zzz = await this.maakAfdruk();  \n      }\n      this.telAfdrukken++;\n      if(this.telAfdrukken > this.maxAfdrukken){\n        this.muurVallen();\n        this.telAfdrukken = 0;\n        this.maxAfdrukken = 6;\n      }\n    },\n    gooierAnimatie: async function() {\n      return new Promise((resolve, reject) => {\n        let i = 9\n        var frameHeight = 365;\n        var frames = 9;\n        var frame = 0;\n        var divtof = document.getElementById(\"ballenGooier\");\n        this.intervalId = setInterval(() => {\n          this.nogBezig = true;\n          var frameOffset = (++frame % frames) * -frameHeight;\n          divtof.style.backgroundPosition = \"0px \" + frameOffset + \"px\";\n          if (--i < 1) {\n            clearInterval(this.intervalId)\n            this.nogBezig = false;\n            resolve(frame)\n            }\n          }, this.snelheid)\n      })\n    },\n    maakAfdruk: async function () {\n      let l_containerId = document.getElementById('containerId');\n      let afdrukTop = this.vizierIDOffsetTop -114;\n\t\t\tlet afdrukLeft = this.vizierIDOffsetLeft +13;\n\t\t\tlet balAdruk = document.createElement(\"img\");\n      // balAdruk.src = \"../assets/sneeuwbal02.png\";\n      balAdruk.src = \"https://vuestoragestatictof.blob.core.windows.net/pics/sneeuwbal02.png\";\n\t\t\tbalAdruk.style.width = \"50px\";\n      balAdruk.style.height = \"auto\";\n      balAdruk.style.opacity = \".8\";\n      // balAdruk.style.zIndex = \"+9\";\n\t\t\tlet imgLink = document.createElement(\"a\");\n\t\t\timgLink.appendChild(balAdruk);\n\t\t\tlet imgLabel = document.createElement(\"p\");\n\t\t\tlet imgContainer = document.createElement(\"div\");\n\t\t\timgContainer.style.position = \"absolute\";\n\t\t\timgContainer.style.top = afdrukTop + \"px\";\n\t\t\timgContainer.style.left = afdrukLeft + \"px\";\n\t\t\timgContainer.style.float = \"left\";\n\t\t\timgContainer.style.margin = \"5px\";\n\t\t\timgContainer.appendChild(imgLabel);\n\t\t\timgContainer.appendChild(imgLink);\n\t\t\tl_containerId.appendChild(imgContainer);\n    },\n    maakAfdrukMobile: async function () {\n      let l_containerId = document.getElementById('containerId');\n      let afdrukTop = this.vizierIDOffsetTop -88;\n\t\t\tlet afdrukLeft = this.vizierIDOffsetLeft +13;\n\t\t\tlet balAdruk = document.createElement(\"img\");\n      // balAdruk.src = \"../assets/sneeuwbal02.png\";\n      balAdruk.src = \"https://vuestoragestatictof.blob.core.windows.net/pics/sneeuwbal02.png\";\n\t\t\tbalAdruk.style.width = \"50px\";\n      balAdruk.style.height = \"auto\";\n      balAdruk.style.opacity = \".8\";\n      // balAdruk.style.zIndex = \"+9\";\n\t\t\tlet imgLink = document.createElement(\"a\");\n\t\t\timgLink.appendChild(balAdruk);\n\t\t\tlet imgLabel = document.createElement(\"p\");\n\t\t\tlet imgContainer = document.createElement(\"div\");\n\t\t\timgContainer.style.position = \"absolute\";\n\t\t\timgContainer.style.top = afdrukTop + \"px\";\n\t\t\timgContainer.style.left = afdrukLeft + \"px\";\n\t\t\timgContainer.style.float = \"left\";\n\t\t\timgContainer.style.margin = \"5px\";\n\t\t\timgContainer.appendChild(imgLabel);\n\t\t\timgContainer.appendChild(imgLink);\n\t\t\tl_containerId.appendChild(imgContainer);\n\t\t}\n  }\n}\n</script>\n\n<style scoped>\n  .hoogte {\n    min-height: 600px;\n    background-color: #7798c1;\n  }\n  #ballenGooier {\n    background-image: url(\"../assets/SneeuwbalGooien3.png\");\n    background-repeat: no-repeat;\n    height: 365px;\n    width: 400px;\n    top: -500px;\n  }\n  #vizierID {\n    width: 100px;\n    height: 100px;\n    background-image: url(\"../assets/Visiert01.png\");\n    background-repeat: no-repeat;\n    position: relative;\n    animation-name: vizier;\n    animation-duration: 2s;\n    animation-iteration-count: infinite;\n    opacity: 0.2;\n  }\n  @keyframes vizier {\n    0%   {left:250px; top:-30px;}\n    6%   {left:225px; top:-15px;}\n    12%  {left:200px; top:0px;}\n    \n    24%  {left:250px; top:30px;}\n    26%  {left:250px; top:30px;}\n\n    38%  {left:300px; top:60px;}\n    44%  {left:275px; top:75px;}\n    50%  {left:250px; top:90px;}\n    56%  {left:225px; top:75px;}\n    62%  {left:200px; top:60px;}\t\t  \n    \n    74%  {left:250px; top:30px;}\n    76%  {left:250px; top:30px;}\n    \n    88%  {left:300px; top:0px;}\n    94%  {left:275px; top:-15px;}\t\n    100% {left:250px; top:-30px;}\n  }\n@media screen and (min-width: 801px) {\n  #muurVallen {\n      background-image: url(\"../assets/WallGroot16t.png\");\n      background-repeat: no-repeat;\n      height: 300px;\n      width: 1903px;\n      transform: scale(1.59,1.59);\n      transform-origin:top;\n  }\n}\n@media screen and (max-width: 800px) {\n  #muurVallen {\n      background-image: url(\"../assets/WallMobile800w.png\");\n      background-repeat: no-repeat;\n      height: 300px;\n      width: 903px;\n      transform: scale(1.59,1.59);\n      transform-origin:center;\n  }\n}\n</style>\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!./Winter.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!./Winter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Winter.vue?vue&type=template&id=1dcd62dc&scoped=true&\"\nimport script from \"./Winter.vue?vue&type=script&lang=js&\"\nexport * from \"./Winter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Winter.vue?vue&type=style&index=0&id=1dcd62dc&scoped=true&lang=css&\"\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  \"1dcd62dc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\"},[_c('div',{staticClass:\"relatief\"},[_c('a',{staticClass:\"button black buttonX\",attrs:{\"href\":\"zomer\"}},[_vm._v(\" Naar Zomer thema \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\">\n    <div class=\"relatief\">\n        <a href=\"zomer\" class=\"button black buttonX\">\n          Naar Zomer thema\n        </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Herfst',\n  data() {\n    return {\n      cssProps: {\n        backgroundImage: `url(${require('@/assets/pook4.png')})`\n      },\n      sliderValue: 3,\n      forceRender: 0,\n      snelheid: 100,\n      loopjumper: 0,\n      reRenderKey: 0,\n      StartStop: null,\n      // frameHeight: 300,\n      // frames: 15,\n      // frame: 0,\n      // divtof: document.getElementById(\"animation\"),\n      klaar: false,\n      intervalId: 0,\n      nogBezig: false,\n    };\n  },\n  created() {\n  },\n  methods: {\n    snel: function() {\n      this.snelheid = this.snelheid - 50\n    },\n    langzaam: function() {\n      this.snelheid = this.snelheid + 50\n    },\n    stop: function() {\n      this.loopjumper = 1000;\n    },\n    flapRuitenwisser: async function() {\n      if(this.nogBezig == false){\n        var i;\n        for (i = 0; i < 999; i++) {\n          let kanWeg = await this.flapEENkeer();\n          i = i + this.loopjumper;\n        }\n        this.loopjumper = 0;\n      }\n    },\n    flapEENkeer: async function() {\n      return new Promise((resolve, reject) => {\n        let i = 22\n        var frameHeight = 300;\n        var frames = 22;\n        var frame = 0;\n        var divtof = document.getElementById(\"animation\");\n        this.intervalId = setInterval(() => {\n          this.nogBezig = true;\n          var frameOffset = (++frame % frames) * -frameHeight;\n          divtof.style.backgroundPosition = \"0px \" + frameOffset + \"px\";\n          if (--i < 1) {\n            clearInterval(this.intervalId)\n            this.nogBezig = false;\n            resolve(frame)\n            }\n          }, this.snelheid)\n      })\n    },\n    poken() {\n      let zzzz = \"https://vuestoragestatictof.blob.core.windows.net/pics/pook\".concat(this.sliderValue + \".png\");\n      document.getElementById('pookjeId').style.backgroundImage = \"url(\"+zzzz+\")\";\n      this.snelheid = (10 - this.sliderValue) * 30;\n      // if(this.nogBezig == false && this.sliderValue == 1) {\n      if(this.sliderValue == 1) {\n        this.stop();\n      }\n    },\n  }\n}\n</script>\n\n<style scoped>\n.kleurtje{\n  background-image: url(\"../assets/Klaprozen3.png\");\n}\n#animation {\n  background-image: url(\"../assets/film04.png\");\n}\n#pookjeId { \n  visibility:visible;\n  background-image: url(\"https://vuestoragestatictof.blob.core.windows.net/pics/pook4.png\");\n  background-position: center;\n  background-size: 45%;\n  background-repeat: no-repeat;\n  bottom: -80px;\n}\n.absoluut{\n  position: absolute;\n}\n</style>\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!./Lente.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!./Lente.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lente.vue?vue&type=template&id=54957536&scoped=true&\"\nimport script from \"./Lente.vue?vue&type=script&lang=js&\"\nexport * from \"./Lente.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lente.vue?vue&type=style&index=0&id=54957536&scoped=true&lang=css&\"\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  \"54957536\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\"},[_c('div',{staticClass:\"relatief\"},[_c('a',{staticClass:\"button black buttonX\",attrs:{\"href\":\"herfst\"}},[_vm._v(\" Naar Herfst thema \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\">\n    <div class=\"relatief\">\n        <a href=\"herfst\" class=\"button black buttonX\">\n          Naar Herfst thema\n        </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Herfst',\n  data() {\n    return {\n      cssProps: {\n        backgroundImage: `url(${require('@/assets/pook4.png')})`\n      },\n      sliderValue: 3,\n      forceRender: 0,\n      snelheid: 100,\n      loopjumper: 0,\n      reRenderKey: 0,\n      StartStop: null,\n      // frameHeight: 300,\n      // frames: 15,\n      // frame: 0,\n      // divtof: document.getElementById(\"animation\"),\n      klaar: false,\n      intervalId: 0,\n      nogBezig: false,\n    };\n  },\n  created() {\n  },\n  methods: {\n    snel: function() {\n      this.snelheid = this.snelheid - 50\n    },\n    langzaam: function() {\n      this.snelheid = this.snelheid + 50\n    },\n    stop: function() {\n      this.loopjumper = 1000;\n    },\n    flapRuitenwisser: async function() {\n      if(this.nogBezig == false){\n        var i;\n        for (i = 0; i < 999; i++) {\n          let kanWeg = await this.flapEENkeer();\n          i = i + this.loopjumper;\n        }\n        this.loopjumper = 0;\n      }\n    },\n    flapEENkeer: async function() {\n      return new Promise((resolve, reject) => {\n        let i = 22\n        var frameHeight = 300;\n        var frames = 22;\n        var frame = 0;\n        var divtof = document.getElementById(\"animation\");\n        this.intervalId = setInterval(() => {\n          this.nogBezig = true;\n          var frameOffset = (++frame % frames) * -frameHeight;\n          divtof.style.backgroundPosition = \"0px \" + frameOffset + \"px\";\n          if (--i < 1) {\n            clearInterval(this.intervalId)\n            this.nogBezig = false;\n            resolve(frame)\n            }\n          }, this.snelheid)\n      })\n    },\n    poken() {\n      let zzzz = \"https://vuestoragestatictof.blob.core.windows.net/pics/pook\".concat(this.sliderValue + \".png\");\n      document.getElementById('pookjeId').style.backgroundImage = \"url(\"+zzzz+\")\";\n      this.snelheid = (10 - this.sliderValue) * 30;\n      // if(this.nogBezig == false && this.sliderValue == 1) {\n      if(this.sliderValue == 1) {\n        this.stop();\n      }\n    },\n  }\n}\n</script>\n\n<style scoped>\n.kleurtje{\n  background-image: url(\"../assets/zomer03.png\");\n}\n#animation {\n  background-image: url(\"../assets/film04.png\");\n}\n#pookjeId { \n  visibility:visible;\n  background-image: url(\"https://vuestoragestatictof.blob.core.windows.net/pics/pook4.png\");\n  background-position: center;\n  background-size: 45%;\n  background-repeat: no-repeat;\n  bottom: -80px;\n}\n.absoluut{\n  position: absolute;\n}\n</style>\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!./Zomer.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!./Zomer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Zomer.vue?vue&type=template&id=741058c6&scoped=true&\"\nimport script from \"./Zomer.vue?vue&type=script&lang=js&\"\nexport * from \"./Zomer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Zomer.vue?vue&type=style&index=0&id=741058c6&scoped=true&lang=css&\"\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  \"741058c6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\"},[_c('div',{staticClass:\"relatief\"},[_c('div',{staticClass:\"relatief\",attrs:{\"id\":\"ruitwId3\"}},[_c('div',{attrs:{\"id\":\"testing\"}}),_c('vue-load-image',[_c('img',{key:_vm.reRenderKey,staticClass:\"img-fluid\",attrs:{\"slot\":\"image\",\"id\":\"myImg\",\"src\":\"https://vuestoragestatictof.blob.core.windows.net/pics/Ruitenwissers05.gif\"},slot:\"image\"}),_c('img',{attrs:{\"slot\":\"preloader\",\"src\":require(\"../assets/spinner-icon-gif-27.jpg\")},slot:\"preloader\"}),_c('div',{attrs:{\"slot\":\"error\"},slot:\"error\"},[_vm._v(\"error message\")])])],1)]),_c('div',{staticClass:\"pookjeClass absoluut top570\",style:(_vm.cssProps),attrs:{\"id\":\"pookjeId\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.sliderValue),expression:\"sliderValue\"}],attrs:{\"type\":\"range\",\"id\":\"range\",\"min\":\"1\",\"max\":\"4\",\"step\":\"1\"},domProps:{\"value\":(_vm.sliderValue)},on:{\"input\":function($event){return _vm.poken()},\"__r\":function($event){_vm.sliderValue=$event.target.value}}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div>\n  <div class=\"container-full-bg kleurtje hoogte padding0 d-flex justify-content-center relatief\">\n    <div class=\"relatief\">\n      <div id=\"ruitwId3\" class=\"relatief\">\n        <div id=\"testing\">\n        </div>\n        <vue-load-image>\n          <img :key=\"reRenderKey\" id=\"myImg\" class=\"img-fluid\" slot=\"image\" src=\"https://vuestoragestatictof.blob.core.windows.net/pics/Ruitenwissers05.gif\"/>\n          <img slot=\"preloader\" src=\"../assets/spinner-icon-gif-27.jpg\"/>\n          <div slot=\"error\">error message</div>\n        </vue-load-image>\n      </div>\n    </div>\n    <div id=\"pookjeId\" class=\"pookjeClass absoluut top570\" :style=\"cssProps\">\n      <input @input=\"poken()\" type=\"range\" id=\"range\" min=\"1\" max=\"4\" step=\"1\" v-model=\"sliderValue\" />\n    </div>  \n  </div>\n</div>\n</template>\n\n<script>\nimport VueLoadImage from 'vue-load-image'\nexport default {\n  name: 'HerfstHQ',\n  components: {\n    'vue-load-image': VueLoadImage\n  },\n  data() {\n    return {\n      cssProps: {\n        backgroundImage: `url(${require('@/assets/pook4.png')})`\n      },\n      sliderValue: 3,\n      forceRender: 0,\n      reRenderKey: 0,\n      images: [],\n    };\n  },\n  created: async function() {\n    var element = document.getElementById('testing');\n      element.style.cssText = 'display:none;';\n  },\n  mounted: async function() {\n    await this.gifsLaden();\n  },\n  methods: {\n    gifsLaden: async function() {\n      return new Promise((resolve, reject) => {\n      // setTimeout(function(){\n      // alert('Begin. ..');\n        this.images[0] = new Image();\n        this.images[0].src = \"https://vuestoragestatictof.blob.core.windows.net/pics/RuitenwissersSlow05.gif\";\n        this.images[1] = new Image();\n        this.images[1].src = \"https://vuestoragestatictof.blob.core.windows.net/pics/Ruitenwissers05.gif\";\n        this.images[2] = new Image();\n        this.images[2].src = \"https://vuestoragestatictof.blob.core.windows.net/pics/RuitenwissersFast1_05.gif\";\n        this.images[3] = new Image();\n        this.images[3].src = \"https://vuestoragestatictof.blob.core.windows.net/pics/RuitenwissersFast2_05.gif\";\n        //  }, 6000);\n        // alert('klaar!');\n        // this.sliderValue = 4;\n        // this.poken();\n      })\n    },\n    poken: async function() {\n      await this.pokenDoe();\n    },\n    pokenDoe: async function(){\n      // console.log(this.sliderValue);\n      // this.reRenderKey = this.reRenderKey + 1; \n      return new Promise((resolve, reject) => {\n        // alert(this.sliderValue);// Werkt niet zonder?!\n        \n        if (this.sliderValue == 1) {\n          // alert('1');\n          // this.reRenderKey = this.reRenderKey +1;\n          document.getElementById('pookjeId').style.backgroundImage = \"url('https://vuestoragestatictof.blob.core.windows.net/pics/pook2.png')\";\n          document.getElementById(\"myImg\").src = (this.images[0].src);\n          // this.reRenderKey = this.reRenderKey +1;\n        } else if  (this.sliderValue == 2) {\n          // alert('2');\n          // this.reRenderKey = this.reRenderKey +1;\n          document.getElementById('pookjeId').style.backgroundImage = \"url('https://vuestoragestatictof.blob.core.windows.net/pics/pook4.png')\";\n          document.getElementById(\"myImg\").src = (this.images[1].src);\n          // this.reRenderKey = this.reRenderKey +1;\n        } else if  (this.sliderValue == 3) {\n          // alert('3');\n          // this.reRenderKey = this.reRenderKey +1;\n          document.getElementById('pookjeId').style.backgroundImage = \"url('https://vuestoragestatictof.blob.core.windows.net/pics/pook5.png')\";\n          document.getElementById(\"myImg\").src = (this.images[2].src);\n          // this.reRenderKey = this.reRenderKey +1;\n        } else {\n          // alert('4');\n          // this.reRenderKey = this.reRenderKey +1;\n          document.getElementById('pookjeId').style.backgroundImage = \"url('https://vuestoragestatictof.blob.core.windows.net/pics/pook7.png')\";\n          document.getElementById(\"myImg\").src = (this.images[3].src);\n          // this.reRenderKey = this.reRenderKey +1; \n        }\n        // this.reRenderKey = this.reRenderKey +1; \n      })\n    },\n  }\n}\n</script>\n\n<style scoped>\n</style>\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!./HerfstHQ.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!./HerfstHQ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HerfstHQ.vue?vue&type=template&id=4b6cee3e&scoped=true&\"\nimport script from \"./HerfstHQ.vue?vue&type=script&lang=js&\"\nexport * from \"./HerfstHQ.vue?vue&type=script&lang=js&\"\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  \"4b6cee3e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-full-bg kleurtje\"},[_c('div',{staticClass:\"container mx-auto d-block\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticClass:\"center-block\",staticStyle:{\"width\":\"100%\"},attrs:{\"src\":\"https://vuestoragestatictof.blob.core.windows.net/pics/huis4eBiggetje.png\",\"alt\":\"weg..\"}})])])])]),_c('div',{staticClass:\"container f20w400\",attrs:{\"id\":\"grad1\"}},[_c('h1',[_vm._v(\"Het 4\"),_c('sup',[_vm._v(\"e\")]),_vm._v(\" biggetje\")]),_c('p',[_vm._v(\"De vier biggetjes\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"Vier biggetjes bouwden een huis.\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"De eerste bouwde een huis van stro, de tweede een huis van hout, de derde een huis van steen.\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"Het derde biggetje stortte eerst beton. Dat moest weken drogen. Daarna ging hij metselen, etc.\")]),_c('p',[_vm._v(\"Toen het huismaanden later klaar was, kwam hij erachter dat - ondanks een uitgebreide planning - toch wat zaken fout had ingeschat. Hij was achteraf niet blij met de indeling en hij had er niet aan gedacht om zijn tuingerichte woonkamer aan de zuidkant te bouwen.\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"Het vierde biggetje bouwde een huis van stro. Dat deed zij in één dag. Toen ging ze zich wijden haar grote hobby: koken.\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"Zij nodigde de wolf uit (die had naar eigen zeggen altijd honger) en daar zaten ze dan, samen te genieten van een heerlijke maaltijd.\")]),_c('p',[_vm._v(\"Na de maaltijd leunde de wolf achterover in de keukenstoel en keek 'ns kritisch om zich heen.\")]),_c('p',[_c('img',{attrs:{\"src\":require(\"@/assets/wolft.png\"),\"alt\":\"weg?\"}})]),_c('h3',{staticStyle:{\"color\":\"#d6e0c8\"}},[_vm._v(\"\\\"Als je zo van koken houdt, waarom heb je dan zo'n kleine keuken en zo'n enorme hal en woonkamer?\\\"\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"\\\"Geeft niks\\\", zei het vierde biggetje. \\\"Ik heb bij nader inzien wel meer zaken fout gedaan.\")]),_c('p',{staticClass:\"ex1\"},[_vm._v(\"Morgen begin ik aan een huis van hout en ik verwacht dat ik na een tijdje de achterwand ga vervangen door steen. Maar misschien wil ik het straks wel zo laten.\\\"\")]),_c('hr',{attrs:{\"color\":\"#d6e0c8\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\n<div>\n  <div class=\"container-full-bg kleurtje\">\n    <div class=\"container mx-auto d-block\">\n      <div class=\"row\">\n      <div class=\"text-center\">\n        <img class=\"center-block\" src=\"https://vuestoragestatictof.blob.core.windows.net/pics/huis4eBiggetje.png\" alt=\"weg..\" style=\"width:100%\">\n      </div>\n      </div>\n    </div>\n  </div>\n  \n   <div id=\"grad1\" class=\"container f20w400\">\n    <h1>Het 4<sup>e</sup> biggetje</h1>\n    <p>De vier biggetjes</p>\n    <p class=\"ex1\">Vier biggetjes bouwden een huis.</p>\n    <p class=\"ex1\">De eerste bouwde een huis van stro, de tweede een huis van hout, de derde een huis van steen.</p>\n\n    <p class=\"ex1\">Het derde biggetje stortte eerst beton. Dat moest weken drogen. Daarna ging hij metselen, etc.</p>\n    <p>Toen het huismaanden later klaar was, kwam hij erachter dat - ondanks een uitgebreide planning - toch wat zaken fout had ingeschat. Hij was achteraf niet blij met de indeling en hij had er niet aan gedacht om zijn tuingerichte woonkamer aan de zuidkant te bouwen.</p>\n\n    <p class=\"ex1\">Het vierde biggetje bouwde een huis van stro. Dat deed zij in één dag. Toen ging ze zich wijden haar grote hobby: koken.</p>\n    <p class=\"ex1\">Zij nodigde de wolf uit (die had naar eigen zeggen altijd honger) en daar zaten ze dan, samen te genieten van een heerlijke maaltijd.</p>\n\n    <p>Na de maaltijd leunde de wolf achterover in de keukenstoel en keek 'ns kritisch om zich heen.</p>\n    <p><img src=\"@/assets/wolft.png\" alt=\"weg?\"></p>        \n    <h3 style=\"color: #d6e0c8\">\"Als je zo van koken houdt, waarom heb je dan zo'n kleine keuken en zo'n enorme hal en woonkamer?\"</h3>\n    <p class=\"ex1\">\"Geeft niks\", zei het vierde biggetje. \"Ik heb bij nader inzien wel meer zaken fout gedaan.</p>\n    <p class=\"ex1\">Morgen begin ik aan een huis van hout en ik verwacht dat ik na een tijdje de achterwand ga vervangen door steen. Maar misschien wil ik het straks wel zo laten.\"</p>\n    <hr color = \"#d6e0c8\">\n  </div>\n</div>\n</template>\n<script>\nexport default {\n  name: 'Home',\n  data() {\n    return {\n      reRenderKey: 0,\n    };\n  },\n  created() {\n  },\n  methods: {\n  }\n}\n</script>\n\n<style scoped>\n#grad1 {\n  background-image: linear-gradient(#f7deb0, #8b5d2e);\n}\n.kleurtje{\n  background-color:#37372e;\n}\np.ex1 {\n  margin-bottom: 0px;\n}\n</style>\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!./VierdeBiggetje.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!./VierdeBiggetje.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VierdeBiggetje.vue?vue&type=template&id=57edf307&scoped=true&\"\nimport script from \"./VierdeBiggetje.vue?vue&type=script&lang=js&\"\nexport * from \"./VierdeBiggetje.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VierdeBiggetje.vue?vue&type=style&index=0&id=57edf307&scoped=true&lang=css&\"\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  \"57edf307\",\n  null\n  \n)\n\nexport default component.exports","import Home from './components/Home.vue';\nimport User from './components/user/User.vue';\nimport blog from './components/blog/Blog.vue';\nimport blog2 from './components/blog/Blog2.vue';\nimport blogEdit from './components/blog/BlogEdit.vue';\nimport contact from './components/Contact.vue';\nimport herfst from './components/Herfst.vue';\nimport winter from './components/Winter.vue';\nimport lente from './components/Lente.vue';\nimport zomer from './components/Zomer.vue';\nimport herfstHQ from './components/HerfstHQ.vue';\nimport vierdebiggetje from './components/VierdeBiggetje.vue';\n// import HelloWorld from './components/HelloWorld.vue';\n\nexport const routes = [\n    { path: '', component: Home },\n    { path: '/user', component: User },\n    { path: '/blog', component: blog },\n    { path: '/blog2', component: blog2 },\n    {\n        path: '/blogEdit',\n        name: 'blogedit',\n        component: blogEdit,\n        props: true,\n    },\n    // { path: '/HelloWorld', component: HelloWorld },\n    { path: '/contact', component: contact },\n    { path: \n        '/herfst',\n        name: 'herfst', \n        component: herfst,\n        props: false, \n    },\n    { path: \n        '/herfstHQ',\n        name: 'herfstHQ', \n        component: herfstHQ,\n        props: false, \n    },\n    { \n        path: '/winter', \n        name: 'winter',\n        component: winter,\n        props: false,\n    },\n    { \n        path: '/lente', \n        name: 'lente',\n        component: lente,\n        props: false,\n    },\n    { \n        path: '/zomer', \n        name: 'zomer',\n        component: zomer,\n        props: false,\n    },\n    { path: '/vierdebiggetje', component: vierdebiggetje },\n];\n","// import Vue from 'vue'\n// import App from './App.vue'\n// import vuetify from './plugins/vuetify';\n\n// Vue.config.productionTip = false\n\n// new Vue({\n//   vuetify,\n//   render: h => h(App)\n// }).$mount('#app')\n\nimport Vue from 'vue'\nimport 'bootstrap'; \nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport VueRouter from 'vue-router';\nimport App from './App.vue'\nimport { routes } from './routes';\n\nimport drag from \"v-drag\";\n// const drag = require(\"v-drag\");\nVue.use(drag);\n\nimport Vue2TouchEvents from 'vue2-touch-events'\nVue.use(Vue2TouchEvents)\n\nimport VScrollLock from 'v-scroll-lock' \nVue.use(VScrollLock, {\n  bodyScrollOptions: {\n    reserveScrollBarGap: true,\n  },\n})\n\n// import vuetify from './plugins/vuetify';\n// import tinymce from 'tinymce';\n\nVue.use(VueRouter);\n// Vue.use(tinymce);\n\nconst router = new VueRouter({\n  routes,\n  mode: 'history',\n});\n\nVue.config.productionTip = false\n\nnew Vue({\n  router,\n  render: h => h(App),\n}).$mount('#app')","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!./Home.vue?vue&type=style&index=0&lang=css&\"; 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!./Home.vue?vue&type=style&index=0&lang=css&\"","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!./BlogEdit.vue?vue&type=style&index=0&id=dc575c52&scoped=true&lang=css&\"; 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!./BlogEdit.vue?vue&type=style&index=0&id=dc575c52&scoped=true&lang=css&\"","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!./App.vue?vue&type=style&index=0&id=64c2159b&scoped=true&lang=css&\"; 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!./App.vue?vue&type=style&index=0&id=64c2159b&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/spinner-icon-gif-27.cffa9d9d.jpg\";","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!./Header.vue?vue&type=style&index=0&id=76552497&scoped=true&lang=css&\"; 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!./Header.vue?vue&type=style&index=0&id=76552497&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/VereTransp.a3b63bb8.png\";","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!./BlogReaction.vue?vue&type=style&index=0&id=2e94aced&scoped=true&lang=css&\"; 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!./BlogReaction.vue?vue&type=style&index=0&id=2e94aced&scoped=true&lang=css&\"","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!./Contact.vue?vue&type=style&index=0&id=6bf3d552&scoped=true&lang=css&\"; 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!./Contact.vue?vue&type=style&index=0&id=6bf3d552&scoped=true&lang=css&\"","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!./Blog.vue?vue&type=style&index=0&id=c8c043da&scoped=true&lang=css&\"; 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!./Blog.vue?vue&type=style&index=0&id=c8c043da&scoped=true&lang=css&\""],"sourceRoot":""}