add legacy voucher management

.eslintrc.js

@@ -3,7 +3,10 @@ module.exports = {
   env: {
     node: true,
   },
-  extends: ["eslint:recommended", "plugin:vue/recommended", "@vue/prettier"],
+  extends: [
+    "plugin:vue/recommended",
+    "eslint:recommended",
+  ],
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",

src/components/NavBar.vue

@@ -44,6 +44,20 @@
             }}</v-list-item-title>
           </v-list-item-content>
         </v-list-item>
+        <v-list-item
+          v-if="!$auth.loading && $auth.isAuthenticated && isAdminOrModerator"
+          link
+          :to="'/' + $i18n.locale + '/legacy-vouchers'"
+        >
+          <v-list-item-action>
+            <v-icon>mdi-file-certificate</v-icon>
+          </v-list-item-action>
+          <v-list-item-content>
+            <v-list-item-title>{{
+              $t("voucher.legacy-vouchers")
+            }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
         <v-list-item
           v-if="!$auth.loading && $auth.isAuthenticated && isAdminOrModerator"
           link

src/locales/de.json

@@ -146,6 +146,7 @@
   "ok": "OK",
   "operating": "Sprungbetrieb",
   "overview": "Übersicht",
+  "phone": "Telefon",
   "picAndVid": {
     "available": "Foto u. Video verfügbar",
     "booked": "Foto u. Video gebucht",
@@ -243,6 +244,7 @@
   "statistics": {
     "header": "Tagesstatistik"
   },
+  "street": "Straße",
   "streetAdress": "Straße und Hausnummer",
   "tandem": {
     "available": "Tandem verfügbar",
@@ -321,7 +323,26 @@
     "videoflyer": "Videoflyer"
   },
   "voucher": {
+    "back-payment": "Gutschein ist seit {years} Jahr(en) abgelaufen. Zuzahlung: {backPayment}€",
+    "buyDate": "Kaufdatum",
+    "details": "Gutscheindetails",
+    "id": "Gutschein-ID",
     "info": "Bitte setze einen Haken, wenn der Springer einen Gutschein hat.",
+    "legacy-vouchers": "Altgutscheine",
+    "number": "Gutscheinnummer",
+    "paid": "Bezahlt",
+    "paymentProvider": "Bezahldienstleister",
+    "productDescription": "Produktbeschreibung",
+    "redeem": "Gutschein einlösen",
+    "redeem-error": "Fehler beim Einlösen des Gutscheins",
+    "redeem-successful": "Gutschein erfolgreich eingelöst",
+    "redeemDate": "Einlösedatum",
+    "redeemed": "Eingelöst",
+    "salutation": "Begrüßung",
+    "tax": "Steuer",
+    "transactionId": "Transaktions-ID",
+    "validUntil": "Gültig bis",
+    "value": "Wert",
     "voucher": "Gutschein"
   },
   "weightMax90": "Gewicht maximal 90 kg",

src/locales/en.json

@@ -146,6 +146,7 @@
   "ok": "OK",
   "operating": "Operating",
   "overview": "Overview",
+  "phone": "Phone",
   "picAndVid": {
     "available": "Pic and Vid available",
     "booked": "Pic and Vid booked",
@@ -243,6 +244,7 @@
   "statistics": {
     "header": "Daily Statistics"
   },
+  "street": "Street",
   "streetAdress": "Street address",
   "tandem": {
     "available": "Tandem available",
@@ -321,7 +323,26 @@
     "videoflyer": "Videoflyer"
   },
   "voucher": {
+    "back-payment": "Voucher expired since {years} year(s). Back payment: {backPayment}€",
+    "buyDate": "Buy date",
+    "details": "Voucher details",
+    "id": "Voucher ID",
     "info": "Please check, if the jumper has a voucher",
+    "legacy-vouchers": "Legacy Vouchers",
+    "number": "Voucher number",
+    "paid": "Paid",
+    "paymentProvider": "Payment provider",
+    "productDescription": "Product description",
+    "redeem": "Redeem voucher",
+    "redeem-error": "Error redeeming voucher",
+    "redeem-successful": "Voucher redeemed sucessfully",
+    "redeemDate": "Redeem date",
+    "redeemed": "Redeemed",
+    "salutation": "Salutation",
+    "tax": "Tax",
+    "transactionId": "Transaction ID",
+    "validUntil": "Valid until",
+    "value": "Value",
     "voucher": "Voucher"
   },
   "weightMax90": "Weight max 90 kg",

src/router.js

@@ -104,6 +104,12 @@ let router = new Router({
           component: () => import("./views/UserSettings.vue"),
           beforeEnter: authGuard,
         },
+        {
+          path: "legacy-vouchers",
+          name: "legacy-vouchers",
+          component: () => import("./views/LegacyVouchers.vue"),
+          beforeEnter: authGuard,
+        },
       ],
     },
     {

src/shared/legacy-voucher-service.js

@@ -0,0 +1,39 @@
+import * as axios from "axios";
+import { responseHandler } from "./response-handler";
+
+const apiPath = process.env.VUE_APP_API;
+
+const searchVoucher = async function (id, token) {
+  try {
+    const response = await axios.get(apiPath + "/legacy-voucher/" + id, {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    return responseHandler.handleResponse(response, 200);
+  } catch (error) {
+    return responseHandler.handleError(error);
+  }
+};
+
+const redeemVoucher = async function (id, token) {
+  try {
+    const response = await axios.patch(
+      apiPath + "/legacy-voucher/" + id + "/redeem",
+      {},
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+    return responseHandler.handleResponse(response, 200);
+  } catch (error) {
+    return responseHandler.handleError(error);
+  }
+};
+
+export const legacyVoucherService = {
+  searchVoucher,
+  redeemVoucher,
+};

src/store/index.js

@@ -14,6 +14,7 @@ import tandemmaster from "./modules/tandemmaster";
 import videoflyer from "./modules/videoflyer";
 
 import { appointmentService } from "../shared/appointment-service";
+import { legacyVoucherService } from "../shared/legacy-voucher-service";
 import { userService } from "../shared/user-service";
 
 Vue.use(Vuex);
@@ -171,6 +172,12 @@ const actions = {
   async getRolesAction({ commit }, token) {
     return await userService.getRoles(token);
   },
+  async getLegacyVoucherAction({ commit }, payload) {
+    return await legacyVoucherService.searchVoucher(payload.id, payload.token);
+  },
+  async redeemLegacyVoucherAction({ commit }, payload) {
+    return await legacyVoucherService.redeemVoucher(payload.id, payload.token);
+  },
 };
 /* eslint-enable no-unused-vars */