2012-03-22 18:35:06 +01:00
< %
var settings = require("ep_etherpad-lite/node/utils/Settings");
%>
2011-12-06 18:45:16 +01:00
<!doctype html>
2012-01-26 17:22:44 +01:00
< html >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< title > Etherpad Lite< / title >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< meta charset = "utf-8" >
< meta name = "robots" content = "noindex, nofollow" >
2012-02-27 22:04:03 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" >
2011-12-06 18:54:57 +01:00
2012-05-20 14:48:02 +02:00
< link rel = "shortcut icon" href = "../favicon.ico" >
2012-03-21 19:29:06 +01:00
< % e.begin_block("styles"); %>
2012-04-16 15:19:53 +02:00
< link href = "../static/css/pad.css" rel = "stylesheet" >
< link href = "../static/custom/pad.css" rel = "stylesheet" >
< style title = "dynamicsyntax" > < / style >
2012-03-21 19:29:06 +01:00
< % e.end_block(); %>
2011-12-06 18:54:57 +01:00
2012-02-28 21:21:59 +01:00
<!-- head and body had been removed intentionally -->
2012-04-12 20:24:38 +02:00
< % e.begin_block("body"); %>
2012-03-28 19:20:07 +02:00
< div id = "editbar" class = "toolbar" >
< ul class = "menu_left" >
2012-04-16 15:19:53 +02:00
< % e.begin_block("editbarMenuLeft"); %>
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "bold" data-key = "bold" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-left" title = "Bold (ctrl-B)" >
< span class = "buttonicon buttonicon-bold" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "italic" data-key = "italic" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-middle" title = "Italics (ctrl-I)" >
< span class = "buttonicon buttonicon-italic" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "underline" data-key = "underline" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-middle" title = "Underline (ctrl-U)" >
< span class = "buttonicon buttonicon-underline" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "strikethrough" data-key = "strikethrough" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-right" title = "Strikethrough" >
< span class = "buttonicon buttonicon-strikethrough" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-30 17:41:43 +02:00
< li class = "acl-write separator" > < / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "oderedlist" data-key = "insertorderedlist" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-left" title = "Toggle Ordered List" >
< span class = "buttonicon buttonicon-insertorderedlist" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "unoderedlist" data-key = "insertunorderedlist" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-middle" title = "Toggle Bullet List" >
< span class = "buttonicon buttonicon-insertunorderedlist" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "indent" data-key = "indent" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-middle" title = "Indent" >
< span class = "buttonicon buttonicon-indent" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "outdent" data-key = "outdent" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-right" title = "Unindent" >
< span class = "buttonicon buttonicon-outdent" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-30 17:41:43 +02:00
< li class = "acl-write separator" > < / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "undo" data-key = "undo" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-left" title = "Undo (ctrl-Z)" >
< span class = "buttonicon buttonicon-undo" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "redo" data-key = "redo" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-right" title = "Redo (ctrl-Y)" >
< span class = "buttonicon buttonicon-redo" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-30 17:41:43 +02:00
< li class = "acl-write separator" > < / li >
2012-05-29 21:26:12 +02:00
< li class = "acl-write" id = "clearAuthorship" data-key = "clearauthorship" >
2012-05-30 17:41:43 +02:00
< a title = "Clear Authorship Colors" >
< span class = "buttonicon buttonicon-clearauthorship" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
< % e.end_block(); %>
2012-04-16 15:13:07 +02:00
< / ul >
2012-03-28 19:20:07 +02:00
< ul class = "menu_right" >
2012-04-16 15:19:53 +02:00
< % e.begin_block("editbarMenuRight"); %>
2012-05-29 21:26:12 +02:00
< li class = "acl-write" data-key = "settings" >
2012-05-20 15:29:10 +02:00
< a class = "grouped-left" id = "settingslink" title = "Settings of this pad" >
2012-02-29 23:39:01 +01:00
< span class = "buttonicon buttonicon-settings" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-30 17:41:43 +02:00
< li class = "acl-write" data-key = "savedRevision" >
< a class = "grouped-right" id = "revisionlink" title = "Mark this revision as a saved revision" >
< span class = "buttonicon buttonicon-savedRevision" > < / span >
< / a >
< / li >
< li class = "acl-write separator" > < / li >
2012-05-15 02:11:05 +02:00
< li data-key = "import_export" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-left" id = "importexportlink" title = "Import/Export from/to different document formats" >
2012-02-29 23:39:01 +01:00
< span class = "buttonicon buttonicon-import_export" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-05-15 02:11:05 +02:00
< li data-key = "embed" >
2012-05-30 17:41:43 +02:00
< a class = "grouped-right" id = "embedlink" title = "Share and Embed this pad" >
< span class = "grouped-right buttonicon buttonicon-embed" > < / span >
2012-02-29 23:39:01 +01:00
< / a >
2012-04-16 15:19:53 +02:00
< / li >
< li class = "separator" > < / li >
2012-05-15 02:11:05 +02:00
< li onClick = "document.location = document.location.pathname+ '/timeslider'" >
< a id = "timesliderlink" title = "Show the history of this pad" >
2012-02-29 23:39:01 +01:00
< span class = "buttonicon buttonicon-history" > < / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
2012-03-01 01:47:16 +01:00
< li id = "usericon" data-key = "showusers" >
< a title = "Show connected users" >
2012-05-20 15:59:51 +02:00
< span class = "buttonicon buttonicon-showusers" > < / span >
2012-03-01 01:47:16 +01:00
< span id = "online_count" > 1< / span >
< / a >
2012-04-16 15:19:53 +02:00
< / li >
< % e.end_block(); %>
2012-01-26 17:22:44 +01:00
< / ul >
< / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "users" >
< div id = "connectionstatus" > < / div >
< div id = "myuser" >
< div id = "mycolorpicker" >
< div id = "colorpicker" > < / div >
2012-02-06 21:37:47 +01:00
< button id = "mycolorpickersave" > Save< / button >
< button id = "mycolorpickercancel" > Cancel< / button >
2012-01-26 17:22:44 +01:00
< span id = "mycolorpickerpreview" class = "myswatchboxhoverable" > < / span >
2012-04-16 15:13:07 +02:00
< / div >
2012-01-26 17:22:44 +01:00
< div id = "myswatchbox" > < div id = "myswatch" > < / div > < / div >
< div id = "myusernameform" > < input type = "text" id = "myusernameedit" disabled = "disabled" > < / div >
2012-04-16 15:13:07 +02:00
< div id = "mystatusform" > < input type = "text" id = "mystatusedit" disabled = "disabled" > < / div >
2012-01-26 17:22:44 +01:00
< / div >
< div id = "otherusers" >
< div id = "guestprompts" > < / div >
< table id = "otheruserstable" cellspacing = "0" cellpadding = "0" border = "0" >
< tr > < td > < / td > < / tr >
< / table >
2012-04-16 15:13:07 +02:00
< div id = "nootherusers" > < / div >
2012-01-26 17:22:44 +01:00
< / div >
< div id = "userlistbuttonarea" > < / div >
< / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "editorcontainerbox" >
< div id = "editorcontainer" > < / div >
< div id = "editorloadingbox" > Loading...< / div >
< / div >
2011-12-06 18:54:57 +01:00
2012-04-29 01:00:31 +02:00
< div id = "settings" class = "popup" >
2012-01-28 17:38:52 +01:00
< h1 > Pad settings< / h1 >
2012-02-27 22:06:46 +01:00
< div class = "column" >
2012-04-12 20:24:38 +02:00
< % e.begin_block("mySettings"); %>
2012-01-28 17:38:52 +01:00
< h2 > My view< / h2 >
2012-01-27 02:00:14 +01:00
< p >
2012-01-28 17:38:52 +01:00
< input type = "checkbox" id = "options-stickychat" onClick = "chat.stickToScreen();" >
< label for = "options-stickychat" > Chat always on screen< / label >
2012-01-27 02:00:14 +01:00
< / p >
< p >
2012-02-27 16:24:36 +01:00
< input type = "checkbox" id = "options-colorscheck" >
2012-01-28 17:38:52 +01:00
< label for = "options-colorscheck" > Authorship colors< / label >
2012-01-27 02:00:14 +01:00
< / p >
< p >
2012-01-28 17:38:52 +01:00
< input type = "checkbox" id = "options-linenoscheck" checked >
< label for = "options-linenoscheck" > Line numbers< / label >
2012-01-27 02:00:14 +01:00
< / p >
< p >
Font type:
< select id = "viewfontmenu" >
< option value = "normal" > Normal< / option >
< option value = "monospace" > Monospaced< / option >
< / select >
< / p >
2012-04-12 20:24:38 +02:00
< % e.end_block(); %>
2012-01-27 02:00:14 +01:00
< / div >
2012-02-27 22:06:46 +01:00
< div class = "column" >
2012-04-12 20:24:38 +02:00
< % e.begin_block("globalSettings"); %>
2012-01-28 17:38:52 +01:00
< h2 > Global view< / h2 >
2012-04-12 20:24:38 +02:00
< % e.end_block(); %>
2012-01-27 02:00:14 +01:00
< / div >
2012-01-28 17:38:52 +01:00
< / div >
2011-12-06 18:54:57 +01:00
2012-01-28 17:38:52 +01:00
< div id = "importexport" class = "popup" >
2012-05-20 15:59:51 +02:00
< h1 > Import/Export< / h1 >
2012-05-17 12:03:38 +02:00
< div class = "column acl-write" >
2012-04-12 20:24:38 +02:00
< % e.begin_block("importColumn"); %>
2012-05-20 15:59:51 +02:00
< h2 > Upload any text file or document< / h2 > < br >
2012-01-26 17:22:44 +01:00
< form id = "importform" method = "post" action = "" target = "importiframe" enctype = "multipart/form-data" >
2012-04-16 15:13:07 +02:00
< div class = "importformdiv" id = "importformfilediv" >
< input type = "file" name = "file" size = "15" id = "importfileinput" >
< div class = "importmessage" id = "importmessagefail" > < / div >
< / div >
2012-02-24 13:23:31 +01:00
< div id = "import" > < / div >
2012-04-16 15:13:07 +02:00
< div class = "importmessage" id = "importmessagesuccess" > Successful!< / div >
< div class = "importformdiv" id = "importformsubmitdiv" >
< input type = "hidden" name = "padId" value = "blpmaXT35R" >
< span class = "nowrap" >
< input type = "submit" name = "submit" value = "Import Now" disabled = "disabled" id = "importsubmitinput" >
< img alt = "" id = "importstatusball" src = "../static/img/loading.gif" align = "top" >
< img alt = "" id = "importarrow" src = "../static/img/leftarrow.png" align = "top" >
< / span >
< / div >
2012-01-26 17:22:44 +01:00
< / form >
2012-04-12 20:24:38 +02:00
< % e.end_block(); %>
2012-01-26 17:22:44 +01:00
< / div >
2012-02-27 22:06:46 +01:00
< div class = "column" >
2012-01-28 17:38:52 +01:00
< h2 > Export current pad as< / h2 >
2012-04-12 20:24:38 +02:00
< % e.begin_block("exportColumn"); %>
2012-01-26 17:22:44 +01:00
< a id = "exporthtmla" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exporthtml" > HTML< / div > < / a >
< a id = "exportplaina" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exportplain" > Plain text< / div > < / a >
< a id = "exportworda" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exportword" > Microsoft Word< / div > < / a >
< a id = "exportpdfa" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exportpdf" > PDF< / div > < / a >
< a id = "exportopena" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exportopen" > OpenDocument< / div > < / a >
< a id = "exportdokuwikia" target = "_blank" class = "exportlink" > < div class = "exporttype" id = "exportdokuwiki" > DokuWiki text< / div > < / a >
2012-04-12 20:24:38 +02:00
< % e.end_block(); %>
2012-01-26 17:22:44 +01:00
< / div >
< / div >
2011-12-06 18:54:57 +01:00
2012-01-28 17:38:52 +01:00
< div id = "embed" class = "popup" >
2012-04-12 20:24:38 +02:00
< % e.begin_block("embedPopup"); %>
2012-05-17 12:03:38 +02:00
< div id = "embedreadonly" class = "right acl-write" >
2012-01-28 17:38:52 +01:00
< input type = "checkbox" id = "readonlyinput" onClick = "padeditbar.setEmbedLinks();" >
< label for = "readonlyinput" > Read only< / label >
2012-01-26 17:22:44 +01:00
< / div >
2012-01-28 17:38:52 +01:00
< h1 > Share this pad< / h1 >
2012-01-26 17:22:44 +01:00
< div id = "linkcode" >
2012-01-28 17:38:52 +01:00
< h2 > Link< / h2 >
< input id = "linkinput" type = "text" value = "" >
2012-01-26 17:22:44 +01:00
< / div >
< br >
< div id = "embedcode" >
2012-01-28 17:38:52 +01:00
< h2 > Embed URL< / h2 >
< input id = "embedinput" type = "text" value = "" >
2012-01-26 17:22:44 +01:00
< / div >
2012-05-01 12:02:12 +02:00
< % e.end_block(); %>
2012-01-26 17:22:44 +01:00
< / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "chatthrob" > < / div >
2011-12-06 18:54:57 +01:00
2012-02-28 21:21:59 +01:00
< div id = "chaticon" title = "Open the chat for this pad" onclick = "chat.show();return false;" >
< span id = "chatlabel" > Chat< / span >
< span class = "buttonicon buttonicon-chat" > < / span >
2012-01-26 17:22:44 +01:00
< span id = "chatcounter" > 0< / span >
< / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "chatbox" >
< div id = "titlebar" > < span id = "titlelabel" > Chat< / span > < a id = "titlecross" onClick = "chat.hide();return false;" > - < / a > < / div >
< div id = "chattext" class = "authorColors" > < / div >
< div id = "chatinputbox" >
< form >
< input id = "chatinput" type = "text" maxlength = "140" >
< / form >
< / div >
< / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "focusprotector" > < / div >
2011-12-06 18:54:57 +01:00
2012-01-26 17:22:44 +01:00
< div id = "modaloverlay" >
< div id = "modaloverlay-inner" > < / div >
< / div >
2012-04-16 15:13:07 +02:00
2012-01-26 17:22:44 +01:00
< div id = "mainmodals" >
2012-03-21 19:29:06 +01:00
< % e.begin_block("modals"); %>
2012-04-16 15:19:53 +02:00
< div id = "connectionbox" class = "modaldialog" >
< div id = "connectionboxinner" class = "modaldialog-inner" >
< div class = "connecting" > Connecting...< / div >
< div class = "reconnecting" > Reestablishing connection...< / div >
< div class = "disconnected" >
< h2 class = "h2_disconnect" > Disconnected.< / h2 >
< h2 class = "h2_userdup" > Opened in another window.< / h2 >
< h2 class = "h2_unauth" > No Authorization.< / h2 >
< div id = "disconnected_looping" >
< p > < b > We're having trouble talking to the EtherPad lite synchronization server.< / b > You may be connecting through an incompatible firewall or proxy server.< / p >
< / div >
< div id = "disconnected_initsocketfail" >
< p > < b > We were unable to connect to the EtherPad lite synchronization server.< / b > This may be due to an incompatibility with your web browser or internet connection.< / p >
< / div >
< div id = "disconnected_userdup" >
< p > < b > You seem to have opened this pad in another browser window.< / b > If you'd like to use this window instead, you can reconnect.< / p >
< / div >
< div id = "disconnected_unknown" >
< p > < b > Lost connection with the EtherPad lite synchronization server.< / b > This may be due to a loss of network connectivity.< / p >
< / div >
< div id = "disconnected_slowcommit" >
< p > < b > Server not responding.< / b > This may be due to network connectivity issues or high load on the server.< / p >
< / div >
< div id = "disconnected_unauth" >
< p > Your browser's credentials or permissions have changed while viewing this pad. Try reconnecting.< / p >
< / div >
< div id = "disconnected_deleted" >
< p > This pad was deleted.< / p >
< / div >
< div id = "reconnect_advise" >
< p > If this continues to happen, please let us know< / p >
< / div >
< div id = "reconnect_form" >
< button id = "forcereconnect" > Reconnect Now< / button >
2012-01-26 17:22:44 +01:00
< / div >
< / div >
< / div >
2012-04-16 15:19:53 +02:00
< form id = "reconnectform" method = "post" action = "/ep/pad/reconnect" accept-charset = "UTF-8" style = "display: none;" >
< input type = "hidden" class = "padId" name = "padId" >
< input type = "hidden" class = "diagnosticInfo" name = "diagnosticInfo" >
< input type = "hidden" class = "missedChanges" name = "missedChanges" >
< / form >
< / div >
2012-03-21 19:29:06 +01:00
< % e.end_block(); %>
2012-01-26 17:22:44 +01:00
< / div >
2012-04-12 20:24:38 +02:00
< % e.end_block(); %>
2012-04-16 15:13:07 +02:00
2012-03-21 19:29:06 +01:00
< % e.begin_block("scripts"); %>
2012-04-16 15:19:53 +02:00
< script type = "text/javascript" src = "../static/js/require-kernel.js" > < / script >
< script type = "text/javascript" src = "../socket.io/socket.io.js" > < / script >
2012-05-28 22:55:19 +02:00
<!-- Include base packages manually (this help with debugging) -->
2012-04-16 15:19:53 +02:00
< script type = "text/javascript" src = "../javascripts/lib/ep_etherpad-lite/static/js/pad.js?callback=require.define" > < / script >
2012-05-28 22:52:04 +02:00
< script type = "text/javascript" src = "../javascripts/lib/ep_etherpad-lite/static/js/ace2_common.js?callback=require.define" > < / script >
2012-05-28 22:55:19 +02:00
2012-06-13 12:56:09 +02:00
< script type = "text/javascript" src = "../static/custom/pad.js" > < / script >
2012-06-12 23:20:54 +02:00
2012-05-28 22:55:19 +02:00
<!-- Bootstrap page -->
2012-04-16 15:19:53 +02:00
< script type = "text/javascript" >
var clientVars = {};
(function () {
2012-04-25 10:23:58 +02:00
2012-04-29 19:54:38 +02:00
var pathComponents = location.pathname.split('/');
// Strip 'p' and the padname from the pathname and set as baseURL
var baseURL = pathComponents.slice(0,pathComponents.length-2).join('/') + '/';
2012-04-25 10:23:58 +02:00
require.setRootURI(baseURL + "javascripts/src");
require.setLibraryURI(baseURL + "javascripts/lib");
2012-04-16 15:19:53 +02:00
require.setGlobalKeyPath("require");
2011-12-06 18:54:57 +01:00
2012-05-28 22:50:55 +02:00
$ = jQuery = require('ep_etherpad-lite/static/js/rjquery').jQuery; // Expose jQuery #HACK
2012-05-28 23:01:05 +02:00
if ((!$.browser.msie) & & (!($.browser.mozilla & & $.browser.version.indexOf("1.8.") == 0))) {
document.domain = document.domain; // for comet
}
2012-04-16 15:19:53 +02:00
var plugins = require('ep_etherpad-lite/static/js/pluginfw/plugins');
2012-04-25 10:23:58 +02:00
plugins.baseURL = baseURL;
2012-04-16 15:19:53 +02:00
plugins.update(function () {
2012-04-25 10:23:58 +02:00
var pad = require('ep_etherpad-lite/static/js/pad');
pad.baseURL = baseURL;
pad.init();
2012-04-16 15:19:53 +02:00
});
2012-03-11 00:50:15 +01:00
2012-04-16 15:19:53 +02:00
/* TODO: These globals shouldn't exist. */
pad = require('ep_etherpad-lite/static/js/pad').pad;
chat = require('ep_etherpad-lite/static/js/chat').chat;
padeditbar = require('ep_etherpad-lite/static/js/pad_editbar').padeditbar;
padimpexp = require('ep_etherpad-lite/static/js/pad_impexp').padimpexp;
}());
< / script >
2012-03-21 19:29:06 +01:00
< % e.end_block(); %>
2011-05-28 19:09:17 +02:00
< / html >
