Bugfix/designer default values (#436)

* retain default values on save

* set initial designModule name to module's name

Author: sei-aschlackman

src/app/designs/components/design-modules/design-modules.component.html

@@ -22,7 +22,7 @@ <h3>Modules</h3>
   *ngIf="showModuleList$ | async"
   [modules]="modules$ | async"
   [isEditing]="true"
-  (getModule)="getModuleFn($event.id)"
+  (getModule)="getModuleFn($event.id, $event.name)"
 ></cas-module-list>
 
 <div fxLayout="row wrap" fxLayoutGap="1em grid" *ngIf="!showModuleList">

src/app/designs/components/design-modules/design-modules.component.ts

@@ -60,12 +60,12 @@ export class DesignModulesComponent implements OnInit {
     return item.id;
   }
 
-  getModuleFn(moduleId: string) {
+  getModuleFn(moduleId: string, moduleName: string) {
     this.designModulesService
       .create({
         designId: this.designId,
         moduleId: moduleId,
-        name: 'New Module',
+        name: moduleName.replace(/ /g, '_'),
         values: [],
       })
       .subscribe(() => {

src/app/editor/component/module-list/module-list.component.ts

@@ -38,7 +38,8 @@ export class ModuleListComponent implements OnInit {
 
   @Output()
   insertModule: EventEmitter<CreateSnippetCommand> = new EventEmitter<CreateSnippetCommand>();
-  @Output() getModule: EventEmitter<{ id: string }> = new EventEmitter();
+  @Output() getModule: EventEmitter<{ id: string; name: string }> =
+    new EventEmitter();
   private _modules: Module[];
   _selectedModule: Module;
   code: string;
@@ -81,7 +82,10 @@ export class ModuleListComponent implements OnInit {
   }
 
   selectModuleFn(module) {
-    this.getModule.emit({ id: module.id });
+    this.getModule.emit({
+      id: module.id,
+      name: module.name,
+    });
   }
   private updateDataSource() {
     this.dataSource.data = this._modules;

src/app/editor/component/module-variables/module-variables.component.ts

@@ -130,6 +130,7 @@ export class ModuleVariablesComponent implements OnInit, OnChanges {
         moduleField.value = variable.defaultValue;
       }
 
+      moduleField.defaultValue = variable.defaultValue;
       this.moduleFields.push(moduleField);
     });
   }
@@ -139,13 +140,13 @@ export class ModuleVariablesComponent implements OnInit, OnChanges {
       const value = this.values.find((x) => x.name == moduleField.name);
       const formControl = this.form?.get(['values', moduleField.name]);
 
-      moduleField.value = value ? value.value : null;
+      moduleField.value = value ? value.value : moduleField.defaultValue;
 
       if (formControl != null) {
         // if the update was from us or if we didn't change this formControl,
         // update to the new value
         if (this.isSaving || !formControl.dirty) {
-          formControl.setValue(value ? value.value : null);
+          formControl.setValue(value ? value.value : moduleField.defaultValue);
         } else {
           // if the update is different than what we changed it to, mark it as changed
           // if the update is the same as what we changed it to, mark the control as pristine

src/app/editor/component/module-variables/module-variables.models.ts

@@ -23,6 +23,7 @@ export class ModuleField {
   type = 'string';
   previousValue = this.value;
   changed = false;
+  defaultValue: string;
 
   isMultiLine() {
     return !(