Fix Drone config

Reviewed-on: #22

.drone.yml

@@ -12,12 +12,12 @@ trigger:
 
 steps:
   - name: lint
-    image: node:18
+    image: node:20.12.2
     commands:
       - npm install
       - npm run lint
   - name: build
-    image: node:18
+    image: node:20.12.2
     environment:
       NODE_OPTIONS: '--openssl-legacy-provider'
     commands:
@@ -39,7 +39,7 @@ depends_on:
 
 steps:
   - name: build
-    image: node:18
+    image: node:20.12.2
     environment:
       NODE_OPTIONS: '--openssl-legacy-provider'
     commands:
@@ -57,6 +57,6 @@ steps:
       recursive: true
 ---
 kind: signature
-hmac: 0f87c59a97ed13bfd04074b63d1e5567b2ff228141951e7edb14ba31a123284e
+hmac: 6165a4064c19ccc6d2871c8d18859d5014a3f3c9892d70d27acbc78cfa253e54
 
 ...

package.json

@@ -8,11 +8,11 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "bootstrap": "^5.2.3",
-    "core-js": "^3.26.1",
-    "qrcode.vue": "^3.3.3",
+    "bootstrap": "^5.3.3",
+    "core-js": "^3.36.1",
+    "qrcode.vue": "^3.4.1",
     "register-service-worker": "^1.7.2",
-    "vue": "^3.0.0"
+    "vue": "^3.4.23"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -23,7 +23,7 @@
     "@vue/eslint-config-standard": "^5.1.2",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.8.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-standard": "^4.1.0",

src/App.vue

@@ -2,12 +2,12 @@
   <header class="container">
     <div class="row">
       <div class="col-6">
-        <img src="/img/wtf_logo.svg" style="height: 7rem" />
+        <img src="/img/wtf_logo.svg" style="height: 7rem"  alt="Logo der WTF Kooperative eG"/>
         <h1>Beitritts-/ Beteiligungserklärung zur WTF Kooperative eG</h1>
         WTF Kooperative eG, Hinterhaus 3. OG, Forsmannstr. 14 b, 22303 Hamburg<br/>
         <span class="fw-bold">Registergericht:</span> Hamburg GnR 1113<br/>
-        <span class="fw-bold">Vorstand:</span> Markus Klein, Frank Landgraf<br/>
-        <span class="fw-bold">Aufsichtsratsvorsitz:</span> Alexander Heidenreich
+        <span class="fw-bold">Vorstand:</span> Andreas Bogk, Frank Landgraf<br/>
+        <span class="fw-bold">Aufsichtsratsvorsitz:</span> Simon Liebing
         <p>
           <a href="https://dejure.org/gesetze/GenG">(§§ 15, 15a und 15b GenG)</a
           >
@@ -53,16 +53,17 @@
             id="confirm_membership"
             required
           />
-          <label class="form-check-label beantraungs-text" for="flexCheckDefault">
+          <label class="form-check-label beantraungs-text" for="confirm_membership">
             Ich beantrage hiermit die Aufnahme in die WTF Kooperative eG,
             bestätige die mir zur Verfügung gestellte <a href="https://wtf-eg.de/dokumente/wtf-satzung.pdf">Satzung</a>
             und <a href="https://wtf-eg.de/dokumente/wtf-ago.pdf">Allgemeine Geschäftsordnung (AGO)</a>
             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
+            von 100 €, sowie einem jährlichen Beitrag in Höhe von 100 € (für 2024 ausnahmsweise 200 €), selbst
             per Überweisung mit dem Verwendungszweck Mitgliedsnummer (wenn
-            vorhanden) bzw. Name, Vorname und Geburtsdatum an folgende
+            vorhanden) bzw. <code>Name - Vorname - Geburtsdatum</code> an folgende
             Bankverbindung:
+          </label>
           <table class="table table-striped mt-2">
             <tr class="no-print">
               <td>Kontoinhaberin:</td>
@@ -81,6 +82,14 @@
               <td> GENO DE M1 NRD</td>
             </tr>
           </table>
