init
This commit is contained in:
scammo
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)
|
||||
}
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user