tech/huffpress
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rearranged files and beautified code

Browse Source
This commit is contained in:
Masahiko AMANO
2021-05-03 00:45:54 +03:00
parent a228f94dd0
commit 31d5b1c0f2
8 changed files with 341 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files
script.js
+73 -61
View File
@@ -1,76 +1,88 @@
function winsize(){
if (!toggled && $(window).width()/$(window).height()>(90/31) ||
toggled && $(window).width()/($(window).height()-219)>(18/7)){
$('body').css('justify-content','flex-start');
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');
$('body').css('justify-content', 'center')
}
};
window.onload=function(){
setTimeout(()=>{$('main').slideDown(500)},100);
winsize();
};
$(window).on('resize',function(){
winsize();
});
}
window.onload = function () {
setTimeout(() => {
$('main').slideDown(500)
}, 100)
winsize()
}
$(window).on('resize', function () {
winsize()
})
var toggled=false;
$('h2').click(function(){
var time=300;
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();
$('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);
$('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);
});
$('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',
url: 'huffpress.php',
type: 'POST',
processData: false,
contentType: false,
dataType: 'json',
data: form,
success: function(resp){
console.log(resp);
if (resp.status){
$('.process').css('display','none');
$('.complete').css('display','block');
if ($('#mode').val()=='compress'){
$('.complete .status').html(`Original size:&nbsp;&nbsp;&nbsp;${resp.origSize} B<br>Compressed size: ${resp.compSize} B<br>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${resp.time} s`);
dataType: 'json',
data: form,
success: function (resp) {
console.log(resp)
if (resp.status) {
$('.process').css('display', 'none')
$('.complete').css('display', 'block')
if ($('#mode').val() == 'compress') {
$('.complete .status').html(
`Original size:&nbsp;&nbsp;&nbsp;${resp.origSize} B<br>Compressed size: ${resp.compSize} B<br>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${resp.time} s`
)
} else {
$('.complete .status').html(`Compressed size: ${resp.compSize} B<br>Original size:&nbsp;&nbsp;&nbsp;${resp.origSize} B<br>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${resp.time} s`);
$('.complete .status').html(
`Compressed size: ${resp.compSize} B<br>Original size:&nbsp;&nbsp;&nbsp;${resp.origSize} B<br>Time:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${resp.time} s`
)
}
$('#dlink').attr('href',resp.dlink);
$('#dlink').attr('href', resp.dlink)
} else {
$('.process').css('display','none');
$('.error').css('display','block');
$('.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');
});
$('.closebtn').click(function () {
$('.wrap').css('display', 'none')
$('.process').css('display', 'none')
$('.error').css('display', 'none')
$('.complete').css('display', 'none')
})