piyushxcoder
/
lupt
mirror of https://github.com/PiyushXCoder/lupt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

image loading

This commit is contained in:
Piyush मिश्रः 2021-05-26 08:52:53 +05:30
parent 784b0f2017
commit 6950609ff0
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/css/style.css
View File

@ -261,6 +261,16 @@ input {
background-color: var(--bg-secondary-color); background-color: var(--bg-secondary-color);
} }
.clip-win.progress-clip {
width: 80px;
height: 80px;
border-radius: 10px;
bottom: unset;
top: 55px;
left: 50%;
margin-left: -40px;
}
.clip-win.reply-clip { .clip-win.reply-clip {
width: calc(100% - 2*8px - 3*5px); width: calc(100% - 2*8px - 3*5px);
max-width: 720px; max-width: 720px;

9
static/index.html
View File

@ -146,7 +146,10 @@
</div> </div>
</div> </div>
<!-- Progress Clip -->
<div id="progress_clip" class="clip-win progress-clip is-hidden">
<img src="img/loading.svg" class="svg-filter">
</div>
<!-- Reply Clip --> <!-- Reply Clip -->
<div id="reply_clip" class="clip-win reply-clip is-hidden"> <div id="reply_clip" class="clip-win reply-clip is-hidden">
@ -249,13 +252,13 @@
</footer> </footer>
</div> </div>
<script> <script>
window.onerror = function(message, source, lineno, colno) { /* window.onerror = function(message, source, lineno, colno) {
var msg = 'Error: \n'; var msg = 'Error: \n';
msg += source + '\n'; msg += source + '\n';
msg += lineno+':' + colno + '\n'; msg += lineno+':' + colno + '\n';
msg += message + '\n'; msg += message + '\n';
alert(msg); alert(msg);
} } */
</script> </script>
<script src="js/jquery-3.5.1.min.js"></script> <script src="js/jquery-3.5.1.min.js"></script>
<script src="js/taphold.js"></script> <script src="js/taphold.js"></script>

6
static/js/images.js
View File

@ -5,6 +5,8 @@ let Images = class {
if (!file) { if (!file) {
return; return;
} }
$('#progress_clip').removeClass('is-hidden');
$('#action_clip').addClass('is-hidden');
Images.compressImage(file, 0.1, 'image/webp'); Images.compressImage(file, 0.1, 'image/webp');
}); });
} }
@ -19,6 +21,7 @@ let Images = class {
reader.readAsDataURL(result); reader.readAsDataURL(result);
reader.onloadend = function() { reader.onloadend = function() {
var base64data = reader.result; var base64data = reader.result;
console.log('a')
if(base64data.length > 63488 && mime != 'image/jpeg') { if(base64data.length > 63488 && mime != 'image/jpeg') {
base64data = null; base64data = null;
result = null; result = null;
@ -32,12 +35,11 @@ let Images = class {
}; dialog(prop, function() {}); }; dialog(prop, function() {});
return; return;
} }
socket.send(JSON.stringify({ socket.send(JSON.stringify({
cmd: "img", cmd: "img",
src: base64data src: base64data
})); }));
$('#action_clip').addClass('is-hidden'); $('#progress_clip').addClass('is-hidden');
} }
}, },
}); });