This commit is contained in:
scammo 2021-04-25 12:48:03 +02:00
parent b8f48d5eb3
commit ce2bbaa842
17 changed files with 30159 additions and 1 deletions

3
.browserslistrc Normal file
View File

@ -0,0 +1,3 @@
> 1%
last 2 versions
not dead

5
.editorconfig Normal file
View File

@ -0,0 +1,5 @@
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

17
.eslintrc.js Normal file
View File

@ -0,0 +1,17 @@
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/vue3-essential',
'@vue/standard'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}

View File

@ -1,3 +1,24 @@
# digitale-offline-registration # digitale-offline-registration
Dieses Projekt benutzt Vue3. Außerdem brauchst du Node und NPM. Wenn beides installiert ist dann sind folgende Befehle hilfreich:
Die Beste digitale offline registration seit PDFs! ## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
By: Scammo

5
babel.config.js Normal file
View File

@ -0,0 +1,5 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}

29127
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

32
package.json Normal file
View File

@ -0,0 +1,32 @@
{
"name": "digitale-offline-registration",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"bootstrap": "^5.0.0-beta3",
"core-js": "^3.6.5",
"qrcode.vue": "^3.2.2",
"register-service-worker": "^1.7.1",
"vue": "^3.0.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-pwa": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"@vue/eslint-config-standard": "^5.1.2",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.0",
"eslint-plugin-vue": "^7.0.0"
}
}

BIN
public/apple-touch-icon.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
public/favicon-96x96.png (Stored with Git LFS) Normal file

Binary file not shown.

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

