added select to string widget if options are available

Author: Vegita2

webapp/src/app/app.module.ts

@@ -7,6 +7,7 @@ import {EditorComponent} from './editor/editor.component';
 import {PhaserComponent} from './phaser/phaser.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {
+	MdAutocompleteModule,
 	MdButtonModule, MdCheckboxModule, MdDialogModule, MdIconModule, MdInputModule, MdListModule, MdMenuModule,
 	MdProgressSpinnerModule, MdSelectModule,
 	MdSidenavModule,
@@ -64,6 +65,7 @@ import {JsonEditorComponent} from './shared/json-editor/json-editor.component';
 		MdToolbarModule,
 		MdMenuModule,
 		MdSidenavModule,
+		MdAutocompleteModule,
 		MdDialogModule,
 		MdTabsModule,
 		MdInputModule,

webapp/src/app/editor/editor.component.html

@@ -1,7 +1,7 @@
 <div fxLayout="column" class="outer-container">
 	<app-toolbar (onMenuClick)="sidenav.toggle()"></app-toolbar>
 	<md-sidenav-container fxFlex>
-		<md-sidenav #sidenav mode="side" opened="true" class="mat-primary">
+		<md-sidenav disableClose #sidenav mode="side" opened="true" class="mat-primary">
 			<app-sidenav></app-sidenav>
 		</md-sidenav>
 

webapp/src/app/sidenav/entities/widgets/string-widget/string-widget.component.html

@@ -1,6 +1,19 @@
 <div fxLayout="row" class="property-container" [mdTooltip]="entity.definition.attributes[key]?.description">
 	<label [for]="key" class="property-name">{{key}}:</label>
-	<input class="default-input" [id]="key"
-	       [ngModel]="entity.details.settings[key]"
-	       (input)="setSetting(key, $event.target.value)">
+	<div *ngIf="entity.definition.attributes[key]?.options; else defaultInput">
+		<md-select [id]="key"
+		           [ngModel]="entity.details.settings[key]"
+		           (change)="setSetting(key, $event.value)">
+			<md-option *ngFor="let option of keys" [value]="option">
+				{{ option }}
+			</md-option>
+		</md-select>
+	</div>
+	
+	<ng-template #defaultInput>
+		<input class="default-input"
+		       [id]="key"
+		       [ngModel]="entity.details.settings[key]"
+		       (input)="setSetting(key, $event.target.value)">
+	</ng-template>
 </div>

webapp/src/app/sidenav/entities/widgets/string-widget/string-widget.component.ts

@@ -7,12 +7,17 @@ import {AbstractWidget} from '../abstract-widget';
 	styleUrls: ['./string-widget.component.scss', '../../entities.component.scss']
 })
 export class StringWidgetComponent extends AbstractWidget implements OnInit {
-
+	
+	keys: string[] = [];
+	
 	constructor() {
 		super();
 	}
-
+	
 	ngOnInit() {
+		const attr = this.entity.definition.attributes[this.key];
+		if (attr) {
+			this.keys = Object.keys(attr.options);
+		}
 	}
-
 }