🚀Bumped version to v0.7.8

CHANGELOG.md

@@ -2,8 +2,16 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [0.7.8](https://git.odit.services/lfk/selfservice/compare/0.7.7...0.7.8)
+
+- add barcode to profile [`851190e`](https://git.odit.services/lfk/selfservice/commit/851190e6a7f8b9cccbf05e60f9b50b96c196959c)
+- certificate generation: success toast styling [`1603a09`](https://git.odit.services/lfk/selfservice/commit/1603a097f71ed85c901baf8da04cb06b86474649)
+
 #### [0.7.7](https://git.odit.services/lfk/selfservice/compare/0.7.6...0.7.7)
 
+> 31 January 2023
+
+- 🚀Bumped version to v0.7.7 [`c2b6152`](https://git.odit.services/lfk/selfservice/commit/c2b615294e605db37695b13cec1158f535986911)
 - fix: registration w/o phone [`c647628`](https://git.odit.services/lfk/selfservice/commit/c64762831f1e6dffc9cbc3f531e23435b455a5a9)
 
 #### [0.7.6](https://git.odit.services/lfk/selfservice/compare/0.7.5...0.7.6)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@odit/lfk-selfservice",
-	"version": "0.7.7",
+	"version": "0.7.8",
 	"scripts": {
 		"dev": "vite",
 		"build": "vite build",
@@ -8,6 +8,7 @@
 		"postbuild": "node env_fix.js"
 	},
 	"dependencies": {
+		"jsbarcode": "^3.11.5",
 		"marked": "2.0.3",
 		"redaxios": "0.4.1",
 		"toastify-js": "1.10.0",

src/locales/de.json

@@ -43,6 +43,7 @@
     "register_now": "Jetzt registrieren!",
     "register_now_small": "Jetzt registrieren",
     "registrieren": "Registrieren",
+    "registrierungscode": "Registrierungscode",
     "resend_the_registration_mail": "Registrierungsmail erneut versenden",
     "save_changes": "Änderungen speichern",
     "sponsoring": "Sponsoring",

src/views/Profile.vue

@@ -153,6 +153,8 @@
                 <form class="form flex flex-wrap w-full">
                   <div class="w-full">
                     <div class="form-element">
+                      <div class="text-lg">{{ $t('registrierungscode') }}</div>
+                      <img alt="Registrierungscode" :src="state.barcode">
                       <div class="text-lg">{{ $t('vorname') }}</div>
                       <p
                         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"
@@ -327,10 +329,18 @@
 
 <script setup>
 import { reactive } from "vue";
-import { useToast } from "vue-toastification";
+import { TYPE, useToast } from "vue-toastification";
 import axios from "redaxios";
+import JsBarcode from "jsbarcode";
+
+function textToBase64Barcode(text){
+  var canvas = document.createElement("canvas");
+  JsBarcode(canvas, text, {format: "CODE128", displayValue:false});
+  return canvas.toDataURL("image/png");
+}
 
 const state = reactive({
+  barcode: "",
   phone: "",
   email: "",
   firstname: "",
@@ -358,6 +368,7 @@ axios.get(`${config.baseurl}api/runners/me/${accesstoken}`)
     state.group = data.group;
     state.sponsorings = data.distanceDonations;
     state.fullobject = data;
+    state.barcode = textToBase64Barcode(state.fullobject.id);
   }).catch((error) => {
     toast.error("Profil konnte nicht geladen werden...");
   })
@@ -411,7 +422,7 @@ function get_certificate() {
 
         fileLink.click();
         fileLink.remove();
-        toast("Urkunde generiert!");
+        toast("Urkunde generiert!",{type:TYPE.SUCCESS});
       }
     })
     .catch((err) => {