96
public/img/wtf_logo.svg Normal file
View File

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 1476 617" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-184.291,-861.078)">
<rect x="184.291" y="861.078" width="1475.62" height="616.639" style="fill:none;"/>
<g id="Logo">
<g transform="matrix(4.16667,0,0,4.16667,-363.557,-181.762)">
<g id="WTF-Kooperative-eG" serif:id="WTF Kooperative eG">
<g transform="matrix(63.848,0,0,63.848,282.658,347.753)">
<path d="M1.052,-0.726L0.827,0L0.692,0L0.543,-0.475C0.541,-0.481 0.538,-0.489 0.536,-0.497C0.534,-0.505 0.532,-0.513 0.53,-0.522C0.528,-0.513 0.525,-0.505 0.523,-0.497C0.521,-0.489 0.518,-0.481 0.516,-0.475L0.366,0L0.23,0L0.006,-0.726L0.132,-0.726C0.145,-0.725 0.155,-0.723 0.164,-0.717C0.173,-0.711 0.179,-0.703 0.182,-0.693L0.294,-0.284C0.297,-0.272 0.299,-0.26 0.302,-0.247C0.305,-0.234 0.308,-0.22 0.311,-0.205C0.314,-0.22 0.317,-0.234 0.32,-0.247C0.323,-0.26 0.327,-0.272 0.331,-0.284L0.462,-0.693C0.465,-0.701 0.47,-0.708 0.479,-0.715C0.488,-0.722 0.499,-0.725 0.512,-0.726L0.556,-0.726C0.569,-0.725 0.579,-0.722 0.587,-0.716C0.595,-0.71 0.602,-0.702 0.606,-0.693L0.736,-0.284C0.74,-0.273 0.744,-0.261 0.747,-0.249C0.75,-0.236 0.753,-0.223 0.757,-0.209C0.759,-0.223 0.762,-0.236 0.764,-0.249C0.767,-0.261 0.769,-0.273 0.772,-0.284L0.885,-0.693C0.887,-0.701 0.893,-0.709 0.902,-0.716C0.911,-0.722 0.921,-0.725 0.934,-0.726L1.052,-0.726Z" style="fill:#ef7d21;fill-rule:nonzero;"/>
</g>
<g transform="matrix(63.848,0,0,63.848,351.119,347.753)">
<path d="M0.59,-0.605L0.378,-0.605L0.378,0L0.227,0L0.227,-0.605L0.015,-0.605L0.015,-0.726L0.59,-0.726L0.59,-0.605Z" style="fill:#ef7d21;fill-rule:nonzero;"/>
</g>
<g transform="matrix(63.848,0,0,63.848,390.625,347.753)">
<path d="M0.227,-0.608L0.227,-0.408L0.488,-0.408L0.488,-0.29L0.227,-0.29L0.227,0L0.076,0L0.076,-0.726L0.538,-0.726L0.538,-0.608L0.227,-0.608Z" style="fill:#ef7d21;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,289.324,372.44)">
<path d="M0.24,-0.434L0.267,-0.434C0.292,-0.434 0.31,-0.441 0.321,-0.457L0.485,-0.695C0.494,-0.708 0.505,-0.716 0.516,-0.721C0.527,-0.726 0.541,-0.729 0.558,-0.729L0.705,-0.729L0.489,-0.434C0.473,-0.414 0.457,-0.399 0.439,-0.39C0.452,-0.385 0.463,-0.379 0.474,-0.371C0.484,-0.362 0.494,-0.351 0.503,-0.338L0.723,0L0.572,0C0.562,0 0.554,-0.001 0.547,-0.002C0.54,-0.003 0.534,-0.005 0.529,-0.008C0.524,-0.011 0.52,-0.014 0.516,-0.018C0.512,-0.022 0.509,-0.026 0.506,-0.031L0.341,-0.285C0.335,-0.294 0.327,-0.3 0.318,-0.304C0.309,-0.308 0.296,-0.31 0.281,-0.31L0.24,-0.31L0.24,0L0.071,0L0.071,-0.729L0.24,-0.729L0.24,-0.434Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,302.392,372.44)">
<path d="M0.786,-0.365C0.786,-0.312 0.776,-0.263 0.758,-0.218C0.74,-0.172 0.715,-0.133 0.682,-0.099C0.649,-0.066 0.609,-0.04 0.562,-0.021C0.516,-0.002 0.464,0.008 0.408,0.008C0.351,0.008 0.299,-0.002 0.253,-0.021C0.206,-0.04 0.166,-0.066 0.133,-0.099C0.1,-0.133 0.074,-0.172 0.056,-0.218C0.038,-0.263 0.029,-0.312 0.029,-0.365C0.029,-0.417 0.038,-0.466 0.056,-0.512C0.074,-0.557 0.1,-0.596 0.133,-0.63C0.166,-0.663 0.206,-0.689 0.253,-0.708C0.299,-0.727 0.351,-0.737 0.408,-0.737C0.464,-0.737 0.516,-0.727 0.562,-0.708C0.609,-0.689 0.649,-0.662 0.682,-0.629C0.715,-0.596 0.74,-0.556 0.758,-0.511C0.776,-0.466 0.786,-0.417 0.786,-0.365ZM0.613,-0.365C0.613,-0.401 0.608,-0.433 0.599,-0.462C0.589,-0.491 0.576,-0.515 0.558,-0.535C0.541,-0.555 0.519,-0.57 0.494,-0.581C0.469,-0.592 0.44,-0.597 0.408,-0.597C0.375,-0.597 0.346,-0.592 0.32,-0.581C0.295,-0.57 0.273,-0.555 0.256,-0.535C0.238,-0.515 0.225,-0.491 0.216,-0.462C0.206,-0.433 0.202,-0.401 0.202,-0.365C0.202,-0.328 0.206,-0.296 0.216,-0.267C0.225,-0.238 0.238,-0.214 0.256,-0.194C0.273,-0.173 0.295,-0.158 0.32,-0.148C0.346,-0.137 0.375,-0.132 0.408,-0.132C0.44,-0.132 0.469,-0.137 0.494,-0.148C0.519,-0.158 0.541,-0.173 0.558,-0.194C0.576,-0.214 0.589,-0.238 0.599,-0.267C0.608,-0.296 0.613,-0.328 0.613,-0.365Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,317.984,372.44)">
<path d="M0.786,-0.365C0.786,-0.312 0.776,-0.263 0.758,-0.218C0.74,-0.172 0.715,-0.133 0.682,-0.099C0.649,-0.066 0.609,-0.04 0.562,-0.021C0.516,-0.002 0.464,0.008 0.408,0.008C0.351,0.008 0.299,-0.002 0.253,-0.021C0.206,-0.04 0.166,-0.066 0.133,-0.099C0.1,-0.133 0.074,-0.172 0.056,-0.218C0.038,-0.263 0.029,-0.312 0.029,-0.365C0.029,-0.417 0.038,-0.466 0.056,-0.512C0.074,-0.557 0.1,-0.596 0.133,-0.63C0.166,-0.663 0.206,-0.689 0.253,-0.708C0.299,-0.727 0.351,-0.737 0.408,-0.737C0.464,-0.737 0.516,-0.727 0.562,-0.708C0.609,-0.689 0.649,-0.662 0.682,-0.629C0.715,-0.596 0.74,-0.556 0.758,-0.511C0.776,-0.466 0.786,-0.417 0.786,-0.365ZM0.613,-0.365C0.613,-0.401 0.608,-0.433 0.599,-0.462C0.589,-0.491 0.576,-0.515 0.558,-0.535C0.541,-0.555 0.519,-0.57 0.494,-0.581C0.469,-0.592 0.44,-0.597 0.408,-0.597C0.375,-0.597 0.346,-0.592 0.32,-0.581C0.295,-0.57 0.273,-0.555 0.256,-0.535C0.238,-0.515 0.225,-0.491 0.216,-0.462C0.206,-0.433 0.202,-0.401 0.202,-0.365C0.202,-0.328 0.206,-0.296 0.216,-0.267C0.225,-0.238 0.238,-0.214 0.256,-0.194C0.273,-0.173 0.295,-0.158 0.32,-0.148C0.346,-0.137 0.375,-0.132 0.408,-0.132C0.44,-0.132 0.469,-0.137 0.494,-0.148C0.519,-0.158 0.541,-0.173 0.558,-0.194C0.576,-0.214 0.589,-0.238 0.599,-0.267C0.608,-0.296 0.613,-0.328 0.613,-0.365Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,333.577,372.44)">
<path d="M0.328,-0.371C0.372,-0.371 0.403,-0.382 0.423,-0.403C0.442,-0.424 0.452,-0.453 0.452,-0.491C0.452,-0.507 0.449,-0.522 0.444,-0.536C0.439,-0.55 0.431,-0.561 0.421,-0.571C0.411,-0.581 0.398,-0.589 0.383,-0.594C0.367,-0.599 0.349,-0.602 0.328,-0.602L0.24,-0.602L0.24,-0.371L0.328,-0.371ZM0.328,-0.729C0.379,-0.729 0.423,-0.722 0.46,-0.71C0.497,-0.698 0.527,-0.681 0.551,-0.66C0.575,-0.639 0.592,-0.614 0.604,-0.585C0.615,-0.556 0.621,-0.524 0.621,-0.491C0.621,-0.454 0.615,-0.421 0.603,-0.391C0.591,-0.36 0.574,-0.334 0.55,-0.313C0.526,-0.291 0.495,-0.274 0.458,-0.262C0.421,-0.25 0.378,-0.243 0.328,-0.244L0.24,-0.244L0.24,0L0.071,0L0.071,-0.729L0.328,-0.729Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,345.95,372.44)">
<path d="M0.241,-0.599L0.241,-0.429L0.47,-0.429L0.47,-0.304L0.241,-0.304L0.241,-0.13L0.54,-0.13L0.54,0L0.071,0L0.071,-0.729L0.54,-0.729L0.54,-0.599L0.241,-0.599Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,357.187,372.44)">
<path d="M0.308,-0.386C0.331,-0.386 0.35,-0.389 0.366,-0.395C0.382,-0.401 0.396,-0.409 0.406,-0.419C0.416,-0.429 0.424,-0.441 0.429,-0.455C0.433,-0.469 0.436,-0.484 0.436,-0.5C0.436,-0.532 0.425,-0.557 0.404,-0.575C0.383,-0.593 0.351,-0.602 0.308,-0.602L0.24,-0.602L0.24,-0.386L0.308,-0.386ZM0.667,0L0.514,0C0.485,0 0.465,-0.011 0.453,-0.032L0.332,-0.244C0.326,-0.253 0.32,-0.259 0.313,-0.263C0.306,-0.267 0.296,-0.27 0.283,-0.27L0.24,-0.27L0.24,0L0.071,0L0.071,-0.729L0.308,-0.729C0.36,-0.729 0.405,-0.723 0.442,-0.712C0.479,-0.701 0.51,-0.686 0.533,-0.667C0.557,-0.648 0.574,-0.625 0.585,-0.599C0.595,-0.572 0.601,-0.544 0.601,-0.513C0.601,-0.489 0.597,-0.467 0.591,-0.446C0.585,-0.425 0.575,-0.405 0.563,-0.387C0.551,-0.369 0.535,-0.354 0.517,-0.34C0.499,-0.326 0.478,-0.314 0.455,-0.305C0.466,-0.299 0.476,-0.292 0.486,-0.284C0.495,-0.275 0.504,-0.265 0.512,-0.254L0.667,0Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,369.948,372.44)">
<path d="M0.456,-0.279L0.388,-0.478C0.383,-0.491 0.378,-0.506 0.372,-0.523C0.366,-0.54 0.361,-0.559 0.355,-0.579C0.35,-0.558 0.345,-0.539 0.339,-0.522C0.333,-0.505 0.328,-0.49 0.323,-0.477L0.256,-0.279L0.456,-0.279ZM0.724,0L0.593,0C0.578,0 0.567,-0.003 0.558,-0.01C0.549,-0.017 0.542,-0.026 0.537,-0.037L0.494,-0.164L0.217,-0.164L0.174,-0.037C0.17,-0.027 0.164,-0.019 0.154,-0.011C0.145,-0.004 0.133,0 0.119,0L-0.013,0L0.269,-0.729L0.442,-0.729L0.724,0Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,382.393,372.44)">
<path d="M0.594,-0.595L0.389,-0.595L0.389,0L0.22,0L0.22,-0.595L0.015,-0.595L0.015,-0.729L0.594,-0.729L0.594,-0.595Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,394.279,372.44)">
<rect x="0.071" y="-0.729" width="0.17" height="0.729" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,400.791,372.44)">
<path d="M0.724,-0.729L0.432,0L0.279,0L-0.013,-0.729L0.123,-0.729C0.138,-0.729 0.15,-0.725 0.159,-0.718C0.168,-0.711 0.174,-0.703 0.179,-0.692L0.32,-0.302C0.327,-0.285 0.333,-0.266 0.34,-0.246C0.346,-0.226 0.352,-0.205 0.358,-0.183C0.362,-0.205 0.367,-0.226 0.373,-0.246C0.379,-0.266 0.385,-0.285 0.392,-0.302L0.532,-0.692C0.536,-0.701 0.542,-0.71 0.552,-0.717C0.561,-0.725 0.573,-0.729 0.587,-0.729L0.724,-0.729Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(18.0371,0,0,18.0371,414.516,372.44)">
<path d="M0.241,-0.599L0.241,-0.429L0.47,-0.429L0.47,-0.304L0.241,-0.304L0.241,-0.13L0.54,-0.13L0.54,0L0.071,0L0.071,-0.729L0.54,-0.729L0.54,-0.599L0.241,-0.599Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(15.962,0,0,15.962,431.653,372.57)">
<path d="M0.288,-0.434C0.271,-0.434 0.255,-0.431 0.241,-0.424C0.227,-0.417 0.214,-0.407 0.202,-0.395C0.191,-0.383 0.181,-0.368 0.172,-0.351C0.164,-0.334 0.157,-0.315 0.152,-0.295C0.193,-0.3 0.227,-0.306 0.252,-0.313C0.277,-0.32 0.296,-0.327 0.31,-0.335C0.324,-0.343 0.333,-0.352 0.337,-0.361C0.342,-0.37 0.344,-0.38 0.344,-0.39C0.344,-0.395 0.343,-0.4 0.341,-0.405C0.339,-0.41 0.335,-0.415 0.331,-0.419C0.326,-0.423 0.32,-0.427 0.313,-0.43C0.306,-0.433 0.298,-0.434 0.288,-0.434ZM0.142,-0.209C0.142,-0.128 0.176,-0.088 0.244,-0.088C0.259,-0.088 0.272,-0.089 0.283,-0.092C0.294,-0.095 0.304,-0.098 0.313,-0.103C0.321,-0.107 0.329,-0.111 0.336,-0.116C0.343,-0.121 0.349,-0.126 0.355,-0.13C0.361,-0.134 0.366,-0.137 0.372,-0.14C0.378,-0.143 0.384,-0.144 0.391,-0.144C0.395,-0.144 0.398,-0.143 0.402,-0.141C0.406,-0.139 0.41,-0.136 0.413,-0.133L0.444,-0.095C0.426,-0.077 0.409,-0.062 0.392,-0.049C0.375,-0.036 0.358,-0.025 0.34,-0.017C0.322,-0.009 0.304,-0.003 0.284,0.002C0.264,0.006 0.243,0.008 0.22,0.008C0.19,0.008 0.163,0.002 0.139,-0.008C0.114,-0.018 0.093,-0.032 0.076,-0.051C0.059,-0.069 0.045,-0.092 0.036,-0.118C0.026,-0.144 0.022,-0.173 0.022,-0.206C0.022,-0.233 0.024,-0.259 0.03,-0.285C0.036,-0.311 0.045,-0.336 0.056,-0.359C0.067,-0.382 0.08,-0.404 0.096,-0.424C0.112,-0.443 0.13,-0.46 0.15,-0.475C0.17,-0.489 0.193,-0.5 0.217,-0.508C0.241,-0.516 0.267,-0.52 0.295,-0.52C0.321,-0.52 0.345,-0.516 0.365,-0.509C0.385,-0.501 0.402,-0.491 0.415,-0.479C0.429,-0.467 0.439,-0.453 0.446,-0.438C0.452,-0.423 0.456,-0.408 0.456,-0.394C0.456,-0.371 0.451,-0.35 0.442,-0.331C0.433,-0.312 0.416,-0.295 0.393,-0.28C0.369,-0.265 0.337,-0.252 0.297,-0.241C0.256,-0.23 0.204,-0.222 0.142,-0.216L0.142,-0.209Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
<g transform="matrix(15.962,0,0,15.962,440.065,372.57)">
<path d="M0.41,-0.361L0.635,-0.361L0.599,-0.07C0.562,-0.043 0.522,-0.024 0.48,-0.011C0.438,0.002 0.389,0.008 0.335,0.008C0.291,0.008 0.25,0 0.214,-0.016C0.178,-0.032 0.147,-0.054 0.121,-0.083C0.095,-0.111 0.076,-0.145 0.062,-0.184C0.048,-0.223 0.041,-0.266 0.041,-0.313C0.041,-0.353 0.045,-0.392 0.054,-0.428C0.063,-0.465 0.076,-0.498 0.092,-0.53C0.109,-0.561 0.129,-0.588 0.152,-0.613C0.175,-0.638 0.201,-0.659 0.23,-0.677C0.259,-0.694 0.29,-0.708 0.323,-0.717C0.357,-0.726 0.392,-0.731 0.429,-0.731C0.458,-0.731 0.484,-0.728 0.508,-0.723C0.532,-0.718 0.554,-0.711 0.573,-0.702C0.592,-0.693 0.61,-0.683 0.625,-0.671C0.64,-0.659 0.654,-0.646 0.666,-0.633L0.624,-0.579C0.617,-0.569 0.609,-0.563 0.6,-0.561C0.59,-0.559 0.58,-0.561 0.57,-0.568C0.56,-0.574 0.551,-0.581 0.541,-0.587C0.531,-0.593 0.521,-0.599 0.509,-0.604C0.498,-0.608 0.485,-0.612 0.47,-0.616C0.455,-0.619 0.438,-0.62 0.419,-0.62C0.383,-0.62 0.349,-0.613 0.32,-0.598C0.29,-0.584 0.264,-0.563 0.242,-0.537C0.22,-0.51 0.204,-0.478 0.192,-0.441C0.18,-0.404 0.174,-0.363 0.174,-0.317C0.174,-0.282 0.178,-0.251 0.187,-0.224C0.196,-0.197 0.208,-0.173 0.224,-0.155C0.24,-0.135 0.259,-0.121 0.282,-0.111C0.304,-0.101 0.329,-0.095 0.357,-0.096C0.384,-0.095 0.408,-0.098 0.429,-0.103C0.45,-0.108 0.47,-0.116 0.489,-0.126L0.505,-0.263L0.425,-0.263C0.417,-0.263 0.41,-0.265 0.406,-0.27C0.402,-0.274 0.4,-0.28 0.401,-0.287L0.41,-0.361Z" style="fill:#191714;fill-rule:nonzero;"/>
</g>
</g>
</g>
<g id="Einhorn" transform="matrix(1,0,0,1,-31.2941,-563.989)">
<path d="M450.529,1662.06L400.757,1697.42L401.385,1712.12C401.385,1712.12 401.392,1712.51 401.318,1712.69C401.189,1713.12 400.944,1713.39 400.944,1713.39L450.529,1662.06Z"/>
<path d="M736.631,1698.47L756.815,1695.93C756.815,1695.93 757.296,1695.91 757.696,1695.65C758.083,1695.4 758.264,1695.06 758.264,1695.06L750.801,1710.64C750.801,1710.64 750.463,1711.42 749.582,1711.56C748.632,1711.72 748.087,1711.18 748.087,1711.18L743.517,1707.05L745.991,1710.95C745.991,1710.95 746.486,1711.78 746.06,1712.62C745.565,1713.62 744.582,1713.64 744.582,1713.64L734.515,1714.3C734.515,1714.3 735.304,1714.06 735.548,1713.76C735.8,1713.44 736.025,1712.42 736.025,1712.42L736.631,1698.47Z"/>
<g transform="matrix(-1,0,0,1,1133.78,-0.317371)">
<path d="M736.631,1698.47L756.815,1695.93C756.815,1695.93 757.296,1695.91 757.696,1695.65C758.083,1695.4 758.264,1695.06 758.264,1695.06L750.801,1710.64C750.801,1710.64 750.463,1711.42 749.582,1711.56C748.632,1711.72 748.087,1711.18 748.087,1711.18L743.517,1707.05L745.991,1710.95C745.991,1710.95 746.486,1711.78 746.06,1712.62C745.565,1713.62 744.582,1713.64 744.582,1713.64L734.515,1714.3C734.515,1714.3 735.304,1714.06 735.548,1713.76C735.8,1713.44 736.025,1712.42 736.025,1712.42L736.631,1698.47Z"/>
</g>
<path d="M392.458,1653.33L445.559,1660.94L398.452,1694.68L377.352,1692.04C377.352,1692.04 376.875,1691.98 376.441,1692.17C375.813,1692.44 375.559,1692.97 375.559,1692.97L392.458,1653.33Z"/>
<g transform="matrix(-1,0,0,1,1133.82,0.344083)">
<path d="M392.458,1653.33L445.559,1660.94L398.452,1694.68L377.352,1692.04C377.352,1692.04 376.875,1691.98 376.441,1692.17C375.813,1692.44 375.559,1692.97 375.559,1692.97L392.458,1653.33Z"/>
</g>
<path d="M671.12,1573.37L702.593,1592.58L707.544,1588.92L698.064,1578.83L687.348,1576.59L689.224,1568.43C689.224,1568.43 689.271,1568.29 689.281,1568.09C689.288,1567.93 689.255,1567.77 689.255,1567.77L686.724,1550.74C686.724,1550.74 686.529,1549.58 685.362,1549.35C684.059,1549.08 683.457,1550.14 683.457,1550.14L674.166,1565.5C674.166,1565.5 674.065,1565.68 674.02,1565.84C673.954,1566.06 673.947,1566.24 673.947,1566.24L673.835,1574.13L671.12,1573.37Z"/>
<g transform="matrix(-1,0,0,1,1133.81,-0.623595)">
<path d="M670.409,1573.25L702.616,1592.94L707.454,1589.14L698.064,1578.83L687.348,1576.59L689.224,1568.43C689.224,1568.43 689.271,1568.29 689.281,1568.09C689.288,1567.93 689.255,1567.77 689.255,1567.77L686.724,1550.74C686.724,1550.74 686.529,1549.58 685.362,1549.35C684.059,1549.08 683.457,1550.14 683.457,1550.14L674.166,1565.5C674.166,1565.5 674.065,1565.68 674.02,1565.84C673.954,1566.06 673.947,1566.24 673.947,1566.24L673.84,1573.91L670.409,1573.25Z"/>
</g>
<path d="M427.91,1594.32L407.278,1606.88L315.202,1511.83C315.202,1511.83 314.118,1510.66 315.278,1509.41C316.302,1508.31 317.631,1509.24 317.631,1509.24L427.91,1594.32Z"/>
<g transform="matrix(-1,0,0,1,1133.84,0.346916)">
<path d="M427.91,1594.32L407.278,1606.88L315.202,1511.83C315.202,1511.83 314.118,1510.66 315.278,1509.41C316.302,1508.31 317.631,1509.24 317.631,1509.24L427.91,1594.32Z"/>
</g>
<path d="M352.629,1973.55L412.821,1957.45L564.149,1813.8L502.768,1776.15L352.629,1973.55Z"/>
<path d="M724.493,1958.33L791.81,1974.99L636.355,1779.22L570.066,1813.9L724.493,1958.33Z"/>
<path d="M567.109,1811.42L634.096,1776.37L566.931,1691.79L504.928,1773.31L567.109,1811.42Z"/>
<path d="M501.388,1771.76L565.007,1688.47L507.888,1603.52L471.991,1672.38L501.388,1771.76Z"/>
<path d="M568.964,1688.62L636.117,1772.79L662.194,1673.36L625.972,1603.85L568.964,1688.62Z"/>
<path d="M628.44,1600.9L663.644,1574.69L681.595,1659.26L664.468,1669.99L628.44,1600.9Z"/>
<path d="M452.254,1658.94L469.378,1669.67L505.406,1600.56L470.221,1574.36L452.254,1658.94Z"/>
<path d="M409.728,1609.57L466.44,1574.95L449.265,1655.87L409.728,1609.57ZM419.698,1608.4C418.738,1609.21 418.917,1610.78 420.06,1611.35L425.353,1613.99C426.003,1614.31 426.771,1614.21 427.32,1613.75L432.618,1609.17C433.604,1608.31 433.359,1606.71 432.159,1606.19C425.3,1602.76 425.728,1603.15 420.361,1607.83C420.143,1608.01 419.68,1608.37 419.698,1608.4Z"/>
<g transform="matrix(-1,0,0,1,1133.87,0.365109)">
<path d="M450.529,1662.06L400.757,1697.42L401.402,1712.11C401.402,1712.11 401.412,1712.43 401.327,1712.69C401.198,1713.08 400.954,1713.36 400.954,1713.36L450.529,1662.06Z"/>
</g>
<path d="M667.407,1575.3L724.122,1609.91L684.599,1656.21L667.407,1575.3ZM707.873,1603.98C707.655,1603.99 707.437,1604.03 707.227,1604.13L701.695,1606.53C700.477,1607.05 700.242,1608.66 701.232,1609.52L706.538,1614.1C707.075,1614.57 707.86,1614.67 708.506,1614.34L713.79,1611.69C714.933,1611.11 715.121,1609.57 714.156,1608.74L709.095,1604.41C708.754,1604.12 708.323,1603.97 707.873,1603.98Z"/>
<path d="M687.949,1657.75L740.377,1650.89C740.377,1650.89 731.48,1619.35 729.222,1611.36C729.041,1610.72 728.918,1610.57 728.71,1610.53C728.604,1610.5 728.323,1610.47 727.692,1611.21C721.177,1618.84 687.949,1657.75 687.949,1657.75Z"/>
<g transform="matrix(-1,0,0,1,1133.99,0.137922)">
<path d="M688.136,1657.23L740.413,1650.04C740.413,1650.04 731.949,1620.01 729.672,1611.95C729.314,1610.68 728.761,1610.52 728.548,1610.52C728.308,1610.52 728.093,1610.44 727.596,1611.02C721.135,1618.59 688.136,1657.23 688.136,1657.23Z"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

