{"version":3,"file":"js/simplequiz.415728b8.js","mappings":"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","sources":["webpack://python-webpack-boilerplate/./src/components/SimpleQuizPage.vue","webpack://python-webpack-boilerplate/./src/components/SimpleQuizPage.vue?a05d","webpack://python-webpack-boilerplate/./src/application/simplequiz.js","webpack://python-webpack-boilerplate/./src/stores/network.js"],"sourcesContent":["<script setup>\r\nimport {ref, onBeforeMount, onMounted} from 'vue'\r\nimport simpleQuiz from '../data/simple.json'\r\nimport {useNetworkStore} from \"../stores/network\";\r\n\r\nconst network = useNetworkStore()\r\n\r\nconst INTRO = 'intro'\r\nconst QUESTION = 'question'\r\nconst FEEDBACK = 'feedback'\r\nconst RESULT = 'result'\r\n\r\nconst currentStep = ref(INTRO)\r\n\r\nconst questions = {}\r\nconst questionIndex = ref(1)\r\nconst totalQuestions = Object.keys(simpleQuiz).length\r\n\r\nconst positiveFeedback = ref(false)\r\n\r\nconst points = ref(0)\r\nconst feedbackTxt = ref('')\r\n\r\nconst scoreMessages = {\r\n  high: \"SUPER! Vous connaissez tous les trucs et astuces pour gérer la climatisation de votre maison de façon intelligente!\",\r\n  mid: \"Bravo! Vous êtes en bonne voie! Comblez vos lacunes et vous serez un champion de l'éco-geste\",\r\n  low: \"Améliorez-vous! Revoyez tous les éco-gestes pour une meilleure climatisation!  Vous ferez des économies d'énergie!\"\r\n}\r\n\r\nconst getScoreMessage = () => {\r\n  if (points.value >= 6) {\r\n    return scoreMessages.high\r\n  } else if (points.value >= 4) {\r\n    return scoreMessages.mid\r\n  } else {\r\n    return scoreMessages.low\r\n  }\r\n}\r\n\r\nconst scoreMessage = ref('')\r\n\r\n//todo record already taken questions\r\nonBeforeMount(() => {\r\n  pickRandomQuestionFromTheme()\r\n})\r\n\r\nonMounted(() => {\r\n  network.sendStartGame({type:'simple'})\r\n})\r\n\r\nconst pickRandomQuestionFromTheme = () => {\r\n  Object.keys(simpleQuiz).forEach((theme) => {\r\n    const randomIndex = Math.floor(Math.random() * simpleQuiz[theme]['items'].length)\r\n    const question = simpleQuiz[theme]['items'][randomIndex]\r\n    if (Math.random() > 0.5) {\r\n      const tmp = question.choices[0]\r\n      question.choices[0] = question.choices[1]\r\n      question.choices[1] = tmp\r\n    }\r\n\r\n    questions[theme] = question\r\n  })\r\n}\r\n\r\nconst answerPicked = (choice) => {\r\n  points.value += parseInt(choice.points)\r\n\r\n  if (points.value < 0) {\r\n    points.value = 0\r\n  }\r\n\r\n  const positive = choice.points > 0\r\n\r\n  displayFeedback(true, positive, questions[questionIndex.value].feedback)\r\n\r\n  network.sendAnswer({\r\n    question: questions[questionIndex.value].id,\r\n    answer: choice.points,\r\n  })\r\n}\r\n\r\nconst showNextQuestion = () => {\r\n  if (questionIndex.value === totalQuestions) {\r\n    console.log('end of quiz')\r\n    displayResult()\r\n    return\r\n  }\r\n\r\n  questionIndex.value += 1\r\n  displayFeedback(false)\r\n}\r\n\r\nconst displayFeedback = (display, positive = false, feedback = '') => {\r\n  if (display) {\r\n    feedbackTxt.value = feedback\r\n    currentStep.value = FEEDBACK\r\n  } else {\r\n    currentStep.value = QUESTION\r\n  }\r\n  positiveFeedback.value = positive\r\n}\r\n\r\nconst displayResult = () => {\r\n  scoreMessage.value = getScoreMessage()\r\n  currentStep.value = RESULT\r\n}\r\n\r\nconst restartQuiz = () => {\r\n  currentStep.value = INTRO\r\n  questionIndex.value = 1\r\n  points.value = 0\r\n  pickRandomQuestionFromTheme()\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"simple-page\">\r\n    <div class=\"simple-container\">\r\n      <Transition name=\"fade\">\r\n        <div class=\"intro-container\" v-if=\"currentStep === INTRO\">\r\n          <div class=\"question-count\">\r\n            <img src=\"/static/vendors/images/logo.png\" alt=\"\">\r\n            <h1>Idées Fraîches</h1>\r\n            <h2>Les écogestes pour une meilleure climatisation</h2>\r\n            <div class=\"wave\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #0087b1;\"></path>\r\n              </svg>\r\n            </div>\r\n          </div>\r\n          <div class=\"intro-content\">\r\n            <p>\r\n              <strong>Idées Fraîches</strong> est un jeu de quiz qui vous permettra de tester vos connaissances sur les\r\n              éco-gestes pour une meilleure climatisation de votre maison.\r\n            </p>\r\n            <div class=\"intro-button\" @click=\"currentStep = QUESTION\">Faire le quiz</div>\r\n            <img class=\"cee-logo\" src=\"/static/vendors/images/CEE.png\" alt=\"Les certificats d'économie énergétique\">\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"question-container\" v-else-if=\"currentStep === QUESTION\">\r\n          <div class=\"question-count\">\r\n            <p>Question {{ questionIndex }}</p>\r\n            <!-- Generated by https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections -->\r\n\r\n            <div class=\"wave\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #fff;\"></path>\r\n              </svg>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"question-text\">\r\n\r\n            <p v-html=\"questions[questionIndex].text\"></p>\r\n          </div>\r\n          <div class=\"question-choices\">\r\n            <div v-for=\"choice in questions[questionIndex].choices\"\r\n                 :key=\"choice.id\"\r\n                 class=\"question-choice\"\r\n                 @click=\"answerPicked(choice)\"\r\n                 v-html=\"choice.text\">\r\n\r\n            </div>\r\n          </div>\r\n          <!-- Generated by https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections -->\r\n\r\n\r\n          <div class=\"question-footer\">\r\n            <div class=\"wave-footer\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #0bacda;\"></path>\r\n              </svg>\r\n            </div>\r\n            {{ questionIndex }} / {{ totalQuestions }}\r\n          </div>\r\n        </div>\r\n        <div class=\"feedback-container\" v-else-if=\"currentStep === FEEDBACK\">\r\n          <div class=\"question-count\">\r\n            <p>Question {{ questionIndex }}</p>\r\n            <div class=\"wave\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #0087b1;\"></path>\r\n              </svg>\r\n            </div>\r\n          </div>\r\n          <div class=\"feedback-text\">\r\n            <div class=\"feedback-button feedback-positive\" v-if=\"positiveFeedback\">Bonne réponse</div>\r\n            <div class=\"feedback-button feedback-negative\" v-else>Mauvaise réponse</div>\r\n            <p v-html=\"feedbackTxt\"></p>\r\n            <img src=\"~../assets/next.png\" @click=\"showNextQuestion\" alt=\"Suivant\">\r\n          </div>\r\n          <div class=\"question-footer\">\r\n            <div class=\"wave-footer\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #0bacda;\"></path>\r\n              </svg>\r\n            </div>\r\n            {{ questionIndex }} / {{ totalQuestions }}\r\n          </div>\r\n        </div>\r\n        <div class=\"results-container\" v-else-if=\"currentStep === RESULT\">\r\n          <div class=\"question-count\">\r\n            <img src=\"/static/vendors/images/logo.png\" alt=\"\">\r\n            <h1>Bien joué</h1>\r\n            <div class=\"wave\">\r\n              <svg viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\" style=\"height: 100%; width: 100%;\">\r\n                <path d=\"M0.00,49.98 C149.99,150.00 349.20,-49.98 500.00,49.98 L500.00,150.00 L0.00,150.00 Z\"\r\n                      style=\"stroke: none; fill: #0087b1;\"></path>\r\n              </svg>\r\n            </div>\r\n          </div>\r\n          <div class=\"results-content\">\r\n            <div class=\"score-badge\">{{ points }}/8</div>\r\n            <p v-html=\"scoreMessage\"></p>\r\n            <div class=\"btn-container\">\r\n              <div class=\"intro-button\" @click=\"restartQuiz\">Nouvelle partie</div>\r\n              <a class=\"intro-button\" href=\"/\">Quitter</a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n      <!--      <p>Points: {{ points }}</p>-->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n\r\n@font-face {\r\n  font-family: 'LeagueGothic';\r\n  src: url('~../assets/LeagueGothic-Regular.ttf') format('truetype');\r\n}\r\n\r\n.wave {\r\n  height: 40px;\r\n  overflow: hidden;\r\n  background-color: #f3f3f3;\r\n}\r\n\r\n.cee-logo {\r\n  max-height: 60px;\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.score-badge {\r\n  width: 180px;\r\n  height: 180px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: #0bacda;\r\n  color: #fff;\r\n  font-size: 5rem;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  padding: 2rem;\r\n\r\n  margin-top: 0;\r\n  margin-bottom: 3rem;\r\n  border-radius: 50%;\r\n\r\n}\r\n\r\n.intro-container, .results-container {\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  height: 100%;\r\n\r\n  h1 {\r\n    margin: 0;\r\n    font-size: 5rem;\r\n  }\r\n\r\n  h2 {\r\n    margin: 0 100px;\r\n    font-size: 1.5rem;\r\n    font-weight: normal;\r\n    color: #0bacda;\r\n  }\r\n\r\n  .intro-content, .results-content {\r\n\r\n    padding: 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    flex-grow: 1;\r\n    background-color: #0087b1;\r\n    color: white;\r\n\r\n    font-size: 1.2rem;\r\n\r\n    .intro-button {\r\n      margin-top: 1rem;\r\n\r\n      padding: 1rem 0;\r\n      border-radius: 1.5rem;\r\n      color: white;\r\n      font-size: 1.5rem;\r\n      text-transform: uppercase;\r\n      width: 100%;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      background-color: #0bacda;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .results-content {\r\n    font-size: 1.8rem;\r\n    line-height: 2rem;\r\n    padding: 30px 10%;\r\n\r\n    .btn-container {\r\n      width: 100%;\r\n    }\r\n\r\n    a {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}\r\n\r\n.feedback-text {\r\n  padding: 2rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-grow: 1;\r\n  background-color: #0087b1;\r\n  color: white;\r\n\r\n  font-size: 1.5rem;\r\n\r\n  img {\r\n    width: 100px;\r\n    height: 100px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.feedback-button {\r\n  margin-top: 3rem;\r\n  padding: 2rem 0;\r\n  border-radius: 1.5rem;\r\n  border: none;\r\n  color: white;\r\n  font-size: 1.5rem;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  &.feedback-positive {\r\n    background-color: #3aa934;\r\n  }\r\n\r\n  &.feedback-negative {\r\n    background-color: #c80000;\r\n  }\r\n}\r\n\r\n.question-count {\r\n  font-size: 1.5rem;\r\n  font-weight: bold;\r\n  color: #1e95ba;\r\n  background-color: #f3f3f3;\r\n  padding: 1.5rem 0 0 0;\r\n\r\n  text-transform: uppercase;\r\n\r\n  p {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n.question-container, .feedback-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  height: 100%;\r\n\r\n  text-align: center;\r\n\r\n\r\n  .question-text {\r\n    background-color: #fff;\r\n    color: #00aadb;\r\n    height: 25%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.5rem;\r\n\r\n    font-size: 1.8rem;\r\n    line-height: 2rem;\r\n    //font-weight: bold;\r\n  }\r\n\r\n  .question-choices {\r\n    padding: 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-grow: 1;\r\n    background-color: #0087b1;\r\n\r\n    .question-choice {\r\n      height: 80px;\r\n      margin: .5rem;\r\n      border-radius: 2.5rem;\r\n      border: none;\r\n      background-color: #fff;\r\n      color: #6f6f6f;\r\n      font-size: 1.8rem;\r\n      width: 80%;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background-color: #f3f3f3;\r\n      }\r\n    }\r\n  }\r\n\r\n  .question-footer {\r\n    font-size: 1.2rem;\r\n    //font-weight: bold;\r\n    background-color: #0bacda;\r\n    color: white;\r\n    padding: 0 0 .5rem 0;\r\n  }\r\n\r\n  .wave-footer {\r\n    margin-bottom: -1px;\r\n    height: 40px;\r\n    overflow: hidden;\r\n    background-color: #0087b1;\r\n  }\r\n}\r\n\r\n.simple-page {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 100vh;\r\n\r\n  background-image: url(\"~../assets/quiz-bg2.jpg\");\r\n  background-size: cover;\r\n  background-position: right;\r\n  font-family: 'LeagueGothic', sans-serif;\r\n\r\n  .simple-container {\r\n    max-width: 480px;\r\n    width: 100%;\r\n    max-height: 800px;\r\n    height: 100%;\r\n    flex-grow: 1;\r\n\r\n    background-color: white;\r\n    position: relative;\r\n\r\n    & > div {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 0.5s linear;\r\n}\r\n\r\n.fade-enter-from,\r\n.fade-leave-to {\r\n  opacity: 0;\r\n}\r\n\r\n.slide-up-enter-active,\r\n.slide-up-leave-active {\r\n  transition: all 0.25s ease-out;\r\n}\r\n\r\n.slide-up-enter-from {\r\n  opacity: 0;\r\n  transform: translateY(150px);\r\n}\r\n\r\n.slide-up-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(-150px);\r\n}\r\n</style>","import script from \"./SimpleQuizPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SimpleQuizPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SimpleQuizPage.vue?vue&type=style&index=0&id=2a5d30a2&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Dev\\\\ClimEco\\\\Django\\\\ClimEco\\\\frontend\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2a5d30a2\"]])\n\nexport default __exports__","import { createApp } from 'vue';\nimport { createPinia } from 'pinia';\nimport App from '../components/SimpleQuizPage.vue';\nimport axios from \"axios\";\n\naxios.defaults.xsrfHeaderName = 'X-CSRFToken';\naxios.defaults.xsrfCookieName = 'csrftoken';\n\nconst pinia = createPinia();\n\ncreateApp(App)\n  .use(pinia)\n  .mount('#quiz');\n","import {defineStore} from \"pinia\";\r\nimport axios from \"axios\";\r\n\r\nconst API_BASE_URL = 'https://jeu.programme-climeco.fr';\r\n\r\nexport const useNetworkStore = defineStore('network', {\r\n  state: () => ({\r\n    uuid: null,\r\n  }),\r\n  actions: {\r\n    async post({url, data}) {\r\n      try {\r\n        return await axios.post(`${API_BASE_URL}${url}`, data,\r\n          {\r\n            headers: {'Content-Type': 'application/json'}\r\n          })\r\n          .then(response => response.data);\r\n      } catch (e) {\r\n        console.log('Unable to post data', e.message);\r\n        throw e;\r\n      }\r\n    },\r\n\r\n    async sendStartGame(data) {\r\n      const response = await this.post({url: '/api/game_session/', data});\r\n      this.uuid = response.uuid;\r\n      return response;\r\n    },\r\n\r\n    async sendAnswer(data) {\r\n      data.session = this.uuid;\r\n      return await this.post({url: '/api/answer/', data});\r\n    }\r\n  }\r\n});"],"names":["INTRO","QUESTION","FEEDBACK","RESULT","network","useNetworkStore","currentStep","ref","questions","questionIndex","totalQuestions","Object","keys","simpleQuiz","length","positiveFeedback","points","feedbackTxt","scoreMessage","onBeforeMount","pickRandomQuestionFromTheme","onMounted","sendStartGame","type","forEach","theme","randomIndex","Math","floor","random","question","tmp","choices","showNextQuestion","value","console","log","displayResult","displayFeedback","display","positive","feedback","restartQuiz","choice","parseInt","sendAnswer","id","answer","axios","defaults","xsrfHeaderName","xsrfCookieName","pinia","createPinia","createApp","App","use","mount","defineStore","state","uuid","actions","post","url","data","headers","then","response","e","message","this","session"],"sourceRoot":""}