Merge branch 'release/0.1.0'

close #20

CHANGELOG.md

@@ -0,0 +1,5 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+#### 0.0.1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odit/lfk-selfservice",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

src/components/Profile.vue

@@ -11,7 +11,7 @@
           ></p>
           <p class="text-md whitespace-nowrap">{{ state.group }}</p>
         </div>
-        <div class="inline-flex md:ml-auto md:mr-0 mx-auto items-center space-x-4">
+        <div class="inline-flex md:ml-auto md:mr-0 mx-auto items-center">
           <button
             type="button"
             class="focus:border-black focus:ring-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md bg-blue-500 hover:bg-blue-600 hover:shadow-lg"
@@ -35,10 +35,6 @@
             </svg>
             {{ $t('download_certificate') }}
           </button>
-          <button
-            type="button"
-            class="inline-flex focus:border-black focus:ring-2 focus:ring-black text-white text-sm py-2.5 px-5 rounded-md bg-green-600 hover:bg-green-800 hover:shadow-lg opacity-50"
-          >{{ $t('save_changes') }}</button>
         </div>
       </div>
     </section>
@@ -79,35 +75,35 @@
                     <div class="form-element">
                       <div class="text-lg">{{ $t('vorname') }}</div>
                       <p
-                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        class="h-10 w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         v-text="state.firstname"
                       />
                     </div>
                     <div class="form-element">
                       <div class="text-lg">{{ $t('mittelname') }}</div>
                       <p
-                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        class="h-10 w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         v-text="state.middlename"
                       />
                     </div>
                     <div class="form-element">
                       <div class="text-lg">{{ $t('nachname') }}</div>
                       <p
-                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        class="h-10 w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         v-text="state.lastname"
                       />
                     </div>
                     <div class="form-element">
                       <div class="text-lg">{{ $t('e_mail_adress') }}</div>
                       <p
-                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        class="h-10 w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         v-text="state.email"
                       />
                     </div>
                     <div class="form-element">
                       <div class="text-lg">{{ $t('phone_number') }}</div>
                       <p
-                        class="w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
+                        class="h-10 w-full dark:bg-gray-800 rounded text-base outline-none dark:text-gray-100 text-gray-600 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                         v-text="state.phone"
                       />
                     </div>

src/components/Register.vue

@@ -194,6 +194,23 @@
             </label>
           </div>
         </div>
+        <div class="flex items-start mt-6">
+          <div class="flex items-center h-5">
+            <input
+              v-model="data_confirmed"
+              id="data_confirmed"
+              name="data_confirmed"
+              type="checkbox"
+              class="h-4 w-4 text-indigo-600 border-gray-300 rounded"
+            />
+          </div>
+          <div class="ml-3 text-sm">
+            <label for="data_confirmed" class="font-medium text-gray-400 select-none">
+              {{ $t('confirm_personal_data') }}
+              <span class="font-bold">*</span>
+            </label>
+          </div>
+        </div>
         <div class="mt-6">
           <button
             @click="login"
@@ -248,10 +265,11 @@ if (props.token) {
 let userdetails = ref({ firstname: "", lastname: "", middlename: "", mail: "", phone: "", address: { street: "", address2: "", city: "", zipcode: "" } });
 let provide_address = ref(false);
 let agb_accepted = ref(false);
+let data_confirmed = ref(false);
 // 
 const state = reactive({
   org_name: "",
-  submit_enabled: computed(() => agb_accepted.value === true && (isMobilePhone(userdetails.value.phone) || !userdetails.value.phone.trim()) && isEmail(userdetails.value.mail)
+  submit_enabled: computed(() => agb_accepted.value === true && data_confirmed.value === true && (isMobilePhone(userdetails.value.phone) || !userdetails.value.phone.trim()) && isEmail(userdetails.value.mail)
     && userdetails.value.firstname
     && userdetails.value.lastname && (provide_address.value === false || provide_address.value === true && (userdetails.value.address.street.trim() && userdetails.value.address.city.trim() && isPostalCode(userdetails.value.address.zipcode, "DE"))))
 })

src/locales/de.json

@@ -2,6 +2,7 @@
     "already_have_an_account": "Sie haben bereits einen Account?",
     "apartment_suite_etc": "Addresszeile 2",
     "configuration_error": "Konfigurationsfehler",
+    "confirm_personal_data": "Hiermit bestätige ich die Vollständigkeit und Richtigkeit der oben genannten Angaben",
     "distance": "Distanz",
     "download_certificate": "Urkunde herunterladen",
     "e_mail_adress": "E-Mail Adresse",

src/locales/en.json

@@ -2,6 +2,7 @@
     "already_have_an_account": "Already have an account?",
     "apartment_suite_etc": "Apartment, suite, etc.",
     "configuration_error": "Configuration error",
+    "confirm_personal_data": "I hereby confirm that the above information is complete and correct",
     "distance": "Distance",
     "download_certificate": "Download certificate",
     "e_mail_adress": "mail address",