Minor ui tweaks and cleanups

kolovos · kolovos · commit 749f7645104e · 2025-02-17T09:19:00.000Z
diff --git a/mkdocs/docs/playground/index.html b/mkdocs/docs/playground/index.html
@@ -13,21 +13,18 @@
 
 <body class="h-100" onresize="fit()" onload="fit();updateGutterVisibility();">
     <div id="preloader"><img src="images/preloader.gif" width="100px"><div id="preloader-message"></div></div>
-    <!-- <div id="liveShareBar" style="position:absolute;top:0px;left:60px;padding:4px;width:100px;height:30px;background-color:#41A030;color:white;z-index: 1000">Live Sharing</div> -->
     <div id="navview" data-role="navview" style="display:none">
         <div class="navview-pane">
             <button class="pull-button">
                 <span class="default-icon-menu" id="toggleNavViewPane"></span>
             </button>
             <ul class="navview-menu">
-                <li class="item-header">Epsilon Playground</li>
-                <li class="item-separator"></li>
-                <li id="liveShareStatus">
-                    <a href="#" onclick="showLiveShare(event)">
-                        <span class="icon"><span class="mif-example-16 mif-liveshare"></span></span>
-                        <span class="caption">Live Sharing</span>
-                    </a>
+                <li class="item-header">Epsilon Playground
+                    <span class="badges" style="display:none;float:right;position:relative;top:-2px" id="liveShareTitleBadges">
+                        <span class="badge inline" style="font-size:12px; background-color:#41A030;color:white">LIVE</span>
+                    </span>
                 </li>
+                <li class="item-separator"></li>
                 <li class="item-separator" id="examplesEnd"></li>                
                 <li>
                     <a href="#" onclick="showLiveShare(event)" id="liveShare">
diff --git a/mkdocs/docs/playground/js/DownloadDialog.js b/mkdocs/docs/playground/js/DownloadDialog.js
@@ -111,7 +111,8 @@ class DownloadDialog {
                     caption: "Cancel",
                     cls: "js-dialog-close"
                 }
-            ]
+            ],
+            closeButton: true
         });
     }
 
diff --git a/mkdocs/docs/playground/js/LiveShareDialog.js b/mkdocs/docs/playground/js/LiveShareDialog.js
@@ -39,7 +39,8 @@ class LiveShareDialog {
                         cls: "js-dialog-close"
                     }
                     
-                ]
+                ],
+                closeButton: true
             });
         });
     }
diff --git a/mkdocs/docs/playground/js/LiveShareManager.js b/mkdocs/docs/playground/js/LiveShareManager.js
@@ -51,11 +51,16 @@ class LiveShareManager {
 
     showLiveShareStatus(status) {
         var liveShareBadges = document.getElementById("liveShareBadges");
-        if (status) liveShareBadges.style.display = "block";
-        else liveShareBadges.style.display = "none";
-
-        var liveShareStatus = document.getElementById("liveShareStatus");
-        liveShareStatus.style.display = liveShareBadges.style.display;
+        var liveShareTitleBadges = document.getElementById("liveShareTitleBadges");
+        
+        if (status) {
+            liveShareBadges.style.display = "block";
+            liveShareTitleBadges.style.display = "inline";
+        }
+        else {
+            liveShareBadges.style.display = "none";
+            liveShareTitleBadges.style.display = "none";
+        }
     }
 
     startSession() {
diff --git a/mkdocs/docs/playground/js/OutputPanel.js b/mkdocs/docs/playground/js/OutputPanel.js
@@ -72,7 +72,8 @@ class OutputPanel extends ModelPanel {
                     caption: "Cancel",
                     cls: "js-dialog-close"
                 }
-            ]
+            ],
+            closeButton: true
         });
     }
 
diff --git a/mkdocs/docs/playground/js/Playground.js b/mkdocs/docs/playground/js/Playground.js
@@ -140,7 +140,8 @@ function copyShortenedLink(event) {
                         onclick: function(){
                             copyToClipboard(baseUrl + "?" + json.shortened);
                         }
-                    }]
+                    }],
+                    closeButton: true
                 });
             }
             Metro.notify.killAll();
diff --git a/mkdocs/docs/playground/js/SettingsDialog.js b/mkdocs/docs/playground/js/SettingsDialog.js
@@ -46,7 +46,8 @@ class SettingsDialog {
                     caption: "Cancel",
                     cls: "js-dialog-close"
                 }
-            ]
+            ],
+            closeButton: true
         });
     }
 

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,8 @@ class DownloadDialog {`
`111`	`111`	`caption: "Cancel",`
`112`	`112`	`cls: "js-dialog-close"`
`113`	`113`	`}`
`114`		`- ]`
	`114`	`+ ],`
	`115`	`+ closeButton: true`
`115`	`116`	`});`
`116`	`117`	`}`
`117`	`118`
Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,8 @@ class LiveShareDialog {`
`39`	`39`	`cls: "js-dialog-close"`
`40`	`40`	`}`
`41`	`41`
`42`		`- ]`
	`42`	`+ ],`
	`43`	`+ closeButton: true`
`43`	`44`	`});`
`44`	`45`	`});`
`45`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,8 @@ class OutputPanel extends ModelPanel {`
`72`	`72`	`caption: "Cancel",`
`73`	`73`	`cls: "js-dialog-close"`
`74`	`74`	`}`
`75`		`- ]`
	`75`	`+ ],`
	`76`	`+ closeButton: true`
`76`	`77`	`});`
`77`	`78`	`}`
`78`	`79`
Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,8 @@ function copyShortenedLink(event) {`
`140`	`140`	`onclick: function(){`
`141`	`141`	`copyToClipboard(baseUrl + "?" + json.shortened);`
`142`	`142`	`}`
`143`		`- }]`
	`143`	`+ }],`
	`144`	`+ closeButton: true`
`144`	`145`	`});`
`145`	`146`	`}`
`146`	`147`	`Metro.notify.killAll();`
Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,8 @@ class SettingsDialog {`
`46`	`46`	`caption: "Cancel",`
`47`	`47`	`cls: "js-dialog-close"`
`48`	`48`	`}`
`49`		`- ]`
	`49`	`+ ],`
	`50`	`+ closeButton: true`
`50`	`51`	`});`
`51`	`52`	`}`
`52`	`53`