IDE: popup can now take an 'error' parameter which sets the overlay c…

…olor
BelaPlatform · Jun 17, 2022 · e6c2477 · e6c2477
1 parent d7baa45
commit e6c2477
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/IDE/frontend-dev/scss/_popup.scss b/IDE/frontend-dev/scss/_popup.scss
@@ -165,5 +165,8 @@
   &.active-popup{
     @include active();
     background: rgba(0, 0, 0, 0.3);
+    &.no {
+      background: rgba(255, 0, 0, 0.3);
+    }
   }
 }
diff --git a/IDE/frontend-dev/src/popup.js b/IDE/frontend-dev/src/popup.js
@@ -16,6 +16,7 @@ function callFunc(func, arg)
 }
 
 const overlayActiveClass = 'active-popup';
+const errorClass = 'no';
 var popup = {
 	defaultStrings: {
 		cancel: json.popups.generic.cancel,
@@ -28,6 +29,7 @@ var popup = {
 			'input[type=text]',
 		],
 		titleClass: '',
+		error: false,
 	},
 	isShown(){
 		return parent.hasClass('active');
@@ -120,6 +122,10 @@ var popup = {
 			}
 		}
 		titleEl.addClass(opts.titleClass);
+		if(opts.error)
+			overlay.addClass(errorClass);
+		else
+			overlay.removeClass(errorClass);
 	},
 
 	respondToEvent(callback, e) {

diff --git a/IDE/public/css/style.css b/IDE/public/css/style.css
@@ -1315,6 +1315,8 @@ ul dl {
   width: 100vw;
   z-index: 9998;
   background: rgba(0, 0, 0, 0.3); }
+  #overlay.active-popup.no {
+    background: rgba(255, 0, 0, 0.3); }
 
 ::-webkit-scrollbar {
   width: 12px; }

diff --git a/IDE/public/js/bundle.js b/IDE/public/js/bundle.js