wulkanowy/wulkanowy-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #5 from wulkanowy/feature/deleted_messages

Browse source 
Add deleted and sent messages to UI
This commit is contained in:
Pengwius 2021-01-12 16:25:27 +01:00 committed by GitHub
commit 25af24a917
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 80 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
files/js/grades.js
View file

@ -18,6 +18,7 @@ const getGrades = () => {
}).then(response => response.json()).then(data => {
const allGrades = data.data.Oceny
const content = document.getElementById("content")
content.innerHTML = ""
const container = document.getElementsByClassName("gradeModals")[0]
allGrades.forEach((grade) => {

92
files/js/messages.js
View file

@ -1,8 +1,10 @@
const received_ = document.querySelector('#received_');
const sent_ = document.querySelector('#sent_');
const deleted_ = document.querySelector('#deleted_');
const content = document.getElementById("content")
const getReceivedMessages = () => {
content.innerHTML = ""
cookies_data = sessionStorage.getItem('cookies_data');
csrfcookie_ = sessionStorage.getItem('csrfcookie');
fetch(url = '../api/messages/received', {
@ -14,9 +16,7 @@ const getReceivedMessages = () => {
},
body: cookies_data
}).then(response => response.json()).then(data => {
content = document.getElementById("content")
console.log(data)
wiadomosci = data.data
const wiadomosci = data.data
table = document.createElement("table")
table.className = "striped"
@ -36,28 +36,26 @@ const getReceivedMessages = () => {
wiadomosci.forEach((wiadomosc) => {
const tbody = document.getElementsByTagName("tbody")[0]
console.log(tbody)
wiadomoscRow = tbody.insertRow()
temat = wiadomoscRow.insertCell()
temat.innerText = wiadomosc.Temat
temat.innerHTML = `<span id="${wiadomosc.Id}">${wiadomosc.Temat}</span>`
wiadomoscRow.appendChild(temat)
nadawca = wiadomoscRow.insertCell()
nadawca.innerText = wiadomosc.Nadawca.Name
nadawca.innerHTML = `<span>${wiadomosc.Nadawca.Name}</span>`
wiadomoscRow.appendChild(nadawca)
dataWyslania = wiadomoscRow.insertCell()
dataWyslania.innerText = wiadomosc.Data
dataWyslania.innerHTML = `<span>${wiadomosc.Data}</span>`
wiadomoscRow.appendChild(dataWyslania)
})
})
}
const getSentMessages = () => {
document.querySelector('#content').innerHTML = 'Here is sent messages (in my imagination)';
content.innerHTML = ""
cookies_data = sessionStorage.getItem('cookies_data');
csrfcookie_ = sessionStorage.getItem('csrfcookie');
fetch(url = '../api/messages/sent', {
@ -69,12 +67,46 @@ const getSentMessages = () => {
},
body: cookies_data
}).then(response => response.json()).then(data => {
console.log(data);
const wiadomosci = data.data // haha spaghetti code goes brrr
table = document.createElement("table")
table.className = "striped"
table.innerHTML = "<thead>\n" +
" <tr>\n" +
" <th>Temat</th>\n" +
" <th>Adresat</th>\n" +
" <th>Data</th>\n" +
" </tr>\n" +
" </thead>" +
" <tbody>" +
" " +
" </tbody>"
content.append(table)
wiadomosci.forEach((wiadomosc) => {
const tbody = document.getElementsByTagName("tbody")[0]
wiadomoscRow = tbody.insertRow()
temat = wiadomoscRow.insertCell()
temat.innerHTML = `<span id="${wiadomosc.Id}">${wiadomosc.Temat}</span>`
wiadomoscRow.appendChild(temat)
nadawca = wiadomoscRow.insertCell()
nadawca.innerHTML = `<span>${wiadomosc.Adresaci[0]}</span>`
wiadomoscRow.appendChild(nadawca)
dataWyslania = wiadomoscRow.insertCell()
dataWyslania.innerHTML = `<span>${wiadomosc.Data}</span>`
wiadomoscRow.appendChild(dataWyslania)
})
})
}
const getDeletedMessages = () => {
document.querySelector('#content').innerHTML = 'Here is deleted messages (in my imagination)';
content.innerHTML = ""
cookies_data = sessionStorage.getItem('cookies_data');
csrfcookie_ = sessionStorage.getItem('csrfcookie');
fetch(url = '../api/messages/deleted', {
@ -86,11 +118,45 @@ const getDeletedMessages = () => {
},
body: cookies_data
}).then(response => response.json()).then(data => {
console.log(data);
const wiadomosci = data.data
table = document.createElement("table")
table.className = "striped"
table.innerHTML = "<thead>\n" +
" <tr>\n" +
" <th>Temat</th>\n" +
" <th>Nadawca</th>\n" +
" <th>Data</th>\n" +
" </tr>\n" +
" </thead>" +
" <tbody>" +
" " +
" </tbody>"
content.append(table)
wiadomosci.forEach((wiadomosc) => {
const tbody = document.getElementsByTagName("tbody")[0]
wiadomoscRow = tbody.insertRow()
temat = wiadomoscRow.insertCell()
temat.innerHTML = `<span id="${wiadomosc.Id}">${wiadomosc.Temat}</span>`
wiadomoscRow.appendChild(temat)
nadawca = wiadomoscRow.insertCell()
nadawca.innerHTML = `<span>${wiadomosc.Nadawca.Name}</span>`
wiadomoscRow.appendChild(nadawca)
dataWyslania = wiadomoscRow.insertCell()
dataWyslania.innerHTML = `<span>${wiadomosc.Data}</span>`
wiadomoscRow.appendChild(dataWyslania)
})
})
}
received_.addEventListener('click', getReceivedMessages);
sent_.addEventListener('click', getSentMessages);
deleted_.addEventListener('click', getDeletedMessages);
deleted_.addEventListener('click', getDeletedMessages);