Changeset 854

Timestamp:

Jan 19, 2016, 5:25:11 PM (8 years ago)

Author:

chronos

Message:

• Added: Responsive web layout. Two column layout is switched for single column for devices with smaller display.
• Modified: All four boxes at front page made as oveflowing defined height.

Location:

trunk

Files:

• Application/Version.php (modified) (1 diff)
• Modules/Forum/Forum.php (modified) (2 diffs)
• Modules/FrontPage/FrontPage.php (modified) (1 diff)
• Modules/News/News.php (modified) (2 diffs)
• Modules/ShoutBox/ShoutBox.php (modified) (1 diff)
• Modules/Translation/Translation.php (modified) (2 diffs)
• includes/Global.php (modified) (1 diff)
• includes/System.php (modified) (3 diffs)
• locale/cs.php (modified) (1 diff)
• style/respond.js (added)
• style/style.css (modified) (2 diffs)

trunk/Application/Version.php

@@ -6 +6 @@
 // and system will need database update.
 
+$Version = '1.0-alfa';
 $Revision = 852; // Subversion revision
 $DatabaseRevision = 849; // Database structure revision

trunk/Modules/Forum/Forum.php

@@ -44 +44 @@
     $Count = 20;
     $Output = '<strong><a href="'.$this->System->Link('/forum/').'">'.T('Last forum posts').':</a></strong>';
+    $Output .= '<div class="box">';
 
     $Query = 'SELECT `ForumText`.`Text`, `ForumText`.`Date`, `User`.`Name` AS `UserName`, '.
@@ -60 +61 @@
         '</tr>';
     }
-    $Output .= '</table>';
+    $Output .= '</table></div>';
     return($Output);
   }

trunk/Modules/FrontPage/FrontPage.php

@@ -81 +81 @@
 
     $Output .= ''.
-      '<table class="Home"><tr><td colspan="2">'.$this->ShowWelcome().
-      '</td></tr>';
-    $Output .= '<tr><td colspan="3"><h3><a href="'.$this->System->Link('/download/').'">'.T('Download files').'</a></h3></td></tr>';
+      '<div class="Home">'.$this->ShowWelcome().
+      '</div>';
+    $Output .= '<div><h3><a href="'.$this->System->Link('/download/').'">'.T('Download files').'</a></h3></div>';
 
-    $Output .= '<tr>'.
-      '<td class="news-box">'.$this->System->ModuleManager->Modules['News']->ShowBox().'</td>'.
-      '<td class="SideBox">'.$this->System->ModuleManager->Modules['ShoutBox']->ShowBox().'</td>'.
-      '</tr></table>'.
-      '<table class="Home"><tr>'.
-      '<td class="news-box">'.$this->System->ModuleManager->Modules['Forum']->ShowBox().'</td>'.
-      '<td class="SideBox">'.$this->System->ModuleManager->Modules['Translation']->ShowBox().'</td>'.
-      '</tr></table>';
+    $Output .=
+      '<div class="box-left">'.$this->System->ModuleManager->Modules['News']->ShowBox().'</div>'.
+      '<div class="box-right">'.$this->System->ModuleManager->Modules['ShoutBox']->ShowBox().'</div>'.
+      '<div class="box-left">'.$this->System->ModuleManager->Modules['Forum']->ShowBox().'</div>'.
+      '<div class="box-right">'.$this->System->ModuleManager->Modules['Translation']->ShowBox().'</div>';
      return($Output);
   }

trunk/Modules/News/News.php

@@ -29 +29 @@
   function ShowBox()
   {
-    $Count = 6;
+    $Count = 10;
     $Output = '<strong><a href="'.$this->System->Link('/news/').'">'.T('News').':</a></strong>'.
-    '<div class="NewsBox">';
+    '<div class="box"><div class="NewsBox">';
     $DbResult = $this->Database->query('SELECT `News`.`Time`, `User`.`Name`, `News`.`Text`,`News`.`Title`, `News`.`Id` '.
       ' FROM `News` JOIN `User` ON `User`.`ID` = `News`.`User` ORDER BY `Time` DESC LIMIT '.$Count);
@@ -37 +37 @@
     {
       $Output .= '<h4><a href="'.$this->System->Link('/news/?a=item&amp;i='.$DbRow['Id']).'">'.$DbRow['Title'].'</a> ('.HumanDate($DbRow['Time']).')</h4>'.
-        ' <div>'.$DbRow['Text'].' ('.$DbRow['Name'].')</div>';
+        '<div>'.$DbRow['Text'].' ('.$DbRow['Name'].')</div>';
     }
-    $Output .= '</div>';
+    $Output .= '</div></div>';
     return($Output);
   }

trunk/Modules/ShoutBox/ShoutBox.php

@@ -30 +30 @@
 
     if($this->System->User->Licence(LICENCE_USER))