+          <input
+            class="form-check-input"
+            type="checkbox"
+            v-model="direct_debit"
+            id="direct_debit"
+          />
+          <label for="direct_debit" class="form-check-label beantraungs-text">
+            Bei erfolgreicher Aufnahme möchte ich künftig meinen Jahresbeitrag per Lastschrift begleichen.
           </label>
         </div>
         <div class="row">
@@ -143,7 +152,7 @@
           </div>
           <div
             class="col-6 col-xs-12"
-            v-if="membership_type != membership_type_options[0]"
+            v-if="membership_type !== membership_type_options[0]"
           >
             <div class="mb-3">
               Gesamtanzahl Anteile:
@@ -194,7 +203,7 @@
           </div>
           <div
             class="col-4 col-xs-12"
-            v-if="membership_type != membership_type_options[0]"
+            v-if="membership_type !== membership_type_options[0]"
           >
             <label for="membership_number" class="form-label"
               >Deine Mitgliedsnummer: (sofern vorhanden)</label
@@ -435,8 +444,8 @@
           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).
+          <a href="mailto:member@wtf-eg.de">member@wtf-eg.de</a>. (als Betreff
+          <code>{{ pubkeyEmailSubject }}</code> angegeben).
         </p>
         <p class="no-print">
           Wenn Du noch kein PGP-Key-Paar hast, musst Du Dir eines anlegen. Im
@@ -450,7 +459,7 @@
           <a href="https://mailbox.org/de/">mailbox.org</a>. Es ist gar nicht so
           schwer! :)
         </p>
-        <wrapper class="job_chaos">
+        <div class="job_chaos">
           <article class="job_situation">
             <h3>Berufliche Situation & Finanzen</h3>
             <label>Ich bin zur Zeit:</label>
@@ -586,7 +595,7 @@
               </label>
             </div>
           </article>
-        </wrapper>
+        </div>
         <hr class="no-print" />
         <p>
           Mit meiner Unterschrift bestätige ich, dass über mein Vermögen keine
@@ -672,8 +681,9 @@ export default {
   },
   data() {
     return {
-      version: "2022-11-22",
+      version: "2024-04-05",
       confirm_membership: false,
+      direct_debit: false,
       membership_type_options: [
         "Neues Mitglied",
         "Bestehendes Mitglied",
@@ -743,6 +753,7 @@ export default {
           pgp: this.pgp,
           chaos_connection: this.chaos_connection.substring(0,200),
           public_nick: this.public_nick.substring(0,100),
+          direct_debit: this.direct_debit,
         };
 
         if (this.status_1) membership.nicht_erwerbstaetig = true;
@@ -772,6 +783,9 @@ export default {
         return JSON.stringify(membership);
       },
     },
+    pubkeyEmailSubject() {
+      return `Aufnahmeantrag ${this.nickname ? this.nickname : '[dein Nickname]'}`
+    },
   },
   methods: {
     onSubmit() {
@@ -784,11 +798,10 @@ export default {
 
 @font-face {
   font-family: "Lato";
-src: url("/fonts/Lato-Regular.eot");
-src: url("/fonts/Lato-Regular.woff") format("woff"),
+  src: local('Lato'), url("/fonts/Lato-Regular.woff") format("woff"), url("/fonts/Lato-Regular.woff2") format("woff2");
 }
 body{
-  font-family: 'Lato' !important;
+  font-family: 'Lato', 'sans-serif' !important;
 }
 h1 {
   font-size: 2rem !important;
@@ -808,8 +821,8 @@ h1 {
 @media print {
   .container{
     max-width: 100% !important;
-    margin-left: none !important;
-    margin-right: none !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
   }
   .main-qr-code{
     height: 350px !important;
@@ -825,7 +838,7 @@ h1 {
     font-size: 1.1rem !important;
   }
   .mt-3{
-    margin-top: none !important;
+    margin-top: 0 !important;
   }
   input{
     font-size: 0.5rem;
@@ -846,7 +859,7 @@ h1 {
   }
   .chaos_connection,
   .job_situation {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     padding: 15px;
   }