107 lines
2.9 KiB
JavaScript
107 lines
2.9 KiB
JavaScript
function winsize() {
|
||
if (
|
||
(!toggled && $(window).width() / $(window).height() > 90/31) ||
|
||
(toggled && $(window).width() / ($(window).height()-219) > 18/7)
|
||
) {
|
||
$('body').css('justify-content', 'flex-start');
|
||
} else {
|
||
$('body').css('justify-content', 'center');
|
||
}
|
||
};
|
||
$(window).on('load', function () {
|
||
setTimeout(() => {
|
||
$('main').slideDown(500);
|
||
}, 100);
|
||
winsize();
|
||
});
|
||
$(window).on('resize', function () {
|
||
winsize();
|
||
});
|
||
|
||
var toggled = false;
|
||
$('h2').click(function () {
|
||
var time = 300;
|
||
if (toggled) {
|
||
$('form').slideUp(time);
|
||
$('main').css('min-height', '9vw');
|
||
setTimeout(() => {
|
||
$('h2').css('border-bottom', '0');
|
||
}, time);
|
||
toggled = false;
|
||
winsize();
|
||
} else {
|
||
$('main').css('min-height', 'calc(9vw + 260px)');
|
||
$('form').slideDown(time);
|
||
$('form').css('display', 'flex');
|
||
$('h2').css('border-bottom', '1px solid black');
|
||
toggled = true;
|
||
setTimeout(() => {
|
||
winsize();
|
||
}, time);
|
||
};
|
||
});
|
||
|
||
$('form').on('submit', function submit(e) {
|
||
e.preventDefault();
|
||
$('.wrap').css('display', 'flex');
|
||
$('.process').css('display', 'block');
|
||
var form = new FormData();
|
||
form.append('mode', $('#mode').val());
|
||
$.each($('#file')[0].files, function (i, file) {
|
||
form.append('file', file);
|
||
});
|
||
$.ajax({
|
||
url: 'huffpress.php',
|
||
type: 'POST',
|
||
processData: false,
|
||
contentType: false,
|
||
dataType: 'json',
|
||
data: form,
|
||
success: function (resp) {
|
||
if (resp === null) {
|
||
$('.process').css('display', 'none');
|
||
$('.error').css('display', 'block');
|
||
} else if (resp.status) {
|
||
$('.process').css('display', 'none');
|
||
$('.complete').css('display', 'block');
|
||
if ($('#mode').val() == 'compress') {
|
||
$('.complete .status').html(
|
||
`Original size: ${resp.origSize} B<br>Compressed size: ${resp.compSize} B<br>Time: ${resp.time} s`
|
||
);
|
||
} else {
|
||
$('.complete .status').html(
|
||
`Compressed size: ${resp.compSize} B<br>Original size: ${resp.origSize} B<br>Time: ${resp.time} s`
|
||
);
|
||
}
|
||
$('#dlink').attr('href', resp.dlink);
|
||
} else {
|
||
$('.process').css('display', 'none');
|
||
$('.error').css('display', 'block');
|
||
};
|
||
},
|
||
});
|
||
});
|
||
|
||
$('.closebtn').click(function () {
|
||
$('.wrap').css('display', 'none');
|
||
$('.process').css('display', 'none');
|
||
$('.error').css('display', 'none');
|
||
$('.complete').css('display', 'none');
|
||
});
|
||
|
||
$(window).on('load', function() {
|
||
let msg = 'И что это мы тут забыли?\nА ну кыш отседова!\nНашлись тут кулхацкеры понимаешь!';
|
||
let style = [
|
||
'padding: 1rem;',
|
||
'font-family: monospace;',
|
||
'font-size: 18pt;',
|
||
].join('');
|
||
console.log('%c%s', style, msg);
|
||
$.ajax({
|
||
url: './images/angry_huffman',
|
||
success: function(data) {
|
||
console.image(data);
|
||
},
|
||
});
|
||
});
|