BDE-226 display studio package name

nuxeo · Mar 21, 2024 · 29feb0c · 29feb0c
1 parent ed023d8
commit 29feb0c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/public/styles/main.css b/public/styles/main.css
@@ -209,6 +209,13 @@ HEADINGS
   color: #fff;
 }
 
+.studio-package-name {
+  text-overflow: ellipsis;
+  font-size: 100%;
+  font-weight: bold;
+  color: #fff;
+}
+
 .reset {
     position: absolute;
     height: 15px;

diff --git a/src/popup/index.html b/src/popup/index.html
@@ -75,7 +75,7 @@
           <div class="server-main">
             <ul>
               <li class="server-name">Connected to Nuxeo Server<span id="platform-version"></span>:</li>
-              <li><div class="server-name-url"></div></li>
+              <li><div class="server-name-url"></div><div class="studio-package-name" id="studio-package-name"></div></li>
               <li id="connect-url">
                 <form class="search-container" id="options">
                   <input type="text" id="connect-url-input" class="form" placeholder="https://connect.nuxeo.com" results="5" />

diff --git a/src/popup/index.js b/src/popup/index.js
@@ -91,6 +91,7 @@ function loadPage(worker) {
   });
 
   const studioPackageFound = (connectUrl, packageName) => {
+    $('#studio-package-name').text(packageName);
     const toogleDesignerLivePreviewButton = (isEnabled) => {
       $('#designer-live-preview-button').toggleClass('enabled', isEnabled);
       $('#designer-live-preview-button').toggleClass('disabled', !isEnabled);
@@ -152,6 +153,7 @@ function loadPage(worker) {
   };
 
   const noStudioPackageFound = () => {
+    $('#studio-package-name').text('not found');
     $('#studio, #studio-buttons').css('display', 'none');
     $('#no-studio-buttons').css('display', 'block');
     $('#message').css('display', 'none');