-      $Output .= ' <a href="'.$this->System->Link('/shoutbox/?a=add').'">'.T('Add').'</a>';
-    $Output .= '<div class="box"><table>';
+      $Output .= '<a href="'.$this->System->Link('/shoutbox/?a=add').'">'.T('Add').'</a>';
+    $Output .= '<div class="box"><div class="shoutbox"><table>';
     $DbResult = $this->Database->query('SELECT * FROM `ShoutBox` ORDER BY `ID` DESC LIMIT 30');
     while($Line = $DbResult->fetch_assoc())
       $Output .= '<tr><td><strong>'.$Line['UserName'].'</strong>: '.MakeActiveLinks($Line['Text']).'</td></tr>';
-    $Output .= '</table></div>';
+    $Output .= '</table></div></div>';
     return($Output);
   }

trunk/Modules/Translation/Translation.php

@@ -99 +99 @@
     $Count = 40;
     $Output = '<strong>'.T('Last translated').':</strong>';
+    $Output .= '<div class="box">';
 
     $GroupListQuery = 'SELECT `Group`.* FROM `Group`';
@@ -131 +132 @@
       $Output .= '</table>';
     }
+    $Output .= '</div>';
     return($Output);
   }

trunk/includes/Global.php

@@ -7 +7 @@
 if(file_exists(dirname(__FILE__).'/../Config/Config.php'))
   include_once(dirname(__FILE__).'/../Config/Config.php');
+  else die('Config file Config/Config.php not found');
 include_once(dirname(__FILE__).'/../Application/Version.php');
 include_once(dirname(__FILE__).'/Locale.php');

trunk/includes/System.php

@@ -493 +493 @@
     if($this->Title != '') $Title = $this->Title.' - '.$Title;
     $Output .= '<title>'.$Title.'</title>'.
+    '<script src="'.$this->System->Link('/style/respond.js').'"></script>'.
     '</head><body>';
 
@@ -508 +509 @@
   function ShowFooter()
   {
-    global $ScriptStartTime, $Revision, $ReleaseTime;
+    global $ScriptStartTime, $Revision, $ReleaseTime, $Version;
 
     $ScriptGenerateDuration = round(GetMicrotime() - $ScriptStartTime, 2);
@@ -517 +518 @@
     $Output .= '</td>'.
       '</tr><tr>'.
-      '<td colspan="4" class="page-bottom">'.T('Version').': '.$Revision.' ('.HumanDate($ReleaseTime).')'.
+      '<td colspan="4" class="page-bottom">'.T('Version').': '.$Version.' '.T('Revision').': '.$Revision.' ('.HumanDate($ReleaseTime).')'.
       ' &nbsp; <a href="http://svn.zdechov.net/trac/wowpreklad/browser/trunk">'.T('Source code').'</a> &nbsp; '.
       '<a href="http://svn.zdechov.net/trac/wowpreklad/log/trunk?verbose=on">'.T('Changelog').'</a> &nbsp; '.

trunk/locale/cs.php

@@ -499 +499 @@
         'Post' => 'Příspěvek',
         'Export %s of translator %s' => 'Export %s překladatele %s',
+        'Revision' => 'Revize',
       ),
       'URL' => array(

trunk/style/style.css

@@ -257 +257 @@
 .box
 {
-  overflow: auto; 
+  overflow: auto;
+  height: 400px;
+}
+
+.shoutbox
+{
   width: 100%;
-  height: 500px;
   font-size: 80%;
   border-width: 1px;
@@ -595 +599 @@
   font-weight: normal;
 }
+
+/* Mobile Layout: 480px and below. */
+
+.box-left {
+  clear: both;
+  float: left;
+  margin-left: 0;
+  width: 100%
+  display: block;
+  margin-bottom: 10px;
+}
+  
+.box-right {
+  clear: none;
+  float: left;
+  margin-left: 0;
+  width: 100%;
+  display: block;
+  margin-bottom: 10px;
+}
+
+/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
+@media screen and (min-width: 480px) {
+
+.box-left {
+  clear: both;
+  float: left;
+  margin-left: 0;
+  width: 100%
+  display: block;
+  margin-bottom: 10px;
+}
+  
+.box-right {
+  clear: none;
+  float: left;
+  margin-left: 0;
+  width: 100%;
+  display: block;
+  margin-bottom: 10px;
+}
+  
+}
+
+/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
+@media only screen and (min-width: 769px) {
+  
+.box-left {
+  clear: both;
+  float: left;
+  margin-left: 0;
+  width: 49%;
+  display: block;
+  margin-bottom: 10px;
+}
+  
+.box-right {
+  clear: none;
+  float: left;
+  margin-left: 1%;
+  width: 49%;
+  display: block;
+  margin-bottom: 10px;
+}
+
+}