Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
aboutTor.xhtml 8.27 KB
Newer Older
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
1
2 
<?xml version="1.0" encoding="UTF-8"?>
<!--
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
3 
   - Copyright (c) 2015, The Tor Project, Inc.
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 
   - See LICENSE for licensing information.
   - vim: set sw=2 sts=2 ts=8 et syntax=xml:
  -->

<!DOCTYPE html [
  <!ENTITY % htmlDTD
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "DTD/xhtml1-strict.dtd">
  %htmlDTD;
  <!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
  %globalDTD;
  <!ENTITY % aboutTorDTD SYSTEM "chrome://torbutton/locale/aboutTor.dtd">
  %aboutTorDTD;
]>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>&aboutTor.title;</title>
  <link rel="stylesheet" type="text/css" media="all"
        href="chrome://torbutton/skin/aboutTor.css"/>
Kathleen Brade's avatar
Bug 13138: ESR31-about:tor shows "Tor is not working"    
Kathleen Brade committed
24 
<script type="text/javascript;version=1.7">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
25
26
27 
 <![CDATA[
function onLoad()
{
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
28
29 
  insertPropertyStrings();
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
30
31 
  document.addEventListener("AboutTorAdjustArrow", function() {
    adjustToolbarIconArrow();
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
32
33
34 
  }, false);

  window.setTimeout( function() {
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
35 
    adjustToolbarIconArrow();
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
36
37
38 
  }, 0);
}
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
39 
function adjustToolbarIconArrow()
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
40 
{
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
41
42
43
44
45
46
47
48
49
50
51
52
53
54 
  let textElem = document.getElementById("updatePrompt");
  let arrowHeadDiv = document.getElementById("toolbarIconArrowHead");
  let vertExtDiv = document.getElementById("toolbarIconArrowVertExtension");
  let bendDiv = document.getElementById("toolbarIconArrowBend");
  let horzExtDiv = document.getElementById("toolbarIconArrowHorzExtension");
  if (!textElem || !arrowHeadDiv || !vertExtDiv || !bendDiv || !horzExtDiv)
    return;

  let arrowTailElems = [ vertExtDiv, bendDiv, horzExtDiv ];
  let tbXpos;
  if (document.body.hasAttribute("torbutton-xpos"))
    tbXpos = parseInt(document.body.getAttribute("torbutton-xpos"), 10);

  if (!tbXpos || isNaN(tbXpos) || (tbXpos < 0))
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
55 
  {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
56
57
58
59
60 
    arrowHeadDiv.style.display = "none";
    for (let elem of arrowTailElems)
      elem.style.display = "none";
    return;
  }
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
61
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90 
  // Account for content zoom and retina displays by converting to device
  // independent units.
  if ("devicePixelRatio" in window)  // FF18+
    tbXpos /= window.devicePixelRatio;

  const kArrowMargin = 6;          // Horizontal margin between line and text.
  const kArrowHeadExtraWidth = 9;  // Horizontal margin to the line.
  const kArrowLineThickness = 11;
  const kBendWidth = 22;
  const kBendHeight = 22;

  arrowHeadDiv.style.display = "block";  // Must be visible to get offsetWidth.
  let arrowHalfWidth = Math.round(arrowHeadDiv.offsetWidth / 2);
  let leftAnchor = textElem.offsetLeft - kArrowMargin
                    - kBendWidth + Math.round(kArrowLineThickness / 2);
  let rightAnchor = textElem.offsetLeft + textElem.offsetWidth
                    + kArrowMargin + arrowHalfWidth;

  let isArrowOnLeft = (tbXpos < leftAnchor);
  let isArrowOnRight = (tbXpos > rightAnchor) &&
                       (tbXpos < (window.innerWidth - arrowHalfWidth));
  let isArrowInMiddle = (tbXpos >= leftAnchor) && (tbXpos <= rightAnchor);

  if (isArrowOnLeft || isArrowOnRight || isArrowInMiddle)
  {
    // Position the arrow head.
    let arrowHeadLeft = tbXpos - arrowHalfWidth;
    arrowHeadDiv.style.left = arrowHeadLeft + "px";
    if (isArrowOnLeft || isArrowOnRight)
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
91 
    {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132 
      let horzExtBottom = textElem.offsetTop +
               Math.round((textElem.offsetHeight + kArrowLineThickness) / 2);

      // Position the vertical (extended) line.
      let arrowHeadBottom = arrowHeadDiv.offsetTop + arrowHeadDiv.offsetHeight;
      vertExtDiv.style.top = arrowHeadBottom + "px";
      vertExtDiv.style.left = (arrowHeadLeft + kArrowHeadExtraWidth) + "px";
      let ht = horzExtBottom - kBendHeight - arrowHeadBottom;
      vertExtDiv.style.height = ht + "px";

      // Position the bend (elbow).
      bendDiv.style.top = (horzExtBottom - kBendHeight) + "px";
      let bendDivLeft;
      if (isArrowOnLeft)
      {
        bendDiv.setAttribute("pos", "left");
        bendDivLeft = arrowHeadLeft + kArrowHeadExtraWidth;
      }
      else if (isArrowOnRight)
      {
        bendDiv.setAttribute("pos", "right");
        bendDivLeft = arrowHeadLeft + kArrowHeadExtraWidth
                      + kArrowLineThickness - kBendWidth;
      }
      bendDiv.style.left = bendDivLeft + "px";

      // Position the horizontal (extended) line.
      horzExtDiv.style.top = (horzExtBottom - kArrowLineThickness) + "px";
      let horzExtLeft, w;
      if (isArrowOnLeft)
      {
        horzExtLeft = bendDivLeft + kBendWidth;
        w = (textElem.offsetLeft - horzExtLeft - kArrowMargin);
      }
      else
      {
        horzExtLeft = rightAnchor - arrowHalfWidth;
        w = tbXpos - arrowHalfWidth - horzExtLeft;
      }
      horzExtDiv.style.left = horzExtLeft + "px";
      horzExtDiv.style.width = w + "px";
Kathleen Brade's avatar
Bug #10640: Fix about:tor's pointer position for RTL languages.    
Kathleen Brade committed
133 
    }
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
134 
  }
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
135
136
137
138
139
140
141 

  let headDisplay = (isArrowOnLeft || isArrowInMiddle || isArrowOnRight)
                      ? "block" : "none";
  arrowHeadDiv.style.display = headDisplay;
  let tailDisplay = (isArrowOnLeft || isArrowOnRight) ? "block" : "none";
  for (let elem of arrowTailElems)
    elem.style.display = tailDisplay;
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
142 
}
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
143
144
145
146 

function insertPropertyStrings()
{
  try {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
147 
    let kPropertiesURL = "chrome://torbutton/locale/aboutTor.properties";
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
148
149 

    Components.utils.import("resource://gre/modules/Services.jsm");
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
150
151
152
153 
    let gStringBundle = Services.strings.createBundle(kPropertiesURL);
    let s1 = gStringBundle.GetStringFromName("aboutTor.searchDC.privacy.link");
    let s2 = gStringBundle.GetStringFromName("aboutTor.searchDC.search.link");
    let result = gStringBundle.formatStringFromName("aboutTor.searchDC.privacy",
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
154
155 
                  [s1, s2], 2);
    if (result) {
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
156 
      let elem = document.getElementById("searchProviderInfo");
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
157
158
159
160
161
162 
      if (elem)
        elem.innerHTML = result;
    }
  } catch(e) {};
}
Kathleen Brade's avatar
Bug 13138: ESR31-about:tor shows "Tor is not working"    
Kathleen Brade committed
163
164
165
166
167 
window.addEventListener("pageshow", function() {
  let evt = new CustomEvent("AboutTorLoad", { bubbles: true });
  document.dispatchEvent(evt);
});
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
168
169
170
171
172 
]]>
</script>
</head>
<body dir="&locale.dir;" onload="onLoad();">
<div id="torstatus" class="top">
Kathleen Brade's avatar
Bug #9587: about:tor lacks the TBB 3.X version number.    
Kathleen Brade committed
173 
  <div id="torstatus-version"/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
