Add a uniform menu to all admin pages
This commit is contained in:
Marcel Klehr
parent
18b96b33c6
commit
2eccaa2afd
5 changed files with 96 additions and 36 deletions
|
|
@ -7,18 +7,51 @@ body {
|
|||
background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed;
|
||||
background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed;
|
||||
background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed;
|
||||
border-top: 8px solid rgba(51,51,51,.8);
|
||||
}
|
||||
#wrapper {
|
||||
margin-top: 160px;
|
||||
|
||||
#topborder {
|
||||
border-top: 8px solid rgba(51, 51, 51, 0.8);
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.menu {
|
||||
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.75);
|
||||
box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.3);
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
padding: 15px;
|
||||
background: #fff;
|
||||
opacity: .9;
|
||||
box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
|
||||
max-width: 700px;
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
div.menu li {
|
||||
list-style: none;
|
||||
margin-left: 3px;
|
||||
line-height: 1.6
|
||||
}
|
||||
|
||||
div.innerwrapper {
|
||||
display: block;
|
||||
float: right;
|
||||
opacity: 0.9;
|
||||
padding: 15px;
|
||||
width: 860px;
|
||||
border-radius: 0 0 7px 7px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background: none repeat scroll 0px 0px #FFFFFF;
|
||||
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
|
||||
margin: auto;
|
||||
max-width: 1150px;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
padding-left: 15px;
|
||||
opacity: .9;
|
||||
}
|
||||
h1 {
|
||||
font-size: 29px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,13 +8,14 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>Etherpad Lite Admin Dashboard</h1>
|
||||
<div>
|
||||
<a href="../admin/plugins">Install and Uninstall plugins</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="../admin/settings">Modify Server and Plugin Settings</a>
|
||||
<div class="menu">
|
||||
<h1>Etherpad lite</h1>
|
||||
<li><a href="admin/plugins">Plugin manager</a> </li>
|
||||
<li><a href="admin/settings">Settings</a> </li>
|
||||
<li><a href="admin/plugins/info">Troubleshooting information</a> </li>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="topborder"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -10,8 +10,14 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>Etherpad Lite</h1>
|
||||
<div class="separator"></div>
|
||||
<div class="menu">
|
||||
<h1>Etherpad lite</h1>
|
||||
<li><a href="../plugins">Plugin manager</a> </li>
|
||||
<li><a href="../settings">Settings</a> </li>
|
||||
<li><a href="../plugins/info">Troubleshooting information</a> </li>
|
||||
</div>
|
||||
|
||||
<div class="innerwrapper">
|
||||
|
||||
<h2>Installed plugins</h2>
|
||||
<pre><%- plugins.formatPlugins().replace(", ","\n") %></pre>
|
||||
|
|
@ -25,6 +31,9 @@
|
|||
|
||||
<h3>Client side hooks</h3>
|
||||
<div><%- plugins.formatHooks("client_hooks") %></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="topborder"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,14 @@
|
|||
<% } %>
|
||||
|
||||
|
||||
<h1>Etherpad Lite</h1>
|
||||
<div class="menu">
|
||||
<h1>Etherpad lite</h1>
|
||||
<li><a href="plugins">Plugin manager</a> </li>
|
||||
<li><a href="settings">Settings</a> </li>
|
||||
<li><a href="plugins/info">Troubleshooting information</a> </li>
|
||||
</div>
|
||||
|
||||
<a href="plugins/info">Technical information on installed plugins</a>
|
||||
|
||||
<div class="separator"></div>
|
||||
<div class="innerwrapper">
|
||||
<h2>Installed plugins</h2>
|
||||
<table>
|
||||
<thead>
|
||||
|
|
@ -82,6 +85,8 @@
|
|||
<input type="button" value=">>" class="do-next-page">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="progress" class="dialog">
|
||||
<h1 class="title">
|
||||
Please wait: <span class="message"></span>
|
||||
|
|
@ -90,5 +95,7 @@
|
|||
<div class="history"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="topborder"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,14 @@
|
|||
<% } %>
|
||||
|
||||
|
||||
<h1>Etherpad Lite Settings</h1>
|
||||
<div class="menu">
|
||||
<h1>Etherpad lite</h1>
|
||||
<li><a href="plugins">Plugin manager</a> </li>
|
||||
<li><a href="settings">Settings</a> </li>
|
||||
<li><a href="plugins/info">Troubleshooting information</a> </li>
|
||||
</div>
|
||||
|
||||
<div class="innerwrapper">
|
||||
<a href='https://github.com/ether/etherpad-lite/wiki/Example-Production-Settings.JSON'>Example production settings template</a>
|
||||
<a href='https://github.com/ether/etherpad-lite/wiki/Example-Development-Settings.JSON'>Example development settings template</a>
|
||||
<textarea class="settings"></textarea>
|
||||
|
|
@ -30,5 +37,8 @@
|
|||
<input type="button" class="settingsButton" id="restartEtherpad" value="Restart Etherpad">
|
||||
<div id="response"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="topborder"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue