Crash_Override/FreeDATA
1
0
Fork 0
mirror of https://github.com/DJ2LS/FreeDATA synced 2024-05-14 10:04:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

improved chat text box closes #271

Browse source
This commit is contained in:
DJ2LS 2022-11-08 19:53:14 +01:00
parent cb8ee299b5
commit 5e2667c438
4 changed files with 52 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
gui/main.js
View file

@ -870,8 +870,8 @@ ipcMain.on('request-check-rigctld',(event, data)=>{
var rigctld = new net.Socket();
rigctld.connect(data.port, data.ip)
rigctld.on('error', function(err) {
console.log(err);
rigctld.on('error', function() {
Data["state"] = "unknown/stopped - (" + data.ip + ":" + data.port + ")";
win.webContents.send('action-check-rigctld', Data);
})

41
gui/preload-chat.js
View file

@ -174,18 +174,49 @@ window.addEventListener('DOMContentLoaded', () => {
document.getElementById("chatModuleMessage").addEventListener("input", () => {
var textarea = document.getElementById("chatModuleMessage");
var text = textarea.value;
if(document.getElementById("expand_textarea").checked){
var lines = 6
} else {
var lines = text.split("\n").length
if (lines >= 10){
lines = 10;
if (lines >= 6){
lines = 6;
}
var message_container_height_offset = 90 + (23*lines);
}
var message_container_height_offset = 130 + (20*lines);
var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
document.getElementById("message-container").style.height = message_container_height;
textarea.rows = lines;
console.log(textarea.value)
})
document.getElementById("expand_textarea").addEventListener("click", () => {
var textarea = document.getElementById("chatModuleMessage");
if(document.getElementById("expand_textarea").checked){
var lines=6
document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-down";
} else {
var lines=1
document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-up";
}
var message_container_height_offset = 130 + (20*lines);
//var message_container_height_offset = 90 + (23*lines);
var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
document.getElementById("message-container").style.height = message_container_height;
textarea.rows = lines;
console.log(textarea.rows)
})
// NEW CHAT
document.getElementById("createNewChatButton").addEventListener("click", () => {
@ -223,10 +254,12 @@ db.post({
var chatmessage = textarea.value;
// reset textarea size
var message_container_height_offset = 110;
var message_container_height_offset = 150;
var message_container_height = `calc(100% - ${message_container_height_offset}px)`;
document.getElementById("message-container").style.height = message_container_height;
textarea.rows = 1
document.getElementById("expand_textarea_button").className = "bi bi-chevron-compact-up";
document.getElementById("expand_textarea").checked = false;
console.log(file);
console.log(filename);

6
gui/src/chat-module.html
View file

@ -54,11 +54,15 @@
</div>
<hr class="m-0">
<! ------messages area ---------------------------------------------------------------------->
<div class="container overflow-auto" id="message-container" style="height: calc(100% - 110px);">
<div class="container overflow-auto" id="message-container" style="height: calc(100% - 150px);">
<div class="tab-content" id="nav-tabContent"> </div>
<!--<div class="container position-absolute bottom-0">--></div>
<!-- </div>-->
<div class="container-fluid mt-2 p-0">
<input type="checkbox" id="expand_textarea" class="btn-check" autocomplete="off">
<label class="btn d-flex justify-content-center" id="expand_textarea_label" for="expand_textarea"><i id="expand_textarea_button" class="bi bi-chevron-compact-up"></i></label>
<div class="input-group bottom-0 w-100">
<!--<input class="form-control" maxlength="8" style="max-width: 6rem; text-transform:uppercase; display:none" id="chatModuleDxCall" placeholder="DX CALL"></input>-->
<!--<button class="btn btn-sm btn-primary me-2" id="emojipickerbutton" type="button">--><i id="emojipickerbutton" class="bi bi-emoji-smile m-1" style="font-size: 1.5rem; color: grey;"></i><!--</button>-->

8
gui/src/styles.css
View file

@ -27,4 +27,12 @@ html {
display: none;
}
#chatModuleMessage {
resize: none;
border-radius:15px;
}
#expand_textarea_label{
border: 0;
padding: 1px;
}