polish integration graphique: modals
This commit is contained in:
parent
3b3914aed6
commit
b7ae41fc45
5 changed files with 426 additions and 156 deletions
|
@ -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();
|
||||
}
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue