A text-based bookmark manager rendered in a web page
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1031 lines
47 KiB

<!doctype html>
<html class="plugin-ep_headings2 plugin-ep_markdown plugin-ep_table_of_contents plugin-ep_scrolltoanchor plugin-ep_image_upload plugin-ep_font_color plugin-ep_align plugin-ep_comments_page super-light-toolbar super-light-editor light-background">
<title>ErgPad</title>
<script>
/*
|@licstart The following is the entire license notice for the
JavaScript code in this page.|
Copyright 2011 Peter Martischka, Primary Technology.
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.
|@licend The above is the entire license notice
for the JavaScript code in this page.|
*/
</script>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow">
<meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="shortcut icon" href="../favicon.ico">
<link href="../static/css/pad.css?v=6f150d00" rel="stylesheet">
<link href="../static/skins/colibris/pad.css?v=6f150d00" rel="stylesheet">
<style title="dynamicsyntax"></style>
<link href='../static/plugins/ep_table_of_contents/static/css/toc.css' rel='stylesheet'><link rel="stylesheet" href="/static/plugins/ep_image_upload/static/css/ep_image_upload.css" type="text/css" /><link rel="stylesheet" href="../static/plugins/ep_comments_page/static/css/main.css" type="text/css" />
<link rel="stylesheet" href="../static/plugins/ep_comments_page/static/css/comment.css" type="text/css" />
<link rel="localizations" type="application/l10n+json" href="../locales.json" />
<script type="text/javascript" src="../static/js/html10n.js?v=6f150d00"></script>
<script type="text/javascript" src="../static/js/l10n.js?v=6f150d00"></script>
<!-- head and body had been removed intentionally -->
<!----------------------------->
<!--------- TOOLBAR ----------->
<!----------------------------->
<div id="editbar" class="toolbar">
<div id="toolbar-overlay"></div>
<ul class="menu_left" role="toolbar">
<li data-type="button" data-key="bold"><a class="grouped-left" data-l10n-id="pad.toolbar.bold.title"><button class=" buttonicon buttonicon-bold" data-l10n-id="pad.toolbar.bold.title"></button></a></li>
<li data-type="button" data-key="italic"><a class="grouped-middle" data-l10n-id="pad.toolbar.italic.title"><button class=" buttonicon buttonicon-italic" data-l10n-id="pad.toolbar.italic.title"></button></a></li>
<li data-type="button" data-key="underline"><a class="grouped-middle" data-l10n-id="pad.toolbar.underline.title"><button class=" buttonicon buttonicon-underline" data-l10n-id="pad.toolbar.underline.title"></button></a></li>
<li data-type="button" data-key="strikethrough"><a class="grouped-right" data-l10n-id="pad.toolbar.strikethrough.title"><button class=" buttonicon buttonicon-strikethrough" data-l10n-id="pad.toolbar.strikethrough.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="insertorderedlist"><a class="grouped-left" data-l10n-id="pad.toolbar.ol.title"><button class=" buttonicon buttonicon-insertorderedlist" data-l10n-id="pad.toolbar.ol.title"></button></a></li>
<li data-type="button" data-key="insertunorderedlist"><a class="grouped-middle" data-l10n-id="pad.toolbar.ul.title"><button class=" buttonicon buttonicon-insertunorderedlist" data-l10n-id="pad.toolbar.ul.title"></button></a></li>
<li data-type="button" data-key="indent"><a class="grouped-middle" data-l10n-id="pad.toolbar.indent.title"><button class=" buttonicon buttonicon-indent" data-l10n-id="pad.toolbar.indent.title"></button></a></li>
<li data-type="button" data-key="outdent"><a class="grouped-right" data-l10n-id="pad.toolbar.unindent.title"><button class=" buttonicon buttonicon-outdent" data-l10n-id="pad.toolbar.unindent.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="undo"><a class="grouped-left" data-l10n-id="pad.toolbar.undo.title"><button class=" buttonicon buttonicon-undo" data-l10n-id="pad.toolbar.undo.title"></button></a></li>
<li data-type="button" data-key="redo"><a class="grouped-right" data-l10n-id="pad.toolbar.redo.title"><button class=" buttonicon buttonicon-redo" data-l10n-id="pad.toolbar.redo.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="clearauthorship"><a class="" data-l10n-id="pad.toolbar.clearAuthorship.title"><button class=" buttonicon buttonicon-clearauthorship" data-l10n-id="pad.toolbar.clearAuthorship.title"></button></a></li><li class="separator"></li>
<li class="separator acl-write"></li>
<li id="headings" class="acl-write">
<select id="heading-selection">
<option value="dummy" selected data-l10n-id="ep_headings.style">Style</option>
<option value="-1" data-l10n-id="ep_headings.normal">Normal</option>
<option value="0" data-l10n-id="ep_headings.h1">Heading 1</option>
<option value="1" data-l10n-id="ep_headings.h2">Heading 2</option>
<option value="2" data-l10n-id="ep_headings.h3">Heading 3</option>
<option value="3" data-l10n-id="ep_headings.h4">Heading 4</option>
<option value="4" data-l10n-id="ep_headings.code">Code</option>
</select>
</li>
<li class="separator acl-write"></li>
<li data-type="button" data-key="imageUpload" data-l10n-id="ep_image_upload.toolbar.image_upload.title">
<a class="grouped-left ep_image_upload" data-align="0" data-l10n-id="ep_image_upload.toolbar.image_upload.title" title="Upload Image" aria-label="Upload Image">
<button class="buttonicon ep_image_upload image_upload buttonicon-picture" data-align="0" aria-label="Upload Image"></button>
</a>
</li>
<li class="separator acl-write"></li>
<li class="acl-write font-color-icon ep_font_color">
<a title="Font color">
<span class="buttonicon"></span>
</a>
</li>
<li id="font-color" class="acl-write" style="display:none;">
<select class="color-selection">
<option value="dummy" selected data-l10n-id="ep_font_color.color">Color</option>
<option value="0" data-l10n-id="ep_font_color.black">black</option>
<option value="1" data-l10n-id="ep_font_color.red">red</option>
<option value="2" data-l10n-id="ep_font_color.green">green</option>
<option value="3" data-l10n-id="ep_font_color.blue">blue</option>
<option value="4" data-l10n-id="ep_font_color.yellow">yellow</option>
<option value="5" data-l10n-id="ep_font_color.orange">orange</option>
</select>
</li>
<style>
.ep_font_color {
font-family:font-awesome;
}
.ep_font_color .buttonicon:before{
content:"\e81b";
top: 2px !important;
border-bottom:solid 1px red;
}
</style>
<li class="separator acl-write"></li>
<li data-type="button" data-key="alignLeft" data-l10n-id="ep_align.toolbar.left.title">
<a class="grouped-left ep_align" data-align="0" data-l10n-id="ep_align.toolbar.left.title" title="Align Left" aria-label="Align Left">
<button class="buttonicon buttonicon-align-left ep_align_left" data-align="0" aria-label="Align Left"></button>
</a>
</li>
<li data-type="button" data-key="alignCenter" data-l10n-id="ep_align.toolbar.center.title">
<a class="grouped-middle ep_align" data-align="1" data-l10n-id="ep_align.toolbar.center.title" title="Align Center" aria-label="Align Center">
<button class="buttonicon buttonicon-align-center ep_align_center" data-align="1" aria-label="Align Center"></button>
</a>
</li>
<li data-type="button" data-key="alignRight" data-l10n-id="ep_align.toolbar.right.title">
<a class="grouped-middle ep_align" data-align="3" data-l10n-id="ep_align.toolbar.right.title" title="Align Right" aria-label="Align Right">
<button class="buttonicon buttonicon-align-right ep_align_right" data-align="3" aria-label="Align Right"></button>
</a>
</li>
<li data-type="button" data-key="alignJustify" data-l10n-id="ep_align.toolbar.justify.title">
<a class="grouped-right ep_align" data-align="2" data-l10n-id="ep_align.toolbar.justify.title" title="Align Justify" aria-label="Align Justify">
<button class="buttonicon buttonicon-align-justify ep_align_justify" data-align="2" aria-label="Align Justify"></button>
</a>
</li>
<li class="separator"></li>
<li class="addComment">
<a title="Add new comment on selection" data-l10n-id="ep_comments_page.add_comment.title">
<span class="buttonicon buttonicon-comment-medical"></span>
</a>
</li>
</ul>
<ul class="menu_right" role="toolbar">
<li data-type="button" data-key="import_export"><a class="grouped-left" data-l10n-id="pad.toolbar.import_export.title"><button class=" buttonicon buttonicon-import_export" data-l10n-id="pad.toolbar.import_export.title"></button></a></li>
<li data-type="button" data-key="showTimeSlider"><a class="grouped-middle" data-l10n-id="pad.toolbar.timeslider.title"><button class=" buttonicon buttonicon-history" data-l10n-id="pad.toolbar.timeslider.title"></button></a></li>
<li data-type="button" data-key="savedRevision"><a class="grouped-right" data-l10n-id="pad.toolbar.savedRevision.title"><button class=" buttonicon buttonicon-savedRevision" data-l10n-id="pad.toolbar.savedRevision.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="settings"><a class="grouped-left" data-l10n-id="pad.toolbar.settings.title"><button class=" buttonicon buttonicon-settings" data-l10n-id="pad.toolbar.settings.title"></button></a></li>
<li data-type="button" data-key="embed"><a class="grouped-right" data-l10n-id="pad.toolbar.embed.title"><button class=" buttonicon buttonicon-embed" data-l10n-id="pad.toolbar.embed.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="showusers"><a class="" data-l10n-id="pad.toolbar.showusers.title"><button class=" buttonicon buttonicon-showusers" data-l10n-id="pad.toolbar.showusers.title"></button></a></li>
</ul>
<span class="show-more-icon-btn"></span> <!-- use on small screen to display hidden toolbar buttons -->
</div>
<div id="editorcontainerbox" class="flex-layout">
<!----------------------------->
<!--- PAD EDITOR (in iframe) -->
<!----------------------------->
<div id="editorcontainer" class="editorcontainer"></div>
<div id="editorloadingbox">
<div id="permissionDenied">
<p data-l10n-id="pad.permissionDenied" class="editorloadingbox-message">
You do not have permission to access this pad
</p>
</div>
<p data-l10n-id="pad.loading" id="loading" class="editorloadingbox-message">
Loading...
</p>
<noscript>
<p class="editorloadingbox-message">
<strong>
Sorry, you have to enable Javascript in order to use this.
</strong>
</p>
</noscript>
</div>
<!------------------------------------------------------------->
<!-- SETTINGS POPUP (change font, language, chat parameters) -->
<!------------------------------------------------------------->
<div id="settings" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.settings.padSettings"></h1>
<h2 data-l10n-id="pad.settings.myView"></h2>
<p class="hide-for-mobile">
<input type="checkbox" id="options-stickychat" onClick="chat.stickToScreen();">
<label for="options-stickychat" data-l10n-id="pad.settings.stickychat"></label>
</p>
<p class="hide-for-mobile">
<input type="checkbox" id="options-chatandusers" onClick="chat.chatAndUsers();">
<label for="options-chatandusers" data-l10n-id="pad.settings.chatandusers"></label>
</p>
<p>
<input type="checkbox" id="options-colorscheck">
<label for="options-colorscheck" data-l10n-id="pad.settings.colorcheck"></label>
</p>
<p>
<input type="checkbox" id="options-linenoscheck" checked>
<label for="options-linenoscheck" data-l10n-id="pad.settings.linenocheck"></label>
</p>
<p>
<input type="checkbox" id="options-rtlcheck">
<label for="options-rtlcheck" data-l10n-id="pad.settings.rtlcheck"></label>
</p>
<p>
<input type="checkbox" id="options-markdown" unchecked></input>
<label for="options-markdown" data-l10n-id="ep_markdown.showMarkdown">Show markdown</label>
</p>
<p>
<input type="checkbox" id="options-toc" checked></input>
<label for="options-toc" data-l10n-id="ep_table_of_contents.toc">Table of Contents</label>
</p>
<p>
<input type="checkbox" id="options-comments" checked></input>
<label for="options-comments" data-l10n-id="ep_comments_page.show_comments">Show Comments</label>
</p>
<div class="dropdowns-container">
<p class="dropdown-line">
<label for="viewfontmenu" data-l10n-id="pad.settings.fontType">Font type:</label>
<select id="viewfontmenu">
<option value="" data-l10n-id="pad.settings.fontType.normal">Normal</option>
Quicksand,Roboto,Alegreya,PlayfairDisplay,Montserrat,OpenDyslexic,RobotoMono
<option value="Quicksand">Quicksand</option>
<option value="Roboto">Roboto</option>
<option value="Alegreya">Alegreya</option>
<option value="PlayfairDisplay">PlayfairDisplay</option>
<option value="Montserrat">Montserrat</option>
<option value="OpenDyslexic">OpenDyslexic</option>
<option value="RobotoMono">RobotoMono</option>
</select>
</p>
<p class="dropdown-line">
<label for="languagemenu" data-l10n-id="pad.settings.language">Language:</label>
<select id="languagemenu">
<option value="af">Afrikaans</option>
<option value="ar">العربية</option>
<option value="ast">asturianu</option>
<option value="az">azərbaycanca</option>
<option value="azb">تورکجه</option>
<option value="bcc">بلوچی مکرانی</option>
<option value="be-tarask">беларуская (тарашкевіца)‎</option>
<option value="bg">български</option>
<option value="bn">বাংলা</option>
<option value="br">brezhoneg</option>
<option value="bs">bosanski</option>
<option value="ca">català</option>
<option value="cs">česky</option>
<option value="da">dansk</option>
<option value="de">Deutsch</option>
<option value="diq">Zazaki</option>
<option value="dsb">dolnoserbski</option>
<option value="el">Ελληνικά</option>
<option value="en-gb">British English</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">español</option>
<option value="et">eesti</option>
<option value="eu">euskara</option>
<option value="fa">فارسی</option>
<option value="fi">suomi</option>
<option value="fo">føroyskt</option>
<option value="fr">français</option>
<option value="fy">Frysk</option>
<option value="gl">galego</option>
<option value="gu">ગુજરાતી</option>
<option value="he">עברית</option>
<option value="hi">हिन्दी</option>
<option value="hr">hrvatski</option>
<option value="hsb">hornjoserbsce</option>
<option value="hu">magyar</option>
<option value="hy">Հայերեն</option>
<option value="ia">interlingua</option>
<option value="id">Bahasa Indonesia</option>
<option value="is">íslenska</option>
<option value="it">italiano</option>
<option value="ja">日本語</option>
<option value="kab">Taqbaylit</option>
<option value="km">ភាសាខ្មែរ</option>
<option value="ko">한국어</option>
<option value="krc">къарачай-малкъар</option>
<option value="ksh">Ripoarisch</option>
<option value="ku-latn">Kurdî (latînî)‎</option>
<option value="lb">Lëtzebuergesch</option>
<option value="lt">lietuvių</option>
<option value="lv">latviešu</option>
<option value="map-bms">Basa Banyumasan</option>
<option value="mg">Malagasy</option>
<option value="mk">македонски</option>
<option value="ml">മലയാളം</option>
<option value="mn">монгол</option>
<option value="mnw">ဘာသာ မန်</option>
<option value="mr">मराठी</option>
<option value="ms">Bahasa Melayu</option>
<option value="nah">Nāhuatl</option>
<option value="nap">Nnapulitano</option>
<option value="nb">norsk (bokmål)‎</option>
<option value="nds">Plattdüütsch</option>
<option value="ne">नेपाली</option>
<option value="nl">Nederlands</option>
<option value="nn">norsk (nynorsk)‎</option>
<option value="oc">occitan</option>
<option value="os">Ирон</option>
<option value="pa">ਪੰਜਾਬੀ</option>
<option value="pl">polski</option>
<option value="pms">Piemontèis</option>
<option value="ps">پښتو</option>
<option value="pt-br">português do Brasil</option>
<option value="pt">português</option>
<option value="qqq">Message documentation</option>
<option value="ro">română</option>
<option value="ru">русский</option>
<option value="sco">Scots</option>
<option value="sd">سنڌي</option>
<option value="sh">srpskohrvatski / српскохрватски</option>
<option value="shn">လိၵ်ႈတႆး</option>
<option value="sk">slovenčina</option>
<option value="sl">slovenščina</option>
<option value="sq">shqip</option>
<option value="sr-ec">српски (ћирилица)‎</option>
<option value="sr-el">srpski (latinica)‎</option>
<option value="sv">svenska</option>
<option value="ta">தமிழ்</option>
<option value="tcy">ತುಳು</option>
<option value="te">తెలుగు</option>
<option value="th">ไทย</option>
<option value="tr">Türkçe</option>
<option value="uk">українська</option>
<option value="vec">vèneto</option>
<option value="vi">Tiếng Việt</option>
<option value="zh-hans">中文(简体)‎</option>
<option value="zh-hant">中文(繁體)‎</option>
<option value="cy">Cymraeg</option>
<option value="tl">Tagalog</option>
<option value="roa-tara">tarandíne</option>
<option value="gur">Gurenɛ</option>
<option value="ha">Hausa</option>
<option value="io">Ido</option>
<option value="kn">ಕನ್ನಡ</option>
<option value="scn">sicilianu</option>
<option value="xmf">მარგალური</option>
<option value="wuu">吴语</option>
<option value="my">မြန်မာဘာသာ</option>
<option value="sw">Kiswahili</option>
<option value="zh-cn">中文(中国大陆)‎</option>
</select>
</p>
</div>
<h2 data-l10n-id="pad.settings.about">About</h2>
<span data-l10n-id="pad.settings.poweredBy">Powered by</span>
<a href="https://etherpad.org">Etherpad-lite</a>
</div></div>
<!------------------------->
<!-- IMPORT EXPORT POPUP -->
<!------------------------->
<div id="import_export" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.importExport.import_export"></h1>
<div class="acl-write">
<h2 data-l10n-id="pad.importExport.import"></h2>
<div class="importmessage" id="importmessageabiword" data-l10n-id="pad.importExport.abiword.innerHTML"></div><br>
<form id="importform" method="post" action="" target="importiframe" enctype="multipart/form-data">
<div class="importformdiv" id="importformfilediv">
<input type="file" name="file" size="10" id="importfileinput">
<div class="importmessage" id="importmessagefail"></div>
</div>
<div id="import"></div>
<div class="importmessage" id="importmessagesuccess" data-l10n-id="pad.importExport.importSuccessful"></div>
<div class="importformdiv" id="importformsubmitdiv">
<span class="nowrap">
<input type="submit" class="btn btn-primary" name="submit" value="Import Now" disabled="disabled" id="importsubmitinput">
<div alt="" id="importstatusball" class="loadingAnimation" align="top"></div>
</span>
</div>
</form>
</div>
<div id="exportColumn">
<h2 data-l10n-id="pad.importExport.export"></h2>
<a id="exportetherpada" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-powerpoint" id="exportetherpad" data-l10n-id="pad.importExport.exportetherpad"></span>
</a>
<a id="exporthtmla" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-code" id="exporthtml" data-l10n-id="pad.importExport.exporthtml"></span>
</a>
<a id="exportplaina" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file" id="exportplain" data-l10n-id="pad.importExport.exportplain"></span>
</a>
<a id="exportworda" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-word" id="exportword" data-l10n-id="pad.importExport.exportword"></span>
</a>
<a id="exportpdfa" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-pdf" id="exportpdf" data-l10n-id="pad.importExport.exportpdf"></span>
</a>
<a id="exportopena" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-alt" id="exportopen" data-l10n-id="pad.importExport.exportopen"></span>
</a>
<a id="exportmarkdowna" target="_blank" class="exportlink">
<span class="exporttype buttonicon buttonicon-file-code" id="exportmarkdown">Markdown</span>
</a>
<style>
#exportmarkdown:before {
content: "\e805";
}
</style>
</div>
</div></div>
<!---------------------------------------------------->
<!-- CONNECTIVITY POPUP (when you get disconnected) -->
<!---------------------------------------------------->
<div id="connectivity" class="popup"><div class="popup-content">
<div class="connected visible">
<h2 data-l10n-id="pad.modals.connected"></h2>
</div>
<div class="reconnecting">
<h1 data-l10n-id="pad.modals.reconnecting"></h1>
<i class='buttonicon buttonicon-spin5 icon-spin'></i>
</div>
<div class="userdup">
<h1 data-l10n-id="pad.modals.userdup"></h1>
<h2 data-l10n-id="pad.modals.userdup.explanation"></h2>
<p id="defaulttext" data-l10n-id="pad.modals.userdup.advice"></p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect"></button>
</div>
<div class="unauth">
<h1 data-l10n-id="pad.modals.unauth"></h1>
<p id="defaulttext" data-l10n-id="pad.modals.unauth.explanation"></p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect"></button>
</div>
<div class="looping">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.looping.explanation"></h2>
<p data-l10n-id="pad.modals.looping.cause"></p>
</div>
<div class="initsocketfail">
<h1 data-l10n-id="pad.modals.initsocketfail"></h1>
<h2 data-l10n-id="pad.modals.initsocketfail.explanation"></h2>
<p data-l10n-id="pad.modals.initsocketfail.cause"></p>
</div>
<div class="slowcommit with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.slowcommit.explanation"></h2>
<p id="defaulttext" data-l10n-id="pad.modals.slowcommit.cause"></p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect"></button>
</div>
<div class="badChangeset with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.badChangeset.explanation"></h2>
<p id="defaulttext" data-l10n-id="pad.modals.badChangeset.cause"></p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect"></button>
</div>
<div class="corruptPad">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.corruptPad.explanation"></h2>
<p data-l10n-id="pad.modals.corruptPad.cause"></p>
</div>
<div class="deleted">
<h1 data-l10n-id="pad.modals.deleted"></h1>
<p data-l10n-id="pad.modals.deleted.explanation"></p>
</div>
<div class="rateLimited">
<h1 data-l10n-id="pad.modals.rateLimited"></h1>
<p data-l10n-id="pad.modals.rateLimited.explanation"></p>
</div>
<div class="rejected">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.rejected.explanation"></h2>
<p data-l10n-id="pad.modals.rejected.cause"></p>
</div>
<div class="disconnected with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected"></h1>
<h2 data-l10n-id="pad.modals.disconnected.explanation"></h2>
<p id="defaulttext" data-l10n-id="pad.modals.disconnected.cause"></p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect"></button>
</div>
<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></div>
<!-------------------------------->
<!-- EMBED POPUP (Share, embed) -->
<!-------------------------------->
<div id="embed" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.share"></h1>
<div id="embedreadonly" class="acl-write">
<input type="checkbox" id="readonlyinput">
<label for="readonlyinput" data-l10n-id="pad.share.readonly"></label>
</div>
<div id="linkcode">
<h2 data-l10n-id="pad.share.link"></h2>
<input id="linkinput" type="text" value="" onclick="this.select()">
</div>
<div id="embedcode">
<h2 data-l10n-id="pad.share.emebdcode"></h2>
<input id="embedinput" type="text" value="" onclick="this.select()">
</div>
</div></div>
<div class="sticky-container">
<!---------------------------------------------------------------------->
<!-- USERS POPUP (set username, color, see other users names & color) -->
<!---------------------------------------------------------------------->
<div id="users" class="popup"><div class="popup-content">
<div id="connectionstatus"></div>
<div id="myuser">
<div id="mycolorpicker" class="popup"><div class="popup-content">
<div id="colorpicker"></div>
<div class="btn-container">
<button id="mycolorpickersave" data-l10n-id="pad.colorpicker.save" class="btn btn-primary"></button>
<button id="mycolorpickercancel" data-l10n-id="pad.colorpicker.cancel" class="btn btn-default"></button>
<span id="mycolorpickerpreview" class="myswatchboxhoverable"></span>
</div>
</div></div>
<div id="myswatchbox"><div id="myswatch"></div></div>
<div id="myusernameform">
<input type="text" id="myusernameedit" disabled="disabled" data-l10n-id="pad.userlist.entername">
</div>
</div>
<div id="otherusers" aria-role="document">
<table id="otheruserstable" cellspacing="0" cellpadding="0" border="0">
<tr><td></td></tr>
</table>
</div>
<div id="userlistbuttonarea"></div>
</div></div>
<!----------------------------->
<!----------- CHAT ------------>
<!----------------------------->
<div id="chaticon" class="visible" onclick="chat.show();return false;" title="Chat (Alt C)">
<span id="chatlabel" data-l10n-id="pad.chat"></span>
<span class="buttonicon buttonicon-chat"></span>
<span id="chatcounter">0</span>
</div>
<div id="chatbox">
<div class="chat-content">
<div id="titlebar">
<h1 id ="titlelabel" data-l10n-id="pad.chat"></h1>
<a id="titlecross" class="hide-reduce-btn" onClick="chat.hide();return false;">-&nbsp;</a>
<a id="titlesticky" class="stick-to-screen-btn" onClick="chat.stickToScreen(true);return false;" data-l10n-id="pad.chat.stick.title">█&nbsp;&nbsp;</a>
</div>
<div id="chattext" class="thin-scrollbar" aria-live="polite" aria-relevant="additions removals text" role="log" aria-atomic="false">
<div alt="loading.." id="chatloadmessagesball" class="chatloadmessages loadingAnimation" align="top"></div>
<button id="chatloadmessagesbutton" class="chatloadmessages" data-l10n-id="pad.chat.loadmessages"></button>
</div>
<div id="chatinputbox">
<form>
<input id="chatinput" type="text" maxlength="999" data-l10n-id="pad.chat.writeMessage.placeholder">
</form>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------>
<!-- SKIN VARIANTS BUILDER (Customize rendering, only for admins) -->
<!------------------------------------------------------------------>
<div id="skin-variants" class="popup"><div class="popup-content">
<h1>Skin Builder</h1>
<div class="dropdowns-container">
<p class="dropdown-line">
<label class="skin-variant-container">toolbar</label>
<select class="skin-variant skin-variant-color" data-container="toolbar">
<option value="super-light">Super Light</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="super-dark">Super Dark</option>
</select>
</p>
<p class="dropdown-line">
<label class="skin-variant-container">background</label>
<select class="skin-variant skin-variant-color" data-container="background">
<option value="super-light">Super Light</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="super-dark">Super Dark</option>
</select>
</p>
<p class="dropdown-line">
<label class="skin-variant-container">editor</label>
<select class="skin-variant skin-variant-color" data-container="editor">
<option value="super-light">Super Light</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="super-dark">Super Dark</option>
</select>
</p>
</div>
<p>
<input type="checkbox" id="skin-variant-full-width" class="skin-variant"/>
<label for="skin-variant-full-width">Full Width Editor</label>
</p>
<p>
<label>Result to copy in settings.json</label>
<input id="skin-variants-result" type="text" readonly class="disabled" />
</p>
</div></div>
<div id="toc">
<div id="tocItems">
</div>
</div>
</div> <!-- End of #editorcontainerbox -->
<div id="imageUploadModalError" class="popup">
<h2 class="error"></h2>
<br>
<button id="closeErrorModalButton">Close</button>
</div>
<div id="imageUploadModalLoader" class="popup">
<p class="loadingAnimation"></p>
</div>
<!----------------------------->
<!-------- JAVASCRIPT --------->
<!----------------------------->
<script type="text/javascript" src="../static/js/require-kernel.js?v=6f150d00"></script>
<!-- Include pad_utils manually -->
<script type="text/javascript" src="../javascripts/lib/ep_etherpad-lite/static/js/pad_utils.js?callback=require.define&v=6f150d00"></script>
<script type="text/javascript">
// @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
(function() {
// Display errors on page load to the user
// (Gets overridden by padutils.setupGlobalExceptionHandler)
var originalHandler = window.onerror;
window.onerror = function(msg, url, line) {
var box = document.getElementById('editorloadingbox');
box.innerHTML = '<p><b>An error occurred while loading the pad</b></p>'
+ '<p><b>'+msg+'</b> '
+ '<small>in '+ padutils.escapeHTML(url) +' (line '+ line +')</small></p>';
// call original error handler
if(typeof(originalHandler) == 'function') originalHandler.call(null, arguments);
};
})();
// @license-end
</script>
<script type="text/javascript" src="../socket.io/socket.io.js?v=6f150d00"></script>
<!-- Include base packages manually (this help with debugging) -->
<script type="text/javascript" src="../javascripts/lib/ep_etherpad-lite/static/js/pad.js?callback=require.define&v=6f150d00"></script>
<script type="text/javascript" src="../javascripts/lib/ep_etherpad-lite/static/js/ace2_common.js?callback=require.define&v=6f150d00"></script>
<script type="text/javascript" src="../static/skins/colibris/pad.js?v=6f150d00"></script>
<!-- Bootstrap page -->
<script type="text/javascript">
// @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt
var clientVars = {};
(function () {
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('/') + '/';
require.setRootURI(baseURL + "javascripts/src");
require.setLibraryURI(baseURL + "javascripts/lib");
require.setGlobalKeyPath("require");
$ = jQuery = require('ep_etherpad-lite/static/js/rjquery').jQuery; // Expose jQuery #HACK
browser = require('ep_etherpad-lite/static/js/browser');
var plugins = require('ep_etherpad-lite/static/js/pluginfw/client_plugins');
var hooks = require('ep_etherpad-lite/static/js/pluginfw/hooks');
plugins.baseURL = baseURL;
plugins.update(function () {
// Call documentReady hook
$(function() {
hooks.aCallAll('documentReady');
});
var pad = require('ep_etherpad-lite/static/js/pad');
pad.baseURL = baseURL;
pad.init();
});
/* 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;
require('ep_etherpad-lite/static/js/skin_variants');
}());
// @license-end
</script>
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
<script src="../static/plugins/ep_markdown/static/js/main.js"></script>
<script src='../static/plugins/ep_table_of_contents/static/js/toc.js'></script><script src="../static/plugins/ep_comments_page/static/js/jquery.tmpl.min.js"></script>
<!-- Popup displayed so that we can create a comment -->
<script id="newCommentTemplate" type="text/html">
<div id="newComment" class="popup toolbar-popup new-comment-popup">
<div class="popup-content">
<h1 data-l10n-id="ep_comments_page.comment">Comment</h1>
{{tmpl "#new-comment-form"}}
</div>
</div>
</script>
<!-- Subtemplate to create a comment -->
<script id="new-comment-form" type="text/html">
<form class="new-comment">
{{if reply}}
<input type="text" class='comment-content' data-l10n-id="ep_comments_page.comments_template.reply.placeholder">
{{else}}
<textarea class="comment-content" autofocus></textarea>
{{/if}}
<div class="form-more">
<p class="comment-suggest">
<input type="checkbox" id="suggestion-checkbox-${commentId}" name="suggestion-checkbox-${commentId}" class="suggestion-checkbox">
<label for="suggestion-checkbox-${commentId}" class="label-suggestion-checkbox" data-l10n-id="ep_comments_page.comments_template.include_suggestion">Include suggested change</label>
</p>
<div class="suggestion suggestion-create">
<span class="from-label" data-l10n-id="ep_comments_page.comments_template.suggest_change_from" data-l10n-args='{"changeFrom": "${changeFrom}"}'>Suggest Change From</span>
<span class="hidden from-value">${changeFrom}</span>
<textarea class="to-value"></textarea>
</div>
<div class="comment-buttons">
<input type="submit" id="comment-create-btn" class="btn btn-primary" value="Comment" data-l10n-id="ep_comments_page.comments_template.{{if reply}}reply{{else}}comment{{/if}}.value" />
<input type="reset" id="comment-reset" class="btn btn-default btn-cancel-reply" value="Cancel" data-l10n-id="ep_comments_page.comments_template.cancel.value" />
</div>
</div>
</form>
</script>
<!-- Display the comment on the right side of the page -->
<script id="commentsTemplate" type="text/html">
<div id="${commentId}" data-commentid="${commentId}"
class="sidebar-comment comment-container {{if changeAccepted}}change-accepted{{/if}}" >
<div class="compact-display-content">
<span class="comment-author-name">${name}</span>
{{tmpl "#comment-text"}}
</div>
<div class="full-display-content">
<div class="comment-title-wrapper">
<span class="comment-author-name">${name}</span>
<span class="comment-created-at" datetime="${formattedDate}">${date}</span>
<span class="comment-actions-wrapper">
{{if text.length > 0}}
<span class="comment-edit buttonicon buttonicon-pencil" data-l10n-id="ep_comments_page.edit_comment.title"></span>
{{/if}}
<span class="comment-delete buttonicon buttonicon-trash" data-l10n-id="ep_comments_page.delete_comment.title"></span>
</span>
{{tmpl "#comment-text"}}
{{tmpl "#display-suggestion"}}
</div>
<!-- Form to create a reply -->
<div class='comment-reply'>
<!-- Previous replies inserted here dynamically -->
<div class="comment-replies-container"></div>
{{tmpl "#new-comment-form"}}
<!-- for test purposes only -->
<input type="submit" style="display:none">
</div>
</div>
</div>
</script>
<!-- SubTemplate to display the comment text -->
<script id="comment-text" type="text/html">
{{if text.length > 0}}
<span class="comment-text">${text}</span>
{{else}}
<span class="comment-text default-text" data-l10n-id="ep_comments_page.comments_template.suggested_change">Suggested Change</span>
{{/if}}
</script>
<!-- SubTemplate to dislay a suggestion -->
<script id="display-suggestion" type="text/html">
<!-- When comment contains a suggestion, we display it with an approval button -->
{{if changeTo}}
<form class="comment-changeTo-form suggestion-display">
<div>
<span class="from-label" data-l10n-id="ep_comments_page.comments_template.suggested_change_from">Suggested Change From</span>
<span class="hidden from-value">${changeFrom}</span>
<span class="hidden to-value">${changeTo}</span>
</div>
<!-- Approve/revert button -->
<input type="Submit" class="btn btn-primary approve-suggestion-btn acl-write" value="Accept Change" data-l10n-id="ep_comments_page.comments_template.accept_change.value">
<input type="Submit" class="btn btn-default revert-suggestion-btn acl-write" value="Revert Change" data-l10n-id="ep_comments_page.comments_template.revert_change.value">
</form>
{{/if}}
</script>
<!-- Each comment can have multiple replies. Each reply is created from this template -->
<script id="replyTemplate" type="text/html">
<div id="${replyId}" data-commentid="${replyId}"
class="sidebar-comment-reply comment-container {{if changeAccepted}}change-accepted{{/if}}">
<span class="comment-author-name">${name}</span>
<span class="comment-created-at" datetime="${formattedDate}">${date}</span>
{{if text && text.length > 0}}
<div class="comment-reply-value-wrapper">
<span class="comment-text">${text}</span>
<span class="comment-edit buttonicon buttonicon-pencil" data-l10n-id="ep_comments_page.edit_comment.title"></span>
</div>
{{/if}}
<!-- A reply can also include a suggestion -->
{{tmpl "#display-suggestion"}}
</div>
</script>
<!-- When click Edit on a comment, we insert this template just next to the comment so we can edit it -->
<script id="editCommentTemplate" type="text/html">
<div class="comment-edit-form">
<textarea class="comment-edit-text">${text}</textarea>
<p>
<button class="btn btn-primary comment-edit-submit" data-l10n-id="ep_comments_page.comments_template.edit_comment.save">Save</button>
<button class="btn btn-default comment-edit-cancel" data-l10n-id="ep_comments_page.comments_template.edit_comment.cancel">Cancel</button>
</p>
</div>
</script>
<script id="commentIconTemplate" type="text/html">
<div id="icon-${commentId}" class="comment-icon inactive" data-commentid="${commentId}">
</div>
</script>
</html>