174 
  <div id="torstatus-image"/>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
175 
  <div id="torstatus-on-container" class="hideIfTorOff torstatus-container">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
176 
    <h1>&aboutTor.success.label;</h1>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
177 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
178 
    <h2 id="success2">&aboutTor.success2.label;</h2>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
179 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
180 
    <h3 class="hideIfTBBNeedsUpdate">&aboutTor.success3.label;</h3>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
181 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
182
183 
    <a id="testTorSettings" href="about:blank">&aboutTor.check.label;</a>
  </div>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
184 
  <div id="torstatus-off-container" class="hideIfTorOn torstatus-container">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
185 
    <h1>&aboutTor.failure.label;</h1>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
186 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
187 
    <h2>&aboutTor.failure2.label;</h2>
Kathleen Brade's avatar
Bug 11472: about:tor logo and text may overlap.    
Kathleen Brade committed
188 
    <br/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
189
190
191
192
193
194
195
196
197 
    <h3>&aboutTor.failure3prefix.label;<a href="mailto:&aboutTor.failure3Link;"
>&aboutTor.failure3Link;</a>&aboutTor.failure3suffix.label;</h3>
  </div>
</div>
<div class="top">
  <div class="hideIfTorIsUpToDate">
    <h1 class="hideIfTorOff">&aboutTor.outOfDateTorOn.label;</h1>
    <h1 class="hideIfTorOn">&aboutTor.outOfDateTorOff.label;</h1>
    <h3 id="updatePrompt">&aboutTor.outOfDate2.label;</h3>
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
198
199
200
201
202 

    <div id="toolbarIconArrowHead" class="arrow"/>
    <div id="toolbarIconArrowVertExtension" class="arrow"/>
    <div id="toolbarIconArrowBend" class="arrow"/>
    <div id="toolbarIconArrowHorzExtension" class="arrow"/>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
