add an 'about' dialog to show the server's version number

diff --git a/web/index.html b/web/index.html
index ae423d5ce55130959a2804d4906c59ec0df930d1..e1990b06282c7d64944ebdf76d89b4737cfbd862 100755 (executable)
--- a/web/index.html
+++ b/web/index.html
@@ -331,6 +331,13 @@
                        </div>
                </div>
 
+               <div id="about-dialog" style="display:none;">
+                       <p><img src="images/graphics/logo.png"></p>
+                       <p id="about-title">Transmission X</p>
+                       <p id="about-blurb">A fast and easy BitTorrent client</p>
+                       <p id="about-copyright">Copyright (c) The Transmission Project</p>
+               </div>
+
                <div id="stats-dialog" style="display:none;">
                        <div class="prefs-section">
                                <div class="title">Current Session</div>
@@ -374,6 +381,8 @@
                        <ul id="settings_menu">
                                <li id="button">&nbsp;
                                        <ul id="footer_super_menu">
+                                               <li id="about-button">About</li>
+                                               <li class="separator"></li>
                                                <li id="homepage">Transmission Homepage</li>
                                                <li id="tipjar">Transmission Tip Jar</li>
                                                <li class="separator"></li>

diff --git a/web/javascript/transmission.js b/web/javascript/transmission.js
index a1bdd1d7834bc47eb75427e8ea132af79ccc47dd..dac34d90b322284e2c86643b6907ab220f2c05ef 100644 (file)
--- a/web/javascript/transmission.js
+++ b/web/javascript/transmission.js
@@ -654,6 +654,12 @@ Transmission.prototype =
                                this.showStatsDialog();
                                break;
 
+                       case 'about-button':
+                               o = 'Transmission ' + this.serverVersion;
+                               $('#about-dialog #about-title').html(o);
+                               $('#about-dialog').dialog();
+                               break;
+
                        case 'homepage':
                                window.open('http://www.transmissionbt.com/');
                                break;
@@ -1666,7 +1672,7 @@ Transmission.prototype =
                        'close': $.proxy(this.onStatsDialogClosed,this),
                        'show': 'fade',
                        'hide': 'fade',
-                       'title': 'Transmission ' + this.serverVersion
+                       'title': 'Statistics'
                });
        },
 

diff --git a/web/stylesheets/common.css b/web/stylesheets/common.css
index da3a3194da8a79c2d89fa0a7445371e9f6f80c74..17bbcf1a1b73a4e9340a2f6ddf37ed81c79d4d8f 100644 (file)
--- a/web/stylesheets/common.css
+++ b/web/stylesheets/common.css
@@ -40,6 +40,20 @@ a {
        background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
 }
 
+/***
+****
+****  ABOUT DIALOG
+****
+***/
+
+#about-dialog > * {
+       text-align: center;
+}
+#about-dialog > #about-title {
+       font-size: 1.3em;
+       font-weight: bold;
+}
+
 /***
 ****
 ****  TOOLBAR