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

last commit today

This commit is contained in:
Piyush मिश्रः 2021-05-10 23:32:01 +05:30
parent 58d8ddf1f2
commit f539d6819f
3 changed files with 72 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/css/style.css
View File

@ -118,7 +118,7 @@ input {
.cover-screen { .cover-screen {
position: fixed; position: fixed;
top: 0; bottom: 0; left: 0; right: 0; top: 0; bottom: 0; left: 0; right: 0;
z-index: 999; z-index: 100;
} }
.chatpanel { .chatpanel {
@ -244,7 +244,7 @@ input {
.clip-win { .clip-win {
position: fixed; position: fixed;
z-index: 9999; z-index: 999;
padding: 6px; padding: 6px;
bottom: 55px; bottom: 55px;
left: 5px; left: 5px;
@ -284,6 +284,14 @@ input {
width: 314px; width: 314px;
} }
#dialog {
z-index: 999;
position: fixed;
top: 80px;
width: 300px;
margin-left: -150px;
left: 50%;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
div[name="error_msg"] { div[name="error_msg"] {

22
static/index.html
View File

@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<div id="progress" <div id="progress"
style="z-index: 9999; position: fixed; top: 0; bottom: 0; style="z-index: 1000; position: fixed; top: 0; bottom: 0;
width: 100%; height: 100%; background-color: var(--bg-secondary-color);"> width: 100%; height: 100%; background-color: var(--bg-secondary-color);">
<div style="top: 50%; <div style="top: 50%;
left: 50%; left: 50%;
@ -155,7 +155,7 @@
<!-- Selected Clip --> <!-- Selected Clip -->
<div id="selected_clip" class="clip-win selected-clip is-hidden"> <div id="selected_clip" class="clip-win selected-clip is-hidden">
<div style="padding: 4px;"> <div style="padding: 4px;">
<button onclick="Messages.copyMessagesToClipboard()" class="button outline primary" style="padding: 1rem 1rem;"> <button onclick="Messages.deleteMessages()" class="button outline primary" style="padding: 1rem 1rem;">
<img src="img/delete.svg" style="height: 1.6rem;"> <img src="img/delete.svg" style="height: 1.6rem;">
</button> </button>
<button onclick="Messages.copyMessagesToClipboard()" class="button outline primary" style="padding: 1rem 1rem;"> <button onclick="Messages.copyMessagesToClipboard()" class="button outline primary" style="padding: 1rem 1rem;">
@ -195,7 +195,7 @@
</div> </div>
<!-- vayakti --> <!-- vayakti -->
<div id="vayakti_model" class="card is-hidden" style="position: fixed; top: 50px; bottom: 50px; right: 0; z-index: 9999; width: 100%; max-width: 500px;"> <div id="vayakti_model" class="card is-hidden" style="position: fixed; top: 50px; bottom: 50px; right: 0; z-index: 999; width: 100%; max-width: 500px;">
<header> <header>
<h4> <h4>
List Vyakti(Users) List Vyakti(Users)
@ -217,6 +217,22 @@
</table> </table>
</div> </div>
</div> </div>
<div id="dialog" class="card is-hidden">
<header>
<h4 id="dialog_title"></h4>
</header>
<p id="dialog_text"></p>
<div id="dialog_checkbox">
<input type="checkbox" id="dialog_check" value="hello">
<label for="dialog_check" id="dialog_check_label"></label>
</div>
<footer class="is-right">
<a id="dialog_ok" class="button primary">OK</a>
<a id="dialog_cancel" class="button">Cancel</a>
</footer>
</div>
<script src="js/jquery-3.5.1.min.js"></script> <script src="js/jquery-3.5.1.min.js"></script>
<script src="js/compressor.min.js"></script> <script src="js/compressor.min.js"></script>
<script src="js/actions.js"></script> <script src="js/actions.js"></script>

51
static/js/message.js
View File

@ -67,10 +67,7 @@ let Messages = class {
var area = $('#message_area'); var area = $('#message_area');
var elm = $('<div>', {class: 'message '+(isMe?'message-me':'message-other'), msgid: msg_id}); var elm = $('<div>', {class: 'message '+(isMe?'message-me':'message-other'), msgid: msg_id});
if(!no_name_message) { if(!no_name_message) {
if(sender == myinfo.kunjika) elm.append($('<div>', {class: 'message-by'}).append(vayakti[sender]+'('+sender.substr(0, 8)+')'))
elm.append($('<div>', {class: 'message-by'}).append('me'))
else
elm.append($('<div>', {class: 'message-by'}).append(vayakti[sender]+'('+sender.substr(0, 8)+')'))
} }
if(reply != null && reply.length > 0) { if(reply != null && reply.length > 0) {
elm.append( elm.append(
@ -93,10 +90,7 @@ let Messages = class {
var area = $('#message_area'); var area = $('#message_area');
var elm = $('<div>', {class: 'message '+(isMe?'message-me':'message-other'), msgid: msg_id}); var elm = $('<div>', {class: 'message '+(isMe?'message-me':'message-other'), msgid: msg_id});
if(!no_name_message) { if(!no_name_message) {
if(sender == myinfo.kunjika) elm.append($('<div>', {class: 'message-by'}).append(vayakti[sender]+'('+sender.substr(0, 8)+')'))
elm.append($('<div>', {class: 'message-by'}).append('me'))
else
elm.append($('<div>', {class: 'message-by'}).append(vayakti[sender]+'('+sender.substr(0, 8)+')'))
} }
elm.append($('<img>', {src: src, width: 300})); elm.append($('<img>', {src: src, width: 300}));
elm.click(function() { elm.click(function() {
@ -122,7 +116,7 @@ let Messages = class {
static selectedMessageToText() { static selectedMessageToText() {
var text = ""; var text = "";
$('.message.active').each(function() { $('.message.active').each(function() {
text += $(this).find('.message-by').text()+' : '; text += $(this).find('.message-by').text() + ' : ';
text += $(this).find('pre').last().text() + '\n'; text += $(this).find('pre').last().text() + '\n';
}); });
@ -153,8 +147,47 @@ let Messages = class {
$('#action_clip').addClass('is-hidden'); $('#action_clip').addClass('is-hidden');
} }
static deleteMessages() {
var prop = {
title: 'Delete Messages',
text: 'Do you really want to delete?',
checkLabel: 'Delete both side',
check: true
}
dialog(prop, function() {
if($('#dialog_check').prop('checked')) {
} else $('.message.active').remove();
});
$('#selected_clip').addClass('is-hidden');
}
static currentTime() { static currentTime() {
var today = new Date(); var today = new Date();
return today.getHours()+':'+('0' + today.getMinutes()).slice(-2); return today.getHours()+':'+('0' + today.getMinutes()).slice(-2);
} }
} }
var callback;
function dialog(prop, call) {
callback = call;
$('#dialog_title').text(prop.title);
$('#dialog_text').text(prop.text);
$('#dialog_check_label').text(prop.checkLabel);
if(prop.check) $('#dialog_checkbox').removeClass('is-hidden');
else $('#dialog_checkbox').addClass('is-hidden');
$('#dialog').removeClass('is-hidden');
}
$('#dialog_cancel').click(function() {
$('#dialog').addClass('is-hidden');
});
$('#dialog_ok').click(function() {
$('#dialog').addClass('is-hidden');
callback();
});