Add generic template for plugins

13 years ago · 4f1b7a447d
parent 3e7b1c0e8c
commit 4f1b7a447d
4 changed files with 53 additions and 6 deletions
--- a/skins/larry/settings.css
+++ b/skins/larry/settings.css
@ -20,6 +20,7 @@
 	bottom: 0;
 }

+#pluginbody,
 #settings-right {
 	position: absolute;
 	top: 0;
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@ -106,7 +106,9 @@ input.button {
 }

 .formbuttons input.button:hover,
-.formbuttons input.button:focus {
+.formbuttons input.button:focus,
+input.button.mainaction:hover,
+input.button.mainaction:focus {
 	color: #f2f2f2;
 	border-color: #465864;
 	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888;
@ -126,6 +128,7 @@ input.button {

 input.button.mainaction {
 	color: #ededed;
+	text-shadow: 0px 1px 1px #333;
 	border-color: #1f262c;
 	background: #505050;
 	background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
@ -133,6 +136,10 @@ input.button.mainaction {
 	background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
 	background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
 	background: linear-gradient(top, #505050 0%, #2a2e31 100%);
+	box-shadow: inset 0 1px 0 0 #777;
+	-moz-box-shadow: inset 0 1px 0 0 #777;
+	-webkit-box-shadow: inset 0 1px 0 0 #777;
+	-o-box-shadow: inset 0 1px 0 0 #777;
 }

 input.button.mainaction:active {
@ -1036,6 +1043,14 @@ ul.proplist li {
 	width: auto;
 }

+#pluginbody {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+

 /*** Login form ***/

--- a/skins/larry/templates/plugin.html
+++ b/skins/larry/templates/plugin.html
@ -0,0 +1,29 @@
+<roundcube:object name="doctype" value="html5" />
+<html>
+<head>
+<title><roundcube:object name="pagetitle" /></title>
+<roundcube:include file="/includes/links.html" />
+</head>
+<body>
+
+<roundcube:include file="/includes/header.html" />
+
+<div id="mainscreen" class="offset">
+
+<roundcube:if condition="env:task == 'settings'" />
+	<roundcube:include file="/includes/settingstabs.html" />
+<roundcube:endif />
+
+<div id="pluginbody" class="uibox contentbox">
+<roundcube:object name="plugin.body" />
+<roundcube:object name="message" id="message" class="statusbar" />
+</div>
+
+</div>
+
+<roundcube:object name="plugin.footer" />
+
+<roundcube:include file="/includes/footer.html" />
+
+</body>
+</html>
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@ -104,12 +104,14 @@ function rcube_mail_ui()
      }
    }
    else if (rcmail.env.task == 'settings') {
-      var tab = '#settingstabpreferences';
-      if (rcmail.env.action)
-        tab = '#settingstab' + (rcmail.env.action.indexOf('identity')>0 ? 'identities' : rcmail.env.action.replace(/\./g, ''));
+      rcmail.addEventListener('init', function(){
+        var tab = '#settingstabpreferences';
+        if (rcmail.env.action)
+          tab = '#settingstab' + (rcmail.env.action.indexOf('identity')>0 ? 'identities' : rcmail.env.action.replace(/\./g, ''));

-      $(tab).addClass('selected')
-        .children().first().removeAttr('onclick').click(function() { return false; });
+        $(tab).addClass('selected')
+          .children().first().removeAttr('onclick').click(function() { return false; });
+      });

      if (rcmail.env.action == 'folders') {
        new rcube_splitter({ id:'folderviewsplitter', p1:'#folderslist', p2:'#folder-details',