widgets: show Default widget type value initially; check Default values before submitting updated widget

Author: lyubov-voloshko

frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts

@@ -306,8 +306,8 @@ export class DbTableWidgetsComponent implements OnInit {
   addNewWidget() {
     this.widgets.push({
       field_name: '',
-      widget_type: '',
-      widget_params: '',
+      widget_type: 'Default',
+      widget_params: '// No settings required',
       name: '',
       description: ''
     });
@@ -319,8 +319,6 @@ export class DbTableWidgetsComponent implements OnInit {
 
   widgetTypeChange(fieldName) {
     let currentWidget = this.widgets.find(widget => widget.field_name === fieldName);
-
-    if (currentWidget.widget_type === 'Default') currentWidget.widget_type = '';
     currentWidget.widget_params = this.defaultParams[currentWidget.widget_type || 'Default'];
 
     this.widgetParamsChange({fieldName: currentWidget.field_name, value: currentWidget.widget_params});
@@ -373,12 +371,20 @@ export class DbTableWidgetsComponent implements OnInit {
       .subscribe(res => {
         const currentWidgetTypes = res.map((widget: Widget) => widget.field_name);
         this.fields = difference(this.fields, currentWidgetTypes);
+        res.forEach((widget: Widget) => {
+          if (widget.widget_type === '') widget.widget_type = 'Default';
+        })
         this.widgets = res;
       });
   }
 
   updateWidgets(afterDeleteAll?: boolean) {
     this.submitting = true;
+
+    this.widgets.forEach(widget => {
+      if (widget.widget_type === 'Default') widget.widget_type = '';
+    });
+
     this._tables.updateTableWidgets(this.connectionID, this.tableName, this.widgets)
       .subscribe(() => {
         this.submitting = false;