mirror of
https://framagit.org/fiat-tux/hat-softwares/lutim.git
synced 2026-07-06 18:00:59 +02:00
Luc Didry
e8eb804d3c
This allows to have extensions in the zip package. Plus do not add to the gallery URL if file is an xcf (gimp) in order to prevent zip generation fail.
320 lines
17 KiB
JavaScript
320 lines
17 KiB
JavaScript
% # vim:set sw=4 ts=4 sts=4 ft=javascript expandtab:
|
|
%= javascript begin
|
|
window.gallery_url = '<%= url_for('gallery')->to_abs %>#';
|
|
window.short_hash = {};
|
|
function addToShortHash(short) {
|
|
window.short_hash[short] = 1;
|
|
console.dir(window.short_hash);
|
|
if (Object.keys(window.short_hash).length > 0) {
|
|
$('#gallery-url').removeClass('hidden');
|
|
$('#gallery-url-input').val(window.gallery_url+Object.keys(window.short_hash).join(','));
|
|
$('#gallery-url-link').attr('href', window.gallery_url+Object.keys(window.short_hash).join(','));
|
|
}
|
|
}
|
|
function rmFromShortHash(short) {
|
|
delete window.short_hash[short];
|
|
$('#gallery-url-input').val(window.gallery_url+Object.keys(window.short_hash).join(','));
|
|
$('#gallery-url-link').attr('href', window.gallery_url+Object.keys(window.short_hash).join(','));
|
|
if (Object.keys(window.short_hash).length === 0) {
|
|
$('#gallery-url').addClass('hidden');
|
|
}
|
|
}
|
|
function selectInput() {
|
|
$(this).select();
|
|
}
|
|
function tw_url(url) {
|
|
var btn = ' <a title="<%= l('Tweet it!') %>" target="_blank" href="https://twitter.com/share?url=<%== url_for('/')->to_abs() %>'+url+'?t"><span class="icon icon-twitter"></span></a>';
|
|
if (navigator.mozSetMessageHandler !== undefined) {
|
|
btn = btn+' <a title="<%= l('Share it!') %>" target="_blank" href="" onclick="share(\'<%== url_for('/')->to_abs() %>'+url+'?t\');return false;"><span class="icon icon-share"></span></a>';
|
|
}
|
|
return btn
|
|
}
|
|
function modify(url, short) {
|
|
$.ajax({
|
|
url : url,
|
|
type : 'POST',
|
|
data : {
|
|
'image_url' : '<%== url_for('/')->to_abs() %>'+short,
|
|
'format' : 'json',
|
|
'first-view' : ($('#first-view-'+short).prop('checked')) ? 1 : 0,
|
|
'delete-day' : $('#day-'+short).val()
|
|
},
|
|
success: function(data) {
|
|
alert(data.msg);
|
|
},
|
|
error: function() {
|
|
alert('<%= l('Error while trying to modify the image.') %>');
|
|
}
|
|
});
|
|
}
|
|
function copyToClipboard(el) {
|
|
el = el.siblings('input');
|
|
var textArea = document.createElement('textarea');
|
|
textArea.style.position = 'fixed';
|
|
textArea.style.top = 0;
|
|
textArea.style.left = 0;
|
|
textArea.style.width = '2em';
|
|
textArea.style.height = '2em';
|
|
textArea.style.padding = 0;
|
|
textArea.style.border = 'none';
|
|
textArea.style.outline = 'none';
|
|
textArea.style.boxShadow = 'none';
|
|
textArea.style.background = 'transparent';
|
|
textArea.value = el.val();
|
|
|
|
document.body.appendChild(textArea);
|
|
textArea.select();
|
|
|
|
try {
|
|
var successful = document.execCommand('copy');
|
|
var msg = successful ? 'successful' : 'unsuccessful';
|
|
console.log('Copying text command was ' + msg);
|
|
} catch (err) {
|
|
el.focus();
|
|
var len = el.val().length * 2;
|
|
el.setSelectionRange(len, len);
|
|
alert('<%= l('Hit Enter, then Ctrl+C to copy the short link') %>');
|
|
}
|
|
|
|
document.body.removeChild(textArea);
|
|
}
|
|
function copyAllToClipboard() {
|
|
var text = new Array();
|
|
$('.view-link-input').each(function(index) {
|
|
text.push($(this).val());
|
|
});
|
|
var textArea = document.createElement('textarea');
|
|
textArea.style.position = 'fixed';
|
|
textArea.style.top = 0;
|
|
textArea.style.left = 0;
|
|
textArea.style.width = '2em';
|
|
textArea.style.height = '2em';
|
|
textArea.style.padding = 0;
|
|
textArea.style.border = 'none';
|
|
textArea.style.outline = 'none';
|
|
textArea.style.boxShadow = 'none';
|
|
textArea.style.background = 'transparent';
|
|
textArea.value = text.join("\n");
|
|
|
|
document.body.appendChild(textArea);
|
|
textArea.select();
|
|
|
|
try {
|
|
var successful = document.execCommand('copy');
|
|
var msg = successful ? 'successful' : 'unsuccessful';
|
|
console.log('Copying text command was ' + msg);
|
|
} catch (err) {
|
|
textArea.style.width = '';
|
|
textArea.style.height = '';
|
|
textArea.style.background = '#FFFFFF';
|
|
alert('<%= l('Hit Enter, then Ctrl+C to copy the short link') %>');
|
|
}
|
|
|
|
document.body.removeChild(textArea);
|
|
}
|
|
function buildMessage(success, msg) {
|
|
if(success) {
|
|
var s_url = link(msg.short+'.'+msg.ext, '');
|
|
var thumb = (msg.thumb !== null) ? '<div class="col-sm-1"><a href="'+s_url+'" target="_blank"><img class="thumbnail img-responsive" alt="'+msg.filename+' thumbnail" src="'+msg.thumb+'"></a></div>' : ''
|
|
return '<div class="alert alert-success" id="alert-'+msg.real_short+'"><button type="button" class="close" data-dismiss="alert" aria-hidden="true" onclick="rmFromShortHash(\''+msg.short+'\');">×</button><div class="row">'
|
|
+thumb
|
|
+'<div class="col-sm-11"><h4>'
|
|
+'<a href="'+s_url+'" target="_blank">'
|
|
+msg.filename
|
|
+'</a>'
|
|
+tw_url(msg.short)
|
|
+'</h4>'
|
|
+'<form class="form"><div class="form-group"><label class="sr-only" for="view'+msg.real_short+'"><%= l('View link') %></label><div class="input-group col-sm-6"><div class="input-group-addon"><a href="'+s_url+'" target="_blank"><span class="icon icon-eye" title =" <%= l('View link') %>"></span></a></div><input type="text" class="form-control view-link-input" id="view'+msg.real_short+'" value="'
|
|
+s_url
|
|
+'" readonly><a href="#" onClick="copyToClipboard($(this));" class="input-group-addon" title="<%= l('Copy to clipboard') %>"><span class="icon icon-clipboard"></span></a></div></div><div class="form-group"><label class="sr-only" for="markdown'+msg.real_short+'"><%= l('Markdown syntax') %></label><div class="input-group col-sm-6"><div class="input-group-addon"><span class="markdown-mark-solid" title ="<%= l('Markdown syntax') %>"></span></div><input type="text" class="form-control" id="markdown'+msg.real_short+'" value="
|
|
+')" readonly><a href="#" onClick="copyToClipboard($(this));" class="input-group-addon" title="<%= l('Copy to clipboard') %>"><span class="icon icon-clipboard"></span></a></div></div><div class="form-group"><label class="sr-only" for="download'+msg.real_short+'"><%= l('Download link') %></label><div class="input-group col-sm-6"><div class="input-group-addon"><a href="'+link(msg.short, 'dl')+'"><span class="icon icon-download" title ="<%= l('Download link') %>"></span></a></div><input type="text" class="form-control" id="download'+msg.real_short+'" value="'
|
|
+link(msg.short, 'dl')
|
|
+'" readonly><a href="#" onClick="copyToClipboard($(this));" class="input-group-addon" title="<%= l('Copy to clipboard') %>"><span class="icon icon-clipboard"></span></a></div></div><div class="form-group"><label class="sr-only" for="share'+msg.real_short+'"><%= l('Link for share on social networks') %></label><div class="input-group col-sm-6"><div class="input-group-addon"><a href="'+link(msg.short, 't')+'" target="_blank"><span class="icon icon-share" title ="<%= l('Link for share on social networks') %>"></span></a></div><input type="text" class="form-control" id="share'+msg.real_short+'" value="'
|
|
+link(msg.short, 't')
|
|
+'" readonly><a href="#" onClick="copyToClipboard($(this));" class="input-group-addon" title="<%= l('Copy to clipboard') %>"><span class="icon icon-clipboard"></span></a></div></div><div class="form-group"><div class="input-group col-sm-6 col-xs-12"><span class="form-control-static">'
|
|
+link(msg.real_short, '', msg.token)
|
|
+'</span></div></div></form></div></div><div class="row"><form class="form col-sm-11 col-sm-offset-1" role="form" method="POST" action="'
|
|
+link(msg.real_short, '', msg.token, true)
|
|
+'"><div class="form-group form-inline"><select id="day-'+msg.real_short+'" name="delete-day" class="form-control">'
|
|
% for my $delay (qw/0 1 7 30 365/) {
|
|
% my $text = ($delay == 7 || $delay == 30) ? l('%1 days', $delay) : $d->{'delay_'.$delay};
|
|
% if (config('max_delay')) {
|
|
% if ($delay) {
|
|
% if ($delay < config('max_delay')) {
|
|
+'<option value="<%= $delay %>" <%== is_selected($delay) %>><%= $text %></option>'
|
|
% } elsif ($delay == config('max_delay')) {
|
|
+'<option value="<%= $delay %>" <%== is_selected($delay) %>><%= $text %></option>'
|
|
% last;
|
|
% } else {
|
|
% my $text = ($delay == 1) ? l('24 hours') : l('%1 days', $delay);
|
|
+'<option value="<%= config('max_delay') %>" <%== is_selected(config('max_delay')) %>><%= l('%1 days', config('max_delay')) %></option>'
|
|
% last;
|
|
% }
|
|
% }
|
|
% } else {
|
|
+'<option value="<%= $delay %>" <%== is_selected($delay) %>><%= $text %></option>'
|
|
% }
|
|
% }
|
|
+'</select> <div class="checkbox"><label><input id="first-view-'+msg.real_short+'" type="checkbox" name="first-view"> <%= l('Delete at first view?') %></label>'
|
|
+'</div> '
|
|
+'<a href="#" onclick="modify(\''+link(msg.real_short, '', msg.token, true)+'\', \''+msg.real_short+'\');return false;" class="btn btn-sm btn-default btn-primary"><%= l('Let\'s go!') %></a></div></form>'
|
|
+'</div></div>';
|
|
} else {
|
|
return '<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><strong><%= l('Something bad happened') %></strong><br>'
|
|
+msg.filename
|
|
+'<br>'
|
|
+msg.msg
|
|
+'</div>';
|
|
}
|
|
}
|
|
function bindddz(firstview, deleteday) {
|
|
$('#drag-and-drop-zone').dmUploader({
|
|
url: '<%== url_for('/') %>',
|
|
dataType: 'json',
|
|
allowedTypes: 'image/*',
|
|
maxFileSize: <%= $max_file_size %>,
|
|
onNewFile: function(id, file){
|
|
$('.messages').append('<div id="'+id+'-div">'+file.name+'<br><div class="progress"><div id="'+id+'"class="progress-bar progress-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"><span id="'+id+'-text" class="pull-left" style="padding-left: 10px;"> 0%</span></div></div></div>');
|
|
},
|
|
onUploadProgress: function(id, percent){
|
|
var percentStr = ' '+percent+'%';
|
|
$('#'+id).prop('aria-valuenow', percent);
|
|
$('#'+id).prop('style', 'width: '+percent+'%;');
|
|
$('#'+id+'-text').html(percentStr);
|
|
},
|
|
onUploadSuccess: function(id, data){
|
|
$('#'+id+'-div').remove();
|
|
if ($('#copy-all').length === 0 && data.success) {
|
|
$('.messages').prepend(
|
|
[
|
|
'<div class="col-xs-12 col-sm-11 col-sm-offset-1">',
|
|
' <a id="copy-all" href="#" class="btn btn-info" onClick="copyAllToClipboard();">',
|
|
' <%= l('Copy all view links to clipboard') %>',
|
|
' </a>',
|
|
'</div>'
|
|
].join('')
|
|
);
|
|
}
|
|
$('.messages').append(buildMessage(data.success, data.msg));
|
|
$('#del-'+data.msg.real_short).on('click', delImage);
|
|
if (data.success) {
|
|
if (data.msg.ext !== 'xcf') {
|
|
addToShortHash(data.msg.short+'.'+data.msg.ext);
|
|
}
|
|
$('.close').unbind('click', evaluateCopyAll);
|
|
$('.close').on('click', evaluateCopyAll);
|
|
$('input[type=\'text\']').unbind("click", selectInput);
|
|
$('input[type=\'text\']').on("click", selectInput);
|
|
addItem(data.msg);
|
|
}
|
|
},
|
|
onUploadError: function(id, message){
|
|
$('.messages').append(buildMessage(false, ''));
|
|
},
|
|
onFileSizeError: function(file){
|
|
$('.messages').append(buildMessage(false, { filename: file.name, msg: '<%= l('The file exceed the size limit (%1)', $max_file_size) %>'}));
|
|
}
|
|
});
|
|
}
|
|
|
|
function upload_url() {
|
|
var val = $('#lutim-file-url').val();
|
|
if (val !== undefined && val !== '') {
|
|
$('#lutim-file-url').prop('disabled', 'disabled');
|
|
$('.hidden-spin').css('display', 'block');
|
|
$.ajax({
|
|
url : '<%== url_for('/') %>',
|
|
type : 'POST',
|
|
data : {
|
|
'lutim-file-url' : val,
|
|
'format' : 'json',
|
|
'first-view' : ($('#first-view').prop('checked')) ? 1 : 0,
|
|
'crypt' : ($('#crypt').prop('checked')) ? 1 : 0,
|
|
'delete-day' : $('#delete-day').val()
|
|
},
|
|
success: function(data) {
|
|
$('.messages').append(buildMessage(data.success, data.msg));
|
|
if (data.success) {
|
|
if ($('#copy-all').length === 0) {
|
|
$('.messages').prepend('<div class="col-xs-12 col-sm-11 col-sm-offset-1"><a id="copy-all" href="#" class="btn btn-info" onClick="copyAllToClipboard();"><%= l('Copy all view links to clipboard') %></a></div>');
|
|
}
|
|
$('#lutim-file-url').val('');
|
|
if (data.msg.ext !== 'xcf') {
|
|
addToShortHash(data.msg.short+'.'+data.msg.ext);
|
|
}
|
|
$('.close').unbind('click', evaluateCopyAll);
|
|
$('.close').on('click', evaluateCopyAll);
|
|
addItem(data.msg);
|
|
}
|
|
},
|
|
error: function() {
|
|
$('.messages').append(buildMessage(false, ''));
|
|
},
|
|
complete: function() {
|
|
$('#lutim-file-url').prop('disabled', '');
|
|
$('.hidden-spin').css('display', 'none');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function fileUpload(file) {
|
|
var fd = new FormData();
|
|
fd.append('file', file);
|
|
|
|
fd.append('format', 'json');
|
|
fd.append('first-view', ($('#first-view').prop('checked')) ? 1 : 0);
|
|
fd.append('crypt', ($('#crypt').prop('checked')) ? 1 : 0);
|
|
fd.append('delete-day', ($('#delete-day').val()));
|
|
|
|
$('.messages').append('<div id="1-div">'+file.name+'<br><div class="progress"><div id="1"class="progress-bar progress-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"><span id="1-text" class="pull-left" style="padding-left: 10px;"> 0%</span></div></div></div>');
|
|
// Ajax Submit
|
|
$.ajax({
|
|
url: '<%== url_for('/') %>',
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: fd,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
forceSync: false,
|
|
xhr: function(){
|
|
var xhrobj = $.ajaxSettings.xhr();
|
|
if(xhrobj.upload){
|
|
xhrobj.upload.addEventListener('progress', function(event) {
|
|
var percent = 0;
|
|
var position = event.loaded || event.position;
|
|
var total = event.total || e.totalSize;
|
|
if(event.lengthComputable){
|
|
percent = Math.ceil(position / total * 100);
|
|
}
|
|
|
|
var percentStr = ' '+percent+'%';
|
|
$('#1').prop('aria-valuenow', percent);
|
|
$('#1').prop('style', 'width: '+percent+'%;');
|
|
$('#1-text').html(percentStr);
|
|
}, false);
|
|
}
|
|
|
|
return xhrobj;
|
|
},
|
|
success: function (data, message, xhr){
|
|
$('#1-div').remove();
|
|
if ($('#copy-all').length === 0 && data.success) {
|
|
$('.messages').prepend('<div class="col-xs-12 col-sm-11 col-sm-offset-1"><a id="copy-all" href="#" class="btn btn-info" onClick="copyAllToClipboard();"><%= l('Copy all view links to clipboard') %></a></div>');
|
|
}
|
|
$('.messages').append(buildMessage(data.success, data.msg));
|
|
if (data.success) {
|
|
$('.close').unbind('click', evaluateCopyAll);
|
|
$('.close').on('click', evaluateCopyAll);
|
|
addItem(data.msg);
|
|
}
|
|
},
|
|
error: function (xhr, status, errMsg){
|
|
$('.messages').append(buildMessage(false, ''));
|
|
},
|
|
});
|
|
}
|
|
% end
|