polish integration graphique: modals

This commit is contained in:
Florian Schmitt 2019-07-19 22:35:33 +03:00
parent 3b3914aed6
commit b7ae41fc45
5 changed files with 426 additions and 156 deletions

View file

@ -1,3 +1,13 @@
function toggleFullScreen() {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
}
}
}
var cards = {};
var totalcolumns = 0;
var columns = [];
@ -1080,21 +1090,6 @@ $(document).ready(function(){
}, 500);
// Tabs
$('.board-outline')
.before(
'<ul class="nav nav-tabs">'+
'<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" title="Plein écran"><i class="fa fa-fw fa-lg fa-expand"></i><span class="sr-only">Plein écran</span></a></li>'+
'<li role="presentation" class="pull-right"><a href="#revisions" aria-controls="revisions" role="tab" data-toggle="tab" title="'+$('.revisions h3').text()+'"><i class="fa fa-fw fa-lg fa-history" aria-hidden="true"></i><span class="sr-only">'+$('.revisions h3').text()+'</span></a></li>'+
'<li role="presentation" class="pull-right"><a href="#share" aria-controls="share" role="tab" data-toggle="tab" title="'+$('.share h3').text()+'"><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" title="'+$('.export h3').text()+'/'+$('.import h3').text()+'"><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" title="'+$('#tuto-faq h2').text()+'"><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>'
)
.wrap(
'<div class="tab-content" style="margin:20px 0"><div role="tabpanel" class="tab-pane active" id="scrumblr"></div></div>'
)
$('.names').css({'margin':'auto','width':'auto'}).addClass('pull-right');
@ -1114,32 +1109,28 @@ $(document).ready(function(){
// Style
$('#create-card').addClass('vert fa-3x').css('opacity','1');
$('#smallify').removeClass('fa-expand').addClass('fa-search-minus').on('click',function(){
$('#smallify').on('click',function(){
if (currentTheme == "bigcards") {
$(this).removeClass('fa-search-plus').addClass('fa-search-minus');
$(this).children('i').removeClass('fa-search-plus').addClass('fa-search-minus');
} else {
$(this).removeClass('fa-search-minus').addClass('fa-search-plus');
$(this).children('i').removeClass('fa-search-minus').addClass('fa-search-plus');
}
})
$('#full-page').on('click', function(){
if ($('.container.ombre').length) {
if ($(this).children('i').hasClass('fa-expand')) {
$(this).children('i').removeClass('fa-expand').addClass('fa-compress');
$('.container.ombre').removeClass('container').addClass('container-fluid');
$('#colibris-menu, .main-header, .credits').hide();
} else {
$(this).children('i').removeClass('fa-compress').addClass('fa-expand');
$('.container-fluid.ombre').removeClass('container-fluid').addClass('container');
$('#colibris-menu, .main-header, .credits').show();
}
toggleFullScreen();
})
$('main hr').hide();
/** Mode iframe **/
if(top.location!=self.document.location) {
$('#full-page').hide().trigger('click');
$('main hr, header').hide();
$('#colibris-menu, .main-header, .credits').hide();
}
// put URL in share input
@ -1190,4 +1181,11 @@ getJSON(url,
styleElement.innerHTML = data.style;
document.getElementById('colibris-menu').appendChild(styleElement);
}
});
});
//Close with Escape Button
window.onkeydown = function( event ) {
if ( event.keyCode === 27 ) {
document.getElementById('close').click();
}
};