add select all button

This commit is contained in:
Edward Betts 2017-02-22 21:52:32 +00:00
parent ced08a1f38
commit 9927e6bd86
2 changed files with 20 additions and 7 deletions

View file

@ -3,7 +3,10 @@ function add_message() {
} }
function show_selection(event) { function show_selection(event) {
var range = window.getSelection().getRangeAt(0); var selection = window.getSelection();
if(selection.type != 'Range')
return;
var range = selection.getRangeAt(0);
var start_element = range.startContainer.parentElement; var start_element = range.startContainer.parentElement;
var end_element = range.endContainer.parentElement; var end_element = range.endContainer.parentElement;
@ -41,9 +44,17 @@ $(function() {
$("div#right").hide(); $("div#right").hide();
$("body").mouseup(show_selection); $("body").mouseup(show_selection);
});
$("#show-span-selector").click(function(e) {
$("#span-selector").removeClass("hidden"); $("#show-span-selector").click(function(e) {
$(this).hide(); e.preventDefault();
}); $("#span-selector").removeClass("hidden");
$(this).hide();
});
$("#select-all").click(function(e) {
e.preventDefault();
$("#span-selector").removeClass("hidden");
$("#show-span-selector").hide();
$("#span").text(doc_url + ",start=0,length=" + doc_length);
}); });

View file

@ -43,7 +43,8 @@ div#text { font-family: Courier; }
</div> </div>
{% if doc.type == 'sourcedoc' and not span_length %} {% if doc.type == 'sourcedoc' and not span_length %}
<a href="#" id="show-span-selector" class="btn btn-default">show span selector</a> <button id="show-span-selector" class="btn btn-default">show span selector</button>
<button id="select-all" class="btn btn-default">get entire document span</button>
<p id="span-selector" class="hidden">span: <span id="span"></span></p> <p id="span-selector" class="hidden">span: <span id="span"></span></p>
{% endif %} {% endif %}
</div> </div>
@ -52,6 +53,7 @@ div#text { font-family: Courier; }
{% set scripts %} {% set scripts %}
<script> <script>
var doc_url = '{{ doc.external_url }}'; var doc_url = '{{ doc.external_url }}';
var doc_length = {{ doc.text | length }};
</script> </script>
<script src="{{ url_for('static', filename='js/sourcedoc.js') }}"></script> <script src="{{ url_for('static', filename='js/sourcedoc.js') }}"></script>
{% endset %} {% endset %}