Merge branch 'master' into timeslider-realtimeupdate+readonly-pads

src/static/css/admin.css

@@ -11,92 +11,76 @@ body {
   border-top: 8px solid rgba(51,51,51,.8);
 }
 #wrapper {
-  border-top: 1px solid #999;
   margin-top: 160px;
   padding: 15px;
-  background: #eee;
+  background: #fff;
-  background: -webkit-linear-gradient(#fff,#ccc);
-  background: -moz-linear-gradient(#fff,#ccc);
-  background: -ms-linear-gradient(#fff,#ccc);
-  background: -o-linear-gradient(#fff,#ccc);
   opacity: .9;
   box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
-  max-width: 1200px;
+  max-width: 700px;
   margin: auto;
+  border-radius: 0 0 7px 7px;
+}
+h1 {
+  font-size: 29px;
+}
+h2 {
+  font-size: 24px;
+}
+.seperator {
+  margin: 10px 0;
+  height: 1px;
+  background: #aaa;
+  background: -webkit-linear-gradient(left, #fff, #aaa 20%, #aaa 80%, #fff);
+  background: -moz-linear-gradient(left, #fff, #aaa 20%, #aaa 80%, #fff);
+  background: -ms-linear-gradient(left, #fff, #aaa 20%, #aaa 80%, #fff);
+  background: -o-linear-gradient(left, #fff, #aaa 20%, #aaa 80%, #fff);
+}
+form {
+  margin-bottom: 0;
 }
 #inner {
   width: 300px;
   margin: 0 auto;
 }
-#button:hover {
+input {
-  cursor: pointer;
-  background: #666;
-  background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
-  background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
-  background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
-  background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
-}
-#button:active {
-  box-shadow: inset 0 1px 12px rgba(0,0,0,0.9);
-  background: #444;
-}
-#label {
-  text-align: left;
-  text-shadow: 0 1px 1px #fff;
-  margin: 16px auto 0;
-}
-form {
-  border: 1px solid #bbb;
-  border-radius: 3px;
-  position: relative;
-}
-button, input {
   font-weight: bold;
   font-size: 15px;
 }
 input[type="button"] {
-  height:30px;
+  padding: 4px 6px;
+  margin: 0;
+}
+input[type="button"].do-install, input[type="button"].do-uninstall {
+  float: right;
+  width: 100px;
+}
+input[type="button"]#do-search {
+  display: block;
 }
 input[type="text"] {
   border-radius: 3px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
-  padding: 10px 45px 10px 10px;
+  padding: 10px;
   *padding: 0; /* IE7 hack */
   width: 100%;
   outline: none;
-  border: none;
+  border: 1px solid #ddd;
+  margin: 0 0 5px 0;
+  max-width: 500px;
 }
-button{
-  display:block;
-}
-@media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
-  body {
-    background: #bbb;
-    background: -webkit-linear-gradient(#aaa,#eee 60%) center fixed;
-    background: -moz-linear-gradient(#aaa,#eee 60%) center fixed;
-    background: -ms-linear-gradient(#aaa,#eee 60%) center fixed;
-  }
-  #wrapper {
-    margin-top: 0;
-  }
-  #inner {
-    width: 95%;        
-  }
-  #label {
-    text-align: center;
-  }
-}
-
 table {
-  border-collapse: collapse;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  border-spacing: 0;
+  width: 100%;
+  margin: 20px 0;
+}
+table thead tr {
+  background: #eee;
 }
 td, th {
-  border: 1px solid black;
+  padding: 5px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 2px;
-  padding-bottom: 2px;
 }
 .template {
   display: none;
@@ -110,13 +94,13 @@ td, th {
   height: 500px;
   margin-left: -350px;
   margin-top: -250px;
-  border: 3px solid #999999;
+  border: 3px solid #999;
-  background: #eeeeee;
+  background: #eee;
 }
 .dialog .title {
   margin: 0;
   padding: 2px;
-  border-bottom: 3px solid #999999;
+  border-bottom: 3px solid #999;
   font-size: 24px;
   line-height: 24px;
   height: 24px;
@@ -124,10 +108,11 @@ td, th {
 }
 .dialog .title .close {
   float: right;
+  padding: 1px 10px;
 }
 .dialog .history {
-  background: #222222;
+  background: #222;
-  color: #eeeeee;
+  color: #eee;
   position: absolute;
   top: 41px;
   bottom: 10px;

src/static/js/ace.js

@@ -167,6 +167,12 @@ require.setGlobalKeyPath("require");\n\
       buffer.push(Ace2Editor.EMBEDED[KERNEL_SOURCE]);
       buffer.push(KERNEL_BOOT);
       buffer.push('<\/script>');
+    } else {
+      file = KERNEL_SOURCE;
+      buffer.push('<script type="application/javascript" src="' + KERNEL_SOURCE + '"><\/script>');
+      buffer.push('<script type="text/javascript">');
+      buffer.push(KERNEL_BOOT);
+      buffer.push('<\/script>');
     } 
   }
   function pushScriptsTo(buffer) {

src/static/js/domline.js

@@ -229,6 +229,10 @@ domline.createDomLine = function(nonEmpty, doesWrap, optBrowser, optDocument)
       result.node.innerHTML = curHTML;
     }
     if (lineClass !== null) result.node.className = lineClass;
+	
+	hooks.callAll("acePostWriteDomLineHTML", {
+        node: result.node
+	});
   }
   result.prepareForAdd = writeHTML;
   result.finishUpdate = writeHTML;

src/static/js/pad.js

@@ -203,7 +203,8 @@ function handshake()
   //create the url
   var url = loc.protocol + "//" + loc.hostname + ":" + port + "/";
   //find out in which subfolder we are
-  var resource = loc.pathname.substr(1, loc.pathname.indexOf("/p/")) + "socket.io";
+  var resource = exports.baseURL + "socket.io";
+  
   //connect
   socket = pad.socket = io.connect(url, {
     resource: resource,
@@ -1035,7 +1036,7 @@ var settings = {
 };
 
 pad.settings = settings;
-
+exports.baseURL = '';
 exports.settings = settings;
 exports.createCookie = createCookie;
 exports.readCookie = readCookie;

src/static/js/pad_editbar.js

@@ -182,7 +182,7 @@ var padeditbar = (function()
       //hide all modules
       if(moduleName == "none")
       {
-        $("#editbar ul#menu_right > li").removeClass("selected");
+        $(".toolbar ul.menu_right li").removeClass("selected");
         for(var i=0;i<modules.length;i++)
         {
           //skip the userlist
@@ -201,10 +201,10 @@ var padeditbar = (function()
       {
         var nth_child = indexOf(modules, moduleName) + 1;
         if (nth_child > 0 && nth_child <= (modules.length-1)) {
-          $("#editbar ul#menu_right li:not(:nth-child(" + nth_child + "))").removeClass("selected");
+          $(".toolbar ul.menu_right li:not(:nth-child(" + nth_child + "))").removeClass("selected");
-          $("#editbar ul#menu_right li:nth-child(" + nth_child + ")").toggleClass("selected");
+          $(".toolbar ul.menu_right li:nth-child(" + nth_child + ")").toggleClass("selected");
         }
-      	if(modules[modules.length-1] === moduleName) $("#editbar ul#menu_right li").removeClass("selected");
+        if(modules[modules.length-1] === moduleName) $(".toolbar ul.menu_right li").removeClass("selected");
         //hide all modules that are not selected and show the selected one
         for(var i=0;i<modules.length;i++)
         {

src/static/js/pad_userlist.js

@@ -748,13 +748,14 @@ function closeColorPicker(accept)
     var newColor = $("#mycolorpickerpreview").css("background-color");
     var parts = newColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
     // parts now should be ["rgb(0, 70, 255", "0", "70", "255"]
+    if (parts) {
       delete (parts[0]);
       for (var i = 1; i <= 3; ++i) {
           parts[i] = parseInt(parts[i]).toString(16);
           if (parts[i].length == 1) parts[i] = '0' + parts[i];
       }
       var newColor = "#" +parts.join(''); // "0070ff"
-    
+    }
     myUserInfo.colorId = newColor;
     pad.notifyChangeColor(newColor);
     paduserlist.renderMyUserInfo();

src/static/js/pluginfw/plugins.js

@@ -24,6 +24,7 @@ exports.loaded = false;
 exports.plugins = {};
 exports.parts = [];
 exports.hooks = {};
+exports.baseURL = '';
 
 exports.ensure = function (cb) {
   if (!exports.loaded)
@@ -103,7 +104,7 @@ if (exports.isClient) {
     // which appears to fix the issue.
     var callback = function () {setTimeout(cb, 0);};
 
-    jQuery.getJSON('/pluginfw/plugin-definitions.json', function(data) {
+    jQuery.getJSON(exports.baseURL + 'pluginfw/plugin-definitions.json', function(data) {
       exports.plugins = data.plugins;
       exports.parts = data.parts;
       exports.hooks = exports.extractHooks(exports.parts, "client_hooks");

src/static/js/timeslider.js

@@ -60,7 +60,7 @@ function init() {
     //create the url
     var url = loc.protocol + "//" + loc.hostname + ":" + port + "/";
     //find out in which subfolder we are
-    var resource = loc.pathname.substr(1,loc.pathname.indexOf("/p/")) + "socket.io";
+    var resource = exports.baseURL + 'socket.io';
     
     //build up the socket io connection
     socket = io.connect(url, {resource: resource});
@@ -162,4 +162,5 @@ function handleClientVars(message)
   }
 }
 
+exports.baseURL = '';
 exports.init = init;

src/templates/admin/plugins.html

@@ -1,7 +1,8 @@
 <html>
   <head>
     <title>Plugin manager</title>
-    <link href="../../static/css/admin.css" rel="stylesheet" type="text/css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+    <link rel="stylesheet" href="../../static/css/admin.css">
     <script src="../../static/js/jquery.js"></script>
     <script src="../../socket.io/socket.io.js"></script>
     <script src="../../static/js/admin/plugins.js"></script>
@@ -18,7 +19,9 @@
       <% } %>
 
 
-      <h1>Installed plugins</h1>
+      <h1>Etherpad Lite</h1>
+      <div class="seperator"></div> 
+      <h2>Installed plugins</h2>
       <table>
         <thead>
           <tr>
@@ -41,9 +44,10 @@
       </table>
 
       <div class="paged listing search-results">
-        <h1>Search for plugins to install</h1>
+        <div class="seperator"></div> 
+        <h2>Search for plugins to install</h2>
         <form>
-          <input type="text" name="search" value="" id="search-query">
+          <input type="text" name="search" placeholder="Search term" id="search-query">
           <input type="button" value="Search" id="do-search">
         </form>
         <table>
@@ -71,7 +75,6 @@
         <input type="button" value=">>" class="do-next-page">
       </div>
 
-
       <div id="progress" class="dialog">
         <h1 class="title">
           Please wait: <span class="message"></span>

src/templates/pad.html

@@ -61,19 +61,17 @@
             </ul>
             <ul class="menu_right">
                 <% e.begin_block("editbarMenuRight"); %>
-                    <li onClick="window.pad&amp;&amp;pad.editbarClick('savedRevision');return false;">
-                        <a id="settingslink" title="Mark this revision as a saved revision">
-                            <div class="buttonicon buttonicon-savedRevision"></div>
-                        </a>
-                    </li>
                 <li id="settingslink" onClick="window.pad&amp;&amp;pad.editbarClick('settings');return false;">
-			<a class="buttonicon buttonicon-settings" id="settingslink" title="Settings of this pad"></a>
+                    <a class="buttonicon buttonicon-settings" title="Settings of this pad"></a>
                 </li>
                 <li id="importexportlink" onClick="window.pad&amp;&amp;pad.editbarClick('import_export');return false;">
-			<a class="buttonicon buttonicon-import_export" id="exportlink" title="Import/Export from/to different document formats"></a>
+                    <a class="buttonicon buttonicon-import_export" title="Import/Export from/to different document formats"></a>
                 </li>
                 <li id="embedlink" onClick="window.pad&amp;&amp;pad.editbarClick('embed');return false;">
-			<a class="buttonicon buttonicon-embed" id="embedlink" title="Share and Embed this pad"></a>
+                    <a class="buttonicon buttonicon-embed" title="Share and Embed this pad"></a>
+                </li>
+                <li id="revisionlink" onClick="window.pad&amp;&amp;pad.editbarClick('savedRevision');return false;">
+                    <a class="buttonicon buttonicon-savedRevision" title="Mark this revision as a saved revision"></a>
                 </li>
                 <li class="separator"></li>
                 <li id="timesliderlink" onClick="document.location = document.location.pathname+ '/timeslider'">
@@ -281,13 +279,19 @@
             document.domain = document.domain;
             var clientVars = {};
             (function () {
-                  require.setRootURI("../javascripts/src");
+              
-                  require.setLibraryURI("../javascripts/lib");
+              var baseURL = '../';
+              
+              require.setRootURI(baseURL + "javascripts/src");
+              require.setLibraryURI(baseURL + "javascripts/lib");
               require.setGlobalKeyPath("require");
 
               var plugins = require('ep_etherpad-lite/static/js/pluginfw/plugins');
+              plugins.baseURL = baseURL;
               plugins.update(function () {
-                    require('ep_etherpad-lite/static/js/pad').init();
+                var pad = require('ep_etherpad-lite/static/js/pad');
+                pad.baseURL = baseURL;
+                pad.init();
               });
 
               /* TODO: These globals shouldn't exist. */

src/templates/timeslider.html

@@ -164,22 +164,30 @@
 </div>
 </div>
 
-<script type="text/javascript" src="../../../static/js/require-kernel.js"></script>
+<script type="text/javascript" src="../../static/js/require-kernel.js"></script>
-<script type="text/javascript" src="../../../static/js/jquery.js"></script>
+<script type="text/javascript" src="../../static/js/jquery.js"></script>
-<script type="text/javascript" src="../../../socket.io/socket.io.js"></script>
+<script type="text/javascript" src="../../socket.io/socket.io.js"></script>
-<script type="text/javascript" src="../../../javascripts/lib/ep_etherpad-lite/static/js/timeslider.js?callback=require.define"></script>
+<script type="text/javascript" src="../../javascripts/lib/ep_etherpad-lite/static/js/timeslider.js?callback=require.define"></script>
-<script type="text/javascript" src="../../../static/custom/timeslider.js"></script>
+<script type="text/javascript" src="../../static/custom/timeslider.js"></script>
+
 <script type="text/javascript" >
   document.domain = document.domain;
   var clientVars = {};
+  
   (function () {
-    require.setRootURI("../../../javascripts/src");
+    var baseURL = '../../';
-    require.setLibraryURI("../../../javascripts/lib");
+    
+    require.setRootURI(baseURL + "javascripts/src");
+    require.setLibraryURI(baseURL + "javascripts/lib");
     require.setGlobalKeyPath("require");
 
     var plugins = require('ep_etherpad-lite/static/js/pluginfw/plugins');
+    plugins.baseURL = baseURL;
+    
     plugins.update(function () {
-      require('ep_etherpad-lite/static/js/timeslider').init();
+      var timeslider = require('ep_etherpad-lite/static/js/timeslider')
+      timeslider.baseURL = baseURL;
+      timeslider.init();
 
       /* TODO: These globals shouldn't exist. */
       padeditbar = require('ep_etherpad-lite/static/js/pad_editbar').padeditbar;