Genesis: Improve visibility of checkboxes in installed column by usin…

…g Jewel checkbox (reference #10)
Moonshine-IDE · Feb 9, 2023 · 34309f4 · 34309f4
1 parent 9cc2eaf
commit 34309f4
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 1 deletion.
diff --git a/...man.Portal_Royale/src/net/apacheRoyaleTemplatedApp/view/applications/GenesisAppsList.mxml b/...man.Portal_Royale/src/net/apacheRoyaleTemplatedApp/view/applications/GenesisAppsList.mxml
@@ -108,7 +108,7 @@
 			</dataGrid:beads>
 			<dataGrid:columns>
 				<models:DataGridColumnModel caption="App Name" dataField="label" dataType="string" allowFiltering="true"/>
-				<models:DataGridColumnModel caption="Installed" dataField="installed" dataType="boolean" width="100"/>
+				<models:DataGridColumnModel caption="Installed" dataField="installed" dataType="boolean" width="100" itemRenderer="view.renderers.NonEditableCheckboxRenderer"/>
 			</dataGrid:columns>
 		</dataGrid:DataGrid>
 </j:VGroup>
diff --git a/...l_Royale/src/net/apacheRoyaleTemplatedApp/view/renderers/NonEditableCheckboxRenderer.mxml b/...l_Royale/src/net/apacheRoyaleTemplatedApp/view/renderers/NonEditableCheckboxRenderer.mxml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<j:DataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+		  			 xmlns:j="library://ns.apache.org/royale/jewel" 
+		  			 xmlns:js="library://ns.apache.org/royale/basic" 
+		  			 xmlns:itemRenderers="org.apache.royale.jewel.beads.itemRenderers.*" 
+		  			 className="gridJSRendererClean" initComplete="onRendererInitComplete(event)">
+	<j:beads>
+		<j:VerticalCenteredLayout />
+		<j:Disabled disabled="true"/>
+	</j:beads>
+	<fx:Script>
+	<![CDATA[
+		override public function get data():Object
+		{
+			return _data;
+		}
+		
+		override public function set data(value:Object):void
+		{
+			if (_data != value)
+			{
+				_data = value;
+				
+				this.refreshCheckbox();
+			}
+		}	
+		
+		private function onRendererInitComplete(event:Event):void
+		{
+			this.refreshCheckbox();
+		}
+		
+		private function refreshCheckbox():void
+		{		
+			if (!checkbox) return;
+				
+			if (dataField && data)
+			{
+				checkbox.selected = data[dataField];
+			}
+			else
+			{
+				checkbox.selected = false;
+			}
+		}
+	]]>
+</fx:Script>
+    <j:CheckBox localId="checkbox" />
+</j:DataGridItemRenderer>
diff --git a/Super.Human.Portal_Royale/src/resources/app-styles.css b/Super.Human.Portal_Royale/src/resources/app-styles.css
@@ -48,6 +48,11 @@ a:hover {
 	IBeadModel: ClassReference("classes.com.devexpress.js.dataGrid.beads.models.DataGridModel");
 }
 
+.jewel.item.gridJSRendererClean {
+	border: none;
+	box-shadow: none;	
+}
+
 .scrollHeightGridJS {
 	height: 80vh;
 }