Changeset 11081

Timestamp:

Jul 31, 2010, 4:28:00 PM (12 years ago)

Author:

Longinus00

Message:

(web) #3456:Improve web client torrent list display

Location:

trunk/web

Files:

• javascript/common.js (modified) (2 diffs)
• javascript/torrent.js (modified) (1 diff)
• javascript/transmission.js (modified) (3 diffs)
• stylesheets/common.css (modified) (3 diffs)

trunk/web/javascript/common.js

@@ -9 +9 @@
 var transmission;
 var dialog;
+var resizeTimer = null;
 // Test for a Webkit build that supports box-shadow: 521+ (release Safari 3 is
 // actually 523.10.3). We need 3.1 for CSS animation (dialog sheets) but as it
@@ -80 +81 @@
                 $("label[for=torrent_upload_url]").text("URL: ");
         }
+
+        // Add resize event handler with a timeout to handle browsers that fire a
+        // resize event for every pixel changed
+        $(window).bind('resize', function() {
+                if (resizeTimer) clearTimeout(resizeTimer);
+                resizeTimer = setTimeout('transmission.refreshDisplay()', 50)
+                });
 });
 

trunk/web/javascript/torrent.js

@@ -662 +662 @@
                 }
                 setInnerHTML( root._progress_details_container, progress_details );
+
+                if( compact ){
+                        var width = root._progress_details_container.offsetLeft - root._name_container.offsetLeft;
+                        root._name_container.style.width = width + 'px';
+                }
+                else {
+                        root._name_container.style.width = '100%';
+                }
 
                 // Update the peer details and pause/resume button

trunk/web/javascript/transmission.js

@@ -1533 +1533 @@
                 this.setPref( Prefs._ShowInspector, true );
                 this.updateInspector( );
+                this.refreshDisplay( );
         },
 
@@ -1554 +1555 @@
 
                 this.setPref( Prefs._ShowInspector, false );
+                this.refreshDisplay( );
         },
 
@@ -1962 +1964 @@
                 this.updateStatusbar( );
                 this.selectionChanged( );
+                this.refreshDisplay( );
         },
 

trunk/web/stylesheets/common.css

@@ -398 +398 @@
         font-size: 1.3em;
         font-weight: bold;
-        word-wrap: break-word;
         overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         color: #222;
         margin-bottom: 2px;
@@ -408 +409 @@
         z-index: 1;
         position: absolute;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
 }
 
@@ -416 +420 @@
 ul.torrent_list li.torrent div.torrent_progress_details,
 ul.torrent_list li.torrent div.torrent_peer_details {
+        clear: left;
         font-size: 1em;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
 }