improve including of custom js/css

bin/installDeps.sh

@@ -54,10 +54,16 @@ echo "Clear minfified cache..."
 rm -f var/minified*
 
 echo "ensure custom css/js files are created..."
-for f in $(cat "static/custom/.gitignore")
+FILES=( index pad timeslider )
+
+for f in ${FILES[@]}
 do
-  if [ ! -f "static/custom/$f" ]; then
+  if [ ! -f "static/custom/$f.js" ]; then
-    touch "static/custom/$f"
+    cp -v "static/custom/js.template" "static/custom/$f.js" || exit 1
+  fi
+  
+  if [ ! -f "static/custom/$f.css" ]; then
+    cp -v "static/custom/css.template" "static/custom/$f.css" || exit 1
   fi
 done
 

static/custom/css.template

@@ -0,0 +1,5 @@
+/*
+  You may have to use !important to override css attributs, for example:
+  
+  * {color: blue !important;}
+*/

static/custom/js.template

@@ -0,0 +1,6 @@
+function costumStart()
+{
+  //define your javascript here
+  //jquery is avaiable - except index.js
+  //you can load extra scripts with $.getScript http://api.jquery.com/jQuery.getScript/
+}

static/index.html

@@ -123,5 +123,8 @@
                 }
                 return randomstring;
             }
+            
+            //start the costum js
+            if(costumStart) costumStart();
         </script>
 </html>

static/js/pad2.js

@@ -29,6 +29,9 @@ $(document).ready(function()
     document.location = expectedURL;
   }
 
+  //start the costum js
+  if(costumStart) costumStart();
+
   handshake();
 });
 

static/timeslider.html

@@ -55,8 +55,11 @@
 
   var socket, token, padId;
 
-  $(window).load(function () 
+  $(document).ready(function () 
   {
+    //start the costum js
+    if(costumStart) costumStart();
+    
     //get the padId out of the url 
     var urlParts= document.location.pathname.split("/");
     padId = urlParts[urlParts.length-2];