string and boolean property editors now parse data object

kleber-swf · Aug 31, 2021 · 9c956fa · 9c956fa
1 parent 4b9e095
commit 9c956fa
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/ui/properties/editors/boolean/boolean-property-editor.ts b/src/ui/properties/editors/boolean/boolean-property-editor.ts
@@ -1,14 +1,16 @@
+import { PropertyInspectionData } from 'ui/properties-editors';
 import { PropertyEditor } from '../property-editor';
 
 export class BooleanPropertyEditor extends PropertyEditor<boolean> {
 	public static readonly tagName: string = 'phed-boolean-property-editor';
 
-	protected createInnerContent(value: boolean, propertyId: string) {
+	protected createInnerContent(value: boolean, propertyId: string, prop: PropertyInspectionData) {
 		const input = document.createElement('input');
 		input.id = propertyId;
 
 		input.setAttribute('type', 'checkbox');
 		if (value) input.setAttribute('checked', '');
+		if (prop.data) Object.keys(prop.data).forEach(p => input.setAttribute(p, prop.data[p]));
 
 		return input;
 	}

diff --git a/src/ui/properties/editors/property-editor.scss b/src/ui/properties/editors/property-editor.scss
@@ -38,7 +38,7 @@ $property-foreground: $on-background-color;
 			border: 1px solid transparent;
 			outline: none !important;
 
-			&:focus {
+			&:not([readonly]):focus {
 				border-color: rgba($on-background-color, 0.5);
 			}
 		}

diff --git a/src/ui/properties/editors/string/string-property-editor.ts b/src/ui/properties/editors/string/string-property-editor.ts
@@ -1,13 +1,15 @@
+import { PropertyInspectionData } from 'ui/properties-editors';
 import { PropertyEditor } from '../property-editor';
 
 export class StringPropertyEditor extends PropertyEditor<string> {
 	public static readonly tagName: string = 'phed-string-property-editor';
 
-	protected createInnerContent(value: string, propertyId: string) {
+	protected createInnerContent(value: string, propertyId: string, prop: PropertyInspectionData) {
 		const input = document.createElement('input');
 		input.id = propertyId;
 		input.setAttribute('type', 'text');
 		input.setAttribute('value', value ?? '');
+		if (prop.data) Object.keys(prop.data).forEach(p => input.setAttribute(p, prop.data[p]));
 		return input;
 	}
 }