203
204
205
206 
  </div>
</div>

<div class="searchbox hideIfTorOff"> <!-- begin form based search -->
Mike Perry's avatar
Bug 14490: Make disconnect search the default search engine.    
Mike Perry committed
207 
  <form action="&aboutTor.searchDCPost.link;" method="post">
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
208
209
210
211
212
213
214 
  <div id="sxw">
    <div id="sbutton">
      <input name="b" id="sb" value="" title="&aboutTor.search.label;"
             alt="&aboutTor.search.label;" type="submit"/>
    </div>
    <input name="q" autocomplete="off" id="sx" type="text"/>
  </div>
Kathleen Brade's avatar
Bug #10398: Do not create untranslatable strings.    
Kathleen Brade committed
215 
  <h4 id="searchProviderInfo" />
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
216
217
218
219
220
221 
  </form>
</div>

<div class="hideIfTorOn" style="height:100px"/>

<div id="middle" class="hideIfTorOff">
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
222
223
224
225
226
227 
  <div class="bubbleRow">
    <div class="bubble">
      <h1>&aboutTor.whatnextQuestion.label;</h1>
      <p>&aboutTor.whatnextAnswer.label;</p>
      <a class="tips" href="&aboutTor.whatnext.link;">&aboutTor.whatnext.label;</a>
    </div>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
228
Kathleen Brade's avatar
Bug 16735: about:tor should accommodate different fonts/font sizes.    
Kathleen Brade committed
229
230
231
232
233
234
235
236
237 
    <div class="bubble">
      <h1>&aboutTor.helpInfo1.label;</h1>
      <p>&aboutTor.helpInfo2.label;</p>
      <ul>
        <li><a href="&aboutTor.helpInfo3.link;">&aboutTor.helpInfo3.label;</a></li>
        <li><a href="&aboutTor.helpInfo4.link;">&aboutTor.helpInfo4.label;</a></li>
        <li><a href="&aboutTor.helpInfo5.link;">&aboutTor.helpInfo5.label;</a></li>
      </ul>
    </div>
Kathleen Brade's avatar
Bug 7494: Create local home page for TBB.  
Kathleen Brade committed
238
239
240
241
242
243
244
245
246
247 
  </div>
</div> <!-- middle -->

<div id="bottom">
  <p>&aboutTor.footer.label;
<a href="&aboutTor.learnMore.link;">&aboutTor.learnMore.label;</a></p>
</div>

</body>
</html>