ayanova/src/components/gz-data-table.vue

@@ -4,6 +4,7 @@
     <div>apiBaseUrl: {{ apiBaseUrl }}</div>
     <div>formKey: {{ formKey }}</div>
     <div>dataListKey: {{ dataListKey }}</div>
+    <div>dataFilterId: {{ dataFilterId }}</div>
     <div>viewPort is XS: {{ isXS() }}</div>
     <v-data-table
       :caption="caption"
@@ -41,18 +42,11 @@ export default {
     },
     formKey: String,
     dataListKey: String,
-    caption: String
-    // ,
-    // rowsPerPage: {
-    //   type: Number,
-    //   default: 100
-    // }
-    // likes: Number,
-    // isPublished: Boolean,
-    // commentIds: Array,
-    // author: Object,
-    // callback: Function,
-    // contactsPromise: Promise // or any other constructor
+    caption: String,
+    dataFilterId: {
+      type: Number,
+      default: 0
+    }
   },
   methods: {
     isXS() {

ayanova/src/views/test-widgets.vue

@@ -3,7 +3,8 @@
     <gz-data-table
       formKey="test-widgets"
       dataListKey="TestWidgetDataList"
-      caption="Test Widget table"
+      :caption="getCaption()"
+      :dataFilterId="currentDataFilterId"
     >
     </gz-data-table>
   </v-container>
@@ -24,6 +25,16 @@ export default {
       //,
       //helpUrl: "form-inv-parts"
     });
+  },
+  data() {
+    return {
+      currentDataFilterId: 0
+    };
+  },
+  methods: {
+    getCaption() {
+      return window.$gz.locale.get("WidgetList");
+    }
   }
 };
 </script>