Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@davixdedem
davixdedem committed Dec 7, 2023
1 parent d835801 commit beb14be
Show file tree
Hide file tree
Showing 3 changed files with 98 additions and 42 deletions.
7 changes: 7 additions & 0 deletions app/src/main/assets/assets/js/custom-chat.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -144,6 +144,13 @@ function insertMessagesIntoContainer(messageID, myUUID, senderUUID, receiverUUID
<!-- <img class="injectable hw-18 mr-2" src="./../assets/media/heroicons/outline/star.svg" alt="message favourite"> -->
<span>Favourite</span>
</a>
<a class="dropdown-item d-flex align-items-center resend-button" href="#" data-id="${messageID}">
<!-- Custom SVG for Forward Icon -->
<svg class="hw-18 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4M20 12L12 4M20 12L12 20"></path>
</svg>
<span>Resend</span>
</a>
<a class="dropdown-item d-flex align-items-center text-danger" href="#" data-id="${messageID}">
<!-- Default :: Inline SVG -->
<svg class="hw-18 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
Expand Down
32 changes: 32 additions & 0 deletions app/src/main/assets/assets/js/custom-contacts-list.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -531,6 +531,38 @@ function bindingContactListButton(){
});
}

function enableEdit(configName,input) {
const currentValue = document.getElementById(configName).textContent;
const inputField = document.getElementById(input);

// Imposta il valore del campo di input con il valore attuale
inputField.value = currentValue;

// Mostra il campo di input e nascondi il paragrafo
inputField.classList.remove('d-none');
document.getElementById(configName).classList.add('d-none');

// Quando viene completata la modifica, chiama la funzione saveEdit()
inputField.addEventListener('blur', saveEdit);
inputField.addEventListener('blur', function() {
saveEdit(configName,input); // Chiama saveEdit() passando il nuovo valore come argomento
});

inputField.focus();
}

function saveEdit(configName,input) {
const newValue = document.getElementById(input).value;
const paraElement = document.getElementById(configName);

// Imposta il nuovo valore nel paragrafo
paraElement.textContent = newValue;

// Nascondi il campo di input e mostra di nuovo il paragrafo
paraElement.classList.remove('d-none');
document.getElementById(input).classList.add('d-none');
}

// Avviene quando la pagina è stata caricata
window.onload = function() {
flushChatList();
Expand Down
101 changes: 59 additions & 42 deletions app/src/main/assets/dark-skin/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1439,12 +1439,14 @@ <h5 id="myUUID"></h5>
<li class="list-group-item pt-2">
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Frequency</p>
<p class="mb-0" id="loraFreq"></p>
<p class="small text-muted mb-0">LoRa Frequency(HZ)</p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraFreq" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraFreqInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraFreq','loraFreqInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1453,12 +1455,14 @@ <h5 id="myUUID"></h5>
<li class="list-group-item pt-2">
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Power</p>
<p class="mb-0" id="loraPower"></p>
<p class="small text-muted mb-0">LoRa Power(dB)</p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraPower" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraPowerInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraPower','loraPowerInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1467,12 +1471,14 @@ <h5 id="myUUID"></h5>
<li class="list-group-item pt-2">
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Spread Factory</p>
<p class="mb-0" id="loraSF"></p>
<p class="small text-muted mb-0">LoRa SF</p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraSF" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraSFInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraSF','loraSFInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1481,12 +1487,14 @@ <h5 id="myUUID"></h5>
<li class="list-group-item pt-2">
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Band Width</p>
<p class="mb-0" id="loraBW"></p>
<p class="small text-muted mb-0">LoRa BW</p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraBW" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraBWInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraBW','loraBWInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1496,11 +1504,13 @@ <h5 id="myUUID"></h5>
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Code Rate</p>
<p class="mb-0" id="loraCodeRate"></p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraCodeRate" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraCodeRateInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraCodeRate','loraCodeRateInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1509,12 +1519,14 @@ <h5 id="myUUID"></h5>
<li class="list-group-item pt-2">
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Code Rate</p>
<p class="mb-0" id="loraPreambleLength"></p>
<p class="small text-muted mb-0">LoRa Preamble Length</p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraPreambleLength" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraPreambleLengthInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraPreambleLength','loraPreambleLengthInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1524,11 +1536,13 @@ <h5 id="myUUID"></h5>
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa CRC</p>
<p class="mb-0" id="loraCRC"></p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraCRC" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraCRCInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraCRC','loraCRCInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1538,11 +1552,13 @@ <h5 id="myUUID"></h5>
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Save To Flash</p>
<p class="mb-0" id="loraSaveToFlash"></p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraSaveToFlash" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraSaveToFlashInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraSaveToFlash','loraSaveToFlashInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->
Expand All @@ -1552,16 +1568,17 @@ <h5 id="myUUID"></h5>
<div class="media align-items-center">
<div class="media-body">
<p class="small text-muted mb-0">LoRa Receive Timeout</p>
<p class="mb-0" id="loraReceiveTimeout"></p>
<div class="d-flex align-items-center">
<!-- Aggiunto un campo di input nascosto per la modifica -->
<p class="mb-0 mr-2" id="loraReceiveTimeout" contenteditable="true">Valore attuale</p>
<input type="text" class="d-none form-control" id="loraReceiveTimeoutInput">
<img class="injectable text-muted hw-20 ml-1 edit-icon" src="./../assets/media/heroicons/outline/pencil.svg" alt="Edit" onclick="enableEdit('loraReceiveTimeout','loraReceiveTimeoutInput')">
</div>
</div>

<!-- Alternate :: External File link -->
<!-- <img class="injectable text-muted hw-20 ml-1" src="./../assets/media/heroicons/outline/home.svg" alt=""> -->
</div>
</li>
<!-- List Group Item End -->


</ul>
<!-- List Group End -->

Expand Down

0 comments on commit beb14be

Please sign in to comment.