[ide] added status bar

HeapsIO · Nov 19, 2024 · 5d26ddc · 5d26ddc
1 parent 8602ed7
commit 5d26ddc
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/bin/style.css b/bin/style.css
@@ -3759,3 +3759,19 @@ hide-popover hide-content {
   color: white;
   mix-blend-mode: difference;
 }
+#statusBar {
+  position: fixed;
+  bottom: 16px;
+  right: 16px;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+}
+#statusBar > .statusbar-icon {
+  height: 24px;
+  width: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 2em;
+}
diff --git a/bin/style.less b/bin/style.less
@@ -4393,4 +4393,27 @@ hide-popover {
 .tag-disp {
 	color: white;
     mix-blend-mode: difference;
+}
+
+#statusBar {
+	position: fixed;
+	bottom: 16px;
+	right: 16px;
+
+	z-index: 999;
+
+	display: flex;
+
+	align-items: center;
+
+	> .statusbar-icon {
+		height: 24px;
+		width: 24px;
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		font-size: 2em;
+	}
 }
diff --git a/hide/Ide.hx b/hide/Ide.hx
@@ -40,6 +40,8 @@ class Ide extends hide.tools.IdeData {
 	var scripts : Map<String,Array<Void->Void>> = new Map();
 	var hasReloaded = false;
 
+	var statusBar : hide.Element;
+
 	public var show3DIcons = true;
 	public var show3DIconsCategory : Map<hrt.impl.EditorTools.IconCategory, Bool> = new Map();
 
@@ -262,6 +264,8 @@ class Ide extends hide.tools.IdeData {
 		});
 
 		hrt.impl.EditorTools.setupIconCategories();
+
+		statusBar = new Element('<div id="statusBar"></div>').appendTo(body);
 	}
 
 	public function getViews<K,T:hide.ui.View<K>>( cl : Class<T> ) {
@@ -847,6 +851,14 @@ class Ide extends hide.tools.IdeData {
 		}
 	}
 
+	/**
+		Adds an element to the ide status bar
+	**/
+	public function addStatusIcon(e: hide.Element) {
+		var wrapper = new hide.Element('<div class="statusbar-icon"></div>').appendTo(statusBar);
+		wrapper.append(e);
+	}
+
 	public function chooseFiles( exts : Array<String>, onSelect : Array<String> -> Void, allowNull=false ) {
 		chooseFileOptions(onSelect, {exts: exts, allowNull: allowNull, multiple: true});
 	}