19
public/index.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" type="image/png" href="<%= BASE_URL %>/favicon.ico">
<link rel="icon" type="image/png" href="<%= BASE_URL %>/favicon.png" sizes="96x96">
<title>Jetzt WTF eG Mitglied werden</title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue. Bitte aktivierte Javascript um weiter zu fahren. Danke!</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

2
public/robots.txt Normal file
View File

@ -0,0 +1,2 @@
User-agent: *
Disallow:

751
src/App.vue Normal file
View File

@ -0,0 +1,751 @@
<template>
<header class="container">
<div class="row">
<div class="col-9">
<img src="/img/wtf_logo.svg" style="height: 7rem;"/>
<h1>Beitritts-/ Beteiligungserklärung WTF eG</h1>
<p>
<a href="https://dejure.org/gesetze/GenG">(§§ 15, 15a und 15b GenG)</a
><br />
Version {{ version }}
</p>
</div>
<div class="col-3">
<qrcode-vue
:value="contentQrCode"
:size="200"
level="L"
style="margin: 0 auto; display: block"
/>
<!-- {{contentQrCode}} -->
</div>
</div>
<p class="no-print">
Bitte Fülle alle Felder aus und klicke dann auf Drucken. Das Gedruckte Dokument muss dann noch mit Ort, Datum und Unterschrift versehen werden. Danach
kannst du die Unterlagen ins WTF eG Büro versenden. Bei Fragen gibt es
unten ein FAQ.
</p>
</header>
<main class="container">
<form @submit.prevent="onSubmit">
<section>
<h2>Beitrittserklärung und Anteilszeichnung</h2>
<div class="form-check mb-3">
<input
class="form-check-input"
type="checkbox"
value=""
v-model="confirm_membership"
id="confirm_membership"
required
/>
<label class="form-check-label" for="flexCheckDefault">
Ich beantrage hiermit die Aufnahme in die WTF Kooperative eG,
bestätige die mir zur Verfügung gestellte Satzung und verpflichte mich
zur Leistung nach Gesetz und Satzung vorgesehenen Zahlungen in Höhe
von 100 je Geschäftsanteil, einer einmaligen Aufnahmegebühr von 100
, sowie einem jährlichen Beitrag in Höhe von 100 selbst per
Überweisung mit dem Verwendungszweck Mitgliedsnummer (wenn vorhanden) bzw. Name,
Vorname und Geburtsdatum an folgende Bankverbindung: <span>DE67 4476 1534 2301 4210 00</span>
</label>
</div>
<div class="row">
<div class="col-6 col-xs-12">
<div class="mb-3">
<label for="membership_type" class="form-label">Ich bin: </label>
<select
id="membership_type"
class="form-select"
aria-label="Mitgliedsart. Standard neues Mitglied"
v-model="membership_type"
required
>
<option
v-for="(item, index) in membership_type_options"
:key="index"
>
{{ item }}
</option>
</select>
</div>
</div>
<div class="col-6 col-xs-12">
<div class="mb-3">
<label for="personhood_status" class="form-label"
>Personen Status</label
>
<select
class="form-select"
aria-label="todo"
v-model="personhood_status"
id="personhood_status"
>
<option
v-for="(item, index) in personhood_status_options"
:key="index"
>
{{ item }}
</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-6 col-xs-12">
<div class="mb-3">
<label for="shares" class="form-label"
>Anzahl neu Gezeichnete Anteile:</label
>
<input
type="text"
class="form-control"
id="shares"
placeholder="21"
v-model="shares"
required
/>
</div>
</div>
<div
class="col-6 col-xs-12"
v-if="membership_type != membership_type_options[0]"
>
<div class="mb-3">
Gesamt Anteil Anteile:
<label for="shares_total" class="form-label"
>Daraus folgende gesamt Anzahl:</label
>
<input
type="text"
class="form-control"
id="shares_total"
placeholder="42"
v-model="shares_total"
required
/>
</div>
</div>
</div>
<h3 class="mt-3">
Angaben zu deiner
<span v-if="personhood_status === personhood_status_options[0]"
>Person</span
>
<span v-if="personhood_status === personhood_status_options[1]"
>Firma</span
>
</h3>
<div class="row">
<div class="col-4 col-xs-12">
<label for="nickname" class="form-label">Nickname:</label>
<input
type="text"
class="form-control"
id="nickname"
v-model="nickname"
placeholder=""
/>
</div>
<div class="col-4 col-xs-12">
<label for="pronouns" class="form-label">Pronomen:</label>
<input
type="text"
class="form-control"
id="pronouns"
v-model="pronouns"
placeholder=""
/>
</div>
<div
class="col-4 col-xs-12"
v-if="membership_type != membership_type_options[0]"
>
<label for="membership_number" class="form-label"
>Deine Mitgliedsnummer: (Wenn Vorhanden)</label
>
<input
type="text"
class="form-control"
id="membership_number"
v-model="membership_number"
placeholder=""
/>
</div>
</div>
<p>
Folgende Angaben bitte genau so, wie sie in deinem Personalausweis
stehen:
</p>
<div class="row">
<div class="col-6 col-xs-12">
<label for="first_name" class="form-label">Vorname:</label>
<input
type="text"
class="form-control"
id="first_name"
v-model="first_name"
placeholder=""
required
/>
</div>
<div class="col-6 col-xs-12">
<label for="last_name" class="form-label">Nachname:</label>
<input
type="text"
class="form-control"
id="last_name"
v-model="last_name"
placeholder=""
required
/>
</div>
</div>
<div class="row">
<div class="col-6 col-xs-12">
<label for="date_of_birth" class="form-label">Geburtsdatum:</label>
<input
type="text"
class="form-control"
id="date_of_birth"
v-model="date_of_birth"
placeholder=""
required
/>
</div>
<div class="col-6 col-xs-12">
<label for="place_of_birth" class="form-label">Geburtsort:</label>
<input
type="text"
class="form-control"
id="place_of_birth"
v-model="place_of_birth"
placeholder=""
required
/>
</div>
</div>
<div
class="row"
v-if="personhood_status === personhood_status_options[1]"
>
<div class="col-4 col-xs-12">
<label for="company_name" class="form-label">Firmenname:</label>
<input
type="text"
class="form-control"
id="company_name"
v-model="company_name"
placeholder=""
required
/>
</div>
<div class="col-4 col-xs-12">
<label for="company_place" class="form-label">Sitz:</label>
<input
type="text"
class="form-control"
id="company_place"
v-model="company_place"
placeholder=""
required
/>
</div>
<div class="col-4 col-xs-12">
<label for="registration_data" class="form-label"
>Registerangaben:</label
>
<input
type="text"
class="form-control"
id="registration_data"
v-model="registration_data"
placeholder=""
required
/>
</div>
</div>
<h3 class="mt-3">Deine Kontaktdaten</h3>
<div class="row">
<div class="col-6 col-xs-12">
<label for="address_1_name" class="form-label"
>Anschriftzeile 1 Name/Firma:</label
>
<input
type="text"
class="form-control"
id="address_1_name"
v-model="address_1_name"
placeholder=""
required
/>
</div>
<div class="col-6 col-xs-12">
<label for="address_2_addtional" class="form-label"
>Anschriftzeile 2 Gebäude/Wohnung:</label
>
<input
type="text"
class="form-control"
id="address_2_addtional"
v-model="address_2_addtional"
placeholder=""
/>
</div>
</div>
<div class="row">
<div class="col-6 col-xs-12">
<label for="address_4_street" class="form-label"
>Anschriftzeile 3 Straße:</label
>
<input
type="text"
class="form-control"
id="address_4_street"
v-model="address_4_street"
placeholder=""
required
/>
</div>
<div class="col-6 col-xs-12">
<label for="house_number" class="form-label">Hausnummer:</label>
<input
type="text"
class="form-control"
id="house_number"
v-model="house_number"
placeholder=""
required
/>
</div>
</div>
<div class="row">
<div class="col-4 col-xs-12">
<label for="city_code" class="form-label">Postleitzahl:</label>
<input
type="text"
class="form-control"
id="city_code"
v-model="city_code"
placeholder=""
required
/>
</div>
<div class="col-4 col-xs-12">
<label for="city" class="form-label">Ort:</label>
<input
type="text"
class="form-control"
id="city"
v-model="city"
placeholder=""
required
/>
</div>
<div class="col-4 col-xs-12">
<label for="city" class="form-label">Land:</label>
<input
type="text"
class="form-control"
id="city"
v-model="country"
placeholder=""
required
/>
</div>
</div>
<div class="row">
<div class="col-6 col-xs-12">
<label for="email" class="form-label">E-Mail:</label>
<input
type="email"
class="form-control"
id="email"
v-model="email"
placeholder="beate@beispiel.de"
required
/>
</div>
<div class="col-6 col-xs-12">
<label for="phone_number" class="form-label">Telefonnummer:</label>
<input
type="tel"
class="form-control"
id="phone_number"
v-model="phone_number"
placeholder="+49 1515 123456"
required
/>
</div>
</div>
<div>
<label for="pgp" class="form-label">PGP:</label>
<input
type="text"
class="form-control"
id="pgp"
v-model="pgp"
placeholder=""
required
/>
</div>
<p class="no-print">
Die Nutzung von PGP-Verschlüsselung ist zwingende Voraussetzung für
deine Interaktion mit der Genossenschaft. Bitte lade deinen Public-Key
entweder auf übliche Keyserver hoch oder sende ihn uns von genau der
angegebenen Mailadresse als Mail-Anhang:
<a href="mailto:office@wtf-eg.de">office@wtf-eg.de</a>. (als Betreff
deinen Nick wie oben angegeben).
</p>
<p class="no-print">
Wenn du noch kein PGP-Key-Paar hast, musst du dir eines anlegen. Im
Zweifelsfall helfen wir dir dabei. Es gibt übrigens auch Anbieter, die
Mailverschlüsselung per Webmail anbieten, z.B.
<a href="https://posteo.de/de">posteo.de</a> oder
<a href="https://mailbox.org/de/">mailbox.org</a>. Es ist gar nicht so
schwer :)
</p>
<wrapper class="job_chaos">
<article class="job_situation">
<h3>Berufliche Situation & Finanzen</h3>
<label>Ich bin zur Zeit:</label>
<ul class="list-group">
<li class="list-group-item">
<input
class="form-check-input me-1"
v-model="status_1"
type="checkbox"
/>
nicht erwerbstätig (Student, Rentner, Sozialleistungsempfänger
etc.)
</li>
<li class="list-group-item">
<input
class="form-check-input me-1"
v-model="status_2"
type="checkbox"
/>
Arbeitnehmer
</li>
<li class="list-group-item">
<input
class="form-check-input me-1"
v-model="status_3"
type="checkbox"
/>
Selbständiger, und zwar:
</li>
<li
class="list-group-item secondary-item"
v-if="status_3"
:class="{ 'no-print': !status_4 }"
>
<input
class="form-check-input me-1"
v-model="status_4"
type="checkbox"
/>
Freiberufler
</li>
<li
class="list-group-item secondary-item"
v-if="status_3"
:class="{ 'no-print': !status_5 }"
>
<input
class="form-check-input me-1"
v-model="status_5"
type="checkbox"
/>
Kleinunternehmer im nach § 19 UStG
</li>
<li
class="list-group-item secondary-item"
v-if="status_3"
:class="{ 'no-print': !status_6 }"
>
<input
class="form-check-input me-1"
v-model="status_6"
type="checkbox"
/>
(Mit)Inhaber einer Firma
</li>
<li
class="list-group-item secondary-item"
v-if="status_3"
:class="{ 'no-print': !status_7 }"
>
<input
class="form-check-input me-1"
v-model="status_7"
type="checkbox"
aria-label="Wenn Selbständig und nicht Freiberuflicher, Kleinunternehmer oder Mitinhaber"
/>
Sonstiges
</li>
</ul>
</article>
<article class="chaos_connection">
<h3 class="mt-3">Chaos Connection</h3>
<p class="no-print">
Diese Angaben sind freiwillig, helfen uns aber dabei, deinen
Mitgliedsantrag zeitnah zu bearbeiten.
</p>
<div>
<label for="chaos_connection" class="form-label"
>Meine Verbindung zum Chaos:
</label>
<input
type="text"
class="form-control"
id="chaos_connection"
v-model="chaos_connection"
placeholder=""
/>
</div>
<p class="no-print">
(Wo liegt dein Hackspace/Erfa/Chaostreff, unter welchen Nicks kennt
man dich dort? Mit wem von dort dürften wir Kontakt aufnehmen?)
</p>
<div>
<label for="public_nick" class="form-label"
>Meine Aktivitäten im Netz:
</label>
<input
type="text"
class="form-control"
id="public_nick"
v-model="public_nick"
placeholder=""
/>
</div>
<p class="no-print">
(Welche coolen Sachen machst du in diesem Internet? Wo hat man dich
oder deine Projekte schon mal gesehen? (Videos, Podcast, Vorträge,
Blog, github, )
</p>
<div class="form-check">
<input
class="form-check-input"
type="checkbox"
value=""
v-model="status_public_projects"
id="status_public_projects"
/>
<label class="form-check-label" for="status_public_projects">
Auf mich trifft das alles nicht so zu, aber ich kenne Leute aus
dem Chaos / aus der WTF, die meinen, die Genossenschaft wäre was
für mich. (ggf. Name / Nick / Email angeben)
</label>
</div>
</article>
</wrapper>
<hr />
<p>
Mit meiner Unterschrift bestätige ich, dass über mein Vermögen keine
laufenden Insolvenzverfahren bestehen bzw. beantragt wurden.
</p>
<div class="row">
<div class="col-4">
Ort:
<br />
<br />
<hr />
</div>
<div class="col-4">
Datum:
<br />
<br />
<hr />
</div>
<div class="col-4">
Unterschrift:
<br />
<br />
<hr />
</div>
</div>
<div>
<h3 class="mt-3">Zulassung durch die Genossenschaft:</h3>
<div class="row">
<div class="col">
Ort, Datum / Stempel:
<br />
<br />
<hr />
</div>
<div class="col">
Unterschrift des Vorstands:
<br />
<br />
<hr />
</div>
</div>
<br />
</div>
<div class="mt-1">
Impressums und Post Anschrift: WTF Kooperative eG, Forsmannstr. 14 b, 22303 Hamburg
</div>
</section>
<section class="no-print mt-4">
<button class="btn btn-wtf" type="submit">
Jetzt Drucken
</button>
<p class="mt-4">
Wenn möglich, dann verändere bitte keine Daten mehr auf dem ausgedruckten Dokument. Außer Unterschrift, Datum und Ort ;)
</p>
</section>
</form>
</main>
<faq></faq>
<footer class="container no-print">
<a href="#" class="m-4">Impressum</a>
<a href="#" class="m-4">Datenschutz</a>
</footer>
</template>
<script>
/* eslint-disable */
import QrcodeVue from 'qrcode.vue'
import Faq from '@/components/faq'
export default {
name: 'App',
components: {
QrcodeVue,
Faq
},
data() {
return {
version: '2021-04-25',
confirm_membership: false,
membership_type_options: [
'Neues Mitglied',
'Bestehendes Mitglied',
'Übernehmendes Mitglied',
],
membership_type: 'Neues Mitglied', // See membership_type_option
shares: 0, // Integer
shares_total: 0, // Integer
nickname: '',
pronouns: '',
membership_number: '',
personhood_status: 'Natürliche Person',
personhood_status_options: ['Natürliche Person', 'Juristische Person'],
first_name: '',
last_name: '',
date_of_birth: '',
place_of_birth: '',
company_name: '',
company_place: '',
registration_data: '',
address_1_name: '',
address_2_addtional: '',
address_4_street: '',
house_number: '',
city: '',
city_code: '',
country: 'Deutschland', // String; default: Deutschland,
phone_number: '',
email: '',
pgp: '',
chaos_connection: '',
public_nick: '',
status_public_projects: '',
status_1: false,
status_2: false,
status_3: false,
status_4: false,
status_5: false,
status_6: false,
status_7: false,
};
},
computed: {
contentQrCode: {
get() {
let membership = {
membership_type: this.membership_type,
shares: this.shares,
shares_total: this.shares_total,
nickname: this.nickname,
pronouns: this.pronouns,
personhood_status: this.personhood_status,
first_name: this.first_name,
last_name: this.last_name,
date_of_birth: this.date_of_birth,
place_of_birth: this.place_of_birth,
address_1_name: this.address_1_name,
address_2_addtional: this.address_2_addtional,
address_4_street: this.address_4_street,
house_number: this.house_number,
city: this.city,
city_code: this.city_code,
country: this.country,
phone_number: this.phone_number,
php: this.pgp,
chaos_connection: this.chaos_connection,
public_nick: this.public_nick,
};
if(this.status_1) membership.nicht_erwerbstaetig = true
if(this.status_2) membership.arbeitnehmer = true
if(this.status_3) membership.selbststaendig = true
if(this.status_4) membership.freiberufler = true
if(this.status_5) membership.kleinunternehmer = true
if(this.status_6) membership.gesellschafter = true
if(this.status_7) membership.sonstiges = true
if (this.personhood_status === this.personhood_status_options[1]) {
// Wenn Juristische Person
membership = {
...membership,
company_name: this.company_name,
company_place: this.company_place,
registration_data: this.registration_data,
};
}
return JSON.stringify(membership);
},
},
},
methods: {
onSubmit() {
window.print();
},
},
};
</script>
<style >
h1{
font-size: 2rem !important;
}
.secondary-item{
padding-left: 3rem !important;
}
.btn-wtf{
background-color: #ef7c21 !important;
}
.form-label{
font-weight: bold;
}
@media print {
.no-print,
.no-print * {
display: none !important;
}
.job_chaos {
display: flex;
flex-wrap: wrap;
}
.chaos_connection,
.job_situation {
flex: 1 0 0%;
padding: 15px;
}
}
</style>

