init
This commit is contained in:
scammo
parent
b8f48d5eb3
commit
ce2bbaa842
3
.browserslistrc
Normal file
3
.browserslistrc
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
> 1%
|
||||||
|
last 2 versions
|
||||||
|
not dead
|
||||||
5
.editorconfig
Normal file
5
.editorconfig
Normal 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
17
.eslintrc.js
Normal 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'
|
||||||
|
}
|
||||||
|
}
|
||||||
23
README.md
23
README.md
@ -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
5
babel.config.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
'@vue/cli-plugin-babel/preset'
|
||||||
|
]
|
||||||
|
}
|
||||||
29127
package-lock.json
generated
Normal file
29127
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
32
package.json
Normal file
32
package.json
Normal 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
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
BIN
public/favicon-96x96.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
public/favicon.ico
Normal file
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
96
public/img/wtf_logo.svg
Normal 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
19
public/index.html
Normal 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
2
public/robots.txt
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow:
|
||||||
751
src/App.vue
Normal file
751
src/App.vue
Normal 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
35
src/components/faq.vue
Normal 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
7
src/main.js
Normal 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')
|
||||||
32
src/registerServiceWorker.js
Normal file
32
src/registerServiceWorker.js
Normal 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)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user