<script setup>
import Strassennetz from "./components/Strassennetz.vue";
import { store } from "./store.js";
</script>
<script>
/** ------------------------------------------------------
 * Container der Eingabeseite des Quiz
 * @author DigS-Gov Projekt
 * ------------------------------------------------------
 */
export default {
  components: { Strassennetz },
  data() {
    return {
      store,
    };
  },
  mounted() {
//     console.log("Page 1: + "+this.$route.path);
//     console.log("Page 1: + "+ this.$route.name);


//     if(this.$route.name=="eingabe_a"){
//       store.config.variante_A=true;
//       store.config.variante_B=false;
//       store.config.variante_C=false;
//     }
//      if(this.$route.name=="eingabe_b"){
//       store.config.variante_A=false;
//       store.config.variante_B=true;
//       store.config.variante_C=false;
//     }
//     if(this.$route.name=="eingabe_c"){
//       store.config.variante_A=true;
//       store.config.variante_B=false;
//       store.config.variante_C=true;
//     }


    // Send logs to server if played for the first time
    if (store.alreadyPlayedOnce == false) {

      var logString = "Spieleingabe";

      // actually send logs only if session-id is present (user is part of evaluation)
      if (store.session_id === null || store.session_id === "") {
      } else {
        store.logData(logString);
      }
    } else {
      store.setValuesToUserInput();
    }

    // window.scrollTo(0, 0);
  }
};
</script>

<template>
  <section id="container_strassennetz">
    <Strassennetz page2_active=false />
  </section>
</template>

<style scoped>
#container_strassennetz {
  /** AUSSCHALTEN DER INTERAKTIONEN/ OVERLAY
  opacity: 0.2;
  pointer-events: none; */
  margin-bottom: 2%;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
