nova/Chatto
1
0
Fork 0
Code Issues 7 Pull Requests Releases Wiki Activity

changed to queryselector to extract username and date and last message fields in userbox

Browse Source
This commit is contained in:
Rohan Sircar 2019-11-06 10:31:48 +05:30
parent 7775dd798e
commit ed3853c5ea
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
chatto/src/main/resources/static/js/chat.js
View File

@ -66,11 +66,20 @@ for (let i = 0; i < userBoxes.length; i++) {
} }
let words = this.innerText.split("\n"); let words = this.innerText.split("\n");
// console.log(words); // console.log(words);
document.getElementById('user-name-span').innerText = 'Chat with ' + words[1]; // let children = this.children;
// let userName = children[0].innerText;
let userName = this.querySelectorAll('span')[1].innerText;
document.getElementById('user-name-span').innerText = userName;
populateMessages(userName);
this.className += " active"; this.className += " active";
}) })
} }
function populateMessages(userName)
{
console.log(userName);
}
// var lastMessageTimeStamp; // var lastMessageTimeStamp;
// console.log(authToken); // console.log(authToken);

5
chatto/src/main/resources/templates/chat.html
View File

@ -82,7 +82,12 @@
<span th:text="${userName}">Khalid</span> <span th:text="${userName}">Khalid</span>
<p th:text="${userName} + ' is online'">Kalid is online</p> <p th:text="${userName} + ' is online'">Kalid is online</p>
</div> </div>
<div class="d-flex flex-column ml-auto">
<div class="text-right">Dec 25</div>
<div style="color: rgba(255,255,255,0.7);">Hello how are you</div>
</div>
</div> </div>
</li> </li>
</th:block> </th:block>
</ui> </ui>