Added FEEDBACK_SURVEY_URL environment variable. The feedback button i…

…s only displayed on this variable being set. Moved the feedback button position to the left-hand side.
mdenet · Jan 26, 2024 · f2298d7 · f2298d7
1 parent 4c1ed07
commit f2298d7
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -57,3 +57,12 @@ The default test configurations provided by the activities server
 For activities that use backend tool functions the corresponding tool server must be available to process the requests.
 
 The Epsilon backend docker services for a  fully function configuration can be found [here](https://github.com/epsilonlabs/playground-docker).
+
+
+### Environment Variables
+This section documents the environment variables supported by the platform.
+
+| Name                    | Type | Description | Example | 
+| ---                     | ---  | ---         | --- | 
+| TOKEN_SERVER_URL       | Url | The url of the token server. Used for GitHub authentication enabling saving and private git repository access.  | https://tokenserver.mde-network.org  |
+| FEEDBACK_SURVEY_URL | Url |  The url that is used for the user feedback button.  | https://forms.office.com/?id=X  |
diff --git a/platform/Dockerfile b/platform/Dockerfile
@@ -12,10 +12,13 @@ COPY package*.json ./
 
 COPY platform/ ./platform/
 
+# Refer to readme.md for a complete list of supported environment varibles
 ARG TOKEN_SERVER_URL=http://127.0.0.1:10000
 
 RUN npm ci --workspace=platform\
-        && npm run build --workspace=platform -- --env tokenServerUrl=${TOKEN_SERVER_URL}\
+        && npm run build --workspace=platform --\
+            --env tokenServerUrl=${TOKEN_SERVER_URL}\
+            --env feedbackSurveyUrl=${FEEDBACK_SURVEY_URL}\
         && npm run package --workspace=platform
 
 

diff --git a/platform/public/css/index.css b/platform/public/css/index.css
@@ -31,7 +31,7 @@
     box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
     background-color: lightblue;
     bottom: 5%;
-    right: 2%;
+    left: 2%;
     transition-duration: 0.4s;
   }
 

diff --git a/platform/public/index.html b/platform/public/index.html
@@ -16,8 +16,9 @@
 <body class="h-100" onresize="fit()" onload="fit();updateGutterVisibility();">
     <div id="preloader"><img src="images/preloader.gif" width="100px"></div>
 
-    <div id='feedback-button'>
-        <p><a href="FEEDBAK_SURVEY_URL" target="_blank" rel="noopener noreferrer">
+    <div id="feedback-button" style="display:none">
+        <!--feedback href set by env variable FEEDBACK_SURVEY_URL in dockerfile-->
+        <p><a id="feedback-url" target="_blank" rel="noopener noreferrer">
             <img src="images/rate_review.svg" alt="Feedback" width="20" height="20">
         </a></p>
     </div>

diff --git a/platform/src/Playground.js b/platform/src/Playground.js
@@ -53,9 +53,13 @@ export var toolsManager;
 
 var urlParameters = new URLSearchParams(window.location.search);    
 
-
+if (FEEDBACK_SURVEY_URL){
+    PlaygroundUtility.setFeedbackButtonUrl(FEEDBACK_SURVEY_URL);
+    PlaygroundUtility.showFeedbackButton();
+}
 
 document.getElementById("btnnologin").onclick= () => {
+
     PlaygroundUtility.hideLogin();
 }
 

diff --git a/platform/src/PlaygroundUtility.js b/platform/src/PlaygroundUtility.js
@@ -15,6 +15,14 @@ class PlaygroundUtility {
         document.getElementById("login").style.display = "block";
     }
 
+    static showFeedbackButton(){
+        document.getElementById("feedback-button").style.display = "block";
+    }
+
+    static setFeedbackButtonUrl(url){
+        document.getElementById("feedback-url").href = url;
+    }
+
 }
 
 export { PlaygroundUtility };
diff --git a/platform/webpack.config.js b/platform/webpack.config.js
@@ -22,6 +22,7 @@ module.exports = (env) => {
     plugins: [
       new DefinePlugin({
         'TOKEN_SERVER_URL': JSON.stringify(env.tokenServerUrl),
+        'FEEDBACK_SURVEY_URL': JSON.stringify(env.feedbackSurveyUrl),
       }),
     ]
   };