Added topm id and row number and ui changes.

frontend/app/components/article/article.vue

@@ -116,6 +116,14 @@
       <v-card-text>
         <v-row no-gutters>
           <v-col cols="2" style="padding: 5px;">
+            <v-row no-gutters>
+              <v-text-field
+                  v-model.trim="store.articleEdit.topm_id"
+                  :readonly="!edit"
+                  label="TopM ID"
+                  :clearable="edit"
+              />
+            </v-row>
             <v-row no-gutters>
               <v-checkbox
                   v-model="store.articleEdit.bio"
@@ -150,6 +158,7 @@
                   persistent-placeholder
                   persistent-hint
                   :readonly="!edit"
+                  :clearable="edit"
               />
             </v-row>
 
@@ -161,6 +170,7 @@
                   persistent-placeholder
                   persistent-hint
                   :readonly="!edit"
+                  :clearable="edit"
               />
             </v-row>
           </v-col>
@@ -174,6 +184,7 @@
                   persistent-placeholder
                   persistent-hint
                   :readonly="!edit"
+                  :clearable="edit"
               />
             </v-row>
             <v-row no-gutters>
@@ -205,6 +216,7 @@
                   persistent-placeholder
                   persistent-hint
                   :readonly="!edit"
+                  :clearable="edit"
               />
             </v-row>
             <v-row no-gutters>

frontend/app/components/article/articleCreate.vue

@@ -20,6 +20,7 @@
   let bio_origin: Ref<string | null> = ref<string | null>(null);
   let allergens_text: Ref<string | null> = ref<string | null>(null);
   let bio_info: Ref<string | null> = ref<string | null>(null);
+  let topm_id: Ref<string | null> = ref<string | null>(null);
 
   async function create() {
     if (name.value != null && name.value.trim().length > 0 &&
@@ -30,7 +31,7 @@
 
       const article: Article = new Article(0, name.value, bio.value, origin.value, description.value,
           ingredients.value, default_unit.value, [],
-          mhd.value, bio_origin.value, allergens_text.value, bio_info.value);
+          mhd.value, bio_origin.value, allergens_text.value, bio_info.value, topm_id.value);
 
       await store.createArticle(article);
 
@@ -53,6 +54,7 @@
     bio_origin.value = null;
     allergens_text.value = null;
     bio_info.value = null;
+    topm_id.value = null;
 
     loading.value = false;
   }
@@ -63,7 +65,7 @@
       v-model="dialog"
       :scrollable="true"
       width="800"
-      max-height="750"
+      max-height="850"
   >
     <template v-slot:activator="{ props }">
       <v-btn
@@ -122,16 +124,25 @@
                 label="Standard Einheit"
             ></v-select>
           </v-col>
+          <v-col>
+            <v-text-field
+                v-model.trim="topm_id"
+                label="TopM ID"
+                :clearable="true"
+            />
+          </v-col>
         </v-row>
 
         <v-textarea
             v-model.trim="description"
             label="Beschreibung"
+            :clearable="true"
         />
 
         <v-textarea
             v-model.trim="ingredients"
             label="Zutaten"
+            :clearable="true"
         />
 
         <v-row>
@@ -140,6 +151,7 @@
                 v-model.trim="mhd"
                 label="MHD Text"
                 :hint="store.settings.mhd"
+                :clearable="true"
             />
           </v-col>
           <v-col>
@@ -147,6 +159,7 @@
                 v-model.trim="allergens_text"
                 label="Allergen Hinweis"
                 :hint="store.settings.allergens_text"
+                :clearable="true"
             />
           </v-col>
         </v-row>
@@ -157,6 +170,7 @@
                 v-model.trim="bio_origin"
                 label="BIO Prüfstelle"
                 :hint="store.settings.bio"
+                :clearable="true"
             />
           </v-col>
           <v-col>
@@ -164,6 +178,7 @@
                 v-model.trim="bio_info"
                 label="BIO Info Text"
                 :hint="store.settings.bio_info"
+                :clearable="true"
             />
           </v-col>
         </v-row>