Styling for plugin manager

2 files changed, 59 insertions, 10 deletions

diff --git a/etherpad/src/static/css/admin/pluginmanager.css b/etherpad/src/static/css/admin/pluginmanager.css
new file mode 100644
index 0000000..5814c08
--- /dev/null
+++ b/etherpad/src/static/css/admin/pluginmanager.css
@@ -0,0 +1,44 @@
+#editorcontainer {
+ padding: 5pt; 
+}
+
+#editorcontainerbox {
+ overflow: auto;
+ height: auto;
+}
+
+#editbarinner {
+ line-height: 36px;
+ font-size: 16px;
+ padding-left: 6pt;
+}
+
+#editbarinner a {
+ font-size: 12px;
+}
+
+#editorcontainerbox table {
+ margin: 10pt;
+ border-collapse: collapse;
+}
+
+#editorcontainerbox table tr th {
+ font-weight: bold;
+ background: #c3c3c3;
+}
+
+#editorcontainerbox table tr td,
+#editorcontainerbox table tr th {
+ border: 1px solid #c3c3c3;
+ padding: 2pt;
+}
+
+#editorcontainerbox table tr:first-child th,
+#editorcontainerbox table tr:first-child td {
+ border-top-color: #e6e6e6;
+}
+
+#editorcontainerbox table tr th:first-child,
+#editorcontainerbox table tr td:first-child {
+ border-left-color: #e6e6e6;
+}
diff --git a/etherpad/src/templates/admin/pluginmanager.ejs b/etherpad/src/templates/admin/pluginmanager.ejs
index 8a3d0bf..29f70cd 100644
--- a/etherpad/src/templates/admin/pluginmanager.ejs
+++ b/etherpad/src/templates/admin/pluginmanager.ejs
@@ -19,6 +19,7 @@ limitations under the License. */ %>
  helpers.setBodyId("padbody");
  helpers.addBodyClass("limwidth nonpropad nonprouser");
  helpers.includeCss("pad2_ejs.css");
+ helpers.includeCss("admin/pluginmanager.css");
  helpers.includeJs("undo-xpopup.js");
  helpers.includeCometJs();
  helpers.includeJQuery();
@@ -63,13 +64,19 @@ limitations under the License. */ %>
    <% } %>
   </div>
   <div id="docbar" class="docbar-public">
-   <div id="docbarleft"><!-- --></div>
-   <div title="Manage plugins" id="docbarpadtitle"><span>Manage plugins</span></div>
-
-   <div id="docbaroptions-outer"><a href="javascript:void(0)" id="docbaroptions">Pad Options</a></div>
-   <div id="docbarsavedrevs-outer"><a href="javascript:void(0)" id="docbarsavedrevs">Saved revisions</a></div>
-   <div id="docbarimpexp-outer"><a href="javascript:void(0)" id="docbarimpexp">Import/Export</a></div>
-   <div id="docbarslider-outer"><a target="_blank" href="/ep/pad/view/xx/latest" id="docbarslider">Time Slider</a></div>
+  <div id="docbar">
+   <table border="0" cellpadding="0" cellspacing="0" width="100%" id="docbartable">
+     <tr>
+       <td><img src="/static/img/jun09/pad/roundcorner_left.gif"></td>
+       <td id="docbarpadtitle"><span>Plugin manager</span></td>
+       <td width="100%">&nbsp;</td>
+       <%
+	 plugins.callHookStr('docbarItemsAll', {}, '', '<td class="docbarbutton" nowrap>', '</td>');
+	 plugins.callHookStr('docbarItemsPluginManager', {}, '', '<td class="docbarbutton" nowrap>', '</td>');
+       %>
+       <td><img src="/static/img/jun09/pad/roundcorner_right_orange.gif"></td>
+     </tr>
+   </table>
 
   </div>
  </div>
@@ -89,12 +96,10 @@ limitations under the License. */ %>
       <div id="editbarleft"><!-- --></div>
       <div id="editbarright"><!-- --></div>      
       
-      <div id="editbarinner">
-      </div>
+      <div id="editbarinner"></div>
     </div>
     <div id="editorcontainerbox">
       <div id="editorcontainer">
-       <h1>Plugin manager</h1>
        <table>
         <tr>
          <th>Module name</th>