Fix #9 - Add table URL reminder (share tab)

This commit is contained in:
Luc Didry 2018-09-17 09:25:43 +02:00
parent f22558c513
commit ae4db29b8c
No known key found for this signature in database
GPG key ID: EA868E12D0257E3C
2 changed files with 29 additions and 0 deletions

View file

@ -1082,6 +1082,7 @@ $(document).ready(function(){
'<li role="presentation" class="active"><a href="#scrumblr" aria-controls="scrumblr" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-object-group" aria-hidden="true"></i> Tableau</a></li>'+ '<li role="presentation" class="active"><a href="#scrumblr" aria-controls="scrumblr" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-object-group" aria-hidden="true"></i> Tableau</a></li>'+
'<li role="presentation" class="pull-right"><a href="javascript:void(0);" aria-hidden="true" id="full-page"><i class="fa fa-fw fa-lg fa-expand"></i></a></li>'+ '<li role="presentation" class="pull-right"><a href="javascript:void(0);" aria-hidden="true" id="full-page"><i class="fa fa-fw fa-lg fa-expand"></i></a></li>'+
'<li role="presentation" class="pull-right"><a href="#revisions" aria-controls="revisions" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-history" aria-hidden="true"></i><span class="sr-only">'+$('.revision h3').text()+'</span></a></li>'+ '<li role="presentation" class="pull-right"><a href="#revisions" aria-controls="revisions" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-history" aria-hidden="true"></i><span class="sr-only">'+$('.revision h3').text()+'</span></a></li>'+
'<li role="presentation" class="pull-right"><a href="#share" aria-controls="share" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-share-alt" aria-hidden="true"></i><span class="sr-only">'+$('.share h3').text()+'</span></a></li>'+
'<li role="presentation" class="pull-right"><a href="#export-import" aria-controls="export-import" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-exchange" aria-hidden="true"></i><span class="sr-only">'+$('.export h3').text()+'/'+$('.import h3').text()+'</span></a></li>'+ '<li role="presentation" class="pull-right"><a href="#export-import" aria-controls="export-import" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-exchange" aria-hidden="true"></i><span class="sr-only">'+$('.export h3').text()+'/'+$('.import h3').text()+'</span></a></li>'+
'<li role="presentation" class="pull-right"><a href="#about" aria-controls="about" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-question-circle" aria-hidden="true"></i><span class="sr-only">'+$('#tuto-faq h2').text()+'</span></a></li>'+ '<li role="presentation" class="pull-right"><a href="#about" aria-controls="about" role="tab" data-toggle="tab"><i class="fa fa-fw fa-lg fa-question-circle" aria-hidden="true"></i><span class="sr-only">'+$('#tuto-faq h2').text()+'</span></a></li>'+
'</ul>' '</ul>'
@ -1096,11 +1097,13 @@ $(document).ready(function(){
.append($('.names, .stickers, .buttons')) .append($('.names, .stickers, .buttons'))
.after( .after(
'<div role="tabpanel" class="tab-pane" id="export-import"></div>'+ '<div role="tabpanel" class="tab-pane" id="export-import"></div>'+
'<div role="tabpanel" class="tab-pane" id="share"></div>'+
'<div role="tabpanel" class="tab-pane" id="revisions"></div>'+ '<div role="tabpanel" class="tab-pane" id="revisions"></div>'+
'<div role="tabpanel" class="tab-pane" id="about"></div>' '<div role="tabpanel" class="tab-pane" id="about"></div>'
); );
$('#export-import').append($('.export, .import')); $('#export-import').append($('.export, .import'));
$('#share').append($('.share'));
$('#revisions').append($('.revisions')); $('#revisions').append($('.revisions'));
$('#about').append($('#tuto-faq, #le-logiciel, #jardin')); $('#about').append($('#tuto-faq, #le-logiciel, #jardin'));
@ -1134,6 +1137,23 @@ $(document).ready(function(){
} }
// put URL in share input
$('#taburl').val(location);
// copy URL to clipboard
$('#copyurl').click(function(e) {
e.preventDefault();
var node = document.getElementById('taburl');
node.disabled = null;
node.select();
var success = document.execCommand('copy');
if (success) {
getSelection().removeAllRanges();
node.disabled = 'disabled';
alert('URL du tableau copiée dans votre presse-papier !');
} else {
alert('Impossible de copier l\'URL du tableau dans votre presse-papier. Veuillez copier son adresse manuellement (Ctrl+C).')
}
});
} }
}); });

View file

@ -58,6 +58,15 @@ block body
span.you-text (vous) span.you-text (vous)
ul#names-ul ul#names-ul
div.share
h3 Partager le tableau
div.form-inline
div.input-group
input#taburl.form-control(disabled='disabled')
div.input-group-addon
a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
i.fa.fa-clipboard
div.export div.export
h3 Exporter le tableau h3 Exporter le tableau
button#export-txt.btn.btn-primary Format texte button#export-txt.btn.btn-primary Format texte