403 lines
11 KiB
JavaScript
Executable File
403 lines
11 KiB
JavaScript
Executable File
(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('');
|
|
$('#theme').val('paidge');
|
|
$('#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");
|
|
$('#hide_title').prop( "checked", false );
|
|
$('#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;
|
|
}
|
|
});
|
|
|
|
var theme = 'paidge';
|
|
|
|
$('#theme').on('change', function() {
|
|
|
|
theme = this.value;
|
|
|
|
switch (theme) {
|
|
|
|
case 'kickstarter':
|
|
$('#p-progress_color').addClass("w3-hide");
|
|
$('#p-logo').addClass("w3-hide");
|
|
$('#p-display-graph').addClass("w3-hide");
|
|
|
|
$('#p-display_button').removeClass("w3-hide");
|
|
$('#p-display_button').removeClass("w3-hide");
|
|
$('#p-display_qrcode').addClass("w3-hide");
|
|
$('#p-display_pubkey').addClass("w3-hide");
|
|
$('#p-display_graph').addClass("w3-hide");
|
|
$('#p-hide_title').addClass("w3-hide");
|
|
$('#p-border_color').addClass("w3-hide");
|
|
$('#p-type').addClass("w3-hide");
|
|
break;
|
|
|
|
case 'paidge':
|
|
$('#p-progress_color').removeClass("w3-hide");
|
|
$('#p-logo').removeClass("w3-hide");
|
|
$('#p-display_button').addClass("w3-hide");
|
|
$('#p-display_graph').addClass("w3-hide");
|
|
$('#p-display_qrcode').removeClass("w3-hide");
|
|
$('#p-display_pubkey').removeClass("w3-hide");
|
|
$('#p-hide_title').removeClass("w3-hide");
|
|
$('#p-border_color').removeClass("w3-hide");
|
|
$('#p-display_graph').removeClass("w3-hide");
|
|
$('#p-type').removeClass("w3-hide");
|
|
params['display_button'] = '';
|
|
params['display_graph'] = '';
|
|
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;
|
|
}
|
|
});
|
|
|
|
$('#hide_title').on('change', function() { params['hide_title'] = $('#hide_title').prop('checked') ? true : ''; });
|
|
|
|
$('#title').on('change', function() {params['title'] = encodeURIComponent(this.value);});
|
|
$('#theme').on('change', function() {params['theme'] = 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' : '',
|
|
'theme' : '',
|
|
'unit' : '',
|
|
'lang' : '',
|
|
'node' : '',
|
|
'start_date' : '',
|
|
'end_date' : '',
|
|
'hide_title' : '',
|
|
'display_pubkey' : '',
|
|
'display_qrcode' : '',
|
|
'display_button' : '',
|
|
'display_graph' : '',
|
|
'logo' : '',
|
|
'background_color' : '',
|
|
'font_color' : '',
|
|
'progress_color' : '',
|
|
'border_color' : ''
|
|
};
|
|
|
|
function generateFullUrl (pubkey, target) {
|
|
|
|
var fullUrl = '';
|
|
|
|
fullUrl += url;
|
|
|
|
fullUrl += '?pubkey=' + pubkey;
|
|
|
|
fullUrl += '&target=' + target;
|
|
|
|
for (var param in params) {
|
|
|
|
if (params[param] !== '') {
|
|
|
|
fullUrl += '&'+param+'='+params[param];
|
|
}
|
|
}
|
|
|
|
return fullUrl;
|
|
}
|
|
|
|
function generateHTM (fullUrl, integrationType, title) {
|
|
|
|
fullUrl = fullUrl.replace('&', '&');
|
|
|
|
switch (integrationType) {
|
|
|
|
case 'iframe':
|
|
|
|
return '<iframe src="'+fullUrl+'" width="100%" height="100%" frameborder="0"></iframe>';
|
|
|
|
case 'png':
|
|
|
|
return '<img src="'+fullUrl+'" alt="' + title + '" />';
|
|
|
|
case 'svg':
|
|
|
|
return '<object type="image/svg+xml" data="'+fullUrl+'" border="0"></object>';
|
|
}
|
|
|
|
}
|
|
|
|
function generateBBCode (fullUrl, integrationType, title) {
|
|
|
|
switch (integrationType) {
|
|
|
|
case 'iframe':
|
|
|
|
return '[url=' + fullUrl + ']'+ title + '[/url]';
|
|
|
|
case 'png':
|
|
|
|
return '[img]' + fullUrl + '[/url]';
|
|
|
|
case 'svg':
|
|
|
|
return '[img]' + fullUrl + '[/url]';
|
|
}
|
|
|
|
}
|
|
|
|
function generateMarkdown (fullUrl, integrationType, title) {
|
|
|
|
switch (integrationType) {
|
|
|
|
case 'iframe':
|
|
|
|
return '[' + title + '](' + fullUrl + ')';
|
|
|
|
case 'png':
|
|
|
|
return '\';
|
|
|
|
case 'svg':
|
|
|
|
return '\';
|
|
}
|
|
|
|
}
|
|
|
|
function generateWikitext (fullUrl, integrationType, title) {
|
|
|
|
switch (integrationType) {
|
|
|
|
case 'iframe':
|
|
|
|
return '[[' + fullUrl + '|' + title + ']]';
|
|
|
|
case 'png':
|
|
|
|
return '[[' + fullUrl + '|{{' + fullUrl + '}}]]';
|
|
|
|
case 'svg':
|
|
|
|
return '[[' + fullUrl + '|{{' + fullUrl + '}}]]';
|
|
}
|
|
|
|
}
|
|
|
|
$('#submit').on("click", function() {
|
|
|
|
if (document.getElementById("pubkey").checkValidity()
|
|
&& document.getElementById("target").checkValidity()) {
|
|
|
|
var pubkeyVal = $('#pubkey').val();
|
|
var targetVal = $('#target').val();
|
|
|
|
var fullUrl = generateFullUrl(pubkeyVal, targetVal);
|
|
|
|
var title = decodeURIComponent(params['title']);
|
|
|
|
var htm = generateHTM(fullUrl, type, title);
|
|
var bbcode = generateBBCode(fullUrl, type, title);
|
|
var markdown = generateMarkdown(fullUrl, type, title);
|
|
var wikitext = generateWikitext(fullUrl, type, title);
|
|
|
|
$('form').on("submit", function() {
|
|
|
|
$('#preview_label').removeClass("w3-hide");
|
|
$('#preview').css("visibility","hidden");
|
|
$('#preview').children().remove();
|
|
|
|
$('#integration-instructions').removeClass("w3-hide");
|
|
|
|
$('#htm').val(htm);
|
|
$('#bbcode').val(bbcode);
|
|
$('#markdown').val(markdown);
|
|
$('#wikitext').val(wikitext);
|
|
|
|
$('html, body').animate({scrollTop: $('#display_result').offset().top}, 750);
|
|
|
|
|
|
$('#preview').append(htm);
|
|
|
|
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());
|
|
});
|
|
}
|
|
|
|
$('#htm').focus();
|
|
$('.buttons').removeClass("w3-hide");
|
|
|
|
setTimeout(function(){
|
|
|
|
$('#preview').css("visibility","visible");
|
|
$('#integration-instructions').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); |