almost working saving

Author: Ian Redpath

public/assignment/services/fields.service.client.ts

@@ -30,7 +30,7 @@ export class FieldsService {
 	}
 
 	updateField(formId: string, fieldId: string, field) {
-		return this.http.put(`/api/assignment/form/${formId}/field`, JSON.stringify({ field }),
+		return this.http.put(`/api/assignment/form/${formId}/field/${fieldId}`, JSON.stringify({ field }),
 			{ headers: this.headers })
 	}
 

public/assignment/views/forms/fields.controller.ts

@@ -19,7 +19,7 @@ export class FieldsController {
 	formId: string
 	fields: Array<any>
 	fetching: boolean
-	newOptions: string
+	optionsMap: any
 
 	constructor(public stateService: StateService, public router: Router,
 		public fieldsService: FieldsService, public http: Http, public params: RouteParams) {
@@ -54,9 +54,11 @@ export class FieldsController {
 				}
 			}
 			this.formId = params.get('formId')
+			this.optionsMap = {}
 			fieldsService.getFieldsForForm(this.formId)
 				.subscribe(resp => {
 					this.fields = resp.json().fields
+					this.updateOptions()
 					this.fetching = false
 				})
 		}
@@ -72,32 +74,53 @@ export class FieldsController {
 		this.fieldsService.createFieldForForm(this.formId, this.getNewField())
 			.subscribe(resp => {
 				this.fields = resp.json().fields
+				this.updateOptions()
 			})
 	}
 
 	deleteField(fieldId: string) {
 		this.fieldsService.deleteFieldFromForm(this.formId, fieldId)
 			.subscribe(resp => {
 				this.fields = resp.json().fields
+				this.updateOptions()
 		})
 	}
 
 	update(field) {
+		if (field.options) {
+			field.options = this.getOptionsFor(field._id)
+		}
 		this.fieldsService.updateField(this.formId, field._id, field)
 			.subscribe(resp => {
 				this.fields = resp.json().fields
+				this.updateOptions()
 			})
 	}
 
+	getOptionsFor(id) {
+		const optionString = this.optionsMap[id]
+		const optionsArray = optionString.split('\n')
+		return optionsArray.map(opt => {
+			const labelValuePair = opt.split(":")
+			return { label: labelValuePair[0], value: labelValuePair[1] }
+		})
+	}
 	isTextField(type) {
 		return type === 'TEXT' || type === 'TEXTAREA'
 	}
 	isOptionField(field) {
 		return field.type === 'DROPDOWN' || field.type === 'RADIOS' || field.type === 'CHECKBOXES'
 	}
-	formatOptions(options) {
-		options.forEach(opt => {
-			this.newOptions += `${opt.label}:${opt.value}\n`
+
+	updateOptions() {
+		this.fields.forEach(field => {
+			if (field.options) {
+				let base = ""
+				field.options.forEach(opt => {
+					base += `${opt.label}:${opt.value}\n`
+				})
+				this.optionsMap[field._id] = base
+			}
 		})
 	}
 }

public/assignment/views/forms/form-fields.view.html

@@ -59,13 +59,13 @@ <h4 class="modal-title" id="modalLabel">Edit field</h4>
                 </div>
                 <div *ngIf="isOptionField(field)" class="optionsEdit">
                   <label for="optionsText">Options</label>
-                  <input type="textarea" id="optionsText" [(ngModel)]="field.options">
+                  <textarea id="optionsText" [(ngModel)]="optionsMap[field._id]"></textarea>
                 </div>
               </div>
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-              <button type="button" class="btn btn-primary" (click)="update(field)">Save</button>
+              <button type="button" class="btn btn-primary" data-dismiss="modal" (click)="update(field)">Save</button>
             </div>
           </div>
         </div>