Changeset 1874

Timestamp:

Mar 7, 2007, 12:02:02 AM (17 years ago)

Author:

rub

Message:

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.

Location:

trunk

Files:

• admin/include/functions_tabsheet.inc.php (added)
• admin/notification_by_mail.php (modified) (3 diffs)
• template/yoga/admin/default-layout.css (modified) (1 diff)
• template/yoga/admin/notification_by_mail.tpl (modified) (1 diff)
• template/yoga/admin/tabsheet.tpl (added)
• template/yoga/theme/clear/theme.css (modified) (1 diff)
• template/yoga/theme/dark/theme.css (modified) (1 diff)
• template/yoga/theme/p0w0/theme.css (modified) (1 diff)
• template/yoga/theme/wipi/theme.css (modified) (1 diff)

trunk/admin/notification_by_mail.php

@@ -37 +37 @@
 include_once(PHPWG_ROOT_PATH.'admin/include/functions.php');
 include_once(PHPWG_ROOT_PATH.'admin/include/functions_notification_by_mail.inc.php');
+include_once(PHPWG_ROOT_PATH.'admin/include/functions_tabsheet.inc.php');
 include_once(PHPWG_ROOT_PATH.'include/common.inc.php');
 include_once(PHPWG_ROOT_PATH.'include/functions_notification.inc.php');
@@ -574 +575 @@
   array
   (
-    'U_TABSHEET_TITLE' => l10n('nbm_'.$page['mode'].'_mode'),
     'U_HELP' => add_url_params(get_root_url().'popuphelp.php', array('page' => 'notification_by_mail')),
     'F_ACTION'=> $base_url.get_query_string_diff(array())
@@ -582 +582 @@
 if (is_autorize_status(ACCESS_WEBMASTER))
 {
-  $template->assign_block_vars
+  // TabSheet initialization
+  $page['tabsheet'] = array
   (
-    'header_link',
-    array
-    (
-      'PARAM_MODE' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), array('mode' => 'param')),
-      'SUBSCRIBE_MODE' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), array('mode' => 'subscribe')),
-      'SEND_MODE' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), array('mode' => 'send'))
-    )
+    'param' => array
+     (
+      'caption' => l10n('nbm_param_mode'),
+      'url' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), 
+        array('mode' => 'param'))
+     ),
+    'subscribe' => array
+     (
+      'caption' => l10n('nbm_subscribe_mode'),
+      'url' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), array('mode' => 'subscribe')),
+     ),
+    'send' => array
+     (
+      'caption' => l10n('nbm_send_mode'),
+      'url' => add_url_params($base_url.get_query_string_diff(array('mode', 'select')), array('mode' => 'send'))
+     )
   );
+
+  $page['tabsheet'][$page['mode']]['selected'] = true;
+
+  // Assign tabsheet to template
+  template_assign_tabsheet();
 }
 

trunk/template/yoga/admin/default-layout.css

@@ -151 +151 @@
   border: 1px solid black;
 }
+
+/* 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 */

trunk/template/yoga/admin/notification_by_mail.tpl

@@ -4 +4 @@
     <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>
 

trunk/template/yoga/theme/clear/theme.css

@@ -104 +104 @@
 #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;
+}

trunk/template/yoga/theme/dark/theme.css

@@ -145 +145 @@
 .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;
+}

trunk/template/yoga/theme/p0w0/theme.css

@@ -277 +277 @@
 .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;
+}

trunk/template/yoga/theme/wipi/theme.css

@@ -330 +330 @@
 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;
+}