{"version":3,"sources":["webpack:///src/views/Registration.vue","webpack:///./src/views/Registration.vue?d182","webpack:///./src/views/Registration.vue","webpack:///./src/views/Registration.vue?82d9","webpack:///./src/views/Registration.vue?f4de"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;AAMA;AAEA;AACA,sBADA;AAEA,MAFA,kBAEA;AACA;AACA,oBADA;AAEA,uBAFA;AAGA,cAHA;AAIA,cAJA;AAKA,mBALA;AAMA,iBANA;AAOA,uBAPA;AAQA;AARA;AAUA,GAbA;AAcA,SAdA,qBAcA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBACA,sEADA;;AAAA;AACA,2BADA;AAAA;AAAA,qBAGA,wEAHA;;AAAA;AAGA,uBAHA;AAIA;AACA;AAEA,eAHA;;AAIA;;AARA;AAAA,qBASA,4EATA;;AAAA;AASA,iCATA;;AAYA;;AAZA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,GA3BA;AA4BA;AACA,YADA,oBACA,MADA,EACA;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;AACA,KAXA;AAYA,iBAZA,yBAYA,KAZA,EAYA;AACA;AACA,KAdA;AAeA,gBAfA,wBAeA,CAfA,EAeA,MAfA,EAeA;AACA;AACA;AACA;AACA;AACA,OAJA;AAKA,KArBA;AAsBA,eAtBA,yBAsBA;AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AAEA,SATA;AAUA,OAXA;AAYA,KApCA;AAqCA,sBArCA,8BAqCA,QArCA,EAqCA,MArCA,EAqCA;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA,KA7CA;AA8CA,oBA9CA,8BA8CA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBADA,GACA,KADA;;AAEA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA,iBAJA;;AALA,qBAUA,KAVA;AAAA;AAAA;AAAA;;AAWA;AAXA;;AAAA;AAcA;AACA,uBAfA,GAeA;AACA,mCADA;AAEA,oCAFA;AAGA;AAHA,iBAfA;AAAA;AAAA,uBAoBA,mFApBA;;AAAA;AAAA;AAAA,uBAqBA,4EArBA;;AAAA;AAqBA,oCArBA;AAAA;AAAA,uBAsBA,wEAtBA;;AAAA;AAsBA,gCAtBA;AAuBA;AACA;AACA;;AAEA;;AA3BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BA;AA1EA;AA5BA,G;;;;;;;;;;;;AC3JA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,eAAe,sCAAsC;AACrD,iBAAiB,uCAAuC;AACxD;AACA;AACA,qBAAqB;AACrB,SAAS;AACT;AACA;AACA,mBAAmB,qDAAqD;AACxE;AACA;AACA;AACA;AACA,mBAAmB,uDAAuD;AAC1E;AACA;AACA;AACA;AACA,qBAAqB,0BAA0B;AAC/C,uBAAuB,eAAe,uBAAuB,EAAE;AAC/D,2BAA2B,uBAAuB;AAClD;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,gDAAgD;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB,mBAAmB;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA,4CAA4C;AAC5C,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,uBAAuB,yCAAyC;AAChE,uBAAuB,sBAAsB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,kBAAkB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,uBAAuB,uBAAuB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,gBAAgB;AACxC,2BAA2B,kBAAkB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,0BAA0B,iBAAiB;AAC3C,uBAAuB;AACvB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,4BAA4B;AAC5B,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wCAAwC;AACzD;AACA;AACA,iBAAiB,eAAe,uBAAuB,EAAE;AACzD,qBAAqB,wBAAwB;AAC7C;AACA;AACA;AACA;AACA,0BAA0B,8BAA8B;AACxD;AACA;AACA;AACA,qBAAqB,gDAAgD;AACrE;AACA;AACA;AACA;AACA,6BAA6B,+CAA+C;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,gDAAgD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,uBAAuB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClVA;AAAA;AAAA;AAAA;AAA2F;AAC3B;AACL;;;AAG3D;AAC0F;AAC1F,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,uFAAM;AACR,EAAE,gGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAyR,CAAgB,6UAAG,EAAC,C;;;;;;;;;;;;ACA7S;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/5.js","sourcesContent":["<template>\n  <DefaultLayout>\n    <div class=\"container py-24 grid\">\n      <div class=\"text-center pt-4 mb-4\">\n        <h2>{{ $t('registration.title') }}</h2>\n        <p v-html=\"$t('registration.helpText')\"></p>\n      </div>\n      <p v-if=\"invalid\" class=\"error text-red-500 text-center mb-2\">\n        <b>{{ $t('registration.error') }}</b>\n      </p>\n      <p v-if=\"registered\" class=\"error text-green-500 text-center mb-2\">\n        <b>{{ $t('registration.registered') }}</b>\n      </p>\n\n      <div class=\"bg-white\" v-if=\"!registered\">\n        <div style=\"overflow-x:auto;\">\n          <table  class=\"table\">\n            <thead>\n            <tr>\n              <th v-for=\"question in questions\" :key=\"question.id\" class=\"align-bottom\">\n                <small class=\"bg-green-300 p-1 mr-1 rounded\" v-if=\"getAmountofAnswers(question, 'Ja') > 0\">\n                  {{ getAmountofAnswers(question, \"Ja\") }}&nbsp;Ja <br></small>\n                <small class=\"bg-orange-300 p-1 mr-1 rounded\" v-if=\"getAmountofAnswers(question, 'Evt.') > 0\">\n                  {{ getAmountofAnswers(question, \"Evt.\") }}&nbsp;Evt.<br></small>\n                {{ question.name }} <br>\n\n              </th>\n            </tr>\n            </thead>\n            <tbody>\n            <tr>\n              <td v-for=\"question in questions\" :key=\"question.id\">\n                <button v-for=\"option in options\"\n                        :key=\"option.id\"\n                        :class=\"{ 'bg-green-300 text-black' :\n                      question.selected === option.id && option.name === 'Ja',\n                      ' bg-red-300 text-black':\n                       question.selected === option.id && option.name === 'Nein',\n                      ' bg-orange-300 text-black':\n                       question.selected === option.id && option.name === 'Evt.'\n                      }\"\n                        class=\"p-1 btn d-block border-0\"\n                        style=\"display: block; width: 100%; border:none; margin-right: 3px; margin-bottom: 3px\"\n                        @click=\"changeOption(question, option)\">\n                  {{option.name}}\n                  <svg-icon\n                      v-if=\"option.name === 'Nein'\"\n                      class=\"inline-block w-10 h-10 p-2 text-whitesvg-icon\"\n                      name=\"close\"\n                  />\n                  <svg-icon\n                      v-if=\"option.name === 'Ja'\"\n                      class=\"inline-block w-10 h-10 p-2 text-whitesvg-icon\"\n                      name=\"check-1\"\n                  />\n\n                  <p v-if=\"option.name === 'Evt.'\">\n                    <svg-icon\n                        class=\"inline-block w-10 h-10 p-2 text-whitesvg-icon\"\n                        name=\"information-desk-question-help\"\n                    />\n                  </p>\n\n                </button>\n              </td>\n            </tr>\n\n            </tbody>\n          </table>\n        </div>\n        <div class=\"max-w-xs mt-4 px-3 pb-3\">\n          <b class=\"mt-3\">{{ $t('registration.name') }}</b>\n          <input\n              v-model=\"name\"\n              class=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n          />\n\n          <b class=\"mt-4 \">{{ $t('registration.mail') }}</b>\n          <input\n              v-model=\"mail\"\n              type=\"email\"\n              class=\" shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n          />\n\n          <button\n              type=\"submit\"\n              class=\"bg-black px-2 mt-3 py-2 btn text-white  hover:cursor-pointer\"\n              @click=\"sendRegistration\"\n          >\n\n            {{ $t('registration.submit') }}\n            <svg-icon\n                class=\"inline-block w-5 h-5 -mt-1 ml-1 mr-1  text-whitesvg-icon\"\n                name=\"submit\"\n            />\n          </button>\n        </div>\n      </div>\n      <div class=\"text-center pt-10 mb-4\">\n        <h2>{{ $t('registration.existing') }}</h2>\n      </div>\n      <div style=\"overflow-x:auto;\" >\n        <table class=\" table\">\n          <thead>\n          <tr>\n            <th class=\"align-bottom\">Name</th>\n            <th v-for=\"question in questions\" :key=\"question.id\" class=\"align-bottom\">\n              <small class=\"bg-green-300 p-1 mr-1 rounded\" v-if=\"getAmountofAnswers(question, 'Ja') > 0\">\n                {{ getAmountofAnswers(question, \"Ja\") }}&nbsp;Ja <br></small>\n              <small class=\"bg-orange-300 p-1 mr-1 rounded\" v-if=\"getAmountofAnswers(question, 'Evt.') > 0\">\n                {{ getAmountofAnswers(question, \"Evt.\") }}&nbsp;Evt.<br></small>\n              {{ question.name }}\n\n            </th>\n          </tr>\n          </thead>\n          <tbody>\n          <tr v-for=\"registration in registrations\" :key=\"registration.id\">\n            <td>\n              <b>{{ registration.name }}</b>\n            </td>\n            <td\n                v-for=\"question in registration.questions\"\n                :key=\"question.id\"\n                :class=\"getClass(question.option)\"\n            >\n              <svg-icon\n                  v-if=\"question.option === 'Ja'\"\n                  class=\"inline-block w-10 h-10 p-2 text-whitesvg-icon\"\n                  name=\"check-1\"\n              />\n              <p v-if=\"question.option === 'Evt.'\">\n                <svg-icon\n                    class=\"inline-block w-10 h-10 p-2 text-whitesvg-icon\"\n                    name=\"information-desk-question-help\"\n                />\n              </p>\n            </td>\n          </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </DefaultLayout>\n</template>\n\n<script>\nimport {\n  getQuestions,\n  getOptions,\n  getRegistrations,\n  saveRegistration,\n} from '@/services/camping';\nimport Vue from 'vue';\n\nexport default {\n  name: 'Registration',\n  data() {\n    return {\n      invalid: false,\n      registered: false,\n      name: '',\n      mail: '',\n      questions: [],\n      options: [],\n      registrations: [],\n      signupcache: {},\n    };\n  },\n  async mounted() {\n    this.options = await getOptions();\n\n    let questions = await getQuestions()\n    questions.forEach((q) => {\n      q.selected = this.options[0].id;\n\n    });\n    this.questions.push(...questions)\n    this.registrations = await getRegistrations();\n\n\n    this.updateCache()\n  },\n  methods: {\n    getClass(option) {\n      if (option === 'Ja') {\n        return 'bg-green-300 text-center';\n      }\n      if (option === 'Nein') {\n        return 'border text-center';\n      }\n      if (option === 'Evt.') {\n        return 'bg-orange-300 text-center';\n      }\n    },\n    validateEmail(email) {\n      return /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])/.test(email);\n    },\n    changeOption(q, option) {\n      this.questions.forEach(function (question) {\n        if (question.id === q.id) {\n          question.selected = option.id;\n        }\n      });\n    },\n    updateCache() {\n      this.signupcache = {}\n      this.registrations.forEach(registration => {\n        registration.questions.forEach(question => {\n          if (!this.signupcache[question.question]) {\n            this.signupcache[question.question] = {}\n          }\n          if (!this.signupcache[question.question][question.option]) {\n            this.signupcache[question.question][question.option] = 0;\n          }\n          this.signupcache[question.question][question.option]++;\n\n        })\n      });\n    },\n    getAmountofAnswers(question, answer) {\n      if (!this.signupcache[question.id]) {\n        return 0;\n      }\n      if (!this.signupcache[question.id][answer]) {\n        return 0;\n      }\n      return this.signupcache[question.id][answer];\n    },\n    async sendRegistration() {\n      let error = false;\n      if (!this.name || !this.mail || !this.validateEmail(this.mail)) {\n        error = true;\n      }\n      this.questions.forEach((q) => {\n        if (!q.selected) {\n          error = true;\n        }\n      });\n      if (error) {\n        this.invalid = true;\n        return;\n      }\n      this.invalid = false;\n      let payload = {\n        name: this.name,\n        email: this.mail,\n        questions: this.questions,\n      };\n      await saveRegistration(payload);\n      this.registrations = await getRegistrations();\n      this.questions = await getQuestions();\n      this.name = '';\n      this.mail = '';\n      this.registered = true;\n\n      this.updateCache()\n    },\n  },\n};\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"DefaultLayout\", [\n    _c(\"div\", { staticClass: \"container py-24 grid\" }, [\n      _c(\"div\", { staticClass: \"text-center pt-4 mb-4\" }, [\n        _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"registration.title\")))]),\n        _c(\"p\", {\n          domProps: { innerHTML: _vm._s(_vm.$t(\"registration.helpText\")) }\n        })\n      ]),\n      _vm.invalid\n        ? _c(\"p\", { staticClass: \"error text-red-500 text-center mb-2\" }, [\n            _c(\"b\", [_vm._v(_vm._s(_vm.$t(\"registration.error\")))])\n          ])\n        : _vm._e(),\n      _vm.registered\n        ? _c(\"p\", { staticClass: \"error text-green-500 text-center mb-2\" }, [\n            _c(\"b\", [_vm._v(_vm._s(_vm.$t(\"registration.registered\")))])\n          ])\n        : _vm._e(),\n      !_vm.registered\n        ? _c(\"div\", { staticClass: \"bg-white\" }, [\n            _c(\"div\", { staticStyle: { \"overflow-x\": \"auto\" } }, [\n              _c(\"table\", { staticClass: \"table\" }, [\n                _c(\"thead\", [\n                  _c(\n                    \"tr\",\n                    _vm._l(_vm.questions, function(question) {\n                      return _c(\n                        \"th\",\n                        { key: question.id, staticClass: \"align-bottom\" },\n                        [\n                          _vm.getAmountofAnswers(question, \"Ja\") > 0\n                            ? _c(\n                                \"small\",\n                                {\n                                  staticClass: \"bg-green-300 p-1 mr-1 rounded\"\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.getAmountofAnswers(question, \"Ja\")\n                                      ) +\n                                      \" Ja \"\n                                  ),\n                                  _c(\"br\")\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm.getAmountofAnswers(question, \"Evt.\") > 0\n                            ? _c(\n                                \"small\",\n                                {\n                                  staticClass: \"bg-orange-300 p-1 mr-1 rounded\"\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.getAmountofAnswers(question, \"Evt.\")\n                                      ) +\n                                      \" Evt.\"\n                                  ),\n                                  _c(\"br\")\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \" + _vm._s(question.name) + \" \"),\n                          _c(\"br\")\n                        ]\n                      )\n                    }),\n                    0\n                  )\n                ]),\n                _c(\"tbody\", [\n                  _c(\n                    \"tr\",\n                    _vm._l(_vm.questions, function(question) {\n                      return _c(\n                        \"td\",\n                        { key: question.id },\n                        _vm._l(_vm.options, function(option) {\n                          return _c(\n                            \"button\",\n                            {\n                              key: option.id,\n                              staticClass: \"p-1 btn d-block border-0\",\n                              class: {\n                                \"bg-green-300 text-black\":\n                                  question.selected === option.id &&\n                                  option.name === \"Ja\",\n                                \" bg-red-300 text-black\":\n                                  question.selected === option.id &&\n                                  option.name === \"Nein\",\n                                \" bg-orange-300 text-black\":\n                                  question.selected === option.id &&\n                                  option.name === \"Evt.\"\n                              },\n                              staticStyle: {\n                                display: \"block\",\n                                width: \"100%\",\n                                border: \"none\",\n                                \"margin-right\": \"3px\",\n                                \"margin-bottom\": \"3px\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.changeOption(question, option)\n                                }\n                              }\n                            },\n                            [\n                              _vm._v(\" \" + _vm._s(option.name) + \" \"),\n                              option.name === \"Nein\"\n                                ? _c(\"svg-icon\", {\n                                    staticClass:\n                                      \"inline-block w-10 h-10 p-2 text-whitesvg-icon\",\n                                    attrs: { name: \"close\" }\n                                  })\n                                : _vm._e(),\n                              option.name === \"Ja\"\n                                ? _c(\"svg-icon\", {\n                                    staticClass:\n                                      \"inline-block w-10 h-10 p-2 text-whitesvg-icon\",\n                                    attrs: { name: \"check-1\" }\n                                  })\n                                : _vm._e(),\n                              option.name === \"Evt.\"\n                                ? _c(\n                                    \"p\",\n                                    [\n                                      _c(\"svg-icon\", {\n                                        staticClass:\n                                          \"inline-block w-10 h-10 p-2 text-whitesvg-icon\",\n                                        attrs: {\n                                          name: \"information-desk-question-help\"\n                                        }\n                                      })\n                                    ],\n                                    1\n                                  )\n                                : _vm._e()\n                            ],\n                            1\n                          )\n                        }),\n                        0\n                      )\n                    }),\n                    0\n                  )\n                ])\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"max-w-xs mt-4 px-3 pb-3\" }, [\n              _c(\"b\", { staticClass: \"mt-3\" }, [\n                _vm._v(_vm._s(_vm.$t(\"registration.name\")))\n              ]),\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.name,\n                    expression: \"name\"\n                  }\n                ],\n                staticClass:\n                  \"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\",\n                domProps: { value: _vm.name },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.name = $event.target.value\n                  }\n                }\n              }),\n              _c(\"b\", { staticClass: \"mt-4 \" }, [\n                _vm._v(_vm._s(_vm.$t(\"registration.mail\")))\n              ]),\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.mail,\n                    expression: \"mail\"\n                  }\n                ],\n                staticClass:\n                  \" shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\",\n                attrs: { type: \"email\" },\n                domProps: { value: _vm.mail },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.mail = $event.target.value\n                  }\n                }\n              }),\n              _c(\n                \"button\",\n                {\n                  staticClass:\n                    \"bg-black px-2 mt-3 py-2 btn text-white  hover:cursor-pointer\",\n                  attrs: { type: \"submit\" },\n                  on: { click: _vm.sendRegistration }\n                },\n                [\n                  _vm._v(\" \" + _vm._s(_vm.$t(\"registration.submit\")) + \" \"),\n                  _c(\"svg-icon\", {\n                    staticClass:\n                      \"inline-block w-5 h-5 -mt-1 ml-1 mr-1  text-whitesvg-icon\",\n                    attrs: { name: \"submit\" }\n                  })\n                ],\n                1\n              )\n            ])\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"text-center pt-10 mb-4\" }, [\n        _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"registration.existing\")))])\n      ]),\n      _c(\"div\", { staticStyle: { \"overflow-x\": \"auto\" } }, [\n        _c(\"table\", { staticClass: \" table\" }, [\n          _c(\"thead\", [\n            _c(\n              \"tr\",\n              [\n                _c(\"th\", { staticClass: \"align-bottom\" }, [_vm._v(\"Name\")]),\n                _vm._l(_vm.questions, function(question) {\n                  return _c(\n                    \"th\",\n                    { key: question.id, staticClass: \"align-bottom\" },\n                    [\n                      _vm.getAmountofAnswers(question, \"Ja\") > 0\n                        ? _c(\n                            \"small\",\n                            { staticClass: \"bg-green-300 p-1 mr-1 rounded\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.getAmountofAnswers(question, \"Ja\")\n                                  ) +\n                                  \" Ja \"\n                              ),\n                              _c(\"br\")\n                            ]\n                          )\n                        : _vm._e(),\n                      _vm.getAmountofAnswers(question, \"Evt.\") > 0\n                        ? _c(\n                            \"small\",\n                            { staticClass: \"bg-orange-300 p-1 mr-1 rounded\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.getAmountofAnswers(question, \"Evt.\")\n                                  ) +\n                                  \" Evt.\"\n                              ),\n                              _c(\"br\")\n                            ]\n                          )\n                        : _vm._e(),\n                      _vm._v(\" \" + _vm._s(question.name) + \" \")\n                    ]\n                  )\n                })\n              ],\n              2\n            )\n          ]),\n          _c(\n            \"tbody\",\n            _vm._l(_vm.registrations, function(registration) {\n              return _c(\n                \"tr\",\n                { key: registration.id },\n                [\n                  _c(\"td\", [_c(\"b\", [_vm._v(_vm._s(registration.name))])]),\n                  _vm._l(registration.questions, function(question) {\n                    return _c(\n                      \"td\",\n                      {\n                        key: question.id,\n                        class: _vm.getClass(question.option)\n                      },\n                      [\n                        question.option === \"Ja\"\n                          ? _c(\"svg-icon\", {\n                              staticClass:\n                                \"inline-block w-10 h-10 p-2 text-whitesvg-icon\",\n                              attrs: { name: \"check-1\" }\n                            })\n                          : _vm._e(),\n                        question.option === \"Evt.\"\n                          ? _c(\n                              \"p\",\n                              [\n                                _c(\"svg-icon\", {\n                                  staticClass:\n                                    \"inline-block w-10 h-10 p-2 text-whitesvg-icon\",\n                                  attrs: {\n                                    name: \"information-desk-question-help\"\n                                  }\n                                })\n                              ],\n                              1\n                            )\n                          : _vm._e()\n                      ],\n                      1\n                    )\n                  })\n                ],\n                2\n              )\n            }),\n            0\n          )\n        ])\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Registration.vue?vue&type=template&id=6106551a&\"\nimport script from \"./Registration.vue?vue&type=script&lang=js&\"\nexport * from \"./Registration.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  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/code/src/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6106551a')) {\n      api.createRecord('6106551a', component.options)\n    } else {\n      api.reload('6106551a', component.options)\n    }\n    module.hot.accept(\"./Registration.vue?vue&type=template&id=6106551a&\", function () {\n      api.rerender('6106551a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Registration.vue\"\nexport default component.exports","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./Registration.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./Registration.vue?vue&type=script&lang=js&\"","export * from \"-!../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"ae721bd4-vue-loader-template\\\"}!../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Registration.vue?vue&type=template&id=6106551a&\""],"sourceRoot":""}