Merge branch 'AndreiArdelean1-feature/base-url' into master

README.md

@@ -28,9 +28,9 @@ Get latest `node` from [here](https://nodejs.org/en/download/current/). Then,
     npm install -g crontab-ui
     crontab-ui
 
-If you need to set/use an alternative host or port, you may do so by setting an environment variable before starting the process:
+If you need to set/use an alternative host, port OR base url, you may do so by setting an environment variable before starting the process:
 
-    HOST=0.0.0.0 PORT=9000 crontab-ui
+    HOST=0.0.0.0 PORT=9000 BASE_URL=/alse crontab-ui
 
 By default, db, backups and logs are stored in the installation directory. It is **recommended** that it be overriden using env variable `CRON_DB_PATH`. This is particularly helpful in case you **update** crontab-ui.
 

app.js

@@ -11,6 +11,10 @@ var mime = require('mime-types');
 var fs = require('fs');
 var busboy = require('connect-busboy'); // for file upload
 
+// base url
+var base_url = require("./routes").base_url
+app.locals.baseURL = base_url
+
 // basic auth
 var BASIC_AUTH_USER = process.env.BASIC_AUTH_USER;
 var BASIC_AUTH_PWD = process.env.BASIC_AUTH_PWD;
@@ -43,10 +47,10 @@ app.use(bodyParser.urlencoded({     // to support URL-encoded bodies
 app.use(busboy()); // to support file uploads
 
 // include all folders
-app.use(express.static(__dirname + '/public'));
-app.use(express.static(__dirname + '/public/css'));
-app.use(express.static(__dirname + '/public/js'));
-app.use(express.static(__dirname + '/config'));
+app.use(base_url, express.static(__dirname + '/public'));
+app.use(base_url, express.static(__dirname + '/public/css'));
+app.use(base_url, express.static(__dirname + '/public/js'));
+app.use(base_url, express.static(__dirname + '/config'));
 app.set('views', __dirname + '/views');
 
 // set host to 127.0.0.1 or the value set by environment var HOST
@@ -273,5 +277,5 @@ app.listen(app.get('port'), app.get('host'), function() {
 
     crontab.reload_db();
   }
-	console.log("Crontab UI is running at http://" + app.get('host') + ":" + app.get('port'));
+	console.log("Crontab UI is running at http://" + app.get('host') + ":" + app.get('port') + base_url);
 });

routes.js

@@ -1,4 +1,10 @@
-exports.routes = {
+// base url
+var base_url = process.env.BASE_URL ?? '';
+base_url = base_url.replace(/\/+$/, "").trim();
+
+exports.base_url = base_url;
+
+var routes = {
 	"root": "/",
 	"save": "/save",
 	"run": "/runjob",
@@ -17,5 +23,7 @@ exports.routes = {
 	"stdout": "/stdout",
 };
 
-exports.relative = Object.keys(exports.routes).reduce((p, c) => ({...p, [c]: exports.routes[c].replace(/^\//, '')}), {});
-exports.relative["root"] = ".";
+exports.routes = Object.keys(routes).reduce((p, c) => ({...p, [c]: base_url + routes[c]}), {});
+
+exports.relative = Object.keys(routes).reduce((p, c) => ({...p, [c]: routes[c].replace(/^\//, '')}), {});
+exports.relative["root"] = base_url;

views/index.ejs

@@ -6,7 +6,7 @@
 <script src="bootstrap.min.js"></script>
 <script src="mailconfig.js"></script>
 <script type="text/javascript" src="https://cdn.datatables.net/v/bs/dt-1.10.12/datatables.min.js"></script>
-<link rel="stylesheet" href="bootstrap.min.css" />
+<link rel="stylesheet" href="css/bootstrap.min.css" />
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"/>
 <script type="text/javascript">
 	var crontabs = [];

views/restore.ejs

@@ -4,7 +4,7 @@
 <script src="jquery.js"></script>
 <script src="script.js"></script>
 <script src="bootstrap.min.js"></script>
-<link rel="stylesheet" href="bootstrap.min.css" />
+<link rel="stylesheet" href="css/bootstrap.min.css" />
 <script type="text/javascript">
 	var crontabs = [];
 	var routes = [];