From fd50890049fadad1348d4339f4f97ffbf9a5add5 Mon Sep 17 00:00:00 2001
From: rub <rub@piwigo.org>
Date: Tue, 6 Mar 2007 23:02:02 +0000
Subject: Add tabsheet on administration pages.

Step 1: Refactoring tabsheet on NBM and introduce generic method to add tabsheet.tpl

On next commit, use of this new method in order to reduce # of link menu.

CSS friend don't hesitate to modify tabsheet css.

git-svn-id: http://piwigo.org/svn/trunk@1874 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 template/yoga/admin/default-layout.css       | 26 +++++++++++++++++++++++++-
 template/yoga/admin/notification_by_mail.tpl | 10 ++--------
 template/yoga/admin/tabsheet.tpl             |  6 ++++++
 template/yoga/theme/clear/theme.css          | 18 ++++++++++++++++++
 template/yoga/theme/dark/theme.css           | 14 ++++++++++++++
 template/yoga/theme/p0w0/theme.css           | 22 ++++++++++++++++++++++
 template/yoga/theme/wipi/theme.css           | 22 ++++++++++++++++++++++
 7 files changed, 109 insertions(+), 9 deletions(-)
 create mode 100644 template/yoga/admin/tabsheet.tpl

(limited to 'template')

diff --git a/template/yoga/admin/default-layout.css b/template/yoga/admin/default-layout.css
index fda57c497..7d6f50502 100644
--- a/template/yoga/admin/default-layout.css
+++ b/template/yoga/admin/default-layout.css
@@ -149,4 +149,28 @@ FIELDSET#generalConf TEXTAREA.description {
   height: 10px;
   background-color: #66f;
   border: 1px solid black;
-}
\ No newline at end of file
+}
+
+/* Tabsheet */
+.tabsheet {
+  display: table;
+  list-style-type: none;
+  list-style-image: none; /* for firefox */
+  white-space: nowrap; 
+  margin-left: auto; margin-right: auto;
+  text-decoration : none;
+  background: transparent;
+}
+
+.tabsheet li {
+  float: left;
+  text-align: center;
+  margin: 0 6px;
+  color: white;
+  font-size: 120%;
+  font-weight: bold;
+  padding: 4px 8px;
+  border: 1px solid #fff;
+}
+
+/* Tabsheet */
diff --git a/template/yoga/admin/notification_by_mail.tpl b/template/yoga/admin/notification_by_mail.tpl
index 16f66d42d..da7fa808e 100644
--- a/template/yoga/admin/notification_by_mail.tpl
+++ b/template/yoga/admin/notification_by_mail.tpl
@@ -3,14 +3,8 @@
   <ul class="categoryActions">
     <li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="{themeconf:icon_dir}/help.png" class="button" alt="(?)"></a></li>
   </ul>
-  <h2>{lang:nbm_send_mail_to_users} [{U_TABSHEET_TITLE}]</h2>
-  <!-- BEGIN header_link -->
-  <h3>
-      <a href="{header_link.PARAM_MODE}">{lang:nbm_param_mode}</a> | 
-      <a href="{header_link.SUBSCRIBE_MODE}">{lang:nbm_subscribe_mode}</a> | 
-      <a href="{header_link.SEND_MODE}">{lang:nbm_send_mode}</a>
-  </h3>
-  <!-- END header_link -->
+  <h2>{lang:nbm_send_mail_to_users} {TABSHEET_TITLE}</h2>
+  {TABSHEET}
 </div>
 
 <form method="post" name="notification_by_mail" id="notification_by_mail" action="{F_ACTION}">
diff --git a/template/yoga/admin/tabsheet.tpl b/template/yoga/admin/tabsheet.tpl
new file mode 100644
index 000000000..257cfd13e
--- /dev/null
+++ b/template/yoga/admin/tabsheet.tpl
@@ -0,0 +1,6 @@
+<!-- $Id$ -->
+<ul class="tabsheet">
+<!-- BEGIN tab -->
+  <li class="{tab.CLASSNAME}"><a href="{tab.URL}">{tab.CAPTION}</a></li>
+<!-- END tab -->
+</ul>
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 0f29d1fb2..f60e8154c 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -103,3 +103,21 @@ TD.calDayCellEmpty { color: silver; }
 #mbMenu #quicksearch > p { text-align: left; }
 #qsearchInput { color: #d3d3d3; }
 #qsearchInput:focus { color: #005e89; }
+
+.tabsheet li {
+  background: #ffffff;
+  color: #005e89;
+  border: 1px solid #696969;
+}
+
+.tabsheet a {
+  color: #005e89;
+}
+
+.selected_tab {
+  background: #d3d3d3 !important;
+}
+
+.tabsheet li:hover {
+  border: 1px solid #858460 !important;
+}
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index 5626e55e1..0bb601b1f 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -144,3 +144,17 @@ TD.calDayCellEmpty { color: silver; }
 }
 .qsearch { font-size: 80%; font-style: normal; }
 #mbMenu #quicksearch > p { text-align: left; }
+
+.tabsheet li {
+  background: #3f3f3f;
+  color: white;
+  border: 1px solid #fff;
+}
+
+.selected_tab {
+  background: #5f5f5f !important;
+}
+
+.tabsheet li:hover {
+  border: 1px solid #FFF48E;
+}
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index 7d81d8552..073bb26f0 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -276,3 +276,25 @@ input.submit:active {
 }
 .qsearch { font-size: 80%; font-style: italic; }
 * { outline: none; }
+
+.tabsheet li {
+  background: #369;
+  color: white;
+  border: 1px solid #fff;
+}
+
+.tabsheet a {
+  color: white;
+}
+
+.selected_tab {
+  background: #69c !important;
+}
+
+.tabsheet li:hover {
+  border: 1px solid #f92 !important;
+}
+
+.tabsheet li:hover a:hover {
+  color: #f92;
+}
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 9755b89a1..da771de73 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -329,3 +329,25 @@ a.PWG:hover .G { color : #f92; }
 #menubar .menuInfoCatByChild, .qsearch,
 h2.showtitle, #theImage p.showlegend { display: none }
 * { outline-width: 0px; }
+
+.tabsheet li {
+  background: #222;
+  color: #69c;
+  border: 1px solid #fff;
+}
+
+.tabsheet a {
+  color: #69c;
+}
+
+.selected_tab {
+  background: #eee !important;
+}
+
+.tabsheet li:hover {
+  border: 1px solid #f92 !important;
+}
+
+.tabsheet li:hover a:hover {
+  color: #f92;
+}
-- 
cgit v1.2.3