217 lines
7.4 KiB
JavaScript
217 lines
7.4 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
/*[ Smooth Scroll ]
|
|
===========================================================*/
|
|
$('#smooth-scroll').on('click', function() {
|
|
var page = $(this).attr('href');
|
|
$('html, body').animate( { scrollTop: $(page).offset().top }, 750 );
|
|
return false;
|
|
});
|
|
|
|
/*[ Back to top ]
|
|
===========================================================*/
|
|
var windowH = $(window).height()*1.2;
|
|
|
|
$(window).on('scroll',function(){
|
|
if ($(this).scrollTop() > windowH) {
|
|
$("#back-to-top").css('display','flex');
|
|
} else {
|
|
$("#back-to-top").css('display','none');
|
|
}
|
|
});
|
|
|
|
$('#back-to-top').on("click", function(){
|
|
$('html, body').animate({scrollTop: $('#content').offset().top}, 300);
|
|
});
|
|
|
|
/*[ onLoad/onChange : Update IHM & params ]
|
|
===========================================================*/
|
|
var type = 'iframe';
|
|
function resetForm(){
|
|
type= 'iframe';
|
|
url = base_url+'iframe.php';
|
|
$('#type option[value="iframe"]').prop('selected', true);
|
|
$('#pubkey').val('');
|
|
$('#target').val('');
|
|
$('#title').val('');
|
|
$('#unit option[value="quantitative"]').prop('selected', true);
|
|
$('#lang option[value="fr"]').prop('selected', true);
|
|
$('#node').val('');
|
|
$('#period option[value="current-monh"]').prop('selected', true);
|
|
$('#start_date').val('');
|
|
$('#end_date').val('');
|
|
$('#p-start_date').addClass("w3-hide");
|
|
$('#p-end_date').addClass("w3-hide");
|
|
$('#display_pubkey').prop( "checked", false );
|
|
$('#display_qrcode').prop( "checked", false );
|
|
$('#display_button').prop( "checked", false );
|
|
$('#display_graph').prop( "checked", false );
|
|
$('#logo option[value="no-logo"]').prop('selected', true);
|
|
$('#p-logo').addClass("w3-hide");
|
|
$('#p-display_button').removeClass("w3-hide");
|
|
$('#p-display_graph').removeClass("w3-hide");
|
|
$('#background_color').val('#ffffff');
|
|
$('#font_color').val('#212529');
|
|
$('#progress_color').val('#ffc107');
|
|
$('#border_color').val('#343a40');
|
|
$('#preview_label').addClass("w3-hide");
|
|
$('#result').val('');
|
|
for (var param in params){params[param] = '';}
|
|
}
|
|
$(window).on('load',resetForm);
|
|
|
|
$('#type').on('change', function() {
|
|
type = this.value;
|
|
|
|
switch (type) {
|
|
case 'iframe':
|
|
$('#p-logo').addClass("w3-hide");
|
|
params['logo'] = '';
|
|
$('#p-display_button').removeClass("w3-hide");
|
|
$('#p-display_graph').removeClass("w3-hide");
|
|
url = base_url + 'iframe.php';
|
|
break;
|
|
case 'png':
|
|
$('#p-logo').removeClass("w3-hide");
|
|
$('#p-display_button').addClass("w3-hide");
|
|
$('#p-display_graph').addClass("w3-hide");
|
|
params['display_button'] = '';
|
|
params['display_graph'] = '';
|
|
url = base_url + 'image.php';
|
|
break;
|
|
case 'svg':
|
|
$('#p-logo').removeClass("w3-hide");
|
|
$('#p-display_button').addClass("w3-hide");
|
|
$('#p-display_graph').addClass("w3-hide");
|
|
params['display_button'] = '';
|
|
params['display_graph'] = '';
|
|
url = base_url + 'svg.php';
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
});
|
|
$('#period').on('change', function() {
|
|
var period = this.value;
|
|
|
|
switch (period) {
|
|
case 'current-monh':
|
|
$('#p-start_date').addClass("w3-hide");
|
|
$('#p-end_date').addClass("w3-hide");
|
|
params['start_date'] = '';
|
|
params['end_date'] = '';
|
|
break;
|
|
case 'one-date':
|
|
$('#p-start_date').removeClass("w3-hide");
|
|
$('#p-end_date').addClass("w3-hide");
|
|
params['end_date'] = '';
|
|
break;
|
|
case 'two-dates':
|
|
$('#p-start_date').removeClass("w3-hide");
|
|
$('#p-end_date').removeClass("w3-hide");
|
|
break;
|
|
}
|
|
});
|
|
$('#title').on('change', function() {params['title'] = encodeURIComponent(this.value);});
|
|
$('#unit').on('change', function() {params['unit'] = this.value;});
|
|
$('#lang').on('change', function() {params['lang'] = this.value;});
|
|
$('#node').on('change', function() {params['node'] = this.value;});
|
|
$('#start_date').on('change', function() {params['start_date'] = this.value;});
|
|
$('#end_date').on('change', function() {params['end_date'] = this.value;});
|
|
$('#display_pubkey').on('change', function() {params['display_pubkey'] = $('#display_pubkey').prop('checked') ? true : '';});
|
|
$('#display_qrcode').on('change', function() {params['display_qrcode'] = $('#display_qrcode').prop('checked') ? true : '';});
|
|
$('#display_button').on('change', function() {params['display_button'] = $('#display_button').prop('checked') ? true : '';});
|
|
$('#display_graph').on('change', function() {params['display_graph'] = $('#display_graph').prop('checked') ? true : '';});
|
|
$('#logo').on('change', function() {params['logo'] = $('#logo').val();});
|
|
$('#background_color').on('change', function() {params['background_color'] = this.value.substr(1);});
|
|
$('#font_color').on('change', function() {params['font_color'] = this.value.substr(1);});
|
|
$('#progress_color').on('change', function() {params['progress_color'] = this.value.substr(1);});
|
|
$('#border_color').on('change', function() {params['border_color'] = this.value.substr(1);});
|
|
|
|
/*[ Generate URL ]
|
|
===========================================================*/
|
|
var base_url = document.location.href;
|
|
base_url = base_url.substr(0,base_url.lastIndexOf('/')+1);
|
|
var url = base_url+'iframe.php';
|
|
var params = {
|
|
'title' : '',
|
|
'unit' : '',
|
|
'lang' : '',
|
|
'node' : '',
|
|
'start_date' : '',
|
|
'end_date' : '',
|
|
'display_pubkey' : '',
|
|
'display_qrcode' : '',
|
|
'display_button' : '',
|
|
'display_graph' : '',
|
|
'logo' : '',
|
|
'background_color' : '',
|
|
'font_color' : '',
|
|
'progress_color' : '',
|
|
'border_color' : ''
|
|
};
|
|
function generatUrl(p_type){
|
|
if (document.getElementById("pubkey").checkValidity() && document.getElementById("target").checkValidity()){
|
|
var result = url+'?pubkey='+$('#pubkey').val()+'&target='+$('#target').val();
|
|
for (var param in params) {
|
|
if (params[param] !== ''){
|
|
result += '&'+param+'='+params[param];
|
|
}
|
|
}
|
|
switch (p_type) {
|
|
case 'iframe':
|
|
result = '<iframe src="'+result+'" width="100%" height="100%" frameborder="0"></iframe>';
|
|
break;
|
|
case 'png':
|
|
result = '<img src="'+result+'" />';
|
|
break;
|
|
case 'svg':
|
|
result = '<object type="image/svg+xml" data="'+result+'" border="0"></object>';
|
|
break;
|
|
}
|
|
return result;
|
|
}else{
|
|
return false;
|
|
}
|
|
|
|
}
|
|
$('#submit').on("click", function(){
|
|
var final_result = generatUrl(type);
|
|
if (final_result){
|
|
$('form').on("submit", function(){
|
|
$('#preview_label').removeClass("w3-hide");
|
|
$('#preview').css("visibility","hidden");
|
|
$('#preview').children().remove();
|
|
$('#result').val(final_result);
|
|
$('html, body').animate({scrollTop: $('#display_result').offset().top}, 750);
|
|
$('#preview').append(final_result);
|
|
if (type == 'iframe'){
|
|
$('iframe').on('load', function() {
|
|
var iframe_height = document.getElementsByTagName('iframe')[0].contentWindow.document.body.scrollHeight;
|
|
$('iframe').height(iframe_height);
|
|
// Pour relancer l'animation
|
|
$('#preview').html($('#preview').html());
|
|
});
|
|
}
|
|
$('#result').focus();
|
|
$('#buttons').removeClass("w3-hide");
|
|
setTimeout(function(){
|
|
$('#preview').css("visibility","visible");
|
|
},1000);
|
|
return false;
|
|
});
|
|
}
|
|
});
|
|
|
|
/*[ Reset ]
|
|
===========================================================*/
|
|
$('#reset').on("click", function(){
|
|
$('#result').val('');
|
|
resetForm();
|
|
$('html, body').animate({scrollTop: $('#content').offset().top}, 300);
|
|
$('#buttons').addClass("w3-hide");
|
|
$('#preview').children().remove();
|
|
});
|
|
|
|
})(jQuery); |