' + m + '
'); - if (wasAtBottom) - { - djs.scrollTop = djs.scrollHeight; - } - } - }, - handleServerMessage: function(m) - { - if (m.type == 'NOTICE') - { - if (m.text) - { - alertBar.displayMessage(function(abar) + if (!pad.padOptions.view) { - abar.find("#servermsgdate").text(" (" + padutils.simpleDateTime(new Date) + ")"); - abar.find("#servermsgtext").text(m.text); - }); - } - if (m.js) - { - window['ev' + 'al'](m.js); - } - } - else if (m.type == 'GUEST_PROMPT') - { - paduserlist.showGuestPrompt(m.userId, m.displayName); - } - }, - handleChannelStateChange: function(newState, message) - { - var oldFullyConnected = !! padconnectionstatus.isFullyConnected(); - var wasConnecting = (padconnectionstatus.getStatus().what == 'connecting'); - if (newState == "CONNECTED") - { - padconnectionstatus.connected(); - } - else if (newState == "RECONNECTING") - { - padconnectionstatus.reconnecting(); - } - else if (newState == "DISCONNECTED") - { - pad.diagnosticInfo.disconnectedMessage = message; - pad.diagnosticInfo.padId = pad.getPadId(); - pad.diagnosticInfo.socket = {}; - - //we filter non objects from the socket object and put them in the diagnosticInfo - //this ensures we have no cyclic data - this allows us to stringify the data - for(var i in socket.socket) - { - var value = socket.socket[i]; - var type = typeof value; - - if(type == "string" || type == "number") + pad.padOptions.view = {}; + } + for (var k in opts.view) { - pad.diagnosticInfo.socket[i] = value; + pad.padOptions.view[k] = opts.view[k]; + padcookie.setPref(k, opts.view[k]); + } + padeditor.setViewOptions(pad.padOptions.view); + } + if (opts.guestPolicy) + { + // order important here + pad.padOptions.guestPolicy = opts.guestPolicy; + } + }, + getPadOptions: function() + { + // caller shouldn't mutate the object + return pad.padOptions; + }, + isPadPublic: function() + { + return pad.getPadOptions().guestPolicy == 'allow'; + }, + suggestUserName: function(userId, name) + { + pad.collabClient.sendClientMessage( + { + type: 'suggestUserName', + unnamedId: userId, + newName: name + }); + }, + handleUserJoin: function(userInfo) + { + paduserlist.userJoinOrUpdate(userInfo); + }, + handleUserUpdate: function(userInfo) + { + paduserlist.userJoinOrUpdate(userInfo); + }, + handleUserLeave: function(userInfo) + { + paduserlist.userLeave(userInfo); + }, + handleClientMessage: function(msg) + { + if (msg.type == 'suggestUserName') + { + if (msg.unnamedId == pad.myUserInfo.userId && msg.newName && !pad.myUserInfo.name) + { + pad.notifyChangeName(msg.newName); + paduserlist.setMyUserInfo(pad.myUserInfo); } } - - pad.asyncSendDiagnosticInfo(); - if (typeof window.ajlog == "string") + else if (msg.type == 'newRevisionList') { - window.ajlog += ("Disconnected: " + message + '\n'); + padsavedrevs.newRevisionList(msg.revisionList); } - padeditor.disable(); - padeditbar.disable(); - padimpexp.disable(); - - padconnectionstatus.disconnected(message); - } - var newFullyConnected = !! padconnectionstatus.isFullyConnected(); - if (newFullyConnected != oldFullyConnected) - { - pad.handleIsFullyConnected(newFullyConnected, wasConnecting); - } - }, - handleIsFullyConnected: function(isConnected, isInitialConnect) - { - pad.determineChatVisibility(isConnected && !isInitialConnect); - pad.determineChatAndUsersVisibility(isConnected && !isInitialConnect); - pad.determineAuthorshipColorsVisibility(); - }, - determineChatVisibility: function(asNowConnectedFeedback){ - var chatVisCookie = padcookie.getPref('chatAlwaysVisible'); - if(chatVisCookie){ // if the cookie is set for chat always visible - chat.stickToScreen(true); // stick it to the screen - $('#options-stickychat').prop("checked", true); // set the checkbox to on - } - else{ - $('#options-stickychat').prop("checked", false); // set the checkbox for off - } - }, - determineChatAndUsersVisibility: function(asNowConnectedFeedback){ - var chatAUVisCookie = padcookie.getPref('chatAndUsersVisible'); - if(chatAUVisCookie){ // if the cookie is set for chat always visible - chat.chatAndUsers(true); // stick it to the screen - $('#options-chatandusers').prop("checked", true); // set the checkbox to on - } - else{ - $('#options-chatandusers').prop("checked", false); // set the checkbox for off - } - }, - determineAuthorshipColorsVisibility: function(){ - var authColCookie = padcookie.getPref('showAuthorshipColors'); - if (authColCookie){ - pad.changeViewOption('showAuthorColors', true); - $('#options-colorscheck').prop("checked", true); - } - else { - $('#options-colorscheck').prop("checked", false); - } - }, - handleCollabAction: function(action) - { - if (action == "commitPerformed") - { - padeditbar.setSyncStatus("syncing"); - } - else if (action == "newlyIdle") - { - padeditbar.setSyncStatus("done"); - } - }, - hideServerMessage: function() - { - alertBar.hideMessage(); - }, - asyncSendDiagnosticInfo: function() - { - window.setTimeout(function() - { - $.ajax( + else if (msg.type == 'revisionLabel') { - type: 'post', - url: '/ep/pad/connection-diagnostic-info', - data: { - diagnosticInfo: JSON.stringify(pad.diagnosticInfo) - }, - success: function() - {}, - error: function() - {} - }); - }, 0); - }, - forceReconnect: function() - { - $('form#reconnectform input.padId').val(pad.getPadId()); - pad.diagnosticInfo.collabDiagnosticInfo = pad.collabClient.getDiagnosticInfo(); - $('form#reconnectform input.diagnosticInfo').val(JSON.stringify(pad.diagnosticInfo)); - $('form#reconnectform input.missedChanges').val(JSON.stringify(pad.collabClient.getMissedChanges())); - $('form#reconnectform').submit(); - }, - // this is called from code put into a frame from the server: - handleImportExportFrameCall: function(callName, varargs) - { - padimpexp.handleFrameCall.call(padimpexp, callName, Array.prototype.slice.call(arguments, 1)); - }, - callWhenNotCommitting: function(f) - { - pad.collabClient.callWhenNotCommitting(f); - }, - getCollabRevisionNumber: function() - { - return pad.collabClient.getCurrentRevisionNumber(); - }, - isFullyConnected: function() - { - return padconnectionstatus.isFullyConnected(); - }, - addHistoricalAuthors: function(data) - { - if (!pad.collabClient) + padsavedrevs.newRevisionList(msg.revisionList); + } + else if (msg.type == 'padoptions') + { + var opts = msg.options; + pad.handleOptionsChange(opts); + } + else if (msg.type == 'guestanswer') + { + // someone answered a prompt, remove it + paduserlist.removeGuestPrompt(msg.guestId); + } + }, + dmesg: function(m) + { + if (pad.getIsDebugEnabled()) + { + var djs = $('#djs').get(0); + var wasAtBottom = (djs.scrollTop - (djs.scrollHeight - $(djs).height()) >= -20); + $('#djs').append('' + m + '
'); + if (wasAtBottom) + { + djs.scrollTop = djs.scrollHeight; + } + } + }, + handleServerMessage: function(m) + { + if (m.type == 'NOTICE') + { + if (m.text) + { + alertBar.displayMessage(function(abar) + { + abar.find("#servermsgdate").text(" (" + padutils.simpleDateTime(new Date) + ")"); + abar.find("#servermsgtext").text(m.text); + }); + } + if (m.js) + { + window['ev' + 'al'](m.js); + } + } + else if (m.type == 'GUEST_PROMPT') + { + paduserlist.showGuestPrompt(m.userId, m.displayName); + } + }, + handleChannelStateChange: function(newState, message) + { + var oldFullyConnected = !! padconnectionstatus.isFullyConnected(); + var wasConnecting = (padconnectionstatus.getStatus().what == 'connecting'); + if (newState == "CONNECTED") + { + padconnectionstatus.connected(); + } + else if (newState == "RECONNECTING") + { + padconnectionstatus.reconnecting(); + } + else if (newState == "DISCONNECTED") + { + pad.diagnosticInfo.disconnectedMessage = message; + pad.diagnosticInfo.padId = pad.getPadId(); + pad.diagnosticInfo.socket = {}; + + //we filter non objects from the socket object and put them in the diagnosticInfo + //this ensures we have no cyclic data - this allows us to stringify the data + for(var i in socket.socket) + { + var value = socket.socket[i]; + var type = typeof value; + + if(type == "string" || type == "number") + { + pad.diagnosticInfo.socket[i] = value; + } + } + + pad.asyncSendDiagnosticInfo(); + if (typeof window.ajlog == "string") + { + window.ajlog += ("Disconnected: " + message + '\n'); + } + padeditor.disable(); + padeditbar.disable(); + padimpexp.disable(); + + padconnectionstatus.disconnected(message); + } + var newFullyConnected = !! padconnectionstatus.isFullyConnected(); + if (newFullyConnected != oldFullyConnected) + { + pad.handleIsFullyConnected(newFullyConnected, wasConnecting); + } + }, + handleIsFullyConnected: function(isConnected, isInitialConnect) + { + pad.determineChatVisibility(isConnected && !isInitialConnect); + pad.determineChatAndUsersVisibility(isConnected && !isInitialConnect); + pad.determineAuthorshipColorsVisibility(); + }, + determineChatVisibility: function(asNowConnectedFeedback){ + var chatVisCookie = padcookie.getPref('chatAlwaysVisible'); + if(chatVisCookie){ // if the cookie is set for chat always visible + chat.stickToScreen(true); // stick it to the screen + $('#options-stickychat').prop("checked", true); // set the checkbox to on + } + else{ + $('#options-stickychat').prop("checked", false); // set the checkbox for off + } + }, + determineChatAndUsersVisibility: function(asNowConnectedFeedback){ + var chatAUVisCookie = padcookie.getPref('chatAndUsersVisible'); + if(chatAUVisCookie){ // if the cookie is set for chat always visible + chat.chatAndUsers(true); // stick it to the screen + $('#options-chatandusers').prop("checked", true); // set the checkbox to on + } + else{ + $('#options-chatandusers').prop("checked", false); // set the checkbox for off + } + }, + determineAuthorshipColorsVisibility: function(){ + var authColCookie = padcookie.getPref('showAuthorshipColors'); + if (authColCookie){ + pad.changeViewOption('showAuthorColors', true); + $('#options-colorscheck').prop("checked", true); + } + else { + $('#options-colorscheck').prop("checked", false); + } + }, + handleCollabAction: function(action) + { + if (action == "commitPerformed") + { + padeditbar.setSyncStatus("syncing"); + } + else if (action == "newlyIdle") + { + padeditbar.setSyncStatus("done"); + } + }, + hideServerMessage: function() + { + alertBar.hideMessage(); + }, + asyncSendDiagnosticInfo: function() { window.setTimeout(function() { - pad.addHistoricalAuthors(data); - }, 1000); - } - else - { - pad.collabClient.addHistoricalAuthors(data); - } - } -}; - -var alertBar = (function() -{ - - var animator = padutils.makeShowHideAnimator(arriveAtAnimationState, false, 25, 400); - - function arriveAtAnimationState(state) - { - if (state == -1) - { - $("#alertbar").css('opacity', 0).css('display', 'block'); - } - else if (state == 0) - { - $("#alertbar").css('opacity', 1); - } - else if (state == 1) - { - $("#alertbar").css('opacity', 0).css('display', 'none'); - } - else if (state < 0) - { - $("#alertbar").css('opacity', state + 1); - } - else if (state > 0) - { - $("#alertbar").css('opacity', 1 - state); - } - } - - var self = { - displayMessage: function(setupFunc) - { - animator.show(); - setupFunc($("#alertbar")); + $.ajax( + { + type: 'post', + url: '/ep/pad/connection-diagnostic-info', + data: { + diagnosticInfo: JSON.stringify(pad.diagnosticInfo) + }, + success: function() + {}, + error: function() + {} + }); + }, 0); }, - hideMessage: function() + forceReconnect: function() { - animator.hide(); + $('form#reconnectform input.padId').val(pad.getPadId()); + pad.diagnosticInfo.collabDiagnosticInfo = pad.collabClient.getDiagnosticInfo(); + $('form#reconnectform input.diagnosticInfo').val(JSON.stringify(pad.diagnosticInfo)); + $('form#reconnectform input.missedChanges').val(JSON.stringify(pad.collabClient.getMissedChanges())); + $('form#reconnectform').submit(); + }, + // this is called from code put into a frame from the server: + handleImportExportFrameCall: function(callName, varargs) + { + padimpexp.handleFrameCall.call(padimpexp, callName, Array.prototype.slice.call(arguments, 1)); + }, + callWhenNotCommitting: function(f) + { + pad.collabClient.callWhenNotCommitting(f); + }, + getCollabRevisionNumber: function() + { + return pad.collabClient.getCurrentRevisionNumber(); + }, + isFullyConnected: function() + { + return padconnectionstatus.isFullyConnected(); + }, + addHistoricalAuthors: function(data) + { + if (!pad.collabClient) + { + window.setTimeout(function() + { + pad.addHistoricalAuthors(data); + }, 1000); + } + else + { + pad.collabClient.addHistoricalAuthors(data); + } } }; - return self; -}()); -var hooks = undefined; + var alertBar = (function() + { -function init() { - requirejs(['ep_etherpad-lite/static/js/pluginfw/hooks'], function (h) { - hooks = h; + var animator = padutils.makeShowHideAnimator(arriveAtAnimationState, false, 25, 400); + + function arriveAtAnimationState(state) + { + if (state == -1) + { + $("#alertbar").css('opacity', 0).css('display', 'block'); + } + else if (state == 0) + { + $("#alertbar").css('opacity', 1); + } + else if (state == 1) + { + $("#alertbar").css('opacity', 0).css('display', 'none'); + } + else if (state < 0) + { + $("#alertbar").css('opacity', state + 1); + } + else if (state > 0) + { + $("#alertbar").css('opacity', 1 - state); + } + } + + var self = { + displayMessage: function(setupFunc) + { + animator.show(); + setupFunc($("#alertbar")); + }, + hideMessage: function() + { + animator.hide(); + } + }; + return self; + }()); + + function init() { return pad.init(); - }); -} + } -var settings = { - LineNumbersDisabled: false -, noColors: false -, useMonospaceFontGlobal: false -, globalUserName: false -, globalUserColor: false -, rtlIsTrue: false -}; + var settings = { + LineNumbersDisabled: false + , noColors: false + , useMonospaceFontGlobal: false + , globalUserName: false + , globalUserColor: false + , rtlIsTrue: false + }; -pad.settings = settings; -exports.baseURL = ''; -exports.settings = settings; -exports.createCookie = createCookie; -exports.readCookie = readCookie; -exports.randomString = randomString; -exports.getParams = getParams; -exports.getUrlVars = getUrlVars; -exports.savePassword = savePassword; -exports.handshake = handshake; -exports.pad = pad; -exports.init = init; -exports.alertBar = alertBar; + pad.settings = settings; + exports.baseURL = ''; + exports.settings = settings; + exports.createCookie = createCookie; + exports.readCookie = readCookie; + exports.randomString = randomString; + exports.getParams = getParams; + exports.getUrlVars = getUrlVars; + exports.savePassword = savePassword; + exports.handshake = handshake; + exports.pad = pad; + exports.init = init; + exports.alertBar = alertBar; + + return exports; +}); diff --git a/src/static/js/pad_connectionstatus.js b/src/static/js/pad_connectionstatus.js index 76eedbc4d..2686f6388 100644 --- a/src/static/js/pad_connectionstatus.js +++ b/src/static/js/pad_connectionstatus.js @@ -20,69 +20,77 @@ * limitations under the License. */ -var padmodals = require('./pad_modals').padmodals; +define([ + 'ep_etherpad-lite/static/js/pad_modals' +], function(padModalsModule) { + var exports = {}; -var padconnectionstatus = (function() -{ + var padmodals = padModalsModule.padmodals; - var status = { - what: 'connecting' - }; + var padconnectionstatus = (function() + { - var self = { - init: function() - { - $('button#forcereconnect').click(function() + var status = { + what: 'connecting' + }; + + var self = { + init: function() { - window.location.reload(); - }); - }, - connected: function() - { - status = { - what: 'connected' - }; - padmodals.showModal('connected'); - padmodals.hideOverlay(); - }, - reconnecting: function() - { - status = { - what: 'reconnecting' - }; - - padmodals.showModal('reconnecting'); - padmodals.showOverlay(); - }, - disconnected: function(msg) - { - if(status.what == "disconnected") - return; - - status = { - what: 'disconnected', - why: msg - }; - - var k = String(msg); // known reason why - if (!(k == 'userdup' || k == 'deleted' || k == 'looping' || k == 'slowcommit' || k == 'initsocketfail' || k == 'unauth' || k == 'badChangeset' || k == 'corruptPad')) + $('button#forcereconnect').click(function() + { + window.location.reload(); + }); + }, + connected: function() { - k = 'disconnected'; + status = { + what: 'connected' + }; + padmodals.showModal('connected'); + padmodals.hideOverlay(); + }, + reconnecting: function() + { + status = { + what: 'reconnecting' + }; + + padmodals.showModal('reconnecting'); + padmodals.showOverlay(); + }, + disconnected: function(msg) + { + if(status.what == "disconnected") + return; + + status = { + what: 'disconnected', + why: msg + }; + + var k = String(msg); // known reason why + if (!(k == 'userdup' || k == 'deleted' || k == 'looping' || k == 'slowcommit' || k == 'initsocketfail' || k == 'unauth' || k == 'badChangeset' || k == 'corruptPad')) + { + k = 'disconnected'; + } + + padmodals.showModal(k); + padmodals.showOverlay(); + }, + isFullyConnected: function() + { + return status.what == 'connected'; + }, + getStatus: function() + { + return status; } + }; + return self; + }()); - padmodals.showModal(k); - padmodals.showOverlay(); - }, - isFullyConnected: function() - { - return status.what == 'connected'; - }, - getStatus: function() - { - return status; - } - }; - return self; -}()); + exports.padconnectionstatus = padconnectionstatus; -exports.padconnectionstatus = padconnectionstatus; + return exports; +}); diff --git a/src/static/js/pad_cookie.js b/src/static/js/pad_cookie.js index 9866dbfdd..67503a754 100644 --- a/src/static/js/pad_cookie.js +++ b/src/static/js/pad_cookie.js @@ -21,113 +21,118 @@ */ -var padcookie = (function() -{ - function getRawCookie() +define([], function () { + var exports = {}; + var padcookie = (function() { - // returns null if can't get cookie text - if (!document.cookie) + function getRawCookie() { - return null; - } - // look for (start of string OR semicolon) followed by whitespace followed by prefs=(something); - var regexResult = document.cookie.match(/(?:^|;)\s*prefs=([^;]*)(?:;|$)/); - if ((!regexResult) || (!regexResult[1])) - { - return null; - } - return regexResult[1]; - } - - function setRawCookie(safeText) - { - var expiresDate = new Date(); - expiresDate.setFullYear(3000); - document.cookie = ('prefs=' + safeText + ';expires=' + expiresDate.toGMTString()); - } - - function parseCookie(text) - { - // returns null if can't parse cookie. - try - { - var cookieData = JSON.parse(unescape(text)); - return cookieData; - } - catch (e) - { - return null; - } - } - - function stringifyCookie(data) - { - return escape(JSON.stringify(data)); - } - - function saveCookie() - { - if (!inited) - { - return; - } - setRawCookie(stringifyCookie(cookieData)); - - if ((!getRawCookie()) && (!alreadyWarnedAboutNoCookies)) - { - alert("Warning: it appears that your browser does not have cookies enabled." + " EtherPad uses cookies to keep track of unique users for the purpose" + " of putting a quota on the number of active users. Using EtherPad without " + " cookies may fill up your server's user quota faster than expected."); - alreadyWarnedAboutNoCookies = true; - } - } - - var wasNoCookie = true; - var cookieData = {}; - var alreadyWarnedAboutNoCookies = false; - var inited = false; - - var pad = undefined; - var self = { - init: function(prefsToSet, _pad) - { - pad = _pad; - - var rawCookie = getRawCookie(); - if (rawCookie) + // returns null if can't get cookie text + if (!document.cookie) { - var cookieObj = parseCookie(rawCookie); - if (cookieObj) + return null; + } + // look for (start of string OR semicolon) followed by whitespace followed by prefs=(something); + var regexResult = document.cookie.match(/(?:^|;)\s*prefs=([^;]*)(?:;|$)/); + if ((!regexResult) || (!regexResult[1])) + { + return null; + } + return regexResult[1]; + } + + function setRawCookie(safeText) + { + var expiresDate = new Date(); + expiresDate.setFullYear(3000); + document.cookie = ('prefs=' + safeText + ';expires=' + expiresDate.toGMTString()); + } + + function parseCookie(text) + { + // returns null if can't parse cookie. + try + { + var cookieData = JSON.parse(unescape(text)); + return cookieData; + } + catch (e) + { + return null; + } + } + + function stringifyCookie(data) + { + return escape(JSON.stringify(data)); + } + + function saveCookie() + { + if (!inited) + { + return; + } + setRawCookie(stringifyCookie(cookieData)); + + if ((!getRawCookie()) && (!alreadyWarnedAboutNoCookies)) + { + alert("Warning: it appears that your browser does not have cookies enabled." + " EtherPad uses cookies to keep track of unique users for the purpose" + " of putting a quota on the number of active users. Using EtherPad without " + " cookies may fill up your server's user quota faster than expected."); + alreadyWarnedAboutNoCookies = true; + } + } + + var wasNoCookie = true; + var cookieData = {}; + var alreadyWarnedAboutNoCookies = false; + var inited = false; + + var pad = undefined; + var self = { + init: function(prefsToSet, _pad) + { + pad = _pad; + + var rawCookie = getRawCookie(); + if (rawCookie) { - wasNoCookie = false; // there was a cookie - delete cookieObj.userId; - delete cookieObj.name; - delete cookieObj.colorId; - cookieData = cookieObj; + var cookieObj = parseCookie(rawCookie); + if (cookieObj) + { + wasNoCookie = false; // there was a cookie + delete cookieObj.userId; + delete cookieObj.name; + delete cookieObj.colorId; + cookieData = cookieObj; + } } - } - for (var k in prefsToSet) + for (var k in prefsToSet) + { + cookieData[k] = prefsToSet[k]; + } + + inited = true; + saveCookie(); + }, + wasNoCookie: function() { - cookieData[k] = prefsToSet[k]; + return wasNoCookie; + }, + getPref: function(prefName) + { + return cookieData[prefName]; + }, + setPref: function(prefName, value) + { + cookieData[prefName] = value; + saveCookie(); } + }; + return self; + }()); - inited = true; - saveCookie(); - }, - wasNoCookie: function() - { - return wasNoCookie; - }, - getPref: function(prefName) - { - return cookieData[prefName]; - }, - setPref: function(prefName, value) - { - cookieData[prefName] = value; - saveCookie(); - } - }; - return self; -}()); + exports.padcookie = padcookie; -exports.padcookie = padcookie; + return exports; +}); diff --git a/src/static/js/pad_editbar.js b/src/static/js/pad_editbar.js index d0b020706..ff687e7e8 100644 --- a/src/static/js/pad_editbar.js +++ b/src/static/js/pad_editbar.js @@ -20,462 +20,471 @@ * limitations under the License. */ -var hooks = require('ep_etherpad-lite/static/js/pluginfw/hooks'); -var padutils = require('./pad_utils').padutils; -var padeditor = require('./pad_editor').padeditor; -var padsavedrevs = require('./pad_savedrevs'); +define([ + 'ep_etherpad-lite/static/js/pluginfw/hooks', + 'ep_etherpad-lite/static/js/pad_utils', + 'ep_etherpad-lite/static/js/pad_editor', + 'ep_etherpad-lite/static/js/pad_savedrevs' +], function(hooks, padUtilsModule, padEditorModule, padsavedrevs) { + var exports = {}; -var ToolbarItem = function (element) { - this.$el = element; -}; + var padutils = padUtilsModule.padutils; + var padeditor = padEditorModule.padeditor; -ToolbarItem.prototype.getCommand = function () { - return this.$el.attr("data-key"); -}; + var ToolbarItem = function (element) { + this.$el = element; + }; -ToolbarItem.prototype.getValue = function () { - if (this.isSelect()) { - return this.$el.find("select").val(); - } -}; + ToolbarItem.prototype.getCommand = function () { + return this.$el.attr("data-key"); + }; -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 = []; - // Listen for resize events (sucks but needed as iFrame ace_inner has to be position absolute - // A CSS fix for this would be nice but I'm not sure how we'd do it. - $(window).resize(function(){ - self.redrawHeight(); - }); - - $("#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); - }); - - $('#editbar').show(); - - this.redrawHeight(); - - registerDefaultCommands(self); - - hooks.callAll("postToolbarInit", { - toolbar: self, - ace: padeditor.ace - }); - }, - isEnabled: function() - { -// return !$("#editbar").hasClass('disabledtoolbar'); - return true; - }, - disable: function() - { - $("#editbar").addClass('disabledtoolbar').removeClass("enabledtoolbar"); - }, - commands: {}, - registerCommand: function (cmd, callback) { - this.commands[cmd] = callback; - return this; - }, - redrawHeight: function(){ - var editbarHeight = $('.menu_left').height() + 1 + "px"; - var containerTop = $('.menu_left').height() + 6 + "px"; - $('#editbar').css("height", editbarHeight); - - $('#editorcontainer').css("top", containerTop); - - // make sure pop ups are in the right place - if($('#editorcontainer').offset()){ - $('.popup').css("top", $('#editorcontainer').offset().top + "px"); - } - - // If sticky chat is enabled.. - if($('#options-stickychat').is(":checked")){ - if($('#editorcontainer').offset()){ - $('#chatbox').css("top", $('#editorcontainer').offset().top + "px"); - } - }; - - // If chat and Users is enabled.. - if($('#options-chatandusers').is(":checked")){ - if($('#editorcontainer').offset()){ - $('#users').css("top", $('#editorcontainer').offset().top + "px"); - } - } - - }, - 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) { - ace.callWithAce(function (ace) { - callback(cmd, ace); - }, 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) - { - // hide all modules and remove highlighting of all buttons - if(moduleName == "none") - { - var returned = false - for(var i=0;i