Index: lams_build/conf/etherpad/etherpad-lite/src/static/js/pad_editbar.js
===================================================================
diff -u
--- lams_build/conf/etherpad/etherpad-lite/src/static/js/pad_editbar.js	(revision 0)
+++ lams_build/conf/etherpad/etherpad-lite/src/static/js/pad_editbar.js	(revision 180f20eacc0e7da03c85a76e290df8705ddf8f00)
@@ -0,0 +1,537 @@
+/**
+ * This code is mostly from the old Etherpad. Please help us to comment this code.
+ * This helps other people to understand this code better and helps them to improve it.
+ * TL;DR COMMENTS ON THIS FILE ARE HIGHLY APPRECIATED
+ */
+
+/**
+ * Copyright 2009 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS-IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var browser = require('./browser');
+var hooks = require('./pluginfw/hooks');
+var padutils = require('./pad_utils').padutils;
+var padeditor = require('./pad_editor').padeditor;
+var padsavedrevs = require('./pad_savedrevs');
+var _ = require('ep_etherpad-lite/static/js/underscore');
+require('ep_etherpad-lite/static/js/vendors/nice-select');
+
+var ToolbarItem = function (element) {
+  this.$el = element;
+};
+
+ToolbarItem.prototype.getCommand = function () {
+  return this.$el.attr("data-key");
+};
+
+ToolbarItem.prototype.getValue = function () {
+  if (this.isSelect()) {
+    return this.$el.find("select").val();
+  }
+};
+
+ToolbarItem.prototype.setValue = function (val) {
+  if (this.isSelect()) {
+    return this.$el.find("select").val(val);
+  }
+};
+
+
+ToolbarItem.prototype.getType = function () {
+  return this.$el.attr("data-type");
+};
+
+ToolbarItem.prototype.isSelect = function () {
+  return this.getType() == "select";
+};
+
+ToolbarItem.prototype.isButton = function () {
+  return this.getType() == "button";
+};
+
+ToolbarItem.prototype.bind = function (callback) {
+  var self = this;
+
+  if (self.isButton()) {
+    self.$el.click(function (event) {
+      $(':focus').blur();
+      callback(self.getCommand(), self);
+      event.preventDefault();
+    });
+  }
+  else if (self.isSelect()) {
+    self.$el.find("select").change(function () {
+      callback(self.getCommand(), self);
+    });
+  }
+};
+
+
+var padeditbar = (function()
+{
+
+  var syncAnimation = (function()
+  {
+    var SYNCING = -100;
+    var DONE = 100;
+    var state = DONE;
+    var fps = 25;
+    var step = 1 / fps;
+    var T_START = -0.5;
+    var T_FADE = 1.0;
+    var T_GONE = 1.5;
+    var animator = padutils.makeAnimationScheduler(function()
+    {
+      if (state == SYNCING || state == DONE)
+      {
+        return false;
+      }
+      else if (state >= T_GONE)
+      {
+        state = DONE;
+        $("#syncstatussyncing").css('display', 'none');
+        $("#syncstatusdone").css('display', 'none');
+        return false;
+      }
+      else if (state < 0)
+      {
+        state += step;
+        if (state >= 0)
+        {
+          $("#syncstatussyncing").css('display', 'none');
+          $("#syncstatusdone").css('display', 'block').css('opacity', 1);
+        }
+        return true;
+      }
+      else
+      {
+        state += step;
+        if (state >= T_FADE)
+        {
+          $("#syncstatusdone").css('opacity', (T_GONE - state) / (T_GONE - T_FADE));
+        }
+        return true;
+      }
+    }, step * 1000);
+    return {
+      syncing: function()
+      {
+        state = SYNCING;
+        $("#syncstatussyncing").css('display', 'block');
+        $("#syncstatusdone").css('display', 'none');
+      },
+      done: function()
+      {
+        state = T_START;
+        animator.scheduleAnimation();
+      }
+    };
+  }());
+
+  var self = {
+    init: function() {
+      var self = this;
+      self.dropdowns = [];
+
+      $("#editbar .editbarbutton").attr("unselectable", "on"); // for IE
+      $("#editbar").removeClass("disabledtoolbar").addClass("enabledtoolbar");
+      $("#editbar [data-key]").each(function () {
+        $(this).unbind("click");
+        (new ToolbarItem($(this))).bind(function (command, item) {
+          self.triggerCommand(command, item);
+        });
+      });
+
+      $('body:not(#editorcontainerbox)').on("keydown", function(evt){
+        bodyKeyEvent(evt);
+      });
+
+      $('.show-more-icon-btn').click(function() {
+        $('.toolbar').toggleClass('full-icons');
+      });
+      self.checkAllIconsAreDisplayedInToolbar();
+      $(window).resize(_.debounce( self.checkAllIconsAreDisplayedInToolbar, 100 ) );
+
+      registerDefaultCommands(self);
+
+      hooks.callAll("postToolbarInit", {
+        toolbar: self,
+        ace: padeditor.ace
+      });
+
+      /*
+       * On safari, the dropdown in the toolbar gets hidden because of toolbar
+       * overflow:hidden property. This is a bug from Safari: any children with
+       * position:fixed (like the dropdown) should be displayed no matter
+       * overflow:hidden on parent
+       */
+      if (!browser.safari) {
+          $('select').niceSelect();
+      }
+
+      // When editor is scrolled, we add a class to style the editbar differently
+      $('iframe[name="ace_outer"]').contents().scroll(function() {
+        $('#editbar').toggleClass('editor-scrolled', $(this).scrollTop() > 2);
+      })
+    },
+    isEnabled: function()
+    {
+      return true;
+    },
+    disable: function()
+    {
+      $("#editbar").addClass('disabledtoolbar').removeClass("enabledtoolbar");
+    },
+    commands: {},
+    registerCommand: function (cmd, callback) {
+      this.commands[cmd] = callback;
+      return this;
+    },
+    registerDropdownCommand: function (cmd, dropdown) {
+      dropdown = dropdown || cmd;
+      self.dropdowns.push(dropdown)
+      this.registerCommand(cmd, function () {
+        self.toggleDropDown(dropdown);
+      });
+    },
+    registerAceCommand: function (cmd, callback) {
+      this.registerCommand(cmd, function (cmd, ace, item) {
+        ace.callWithAce(function (ace) {
+          callback(cmd, ace, item);
+        }, cmd, true);
+      });
+    },
+    triggerCommand: function (cmd, item) {
+      if (self.isEnabled() && this.commands[cmd]) {
+        this.commands[cmd](cmd, padeditor.ace, item);
+      }
+      if(padeditor.ace) padeditor.ace.focus();
+    },
+    toggleDropDown: function(moduleName, cb)
+    {
+      // do nothing if users are sticked
+      if (moduleName === "users" && $('#users').hasClass('stickyUsers')) {
+        return;
+      }
+
+      $('.nice-select').removeClass('open');
+      $('.toolbar-popup').removeClass("popup-show");
+
+      // hide all modules and remove highlighting of all buttons
+      if(moduleName == "none")
+      {
+        var returned = false;
+        for(var i=0;i<self.dropdowns.length;i++)
+        {
+          var thisModuleName = self.dropdowns[i];
+
+          //skip the userlist
+          if(thisModuleName == "users")
+            continue;
+
+          var module = $("#" + thisModuleName);
+
+          //skip any "force reconnect" message
+          var isAForceReconnectMessage = module.find('button#forcereconnect:visible').length > 0;
+          if(isAForceReconnectMessage)
+            continue;
+          if (module.hasClass('popup-show')) {
+            $("li[data-key=" + thisModuleName + "] > a").removeClass("selected");
+            module.removeClass("popup-show");
+          }
+        }
+
+        if(!returned && cb) return cb();
+      }
+      else
+      {
+        // hide all modules that are not selected and remove highlighting
+        // respectively add highlighting to the corresponding button
+        for(var i=0;i<self.dropdowns.length;i++)
+        {
+          var thisModuleName = self.dropdowns[i];
+          var module = $("#" + thisModuleName);
+
+          if(module.hasClass('popup-show'))
+          {
+            $("li[data-key=" + thisModuleName + "] > a").removeClass("selected");
+            module.removeClass("popup-show");
+          }
+          else if(thisModuleName==moduleName)
+          {
+            $("li[data-key=" + thisModuleName + "] > a").addClass("selected");
+            module.addClass("popup-show");
+            if (cb) {
+              cb();
+            }
+          }
+        }
+      }
+    },
+    setSyncStatus: function(status)
+    {
+      if (status == "syncing")
+      {
+        syncAnimation.syncing();
+      }
+      else if (status == "done")
+      {
+        syncAnimation.done();
+      }
+    },
+    setEmbedLinks: function()
+    {
+      var padUrl = window.location.href.split("?")[0];
+
+      if ($('#readonlyinput').is(':checked'))
+      {
+        var urlParts = padUrl.split("/");
+        urlParts.pop();
+        var readonlyLink = urlParts.join("/") + "/" + clientVars.readOnlyId;
+        $('#embedinput').val('<iframe name="embed_readonly" src="' + readonlyLink + '?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width="100%" height="600" frameborder="0"></iframe>');
+        $('#linkinput').val(readonlyLink);
+      }
+      else
+      {
+        $('#embedinput').val('<iframe name="embed_readwrite" src="' + padUrl + '?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width="100%" height="600" frameborder="0"></iframe>');
+        $('#linkinput').val(padUrl);
+      }
+    },
+    checkAllIconsAreDisplayedInToolbar: function()
+    {
+      // reset style
+      $('.toolbar').removeClass('cropped')
+      var menu_left = $('.toolbar .menu_left')[0];
+
+      // on mobile the menu_right get displayed at the bottom of the screen
+      var isMobileLayout = $('.toolbar .menu_right').css('position') === 'fixed';
+
+      if (menu_left && menu_left.scrollWidth > $('.toolbar').width() && isMobileLayout) {
+        $('.toolbar').addClass('cropped');
+      }
+    }
+  };
+
+  var editbarPosition = 0;
+
+  function bodyKeyEvent(evt){
+
+    // If the event is Alt F9 or Escape & we're already in the editbar menu
+    // Send the users focus back to the pad
+    if((evt.keyCode === 120 && evt.altKey) || evt.keyCode === 27){
+      if($(':focus').parents(".toolbar").length === 1){
+        // If we're in the editbar already..
+        // Close any dropdowns we have open..
+        padeditbar.toggleDropDown("none");
+        // Check we're on a pad and not on the timeslider
+        // Or some other window I haven't thought about!
+        if(typeof pad === 'undefined'){
+          // Timeslider probably..
+          // Shift focus away from any drop downs
+          $(':focus').blur(); // required to do not try to remove!
+          $('#editorcontainerbox').focus(); // Focus back onto the pad
+        }else{
+          // Shift focus away from any drop downs
+          $(':focus').blur(); // required to do not try to remove!
+          padeditor.ace.focus(); // Sends focus back to pad
+          // The above focus doesn't always work in FF, you have to hit enter afterwards
+          evt.preventDefault();
+        }
+      }else{
+        // Focus on the editbar :)
+        var firstEditbarElement = parent.parent.$('#editbar').children("ul").first().children().first().children().first().children().first();
+        $(this).blur();
+        firstEditbarElement.focus();
+        evt.preventDefault();
+      }
+    }
+    // Are we in the toolbar??
+    if($(':focus').parents(".toolbar").length === 1){
+      // On arrow keys go to next/previous button item in editbar
+      if(evt.keyCode !== 39 && evt.keyCode !== 37) return;
+
+      // Get all the focusable items in the editbar
+      var focusItems = $('#editbar').find('button, select');
+
+      // On left arrow move to next button in editbar
+      if(evt.keyCode === 37){
+        // If a dropdown is visible or we're in an input don't move to the next button
+        if($('.popup').is(":visible") || evt.target.localName === "input") return;
+
+        editbarPosition--;
+        // Allow focus to shift back to end of row and start of row
+        if(editbarPosition === -1) editbarPosition = focusItems.length -1;
+        $(focusItems[editbarPosition]).focus()
+      }
+
+      // On right arrow move to next button in editbar
+      if(evt.keyCode === 39){
+        // If a dropdown is visible or we're in an input don't move to the next button
+        if($('.popup').is(":visible") || evt.target.localName === "input") return;
+
+        editbarPosition++;
+        // Allow focus to shift back to end of row and start of row
+        if(editbarPosition >= focusItems.length) editbarPosition = 0;
+        $(focusItems[editbarPosition]).focus();
+      }
+    }
+
+  }
+
+  function aceAttributeCommand(cmd, ace) {
+    ace.ace_toggleAttributeOnSelection(cmd);
+  }
+
+  function registerDefaultCommands(toolbar) {
+    toolbar.registerDropdownCommand("showusers", "users");
+    toolbar.registerDropdownCommand("settings");
+    toolbar.registerDropdownCommand("connectivity");
+    toolbar.registerDropdownCommand("import_export");
+    toolbar.registerDropdownCommand("embed");
+
+    toolbar.registerCommand("settings", function () {
+      toolbar.toggleDropDown("settings", function(){
+        $('#options-stickychat').focus();
+      });
+    });
+
+    toolbar.registerCommand("import_export", function () {
+      toolbar.toggleDropDown("import_export", function(){
+
+        if (clientVars.thisUserHasEditedThisPad || clientVars.allowAnyoneToImport) {
+          // the user has edited this pad historically or in this session
+          $('#importform').show();
+          $('#importmessagepermission').hide();
+        } else {
+          // this is the first time this user visits this pad
+          $('#importform').hide();
+          $('#importmessagepermission').show();
+        }
+
+        // If Import file input exists then focus on it..
+        if($('#importfileinput').length !== 0){
+          setTimeout(function(){
+            $('#importfileinput').focus();
+          }, 100);
+        }else{
+          $('.exportlink').first().focus();
+        }
+      });
+    });
+
+    toolbar.registerCommand("showusers", function () {
+      toolbar.toggleDropDown("users", function(){
+        $('#myusernameedit').focus();
+      });
+    });
+
+    toolbar.registerCommand("embed", function () {
+      toolbar.setEmbedLinks();
+      toolbar.toggleDropDown("embed", function(){
+        $('#linkinput').focus().select();
+      });
+    });
+
+    toolbar.registerCommand("savedRevision", function () {
+      padsavedrevs.saveNow();
+    });
+
+    toolbar.registerCommand("showTimeSlider", function () {
+      // LAMS fix for returning to pad with same settings
+      localStorage.setItem("etherpadTimesliderReturnUrl", document.location.href);
+      document.location = document.location.pathname+ '/timeslider';
+    });
+
+    toolbar.registerAceCommand("bold", aceAttributeCommand);
+    toolbar.registerAceCommand("italic", aceAttributeCommand);
+    toolbar.registerAceCommand("underline", aceAttributeCommand);
+    toolbar.registerAceCommand("strikethrough", aceAttributeCommand);
+
+    toolbar.registerAceCommand("undo", function (cmd, ace) {
+      ace.ace_doUndoRedo(cmd);
+    });
+
+    toolbar.registerAceCommand("redo", function (cmd, ace) {
+      ace.ace_doUndoRedo(cmd);
+    });
+
+    toolbar.registerAceCommand("insertunorderedlist", function (cmd, ace) {
+      ace.ace_doInsertUnorderedList();
+    });
+
+    toolbar.registerAceCommand("insertorderedlist", function (cmd, ace) {
+      ace.ace_doInsertOrderedList();
+    });
+
+    toolbar.registerAceCommand("indent", function (cmd, ace) {
+      if (!ace.ace_doIndentOutdent(false)) {
+        ace.ace_doInsertUnorderedList();
+      }
+    });
+
+    toolbar.registerAceCommand("outdent", function (cmd, ace) {
+      ace.ace_doIndentOutdent(true);
+    });
+
+    toolbar.registerAceCommand("clearauthorship", function (cmd, ace) {
+      // If we have the whole document selected IE control A has been hit
+      var rep = ace.ace_getRep();
+      var lastChar = rep.lines.atIndex(rep.lines.length()-1).width-1;
+      var lastLineIndex = rep.lines.length()-1;
+      if(rep.selStart[0] === 0 && rep.selStart[1] === 0){
+        // nesting intentionally here to make things readable
+        if(rep.selEnd[0] === lastLineIndex && rep.selEnd[1] === lastChar){
+          var doPrompt = true;
+        }
+      }
+      /*
+      * NOTICE: This command isn't fired on Control Shift C.
+      * I intentionally didn't create duplicate code because if you are hitting
+      * Control Shift C we make the assumption you are a "power user"
+      * and as such we assume you don't need the prompt to bug you each time!
+      * This does make wonder if it's worth having a checkbox to avoid being
+      * prompted again but that's probably overkill for this contribution.
+      */
+
+      // if we don't have any text selected, we have a caret or we have already said to prompt
+      if ((!(rep.selStart && rep.selEnd)) || ace.ace_isCaret() || doPrompt) {
+        if (window.confirm(html10n.get("pad.editbar.clearcolors"))) {
+          ace.ace_performDocumentApplyAttributesToCharRange(0, ace.ace_getRep().alltext.length, [
+            ['author', '']
+          ]);
+        }
+      }
+      else {
+        ace.ace_setAttributeOnSelection('author', '');
+      }
+    });
+
+    toolbar.registerCommand('timeslider_returnToPad', function(cmd) {
+      // LAMS fix for returning to pad with same settings
+      let returnUrl = localStorage.getItem("etherpadTimesliderReturnUrl");
+      if (returnUrl) {
+    	  document.location.href = returnUrl;
+      } else if( document.referrer.length > 0 && document.referrer.substring(document.referrer.lastIndexOf("/")-1, document.referrer.lastIndexOf("/")) === "p") {
+        document.location = document.referrer;
+      } else {
+        document.location = document.location.href.substring(0,document.location.href.lastIndexOf("/"));
+      }
+    });
+  }
+
+  return self;
+}());
+
+exports.padeditbar = padeditbar;