feat(webapp): show min and max wage and fix permission issues

server/pb_schema.json

@@ -398,7 +398,7 @@
     "indexes": [],
     "listRule": "@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id",
     "viewRule": "@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id",
-    "createRule": "@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id",
+    "createRule": "(@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id) || (@request.auth.id != \"\" && @collection.companies.id ?= @request.auth.id && amount > 0)",
     "updateRule": null,
     "deleteRule": null,
     "options": {}
@@ -450,7 +450,7 @@
     "indexes": [],
     "listRule": "",
     "viewRule": "",
-    "createRule": "@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id",
+    "createRule": "(@request.auth.id != \"\" && @collection.bankers.id ?= @request.auth.id) || (@request.auth.id != \"\" && @collection.companies.id ?= @request.auth.id)",
     "updateRule": null,
     "deleteRule": null,
     "options": {}

webapp/package.json

@@ -2,7 +2,7 @@
   "name": "hgoe-sas",
   "private": true,
   "author": "Simon Giesel",
-  "version": "1.2.1",
+  "version": "1.3.1",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",

webapp/src/components/atoms/AtomCurrencyInput.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="relative">
     <input
-      ref="input"
+      v-model="modelValue"
-      :value="value"
       type="number"
       class="input w-full border-primary text-right"
       :class="{
         'pr-[5.5rem]': !perHour,
         'pr-[7rem]': perHour,
+        '!border-error': error,
       }"
       step="1"
       :min="min"
       :max="max"
-      @keyup="onKeyDown"
+      @keyup="onKeyUp"
     />
     <span
       class="pointer-events-none absolute top-2/4 text-[1rem] opacity-50"
@@ -30,6 +30,7 @@
 import { ref } from 'vue';
 
 const input = ref<InstanceType<typeof HTMLInputElement>>();
+const error = ref(false);
 
 const props = withDefaults(defineProps<{
   suffixMargin?: boolean,
@@ -45,14 +46,20 @@ const props = withDefaults(defineProps<{
   value: undefined,
 });
 
-function onKeyDown(event: KeyboardEvent) {
+/* global defineModel */
+const modelValue = defineModel();
+
+function onKeyUp(event: KeyboardEvent) {
+  error.value = false;
+  // eslint-disable-next-line vue/no-mutating-props
   const value = parseInt((event.target as HTMLInputElement).value);
-  if(value < props.min) {
+
-    emit('change', props.min);
+  if(isNaN(value)) {
-    (event.target as HTMLInputElement).value = props.min.toString();
+    error.value = true;
+  } else if(value < props.min) {
+    error.value = true;
   } else if(value > props.max) {
-    emit('change', props.max);
+    error.value = true;
-    (event.target as HTMLInputElement).value = props.max.toString();
   } else {
     emit('change', value);
   }

webapp/src/components/molecules/MoleculeDataTable.vue

@@ -87,7 +87,7 @@
               class="flex items-center gap-2"
             >
               <AtomCurrencyInput
-                :value="entry[header.key] / 100"
+                v-model="entry.wage"
                 suffix-margin
                 per-hour
                 class="min-w-[11rem]"

webapp/src/components/views/ViewEmployer.vue

@@ -71,6 +71,21 @@
           <div class="stat-desc">in Spätschicht</div>
         </div>
       </div>
+      <div
+        v-if="settings"
+        class="stats shadow"
+      >
+        <div class="stat place-items-center">
+          <div class="stat-title">Aktueller Mindestlohn</div>
+          <div class="stat-value">{{ CurrencyService.toString(settings.minWage, false) }} / h</div>
+          <div class="stat-desc">Batzen</div>
+        </div>
+        <div class="stat place-items-center">
+          <div class="stat-title">Aktueller Maximallohn</div>
+          <div class="stat-value">{{ CurrencyService.toString(settings.maxWage, false) }} / h</div>
+          <div class="stat-desc">Batzen</div>
+        </div>
+      </div>
       <div
         v-if="company"
         class="flex items-center justify-center gap-4"
@@ -263,10 +278,14 @@ async function init() {
   company.value = await CompanyService.getCompany();
   accounts.value = await AccountService.getAccountsByCompanyId(company.value.id);
   transactions.value = await BankService.getCompanyTransactions(company.value.id);
+  accounts.value.forEach((account) => {
+    account.wage = account.wage / 100;
+  });
   accountsSubscription.value = await AccountService.subscribeToAccountChanges(async (data: RecordSubscription<AccountsResponse>) => {
     if(data.action === 'update') {
       accounts.value = accounts.value.map((account) => {
         if(account.id === data.record.id) {
+          data.record.wage = data.record.wage / 100;
           return data.record;
         }
         return account;
@@ -281,7 +300,7 @@ function getBalance(): number {
 
 function getTotalCostsByShifts(shift: Shifts): number {
   return accounts.value?.filter(
-    (account) => account.shift === shift).reduce((acc, account) => acc + account.wage, 0,
+    (account) => account.shift === shift).reduce((acc, account) => acc + account.wage * 100, 0,
   ) ?? 0;
 }