Setup dynamic client variables (#32)

* Created env.js

* Removed env.js for security reasons

* Successfully substituted in env variables in main.js

* Added new fields to configure.sh

Author: gmittal

.gitignore

@@ -1,3 +1,2 @@
 .env
 node_modules
-

README.md

@@ -6,6 +6,8 @@ Populate ```.env``` file in project root.
 ```
 PORT=XXXX
 HOSTNAME=[0.0.0.0|127.0.0.X|localhost|etc.]
+MAILROOM_PORT=XXXX
+MAILROOM_HOSTNAME=[0.0.0.0|127.0.0.X|localhost|etc.]
 ```
 
 Install dependencies.
@@ -19,4 +21,3 @@ $ node app.js
 ```
 
 (Or you can just run `deploy.sh` :wink:)
-

app.js

@@ -3,6 +3,19 @@
 var express = require('express');
 var app = express();
 var dotenv = require('dotenv').config({path: __dirname+'/.env'});
+var fs = require('fs');
+
+// Substitute special environment variables
+app.get("/js/main.js", function (req, res) {
+  res.header("Content-Type",'application/javascript');
+
+  fs.readFile(__dirname+"/static/js/main.js", "utf-8", function (e, data) {
+    if (e) throw e;
+
+    var load = data.replace(/{HOSTNAME}/g, process.env.MAILROOM_HOSTNAME).replace(/{PORT}/g, process.env.MAILROOM_PORT);
+    res.send(load);
+  });
+});
 
 app.use('/', express.static(__dirname+'/static'));
 
@@ -11,4 +24,3 @@ app.listen(process.env.PORT, process.env.HOSTNAME, function () {
   console.log('Copilot Concierge service successfully running at '
       + process.env.HOSTNAME + ':' + process.env.PORT);
 });
-

configure.sh

@@ -8,9 +8,14 @@ echo "What hostname do you want to run the app on?"
 read HOST
 echo "What port do you want to run the listener on?"
 read PORT
+echo "What is the mailroom's hostname?"
+read MAILROOM_HOSTNAME
+echo "What is the mailroom's port?"
+read MAILROOM_PORT
 
 cat <<EOF > $CONFIG
 HOSTNAME=$HOST
 PORT=$PORT
+MAILROOM_HOSTNAME=$MAILROOM_HOSTNAME
+MAILROOM_PORT=$MAILROOM_PORT
 EOF
-

static/index.html

@@ -25,21 +25,6 @@ <h3 id="helper">Are you referring someone or is this personal?</h3>
 
                   <button class="inputButton" id="mainFieldSubmit">OK</button>
 
-                  <!-- <input type="text" name="age" placeholder="Age"/>
-                  <select name="gender">
-                    <option value="" disabled selected>Gender</option>
-                    <option value="female">Female</option>
-                    <option value="male">Male</option>
-                    <option value="non-binary">Non-binary</option>
-                  </select>
-                  <select name="preferredComm">
-                    <option value="" disabled selected>Preferred Contact</option>
-                    <option value="email">Email</option>
-                    <option value="sms">SMS</option>
-                  </select>
-                  <input type="text" name="contact" placeholder="Contact" /><br />
-                </div>
-                <textarea name="situation" placeholder="Describe your situation..."></textarea> -->
                 </div>
               </div>
               <div class="row">
@@ -62,5 +47,6 @@ <h3 id="helper">Are you referring someone or is this personal?</h3>
         <script src="//cdn.jsdelivr.net/lodash/4.13.1/lodash.min.js"></script>
         <script src="js/validate.js"></script>
         <script src="js/main.js"></script>
+        <script src="js/env.js"></script>
     </body>
 </html>

static/js/env.js

@@ -1,7 +1,11 @@
-"use strict";
+  "use strict";
+
   // Project Copilot Concierge Client
   // Copyright 2016 Project Copilot
 
+  var HOSTNAME = "{HOSTNAME}";
+  var PORT = "{PORT}";
+
     // Load questions
     $.getJSON("data/questions.json", function (questionList) {
 
@@ -242,7 +246,7 @@
             // make the call
             $.ajax({
               type: "POST",
-              url: "http://localhost:3000/api/addUserRequest",
+              url: "http://"+HOSTNAME+":"+PORT+"/api/addUserRequest",
               data: inputJSON,
               error: function(err) { // Something went wrong
                 console.log(err);