about dialog, UI tweaks

modules/popup-dialog.php

@@ -954,6 +954,36 @@
 
 		}
 
+		if ($id == "about") {
+			print "<table width='100%'><tr><td align='center'>";
+			print "<img src=\"images/logo_big.png\">";
+			print "</td>";
+			print "<td width='70%'>";
+
+			print "<h1>Tiny Riny RSS</h1>
+				<strong>Version ".VERSION."</strong>
+				<p>Copyright &copy; 2005-".date('Y')."
+				<a target=\"_blank\" class=\"visibleLink\"
+				href=\"http://fakecake.org/\">Andrew Dolgov</a>
+				and other contributors.</p>
+				<p class=\"insensitive\">Licensed under GNU GPL version 2.</p>";
+
+			print "<p class=\"insensitive\">
+				<a class=\"visibleLink\" target=\"_blank\"
+					href=\"http://tt-rss.org/\">Official site</a> &mdash;
+				<a href=\"http://tt-rss.org/redmine/wiki/tt-rss/Donate\"
+				target=\"_blank\" class=\"visibleLink\">
+				Support the project.</a></p>";
+
+			print "</td></tr>";
+			print "</table>";
+
+			print "<div align='center'>";
+			print "<button dojoType=\"dijit.form.Button\"
+				type=\"submit\">".
+				__('Close this window')."</button>";
+			print "</div>";
+		}
 
 		print "</dlg>";
 	}

prefs.php

@@ -79,21 +79,13 @@
 
 <img id="piggie" src="images/piggie.png" style="display : none" alt="piggie"/>
 
-<div id="main" dojoType="dijit.layout.BorderContainer">
-
 <div id="header" dojoType="dijit.layout.ContentPane" region="top">
-	<img style="float : left" src="<?php echo theme_image($link, 'images/logo_wide.png') ?>" title="Tiny Tiny RSS"/>	
+	<a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})"><?php echo __("Keyboard shortcuts") ?></a> |
-
+	<a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a>
-	<?php if (!SINGLE_USER_MODE) { ?>
-		<?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b> |
-	<?php } ?>
-	<a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a> | 
-	<a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})"><?php echo __("Keyboard shortcuts") ?></a>
-	<?php if (!SINGLE_USER_MODE) { ?>
-		| <a href="logout.php"><?php echo __('Logout') ?></a>
-	<?php } ?>
 </div>
 
+<div id="main" dojoType="dijit.layout.BorderContainer">
+
 <div dojoType="dijit.layout.TabContainer" region="center" id="pref-tabs">
 <div id="genConfigTab" dojoType="dijit.layout.ContentPane"
 	href="backend.php?op=pref-prefs"
@@ -115,11 +107,10 @@
 </div>
 
 <div id="footer" dojoType="dijit.layout.ContentPane" region="bottom">
-	<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
+	<a class="insensitive" target="_blank" href="http://tt-rss.org/">
-	<?php if (!defined('HIDE_VERSION')) { ?>
+	Tiny Tiny RSS</a> &copy; 2005-<?php echo date('Y') ?>
-		 v<?php echo VERSION ?> 
+	<a class="insensitive" target="_blank"
-	<?php } ?>
+	href="http://fakecake.org/">Andrew Dolgov</a>
-	&copy; 2005&ndash;<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
 </div> <!-- footer -->
 
 </div>

tt-rss.css

@@ -434,59 +434,6 @@ a.helpLink:hover {
 	font-size : 12px;
 }
 
-/*
-div.firstTab {
-	width : 10px;
-	float : left;
-}
-
-div.prefsTab:hover {
-	cursor : pointer;
-}
-
-div.prefsTab.Selected:hover {
-	cursor : pointer;
-}
-
-div.prefsTab {
-	float : left;
-	border-width : 1px 1px 0px 1px;
-	border-color : #C4D1E4;
-	border-style : solid;
-	margin : 0px 0px 0px 5px;
-	padding : 3px 5px 3px 5px;
-	font-size : 12px;
-	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
-	border-collapse : collapse;
-	min-width : 100px;
-	text-align : center;
-	cursor : pointer;
-	position : relative;
-	bottom : -1px;
-	height : 30px;
-}
-
-div.prefsTab.Selected {
-	float : left;
-	border-width : 1px 1px 0px 1px;
-	border-color : #88b0f0;
-	border-style : solid;
-	margin : 0px 0px 0px 5px;
-	padding : 3px 5px 3px 5px;
-	background-color : #ecf4ff;
-	font-size : 12px;
-	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
-	border-collapse : collapse;
-	font-weight : bold;
-	min-width : 100px;
-	text-align : center;
-	cursor : pointer;
-	position : relative;
-	bottom : -1px;
-	z-index : 3;
-	height : 30px;
-} */
-
 div.notice {
 	background : #ffffff;
 	border : 1px solid #88b0f0;
@@ -1467,11 +1414,6 @@ div.fatalError textarea {
 	border-width : 0px;
 }
 
-/* #content-tabs .dijitTab {
-	margin-top : 0px;
-	padding-top : 0px;
-} */
-
 #toolbar {
 	padding : 0px;
 	margin : 0px;

tt-rss.js

@@ -427,6 +427,16 @@ function quickMenuGo(opid) {
 			Effect.Appear("hotkey_help_overlay", {duration : 0.3});
 		}
 
+		if (opid == "qmcAbout") {
+			dialog = new dijit.Dialog({
+				title: __("About..."),
+				style: "width: 400px",
+				href: "backend.php?op=dlg&id=about",
+			});
+
+			dialog.show();
+		}
+
 	} catch (e) {
 		exception_error("quickMenuGo", e);
 	}

tt-rss.php

@@ -110,8 +110,6 @@
 </div>
 
 <div dojoType="dijit.layout.BorderContainer" region="center" id="header-wrap" gutters="false">
-<!-- <div dojoType="dijit.layout.ContentPane" region="top">
-</div> -->
 <div dojoType="dijit.layout.TabContainer" region="center" id="content-tabs">
 <div dojoType="dijit.layout.BorderContainer" region="center" id="content-wrap"
 	title="<?php echo __("News") ?>">
@@ -176,6 +174,7 @@
 					<div dojoType="dijit.MenuItem" onclick="quickMenuGo('qmcAddLabel')"><?php echo __('Create label...') ?></div>
 					<div dojoType="dijit.MenuItem" onclick="quickMenuGo('qmcAddFilter')"><?php echo __('Create filter...') ?></div>
 					<div dojoType="dijit.MenuItem" onclick="quickMenuGo('qmcHKhelp')"><?php echo __('Keyboard shortcuts help') ?></div>
+					<div dojoType="dijit.MenuItem" onclick="quickMenuGo('qmcAbout')"><?php echo __('About...') ?></div>
 				</div>
 			</div>
 		</div>