[tor-commits] [bridgedb/master] Add button to bridges.html for hilighting all text bridge lines.

[isis at torproject.org]

commit 505b9cd09f136c7f2d15322253462b32675eeaa3
Author: Isis Lovecruft <isis at torproject.org>
Date:   Thu Jan 15 21:39:29 2015 +0000

    Add button to bridges.html for hilighting all text bridge lines.
    
    This should hopefully make copying the bridge lines elsewhere less
    error-prone for users.
---
 lib/bridgedb/templates/assets/css/custom.css |    3 +-
 lib/bridgedb/templates/bridges.html          |   43 ++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/lib/bridgedb/templates/assets/css/custom.css b/lib/bridgedb/templates/assets/css/custom.css
index 3fd1065..0b2684e 100644
--- a/lib/bridgedb/templates/assets/css/custom.css
+++ b/lib/bridgedb/templates/assets/css/custom.css
@@ -119,4 +119,5 @@ div.bridge-lines {
     border-radius: 6px 6px 6px 6px;
     box-shadow: none;
     -moz-box-sizing: border-box;
-}
\ No newline at end of file
+    cursor: copy;
+}
diff --git a/lib/bridgedb/templates/bridges.html b/lib/bridgedb/templates/bridges.html
index 7ac77dd..d3c10c1 100644
--- a/lib/bridgedb/templates/bridges.html
+++ b/lib/bridgedb/templates/bridges.html
@@ -6,6 +6,33 @@
   </div>
 </div>
 
+<script type="text/javascript">
+  // Takes one argument, `element`, which should be a string specifying the id
+  // of the element whose text should be selected.
+  function selectText(element) {
+    try {
+      var doc = document;
+      text = doc.getElementById(element);
+      var range;
+      var selection;
+
+      if (doc.body.createTextRange) {
+        range = document.body.createTextRange();
+        range.moveToElementText(text);
+        range.select();
+      } else if (window.getSelection) {
+        selection = window.getSelection();
+        range = document.createRange();
+        range.selectNodeContents(text);
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+    } catch (e) {
+      window.alert(e);
+    }
+  }
+</script>
+
 <div class="container-narrow">
   <div class="container-fluid">
 
@@ -31,6 +58,17 @@ ${answer.replace("\n", "<br />")}
       </div>
     </div>
 
+    <div class="container-fluid"
+         style="width: 100%; align: center; margin: auto;">
+      <div class="row" id="bridgesrow2" style="text-align: right; padding-right: 7%;">
+        <button class="btn btn-primary disabled" id="selectbtn"
+                onclick="selectText('bridgelines')"
+                title="Select all bridge lines">
+          <i class="icon icon-2x icon-paste"></i>   ${_("""Select All""")}
+        </button>
+      </div>
+    </div>
+
     <br />
     <br />
 
@@ -92,4 +130,9 @@ ${_("""Uh oh, spaghettios!""")}
 <br />
 % endif
 
+<script type="text/javascript">
+  // Make the 'Select All' button clickable:
+  document.getElementById('selectbtn').className = "btn btn-primary";
+</script>
+
 <hr />