Rearranged files

So, now it all works standalone without any dependencies on external resources.
2021-12-11 00:29:21 +03:00
parent f63cb6cb59
commit 309521897b
7 changed files with 18 additions and 10 deletions
@@ -0,0 +1,90 @@
+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:&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`
+					);
+				}
+				$('#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');
+});