35
src/components/faq.vue Normal file
View File

@ -0,0 +1,35 @@
<template>
<aside class="container no-print mt-4" id="faq">
<h3 class="mt-2">FAQ</h3>
<div>
<h4>Warum muss ich den Antrag noch Per Post Abschicken?</h4>
<p>Germany baby!</p>
</div>
<div>
<h4>Was macht der QR Code?</h4>
<p>Dieser speichert in einer Semantischen Art und Weise deine Daten. Das ermöglicht es dem Office deinen Antral schneller zu bearbeiten!</p>
</div>
<div>
<h4>Was ist ein Anteil?</h4>
<p></p>
</div>
<div>
<h4>Wie viele Anteile sollte ich zeichnen?</h4>
<p></p>
</div>
<div>
<h4>Warum muss ich die Personen Daten von meinem Personalausweis angeben?</h4>
<p></p>
</div>
<div>
<h4>Wieso kann ich meine Pronomenen angeben?</h4>
<p></p>
</div>
</aside>
</template>
<script>
export default {
name: 'Faq'
}
</script>

7
src/main.js Normal file
View File

@ -0,0 +1,7 @@
import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import 'bootstrap/dist/css/bootstrap.min.css'
createApp(App).mount('#app')

View File

@ -0,0 +1,32 @@
/* eslint-disable no-console */
import { register } from 'register-service-worker'
if (process.env.NODE_ENV === 'production') {
register(`${process.env.BASE_URL}service-worker.js`, {
ready () {
console.log(
'App is being served from cache by a service worker.\n' +
'For more details, visit https://goo.gl/AFskqB'
)
},
registered () {
console.log('Service worker has been registered.')
},
cached () {
console.log('Content has been cached for offline use.')
},
updatefound () {
console.log('New content is downloading.')
},
updated () {
console.log('New content is available; please refresh.')
},
offline () {
console.log('No internet connection found. App is running in offline mode.')
},
error (error) {
console.error('Error during service worker registration:', error)
}
})
}