{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/assets/images/gmp_badge@2x.png","webpack:///./src/components/VideoList.vue?1ebf","webpack:///./src/assets/images/gcp_badge@2x.png","webpack:///./src/components/Waves.vue?9ca6","webpack:///./src/components/VideoList.vue","webpack:///./src/components/VideoList.vue?2b09","webpack:///./src/components/Login.vue","webpack:///./src/components/Login.vue?0845","webpack:///./src/router.js","webpack:///./src/store.js","webpack:///./src/App.vue","webpack:///./src/components/NavBar.vue","webpack:///./src/components/NavBar.vue?ab0f","webpack:///./src/components/Header.vue","webpack:///./src/components/Header.vue?9bdd","webpack:///./src/components/Waves.vue","webpack:///./src/components/Waves.vue?1696","webpack:///./src/components/Contact.vue","webpack:///./src/components/Contact.vue?c3c8","webpack:///./src/components/Footer.vue","webpack:///./src/components/Footer.vue?c832","webpack:///./src/App.vue?dfb6","webpack:///./src/main.js","webpack:///./src/components/VideoList.vue?690d","webpack:///./src/components/Header.vue?2c19","webpack:///./src/components/Login.vue?2256","webpack:///./src/App.vue?f24e","webpack:///./src/components/Contact.vue?8b19","webpack:///./src/components/Login.vue?7cfe","webpack:///./src/components/NavBar.vue?d53f","webpack:///./src/components/Footer.vue?19e9","webpack:///./src/assets/images/logo_trakken.svg"],"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","class","role","ref","data-bs-backdrop","tabindex","aria-hidden","controls","loading","videos","video","videoIndex","title","openVideo","src","thumbnail","topic","text","type","closeVideo","aria-label","currentVideo","isYoutube","youtubeParameters","frameborder","allow","allowfullscreen","overlay","computed","this","$store","state","methods","index","includes","show","$refs","load","play","hide","clearVideo","pause","mounted","dispatch","videoOverlay","addEventListener","render","__scopeId","error","action","submit","id","placeholder","required","form","password","auth","then","$router","catch","message","loginOverlay","router","createRouter","history","createWebHistory","process","routes","path","component","VideoList","meta","requiresAuth","Login","beforeEach","to","isAuthenticationRequired","getAuth","isAuthenticated","currentUser","store","createStore","firebaseUser","email","photoURL","mutations","setLoadingState","setVideos","setFirebaseUser","user","setAuthenticationStatus","status","actions","getVideos","context","domain","axios","res","commit","err","console","warn","getUser","signOut","alt","href","logout","replace","target","width","height","Date","getFullYear","components","NavBar","Header","Waves","Contact","Footer","app","firebaseConfig","apiKey","authDomain","initializeApp","onAuthStateChanged","createApp","App","use","VueAxios","mount"],"mappings":"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","file":"js/index.71d149ea.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\"index\": 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","module.exports = __webpack_public_path__ + \"img/gmp_badge@2x.c49aa29b.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./VideoList.vue?vue&type=style&index=0&id=99a0c034&scoped=true&lang=scss\"","module.exports = __webpack_public_path__ + \"img/gcp_badge@2x.f48ee57d.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Waves.vue?vue&type=style&index=0&id=3b6e2a5a&scoped=true&lang=scss\"","<template>\n  <section class=\"container videos\">\n    <div v-if=\"loading\" class=\"d-flex justify-content-center\">\n      <div class=\"spinner-border m-5\" role=\"status\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n    </div>\n    <article class=\"video\" v-for=\"(video, videoIndex) in videos\" :key=\"video.title\">\n      <div class=\"row\">\n        <div class=\"col-md-10 offset-md-1 offset-lg-0 col-lg-6 mb-3 mb-lg-0\">\n          <a class=\"btn thumbnail\" @click=\"openVideo(videoIndex)\">\n            <img :src=\"video.thumbnail\" />\n          </a>\n        </div>\n        <div class=\"col-md-10 col-lg-5 offset-md-1 d-flex flex-column justify-content-center\">\n          <p class=\"topic mb-2\">{{ video.topic }}</p>\n          <h2 class=\"h2 mb-3 mb-lg-4\">{{ video.title }}</h2>\n          <p>{{ video.text }}</p>\n          <a class=\"watch\" @click=\"openVideo(videoIndex)\">Watch Training</a>\n        </div>\n      </div>\n    </article>\n    <div class=\"modal fade\" ref=\"videoOverlay\" data-bs-backdrop=\"static\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <button type=\"button\" class=\"btn-close btn-close-white\" @click=\"closeVideo()\" aria-label=\"Close\"></button>\n          </div>\n          <div class=\"modal-body\">\n            <div v-if=\"currentVideo.isYoutube\" class=\"ratio ratio-16x9\">\n              <iframe :src=\"currentVideo.src + youtubeParameters\" :title=\"currentVideo.title\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen ref=\"youtube\"></iframe>\n            </div>\n            <video v-if=\"!currentVideo.isYoutube\" controls ref=\"video\">\n              <source :src=\"currentVideo.src\"\n                type=\"video/mp4\">\n              Sorry, your browser doesn't support embedded videos.\n            </video>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { Modal } from 'bootstrap'\nexport default {\n  name: 'VideoList',\n  data() {\n    return {\n      overlay: null,\n      currentVideo: {\n        src: null,\n        title: null,\n        isYoutube: false\n      },\n      youtubeParameters: '?controls=2&modestbranding=1&showinfo=0&rel=0&autoplay=1'\n    }\n  },\n  computed: {\n\t\tvideos() {\n\t\t\treturn this.$store.state.videos\n\t\t},\n    loading() {\n\t\t\treturn this.$store.state.loading\n\t\t},\n\t},\n  methods: {\n    openVideo(index) {\n      this.currentVideo = {\n        src: this.videos[index].video,\n        title: this.videos[index].title,\n        isYoutube: this.videos[index].video.includes('youtube'),\n      }\n      this.overlay.show();\n      if (!this.currentVideo.isYoutube) {\n        this.$refs.video.load();\n        this.$refs.video.play();\n      }\n    },\n    closeVideo() {\n      this.overlay.hide();\n    },\n    clearVideo() {\n      if (!this.currentVideo.isYoutube) {\n        this.$refs.video.pause();\n      }\n      this.currentVideo = {\n        src: null,\n        title: null,\n        isYoutube: false\n      };\n    }\n  },\n  mounted() {\n\t\tthis.$store.dispatch('getVideos');\n    this.overlay = new Modal(this.$refs.videoOverlay);\n    this.$refs.videoOverlay.addEventListener(\"hidden.bs.modal\", this.clearVideo);\n  },\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.spinner-border {\n  color: #db0000;\n}\n.video {\n  margin-top: 100px;\n  .topic {\n    font: normal normal bold 16px/20px Mulish;\n  }\n  .h2 {\n    font: normal normal bold 30px/38px Mulish;\n    color: #323438;\n  }\n  p {\n    font: normal normal normal 16px/24px Mulish;\n  }\n  a {\n    font: normal normal 600 15px/24px Mulish;\n    color: #db0000;\n    text-decoration: none;\n\n    &.thumbnail{\n      display: block;\n      position: relative;\n      padding: 0;\n      border: 0;\n\n      &:after {\n        content: \"\";\n        height: 120px;\n        width: 120px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background: transparent url('~@/assets/images/icon_play.svg') 0% 0% no-repeat;\n        opacity: 0;\n        transition: opacity .3s ease;\n      }\n      &:hover {\n        &:after {\n          opacity: 1;\n        }\n      }\n      \n      img {\n        width: 100%;\n        border-radius: 10px;\n        box-shadow: 0 0 15px 0 rgb(0 0 0 / 16%);\n      }\n    }\n\n    &.watch{\n      display: inline-block;\n      cursor: pointer;\n      &:after{\n        content: \"\";\n        display: inline-block;\n        width: 12px;\n        height: 9px;\n        background: transparent url('~@/assets/images/icon_arrow-right.svg') 0% 0% / 12px 9px no-repeat;\n        margin-left: 4px;\n        transform: translate(0);\n        transition: transform .3s ease;\n      }\n      &:hover{\n        &:after{\n          transform: translate(5px);\n        }\n      }\n    }\n  }\n}\n.modal {\n  .modal-header {\n    border: 0;\n  }\n  .modal-content {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n  }\n  video {\n    width: 100%\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.modal-backdrop.show {\n  opacity: 0.8 !important;\n}\n</style>","import { render } from \"./VideoList.vue?vue&type=template&id=99a0c034&scoped=true\"\nimport script from \"./VideoList.vue?vue&type=script&lang=js\"\nexport * from \"./VideoList.vue?vue&type=script&lang=js\"\n\nimport \"./VideoList.vue?vue&type=style&index=0&id=99a0c034&scoped=true&lang=scss\"\nimport \"./VideoList.vue?vue&type=style&index=1&id=99a0c034&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-99a0c034\"\n\nexport default script","<template>\n  <section class=\"container login\">\n    <div class=\"modal fade\" ref=\"loginOverlay\" data-bs-backdrop=\"static\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"modal-dialog modal-dialog-centered modal-lg\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header justify-content-center\">\n            <h2 class=\"h2\">Trakken Video Training</h2>\n          </div>\n          <div class=\"modal-body justify-content-center\">\n            <div v-if=\"error\" class=\"alert alert-danger\">{{error}}</div>\n            <form action=\"#\" @submit.prevent=\"submit\">\n              <!-- <div class=\"form-group row\">\n                <label for=\"email\" class=\"col-md-4 col-form-label text-md-right\">Email</label>\n\n                <div class=\"col-md-6\">\n                  <input\n                    id=\"email\"\n                    type=\"email\"\n                    class=\"form-control\"\n                    name=\"email\"\n                    value\n                    required\n                    autofocus\n                    v-model=\"form.email\"\n                  />\n                </div>\n              </div> -->\n\n              <div class=\"form-group row my-4 justify-content-center\">\n                <div class=\"col-md-6\">\n                  <input\n                    id=\"password\"\n                    type=\"password\"\n                    class=\"form-control\"\n                    name=\"password\"\n                    placeholder=\"Password\" \n                    required\n                    v-model=\"form.password\"\n                  />\n                </div>\n              </div>\n\n              <div class=\"form-group row my-4 justify-content-center\">\n                <div class=\"col-md-4 text-center\">\n                  <button type=\"submit\" class=\"btn btn-block\">Login</button>\n                </div>\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { Modal } from 'bootstrap'\nimport { getAuth, signInWithEmailAndPassword } from 'firebase/auth';\nexport default {\n  name: 'Login',\n  data() {\n    return {\n      overlay: null,\n      form: {\n        // email: \"\",\n        password: \"\"\n      },\n      error: null\n    }\n  },\n  computed: {\n\t},\n  methods: {\n    submit() {\n      this.error = null\n      const auth = getAuth();\n      // signInWithEmailAndPassword(auth, this.form.email, this.form.password)\n      signInWithEmailAndPassword(auth, 'trainings@trkkn.com', this.form.password)\n        .then(() => {\n          this.overlay.hide();\n          this.$router.push({ name: 'home' })\n          this.$store.dispatch('getUser');\n        })\n        .catch((error) => {\n          this.error = error.message\n          // console.error(error);\n        });\n    }\n  },\n  mounted() {\n    this.overlay = new Modal(this.$refs.loginOverlay);\n    this.overlay.show();\n\t\t\n  },\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.modal-header {\n  border-bottom: 0;\n}\n.h2 {\n  font: normal normal bold 30px/38px Mulish;\n  color: #323438;\n}\n.form-control {\n  border-radius: 0;\n  border-left: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 1px solid #323438;\n}\n.btn {\n  font: normal normal normal 16px/24px Mulish;\n  color: #DB0000;\n  border: 2px solid #DB0000;\n  border-radius: 5px;\n  padding-left: 45px;\n  padding-right: 45px;\n\n  &:hover{\n    color: #fff;\n    background-color: #DB0000;\n    border-color: #DB0000;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.modal-backdrop.show {\n  opacity: 0.8 !important;\n}\n</style>","import { render } from \"./Login.vue?vue&type=template&id=07a26ffc&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&id=07a26ffc&scoped=true&lang=scss\"\nimport \"./Login.vue?vue&type=style&index=1&id=07a26ffc&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-07a26ffc\"\n\nexport default script","import { createRouter, createWebHistory } from 'vue-router'\nimport VideoList from './components/VideoList.vue'\nimport Login from './components/Login.vue'\nimport { getAuth } from 'firebase/auth'\n\nexport const router = createRouter({\n  history: createWebHistory(process.env.BASE_URL),\n\troutes: [\n\t\t{\n\t\t\tpath: '/',\n\t\t\tname: 'home',\n\t\t\tcomponent: VideoList,\n      meta: {\n        requiresAuth: true\n      }\n\t\t},\n    {\n      path: '/login',\n      name: 'login',\n      component: Login\n    }\n\t],\n})\n\nrouter.beforeEach((to) => {\n  const isAuthenticationRequired = to.meta.requiresAuth\n  const auth = getAuth()\n  const isAuthenticated = !!auth.currentUser\n  if (isAuthenticationRequired && !isAuthenticated) {\n    // this route requires auth, check if logged in\n    // if not, redirect to login page.\n    return {\n      path: '/login',\n    }\n  }\n})\n","import { createStore } from \"vuex\";\nimport axios from \"axios\";\nimport { getAuth, signOut } from 'firebase/auth';\n\nexport const store = createStore({\n  state: {\n    loading: true,\n    videos: {},\n    firebaseUser: { \n\t\t\temail: null, \n\t\t\tphotoURL: null \n\t\t},\n\t\tisAuthenticated: false\n  },\n  mutations: {\n    setLoadingState(state, data) {\n      state.loading = data.loading;\n    },\n    setVideos(state, videos) {\n      state.videos = videos;\n    },\n    setFirebaseUser(state, user) {\n      state.firebaseUser = user;\n    },\n\t\tsetAuthenticationStatus(state, status) {\n\t\t\tstate.isAuthenticated = status\n\t\t}\n  },\n  actions: {\n    getVideos(context) {\n      var domain = \"/api/v1/videos\";\n      axios\n        .get(domain)\n        .then((res) => {\n          context.commit(\"setVideos\", res.data);\n          context.commit(\"setLoadingState\", { loading: false });\n        })\n        .catch((err) => {\n          context.commit(\"setLoadingState\", { loading: false });\n          console.warn(err);\n        });\n    },\n\t\tgetUser(context) {\n\t\t\tconst auth = getAuth()\n\t\t\tconst user = auth.currentUser\n\t\t\tcontext.commit(\"setFirebaseUser\", user)\n\t\t\tcontext.commit(\"setAuthenticationStatus\", !!user)\n\t\t},\n\t\tsignOut(context) {\n\t\t\tconst auth = getAuth();\n      signOut(auth)\n        .then(() => {\t\t\t\t\t\n\t\t\t\t\tcontext.commit(\"setFirebaseUser\", { email: null, photoURL: null })\n\t\t\t\t\tcontext.commit(\"setAuthenticationStatus\", false)\n        })\n        .catch((error) => {\n          console.error(error.message);\n        });\n\t\t}\n  }\n});\n","<template>\n  <div>\n    <NavBar />\n    <Header />\n    <router-view />\n    <Waves />\n    <Contact />\n    <Footer />  \n  </div>\n</template>\n\n<script>\nimport NavBar from './components/NavBar.vue'\nimport Header from './components/Header.vue'\nimport Waves from './components/Waves.vue'\nimport Contact from './components/Contact.vue'\nimport Footer from './components/Footer.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    NavBar,\n    Header,\n    Waves,\n    Contact,\n    Footer\n  },\n}\n</script>\n\n<style>\n#app {\n  font-family: \"Mulish\";\n  background: #ffffff;\n  color: #74797f;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n</style>\n","<template>\n  <nav class=\"navbar sticky-top\">\n    <div class=\"container\">\n      <div class=\"logo\">\n        <img src=\"@/assets/images/logo_trakken.svg\" alt=\"Trakken\"> <span>Video Training</span>\n      </div>\n      <div v-if=\"isAuthenticated\" class=\"logout\">\n        <a href=\"#\" @click.prevent=\"logout\">Logout</a>\n      </div>\n    </div>\n  </nav>\n</template>\n\n<script>\nexport default {\n  name: 'NavBar',\n  computed: {\n\t\tuser() {\n\t\t\treturn this.$store.state.firebaseUser\n\t\t},\n    isAuthenticated() {\n      return this.$store.state.isAuthenticated\n    }\n  },\n  methods: {\n    logout() {\n      this.$store.dispatch('signOut');\n      this.$router.replace(\"/login\")\n    }\n  },\n  mounted() {\n    this.$store.dispatch('getUser');\n\t},\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.navbar {\n  font: normal normal 600 14px/18px Mulish;\n  color: #323438;\n  background: #ffffff;\n  padding-top: 14px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid #D9D9D9;\n\n  .logo span {\n    vertical-align: middle;\n    margin-left: 10px;\n  }\n\n  .logout {\n    a {\n      font: normal normal 600 14px/18px Mulish;\n      color: #323438;\n      text-decoration: none;\n    }\n  }\n}\n</style>\n","import { render } from \"./NavBar.vue?vue&type=template&id=659fee33&scoped=true\"\nimport script from \"./NavBar.vue?vue&type=script&lang=js\"\nexport * from \"./NavBar.vue?vue&type=script&lang=js\"\n\nimport \"./NavBar.vue?vue&type=style&index=0&id=659fee33&scoped=true&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-659fee33\"\n\nexport default script","<template>\n  <header class=\"header\">\n    <div class=\"hero-image\"></div>\n    <div class=\"hero-inner text-center\">\n      <h1 class=\"h1\">New Google Analytics</h1>\n      <p>Video Trainings by Trakken</p>\n    </div>\n  </header>\n</template>\n\n<script>\nexport default {\n  name: 'Header',\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.header {\n  position: relative;\n  min-height: 440px;\n  // height: 100vh;\n  height: 440px;\n  color: #ffffff;\n}\n.hero-image {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 50%),\n    url('~@/assets/images/trakken_training_video_background_2.jpg');\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.hero-inner {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 2;\n  .h1 {\n    font: normal normal bold 40px/50px Mulish;\n    @media (min-width: 768px) {\n      font: normal normal bold 60px/75px Mulish;\n    }\n  }\n  p {\n    font: normal normal normal 20px/30px Mulish;\n  }\n}\n</style>\n","import { render } from \"./Header.vue?vue&type=template&id=367b2cc0&scoped=true\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=367b2cc0&scoped=true&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-367b2cc0\"\n\nexport default script","<template>\n  <section class=\"waves\">\n  </section>\n</template>\n\n<script>\nexport default {\n  name: 'Waves', \n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.waves {\n  height: 225px;\n  margin-top: 100px;\n  background: transparent url('~@/assets/images/pattern-waves.svg') 0 0 / auto 225px repeat-x;\n}\n</style>\n","import { render } from \"./Waves.vue?vue&type=template&id=3b6e2a5a&scoped=true\"\nimport script from \"./Waves.vue?vue&type=script&lang=js\"\nexport * from \"./Waves.vue?vue&type=script&lang=js\"\n\nimport \"./Waves.vue?vue&type=style&index=0&id=3b6e2a5a&scoped=true&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-3b6e2a5a\"\n\nexport default script","<template>\n  <section class=\"contact text-center container\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <h2 class=\"h2\">If you need our help, please contact us.</h2>\n        <p>Don’t hesitate to contact us regarding the products and our services.</p>\n        <a href=\"mailto:ga4@trakken.org\" class=\"btn btn-outline-primary\" target=\"_blank\">Contact us</a>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: 'Contact', \n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.contact {\n  padding-top: 50px;  \n  padding-bottom: 50px;  \n  color: #323438;\n\n  .h2{\n    font: normal normal bold 24px/30px Mulish;\n    margin-bottom: 10px;\n  }\n  p {\n    font: normal normal normal 16px/24px Mulish;\n    margin-bottom: 30px;\n  }\n  .btn {\n    font: normal normal normal 16px/24px Mulish;\n    color: #DB0000;\n    border: 2px solid #DB0000;\n    border-radius: 5px;\n    padding-left: 45px;\n    padding-right: 45px;\n\n    &:hover{\n      color: #fff;\n      background-color: #DB0000;\n      border-color: #DB0000;\n    }\n  }\n\n}\n</style>\n","import { render } from \"./Contact.vue?vue&type=template&id=0a8caea5&scoped=true\"\nimport script from \"./Contact.vue?vue&type=script&lang=js\"\nexport * from \"./Contact.vue?vue&type=script&lang=js\"\n\nimport \"./Contact.vue?vue&type=style&index=0&id=0a8caea5&scoped=true&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-0a8caea5\"\n\nexport default script","<template>\n  <footer class=\"footer\">\n    <div class=\"top\">\n      <div class=\"container\">\n        <div class=\"row align-items-center justify-content-between\">\n          <div class=\"col-12 col-md-4 col-lg-6\">\n            <p>\n              <span class=\"logo\"></span>\n              Trakken GmbH<br/>\n              <a href=\"https://www.trkkn.com\" target=\"_blank\">www.trkkn.com</a></p>\n          </div>\n          <div class=\"col-12 col-md-8 col-lg-6 text-start text-md-end\">\n            <img src=\"@/assets/images/gmp_badge@2x.png\" width=\"200\" height=\"90\" />\n            <img src=\"@/assets/images/gcp_badge@2x.png\" width=\"170\" height=\"90\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"bottom\">\n      <div class=\"container\">\n        <div class=\"row align-items-center justify-content-between\">\n          <div class=\"col-12 col-md-6 text-center text-md-end mb-3 mb-md-0\">\n            <a href=\"https://www.trakken.de/impressum\" target=\"_blank\">Imprint</a>\n            <a href=\"https://www.trakken.de/datenschutz\" target=\"_blank\">Data Privacy</a>\n          </div>\n          <div class=\"col-12 col-md-6 text-center text-md-start order-md-first\">\n            <p>Copyright &copy; {{ new Date().getFullYear() }} Trakken</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </footer>\n</template>\n\n<script>\nexport default {\n  name: 'Footer', \n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.footer {\n  background: #2A2D31;\n  color: #74797f;\n  font: normal normal normal 14px/18px Mulish;\n\n  a {\n    color: #FFFFFF;\n    text-decoration: none;\n  }\n  p {\n    margin-bottom: 0;\n  }\n\n  .top {\n    background: #323438;\n    color: #FFFFFF;\n    padding: 20px 0;\n\n    .logo{\n      display: block;\n      width: 133px;\n      height: 20px;\n      background: transparent url('~@/assets/images/logo_trakken_white.svg') 0% 0% no-repeat;\n      margin-bottom: 10px;\n    }\n  }\n  .bottom {\n    padding: 20px 0;\n\n    a{\n      color: #74797F;\n      display: inline-block;\n      transition: color .3s ease;\n      &:hover{\n        color: #fff\n      }\n      + a {\n        margin-left: 10px;\n      }\n    }\n  }\n\n}\n</style>\n","import { render } from \"./Footer.vue?vue&type=template&id=72202c3c&scoped=true\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=72202c3c&scoped=true&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-72202c3c\"\n\nexport default script","import { render } from \"./App.vue?vue&type=template&id=193734e2\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=193734e2&lang=css\"\nscript.render = render\n\nexport default script","import { createApp } from 'vue'\nimport axios from 'axios'\nimport VueAxios from 'vue-axios'\nimport { router } from './router'\nimport { store } from './store'\nimport App from './App.vue'\nimport \"bootstrap/dist/css/bootstrap.min.css\"\nimport \"bootstrap\"\nimport './scss/app.scss'\nimport { initializeApp } from 'firebase/app';\nimport { getAuth, onAuthStateChanged } from 'firebase/auth';\n\n\nconst firebaseConfig = {\n  apiKey: process.env.VUE_APP_FIREBASE_KEY,\n  authDomain: process.env.VUE_APP_FIREBASE_DOMAIN,\n};\ninitializeApp(firebaseConfig);\n\nlet app\nconst auth = getAuth()\nonAuthStateChanged(auth, () => {\n  if (!app) {\n    app = createApp(App)\n\n    app.use(VueAxios, axios)\n    app.use(router)\n    app.use(store)\n\n    app.mount('#app')\n  }\n})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./VideoList.vue?vue&type=style&index=1&id=99a0c034&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Header.vue?vue&type=style&index=0&id=367b2cc0&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Login.vue?vue&type=style&index=1&id=07a26ffc&lang=scss\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./App.vue?vue&type=style&index=0&id=193734e2&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Contact.vue?vue&type=style&index=0&id=0a8caea5&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Login.vue?vue&type=style&index=0&id=07a26ffc&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./NavBar.vue?vue&type=style&index=0&id=659fee33&scoped=true&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Footer.vue?vue&type=style&index=0&id=72202c3c&scoped=true&lang=scss\"","module.exports = __webpack_public_path__ + \"img/logo_trakken.5ce985c5.svg\";"],"sourceRoot":""}