commit 7a0ee0c7e69b10c33d671395f17c9cf8664bd2f9
Author: Raphael Bergmann <raphael(a)cc-ltd.net>
Date: Mon Jan 30 17:41:41 2017 +0100
Replaced popover with tooltips function
---
js/main.js | 1 -
js/views/about/main.js | 3 +--
js/views/details/main.js | 5 ++---
templates/details/bridge.html | 24 +++++++++++-----------
templates/details/router.html | 46 +++++++++++++++++++++----------------------
5 files changed, 38 insertions(+), 41 deletions(-)
diff --git a/js/main.js b/js/main.js
index 1217c6e..bd91484 100644
--- a/js/main.js
+++ b/js/main.js
@@ -12,7 +12,6 @@ require.config({
datatablest: 'libs/datatables/dataTables.TorStatus',
tooltip: 'libs/bootstrap/bootstrap-tooltip',
typeahead: 'libs/bootstrap/bootstrap-typeahead',
- popover: 'libs/bootstrap/bootstrap-popover',
collapse: 'libs/bootstrap/bootstrap-collapse',
d3js: 'libs/d3js/d3.v3.min',
jssha: 'libs/jssha/sha1',
diff --git a/js/views/about/main.js b/js/views/about/main.js
index 87d27e2..2aae5da 100644
--- a/js/views/about/main.js
+++ b/js/views/about/main.js
@@ -5,7 +5,6 @@ define([
'underscore',
'backbone',
'text!templates/about.html',
- 'popover',
'collapse',
'tooltip'
], function($, _, Backbone, aboutTemplate){
@@ -20,7 +19,7 @@ define([
this.el.html(compiledTemplate);
//$("#loading").hide();
//$(".flag .tooltip").hide();
- //$(".tip").popover();
+ //$(".tip").tooltip();
$(".flag").hover(function(){
$(this).children(".tooltip").show();
diff --git a/js/views/details/main.js b/js/views/details/main.js
index d9a25b1..4becdf9 100644
--- a/js/views/details/main.js
+++ b/js/views/details/main.js
@@ -10,7 +10,6 @@ define([
'text!templates/details/bridge.html',
'text!templates/details/error.html',
'tooltip',
- 'popover',
'd3js',
'collapse',
'helpers'
@@ -241,9 +240,9 @@ define([
}
$("#loading").hide();
- $(".flag .tooltip").hide();
- $(".tip").popover();
$(".flags").tooltip();
+ $(".flag .tooltip").hide();
+ $(".tip").tooltip();
$(".flag").hover(function(){
$(this).children(".tooltip").show();
diff --git a/templates/details/bridge.html b/templates/details/bridge.html
index d10fa8e..963858f 100644
--- a/templates/details/bridge.html
+++ b/templates/details/bridge.html
@@ -14,14 +14,14 @@
<div class="span4">
<h3>Configuration</h3>
<dl>
- <dt><span class="tip" data-content="This is the nickname that the Tor bridge operator chose." data-original-title="Nickname">Nickname</span></dt>
+ <dt><span class="tip" title="This is the nickname that the Tor bridge operator chose." data-original-title="Nickname">Nickname</span></dt>
<dd><%= _.escape(relay.get('nickname')) %></dd>
- <dt><span class="tip" data-content="Ports (addresses are hidden) where the bridge listens for incoming connections from clients and other relays." data-original-title="Onion-routing addresses">OR Addresses</span></dt>
+ <dt><span class="tip" title="Ports (addresses are hidden) where the bridge listens for incoming connections from clients and other relays." data-original-title="Onion-routing addresses">OR Addresses</span></dt>
<dd><%= relay.get('or_addresses') %></dd>
<dt>
- <span class="tip" data-content="Bandwidth that the bridge is willing and able to provide in bytes per second." data-original-title="Advertised bandwidth">Advertised Bandwidth</span>
+ <span class="tip" title="Bandwidth that the bridge is willing and able to provide in bytes per second." data-original-title="Advertised bandwidth">Advertised Bandwidth</span>
</dt>
<dd><%= relay.get('bandwidth_hr') %></dd>
</dl>
@@ -35,14 +35,14 @@
<% } else { %>
<h3>Last Known Properties</h3>
<dl>
- <dt><span class="tip" data-content="Timestamp when the bridge was last seen in the consensus." data-original-title="Last seen">Last Seen</span></dt>
+ <dt><span class="tip" title="Timestamp when the bridge was last seen in the consensus." data-original-title="Last seen">Last Seen</span></dt>
<dd><%= relay.get('last_seen') %></dd>
<% } %>
- <dt><span class="tip" data-content="Hash of 20-byte unique identifier of the bridge." data-original-title="Hashed Fingerprint">Hashed Fingerprint</span></dt>
+ <dt><span class="tip" title="Hash of 20-byte unique identifier of the bridge." data-original-title="Hashed Fingerprint">Hashed Fingerprint</span></dt>
<dd><tt><%= relay.get('fingerprint').replace(/(.{20})/g,"$1​") %></tt></dd>
- <dt><span class="tip" data-content="Flags that the directory authorities assigned to this bridge." data-original-title="Bridge flags">Flags</span></dt>
+ <dt><span class="tip" title="Flags that the directory authorities assigned to this bridge." data-original-title="Bridge flags">Flags</span></dt>
<dd><% _.each(relay.get('flags'), function(flag) { %>
<span class="flags" title="<%= flag[0] %><br /><%= flag[2] %>">
<img class="inline" alt="" src="img/flags/<%= flag[1] %>.png"/>
@@ -51,13 +51,13 @@
<% }); %>
</dd>
- <dt><span class="tip" data-content="Date and time when the bridge was last (re-)started." data-original-title="Last restarted">Last Restarted</span></dt>
+ <dt><span class="tip" title="Date and time when the bridge was last (re-)started." data-original-title="Last restarted">Last Restarted</span></dt>
<dd><%= relay.get('last_restarted') %></dd>
- <dt><span class="tip" data-content="What OS and Tor version the bridge is using" data-original-title="Platform">Platform</span></dt>
+ <dt><span class="tip" title="What OS and Tor version the bridge is using" data-original-title="Platform">Platform</span></dt>
<dd><%= _.escape(relay.get('platform')) %></dd>
- <dt><span class="tip" data-content="Transport protocols supported by this bridge." data-original-title="Transport protocols">Transport protocols</span></dt>
+ <dt><span class="tip" title="Transport protocols supported by this bridge." data-original-title="Transport protocols">Transport protocols</span></dt>
<dd><%= relay.get('transports') %></dd>
</dl>
@@ -67,14 +67,14 @@
<dl>
<% if (relay.get('running') === false) { %>
- <dt><span class="tip" data-content="The time since this bridge was last seen online." data-original-title="Downtime">Downtime</span></dt>
+ <dt><span class="tip" title="The time since this bridge was last seen online." data-original-title="Downtime">Downtime</span></dt>
<dd><%= relay.get('downtime') %></dd>
<% } else {%>
- <dt><span class="tip" data-content="The time since this bridge is online." data-original-title="Uptime">Uptime</span></dt>
+ <dt><span class="tip" title="The time since this bridge is online." data-original-title="Uptime">Uptime</span></dt>
<dd><%= relay.get('uptime_hrfull') %></dd>
<% } %>
- <dt><span class="tip" data-content="Whether this bridge is listed in the current Tor directory or not." data-original-title="Running">Running</span></dt>
+ <dt><span class="tip" title="Whether this bridge is listed in the current Tor directory or not." data-original-title="Running">Running</span></dt>
<dd><%= relay.get('running') %></dd>
</dl>
diff --git a/templates/details/router.html b/templates/details/router.html
index c343b8b..80beb03 100644
--- a/templates/details/router.html
+++ b/templates/details/router.html
@@ -14,23 +14,23 @@
<div class="span4">
<h3>Configuration</h3>
<dl>
- <dt><span class="tip" data-content="This is the nickname that the Tor relay operator chose." data-original-title="Nickname">Nickname</span></dt>
+ <dt><span class="tip" title="This is the nickname that the Tor relay operator chose." data-original-title="Nickname">Nickname</span></dt>
<dd><%= _.escape(relay.get('nickname')) %></dd>
- <dt><span class="tip" data-content="Addresses and ports where the relay listens for incoming connections from clients and other relays." data-original-title="Onion-routing addresses">OR Addresses</span></dt>
+ <dt><span class="tip" title="Addresses and ports where the relay listens for incoming connections from clients and other relays." data-original-title="Onion-routing addresses">OR Addresses</span></dt>
<dd><%= relay.get('or_addresses') %></dd>
- <dt><span class="tip" data-content="These are the contact details of the Tor relay operator" data-original-title="ContactInfo">Contact</span></dt>
+ <dt><span class="tip" title="These are the contact details of the Tor relay operator" data-original-title="ContactInfo">Contact</span></dt>
<dd><%= _.escape(relay.get('contact')) %></dd>
- <dt><span class="tip" data-content="Address and port where the relay listens for directory requests." data-original-title="Directory port">Dir Address</span></dt>
+ <dt><span class="tip" title="Address and port where the relay listens for directory requests." data-original-title="Directory port">Dir Address</span></dt>
<dd><%= relay.get('dir_address') %></dd>
<dt>
- <span class="tip" data-content="Bandwidth that the relay is willing and able to provide in bytes per second." data-original-title="Advertised bandwidth">Advertised Bandwidth</span>
+ <span class="tip" title="Bandwidth that the relay is willing and able to provide in bytes per second." data-original-title="Advertised bandwidth">Advertised Bandwidth</span>
</dt>
- <dd><span class="tip" data-content="Bandwidth rate: <%= relay.get('bandwidthr') %><br>Bandwidth burst: <%= relay.get('bandwidthb') %><br>Observed bandwidth: <%= relay.get('obandwidth') %>" data-original-title="Bandwidth values"><%= relay.get('bandwidth_hr') %></span></dd>
- <dt><span class="tip" data-content="Port summary of IPv4 exit connections that the relay is going to accept or reject." data-original-title="IPv4 exit policy summary">IPv4 Exit Policy Summary</span></dt>
+ <dd><span class="tip" title="Bandwidth rate: <%= relay.get('bandwidthr') %><br>Bandwidth burst: <%= relay.get('bandwidthb') %><br>Observed bandwidth: <%= relay.get('obandwidth') %>" data-original-title="Bandwidth values"><%= relay.get('bandwidth_hr') %></span></dd>
+ <dt><span class="tip" title="Port summary of IPv4 exit connections that the relay is going to accept or reject." data-original-title="IPv4 exit policy summary">IPv4 Exit Policy Summary</span></dt>
<dd>
<% if ('accept' in relay.get('exit_policy_summary')) { %>
<pre class="pre-scrollable">accept<% _.each(relay.get('exit_policy_summary')['accept'],
@@ -39,7 +39,7 @@
<pre class="pre-scrollable">reject<% _.each(relay.get('exit_policy_summary')['reject'],
function(ports) { %><br> <%= $.trim(ports) %><% });} %></pre>
</dd>
- <dt><span class="tip" data-content="Port summary of IPv6 exit connections that the relay is going to accept or reject." data-original-title="IPv6 exit policy summary">IPv6 Exit Policy Summary</span></dt>
+ <dt><span class="tip" title="Port summary of IPv6 exit connections that the relay is going to accept or reject." data-original-title="IPv6 exit policy summary">IPv6 Exit Policy Summary</span></dt>
<dd>
<% if (relay.get('exit_policy_v6_summary') && ('accept' in relay.get('exit_policy_v6_summary'))) { %>
<pre class="pre-scrollable">accept<% _.each(relay.get('exit_policy_v6_summary')['accept'],
@@ -51,7 +51,7 @@
<pre class="pre-scrollable">None defined.</pre>
<% } %>
</dd>
- <dt><span class="tip" data-content="Policy of exit connections that the relay is going to accept or reject." data-original-title="Exit policy">Exit Policy</span></dt>
+ <dt><span class="tip" title="Policy of exit connections that the relay is going to accept or reject." data-original-title="Exit policy">Exit Policy</span></dt>
<dd>
<pre class="pre-scrollable"><% _.each(relay.get('exit_policy'), function(line) { %>
<%= $.trim(line) %><% }); %></pre>
@@ -67,14 +67,14 @@
<% } else { %>
<h3>Last Known Properties</h3>
<dl>
- <dt><span class="tip" data-content="Timestamp when the relay was last seen in the consensus." data-original-title="Last seen">Last Seen</span></dt>
+ <dt><span class="tip" title="Timestamp when the relay was last seen in the consensus." data-original-title="Last seen">Last Seen</span></dt>
<dd><%= relay.get('last_seen') %></dd>
<% } %>
- <dt><span class="tip" data-content="20-byte unique identifier of the relay." data-original-title="Fingerprint">Fingerprint</span></dt>
+ <dt><span class="tip" title="20-byte unique identifier of the relay." data-original-title="Fingerprint">Fingerprint</span></dt>
<dd><pre><%= relay.get('fingerprint') %></pre></dd>
- <dt><span class="tip" data-content="Flags that the directory authorities assigned to this relay." data-original-title="Relay flags">Flags</span></dt>
+ <dt><span class="tip" title="Flags that the directory authorities assigned to this relay." data-original-title="Relay flags">Flags</span></dt>
<dd><% _.each(relay.get('flags'), function(flag) { %>
<span class="flags" title="<%= flag[0] %><br /><%= flag[2] %>">
<img class="inline" alt="" src="img/flags/<%= flag[1] %>.png"/>
@@ -83,31 +83,31 @@
<% }); %>
</dd>
- <dt><span class="tip" data-content="Country as found in a GeoIP database by resolving the relay's first onion-routing address." data-original-title="Country">Country</span></dt>
+ <dt><span class="tip" title="Country as found in a GeoIP database by resolving the relay's first onion-routing address." data-original-title="Country">Country</span></dt>
<dd><img class="inline country" title="<%= relay.get('countryname') %>" alt="" src="img/cc/<%= relay.get('country') %>.png"/> <%= relay.get('countryname') %></dd>
- <dt><span class="tip" data-content="Autonomous System Number" data-original-title="AS Number">AS Number</span></dt>
+ <dt><span class="tip" title="Autonomous System Number" data-original-title="AS Number">AS Number</span></dt>
<dd><%= _.escape(relay.get('as_no')) %></dd>
- <dt><span class="tip" data-content="Autonomous System Name" data-original-title="AS Name">AS Name</span></dt>
+ <dt><span class="tip" title="Autonomous System Name" data-original-title="AS Name">AS Name</span></dt>
<dd><%= _.escape(relay.get('as_name')) %></dd>
- <dt><span class="tip" data-content="Date and time when the relay was last (re-)started." data-original-title="Last restarted">Last Restarted</span></dt>
+ <dt><span class="tip" title="Date and time when the relay was last (re-)started." data-original-title="Last restarted">Last Restarted</span></dt>
<dd><%= relay.get('last_restarted') %></dd>
- <dt><span class="tip" data-content="Other family members of this relay." data-original-title="Family Members">Family Members</span></dt>
+ <dt><span class="tip" title="Other family members of this relay." data-original-title="Family Members">Family Members</span></dt>
<dd><pre><% if (relay.get('effective_family') !== null) { %><% _.each(relay.get('effective_family'), function(member) { %><% var valid = member.match(RegExp("^\$[A-F0-9]{40}$")); %>
<% if (valid) { %><a href="#details/<%= member.replace('$', '') %>" title="Effective family member"><% } %><%= member %><% if (valid) { %></a><% }}); %><% } %>
<% if (relay.get('alleged_family') !== null) { %><% _.each(relay.get('alleged_family'), function(member) { %><% var valid = member.match(RegExp("^\$[A-F0-9]{40}$")); %>
<% if (valid) { %><a href="#details/<%= member.replace('$', '') %>" title="Alleged family member" class="alleged"><% } %><%= member %><% if (valid) { %></a><% }}); %><% } %></pre></dd>
- <dt><span class="tip" data-content="Date and time when the relay last published a descriptor to the directory authorities." data-original-title="Descriptor published">Descriptor Published</span></dt>
+ <dt><span class="tip" title="Date and time when the relay last published a descriptor to the directory authorities." data-original-title="Descriptor published">Descriptor Published</span></dt>
<dd><%= relay.get('desc_published') %></dd>
- <dt><span class="tip" data-content="What OS and Tor version the relay is using" data-original-title="Platform">Platform</span></dt>
+ <dt><span class="tip" title="What OS and Tor version the relay is using" data-original-title="Platform">Platform</span></dt>
<dd><%= _.escape(relay.get('platform')) %></dd>
- <dt><span class="tip" data-content="Weight assigned to this relay by the directory authorities that clients use in their path selection algorithm. The unit is arbitrary; currently it's kilobytes per second, but that might change in the future." data-original-title="Consensus Weight">Consensus Weight</span></dt>
+ <dt><span class="tip" title="Weight assigned to this relay by the directory authorities that clients use in their path selection algorithm. The unit is arbitrary; currently it's kilobytes per second, but that might change in the future." data-original-title="Consensus Weight">Consensus Weight</span></dt>
<dd><%= relay.get('consensus_weight') %></dd>
</dl>
@@ -117,14 +117,14 @@
<dl>
<% if (relay.get('running') === false) { %>
- <dt><span class="tip" data-content="The time since this relay was last seen online." data-original-title="Downtime">Downtime</span></dt>
+ <dt><span class="tip" title="The time since this relay was last seen online." data-original-title="Downtime">Downtime</span></dt>
<dd><%= relay.get('downtime') %></dd>
<% } else {%>
- <dt><span class="tip" data-content="The time since this relay is online." data-original-title="Uptime">Uptime</span></dt>
+ <dt><span class="tip" title="The time since this relay is online." data-original-title="Uptime">Uptime</span></dt>
<dd><%= relay.get('uptime_hrfull') %></dd>
<% } %>
- <dt><span class="tip" data-content="Whether this relay is listed in the current Tor directory or not." data-original-title="Running">Running</span></dt>
+ <dt><span class="tip" title="Whether this relay is listed in the current Tor directory or not." data-original-title="Running">Running</span></dt>
<dd><%= relay.get('running') %></dd>
</dl>