fix(frontend): (MaterialTable) catch various input mistakes already o…

…n frontend side
ecamp · May 16, 2023 · b0f84e8 · b0f84e8
1 parent 4bf1098
commit b0f84e8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/frontend/src/components/material/DialogMaterialItemCreate.vue b/frontend/src/components/material/DialogMaterialItemCreate.vue
@@ -45,7 +45,7 @@ export default {
     showDialog: function (showDialog) {
       if (showDialog) {
         const entityData = {
-          quantity: '',
+          quantity: null,
           unit: '',
           article: '',
           materialList: null,

diff --git a/frontend/src/components/material/DialogMaterialItemForm.vue b/frontend/src/components/material/DialogMaterialItemForm.vue
@@ -9,11 +9,13 @@
     <e-text-field
       v-model="localMaterialItem.unit"
       :name="$tc('entity.materialItem.fields.unit')"
+      maxlength="32"
     />
     <e-text-field
       v-model="localMaterialItem.article"
       :name="$tc('entity.materialItem.fields.article')"
       vee-rules="required"
+      maxlength="64"
     />
     <e-select
       v-model="localMaterialItem.materialList"

diff --git a/frontend/src/components/material/MaterialCreateItem.vue b/frontend/src/components/material/MaterialCreateItem.vue
@@ -11,7 +11,6 @@
         ref="quantity"
         v-model="materialItem.quantity"
         dense
-        vee-rules="numeric"
         type="number"
         :name="$tc('entity.materialItem.fields.quantity')"
         fieldname="quantity"
@@ -23,6 +22,7 @@
         dense
         :name="$tc('entity.materialItem.fields.unit')"
         fieldname="unit"
+        maxlength="32"
       />
     </td>
     <td>
@@ -32,6 +32,7 @@
         vee-rules="required"
         :name="$tc('entity.materialItem.fields.article')"
         fieldname="article"
+        maxlength="64"
       />
     </td>
     <td :colspan="columns - 4">

diff --git a/frontend/src/components/material/MaterialTable.vue b/frontend/src/components/material/MaterialTable.vue
@@ -54,6 +54,7 @@
         dense
         :uri="item.uri"
         fieldname="unit"
+        maxlength="32"
       />
       <span v-if="item.readonly">{{ item.unit }}</span>
     </template>
@@ -65,6 +66,7 @@
         dense
         :uri="item.uri"
         fieldname="article"
+        maxlength="64"
       />
       <span v-if="item.readonly">{{ item.article }}</span>
     </template>