Fix #9 - Add table URL reminder (share tab)
This commit is contained in:
parent
f22558c513
commit
ae4db29b8c
2 changed files with 29 additions and 0 deletions
|
@ -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).')
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Add table
Reference in a new issue