Ticket #21398: 0002-Simplify-the-code-enabling-the-tooltips.patch

File 0002-Simplify-the-code-enabling-the-tooltips.patch, 4.8 KB (added by cypherpunks, 3 years ago)
  • js/views/about/main.js

    From 0000000000000000000000000000000000000000 Mon Sep 17 00:00:00 2001
    From: cypherpunks <cypherpunks@torproject.org>
    Date: Tue, 7 Feb 2017 18:01:22 +0000
    Subject: [PATCH 2/3] Simplify the code enabling the tooltips
    
    The simplification enables tooltips only on elements within the "tip"
    class and sample points in the graphs.
    ---
     js/views/about/main.js        | 10 ----------
     js/views/details/main.js      | 10 ----------
     js/views/search/do.js         |  4 +---
     templates/details/router.html |  2 +-
     templates/search/do.html      |  6 +++---
     5 files changed, 5 insertions(+), 27 deletions(-)
    
    diff --git a/js/views/about/main.js b/js/views/about/main.js
    index 2aae5da..4d6aad1 100644
    a b define([ 
    1818            var compiledTemplate = _.template(aboutTemplate, data);
    1919            this.el.html(compiledTemplate);
    2020            //$("#loading").hide();
    21             //$(".flag .tooltip").hide();
    22             //$(".tip").tooltip();
    23             $(".flag").hover(function(){
    24                 $(this).children(".tooltip").show();
    25 
    26             }, function(e){
    27 
    28                 $(this).children(".tooltip").hide();
    29 
    30             });
    3121        }
    3222    });
    3323    return new aboutView;
  • js/views/details/main.js

    diff --git a/js/views/details/main.js b/js/views/details/main.js
    index 4becdf9..ce4f87b 100644
    a b define([ 
    240240            }
    241241
    242242            $("#loading").hide();
    243             $(".flags").tooltip();
    244             $(".flag .tooltip").hide();
    245243            $(".tip").tooltip();
    246             $(".flag").hover(function(){
    247                 $(this).children(".tooltip").show();
    248 
    249             }, function(e){
    250 
    251                 $(this).children(".tooltip").hide();
    252 
    253             });
    254244        },
    255245        error: function() {
    256246            var compiledTemplate = _.template(errorDetailsTemplate, {relay: null});
  • js/views/search/do.js

    diff --git a/js/views/search/do.js b/js/views/search/do.js
    index 4226dd8..1899e85 100644
    a b define([ 
    160160                                "aaSorting": [],
    161161                "fnDrawCallback": function( oSettings ) {
    162162                    // Make the tooltips
    163                     $(".flags").tooltip();
    164                     $(".country").tooltip();
    165                     $(".uptime").tooltip();
     163                    $(".tip").tooltip();
    166164                }
    167165                        });
    168166            // Type ahead for country codes
  • templates/details/router.html

    diff --git a/templates/details/router.html b/templates/details/router.html
    index d3f80ed..0b20237 100644
    a b  
    7676
    7777    <dt><span class="tip" title="Flags that the directory authorities assigned to this relay." data-original-title="Relay flags">Flags</span></dt>
    7878    <dd><% _.each(relay.get('flags'), function(flag) { %>
    79         <span class="flags" title="<%= flag[0] %><br /><%= flag[2] %>">
     79        <span class="tip flags" title="<%= flag[0] %><br /><%= flag[2] %>">
    8080            <img class="inline" alt="" src="img/flags/<%= flag[1] %>.png"/>
    8181            <span class="inline"><%= flag[0] %></span>
    8282        </span>
  • templates/search/do.html

    diff --git a/templates/search/do.html b/templates/search/do.html
    index c534f7a..cd07a61 100644
    a b  
    8181            </td>
    8282                        <td><span data-filter="<%= relay.get('bandwidth') %>"><%= relay.get('bandwidth_hr') %></td>
    8383                        <td>
    84             <span data-hidden="<%= relay.get('last_restarted') %>" title="<%= relay.get('uptime_hrfull') %>" data-filter="<%= relay.get('uptime') %>" class="uptime">
     84            <span data-hidden="<%= relay.get('last_restarted') %>" title="<%= relay.get('uptime_hrfull') %>" data-filter="<%= relay.get('uptime') %>" class="tip uptime">
    8585            <% if (relay.get('running') === false) { %><s><% } %><%= relay.get('uptime_hr') %><% if (relay.get('running') === false) { %></s><% } %>
    8686            </span>
    8787            </td>
    8888                        <td>
    8989            <% if ( relay.get('country')) { %>
    90             <img class="inline country" title="<%= relay.get('countryname') %>" alt="<%= relay.get('countryname') %>" src="img/cc/<%= relay.get('country') %>.png"/>
     90            <img class="tip inline country" title="<%= relay.get('countryname') %>" alt="<%= relay.get('countryname') %>" src="img/cc/<%= relay.get('country') %>.png"/>
    9191            <% } %>
    9292            </td>
    9393                        <td><%= relay.get('or_address') %></td>
    9494                        <td>
    9595            <% _.each(relay.get('flags'), function(flag) { %>
    96             <img class="inline flags" rel="tooltip" src="img/flags/<%= flag[1] %>.png" alt="<%= flag[0] %>" title="<%= flag[0] %><br /><%= flag[2] %>"/>
     96            <img class="tip inline flags" src="img/flags/<%= flag[1] %>.png" alt="<%= flag[0] %>" title="<%= flag[0] %><br /><%= flag[2] %>"/>
    9797            <% }); %>
    9898            </td>
    9999                        <td><%= relay.get('or_port') %></td>