LAYOUT: added a unified table layout for statistics, etc
[e-DoKo.git] / include / output.php
index 5f46470904c9172a0eb7575d5c7e66141ebb96d7..3eb813013d5e7d9f33e290235a65f30a89a3a438 100644 (file)
@@ -1,5 +1,5 @@
 <?php
-/* make sure that we are not called from outside the scripts, 
+/* make sure that we are not called from outside the scripts,
  * use a variable defined in config.php to check this
  */
 if(!isset($HOST))
@@ -96,6 +96,48 @@ function output_form_for_new_game($names)
 <?php
 }
 
+function output_table($data,$class="")
+{
+  if($class!="")
+    $HTML  = "\n<table class=\"$class\">\n";
+  else
+    $HTML  = "\n<table>\n";
+  $i=0;
+  
+  foreach($data as $record)
+    {
+      if(!$i)
+       $HTML .= "  <thead>\n  <tr>\n";
+      else
+       {
+         if($i==1) $HTML .= "  <tbody>\n";
+         if($i % 2)
+           $HTML .= "  <tr class=\"odd\">   ";
+         else
+           $HTML .= "  <tr class=\"even\">  ";
+       }
+      foreach($record as $point)
+       {
+         if($i)
+           $HTML .= "    <td>$point</td> ";
+         else
+           $HTML .= "    <th>$point</th> ";
+       }
+
+      if(!$i)
+       $HTML .= "  </tr>\n  </thead>\n";
+      else
+       {
+         $HTML .= "  </tr>\n";
+       }
+      $i++;
+    }
+  $HTML .= "  </tbody>\n</table>\n";
+
+  return $HTML;
+}
+
 function display_card($card,$dir="english")
 {
   /* cards are only availabl for the odd values, e.g. 1.png, 3.png, ...
@@ -228,8 +270,9 @@ function output_header()
      <title>e-Doko</title>
      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
      <link rel="shortcut icon" type="image/x-icon" href="pics/edoko-favicon.png" />
-     <link rel="stylesheet" type="text/css" href="css/standard001.css" />
+     <link rel="stylesheet" type="text/css" href="css/standard004.css" />
      <script type="text/javascript">
+       var current=0;
        function hl(num) {
          if(document.getElementById){
           var i;
@@ -238,20 +281,32 @@ function output_header()
               document.getElementById("trick"+i).style.display = 'none';
           }
           document.getElementById("trick"+num).style.display = 'block';
+          current=num;
         }
        }
        function high_last(){
         if(document.getElementById){
           var i;
-          for(i=13;i>0;i--) {
+          for(i=13;i>=0;i--) {
             if(document.getElementById("trick"+i))
               {
                 hl(i);
+                current=i;
                 break;
               }
           }
         }
        }
+       function hl_next()
+        {
+          if(document.getElementById("trick"+(current+1)))
+            hl(current+1);
+        }
+       function hl_prev()
+        {
+          if(document.getElementById("trick"+(current-1)))
+            hl(current-1);
+        }
      </script>
   </head>
 <body onload="high_last();">
@@ -291,15 +346,20 @@ function output_footer()
 
 function output_status()
 {
-  global $defaulttimezone;
+  global $defaulttimezone,$INDEX,$WIKI;
    if(isset($_SESSION["name"]))
      {
        $name = $_SESSION["name"];
 
        /* logout info */
-       echo "\n<div class=\"status\">";
-       echo $name;
-       echo " <a href=\"index.php?action=logout\">logout</a>";
+       echo "\n<div class=\"status\">\n";
+       echo $name,"\n";
+       echo " | <a href=\"".$INDEX."\"> mypage </a>\n";
+       echo " | <a href=\"".$INDEX."?action=prefs\">settings</a>\n";
+       echo " | <a href=\"".$INDEX."?action=new\">new game</a>\n";
+       echo " | <a href=\"".$INDEX."?action=stats\">statistics</a>\n";
+       echo " | <a href=\"".$WIKI."\">wiki</a>\n";
+       echo " |&nbsp;&nbsp;&nbsp; <a href=\"".$INDEX."?action=logout\">logout</a>\n";
        echo "</div>\n";
 
        /* last logon time */