1 files changed, 18 insertions, 9 deletions
diff --git a/mavigator-server/src/main/twirl/mavigator/views/app.scala.html b/mavigator-server/src/main/twirl/mavigator/views/app.scala.html
index 00459a9..34d1fde 100644
--- a/mavigator-server/src/main/twirl/mavigator/views/app.scala.html
+++ b/mavigator-server/src/main/twirl/mavigator/views/app.scala.html
@@ -1,11 +1,16 @@
-@(appId: String)(args: (String, String)*)
+@(title: String, appId: String, args: Map[String, String])
+
+@*
+* Provides the environment and loads a scalajs application.
+*@
+
+@main(title){
 
 <div id="scalajs-error" class="alert alert-danger" style="display: none;">
     <p><strong><i class="fa fa-bug"></i> Error! </strong> An uncaught exception occurred in the browser application,
 	any information displayed on this website may be corrupt. This is NOT an error that should occur under normal
 	operation, it is an indication of a bug in the software.</p>
-    <p>The error was: "<span id="scalajs-error-message"></span>"
-    </p>
+    <p>The error was: "<span id="scalajs-error-message"></span>"</p>
 </div>
 
 <div id="@appId">
@@ -17,28 +22,32 @@
 <script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function(event) {
      try {
+	 //root element that will contain the ScalaJS application
 	 var root0 = document.getElementById("@appId");
 
+	 //clear any existing content
 	 while (root0.firstChild) {
     	     root0.removeChild(root0.firstChild);
 	 }
 
+	 //run ScalaJS application
 	 @{appId}().start({
 	     root: root0,
 	     assetsBase: "/assets",
-	     args: @args.map{ case (key, value) =>
+	     args: {@args.map{ case (key, value) =>
 		 @key: "@value",
-	     }
+	     }}
 	 });
 
-     } catch(err) {
+     } catch(ex) {
+	 //display warning message in case of exception
 	 document.getElementById("scalajs-error").style.display = "block";
-	 document.getElementById("scalajs-error-message").innerHTML = err;
-	 console.error(err);
-	 throw err;
+	 document.getElementById("scalajs-error-message").innerHTML = ex;
+	 throw ex;
      }
  });
 </script>
 
 <script type="text/javascript" src="/assets/js/mavigator-dashboard-opt.js"></script>
 
+}