code002lover/IPost
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

added avatars to posts

Browse Source
This commit is contained in:
Mystikfluu 2022-06-11 19:14:19 +02:00
parent 1c5b146827
commit 4fee310dbe
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/posts.css
View File

@ -32,6 +32,12 @@
padding-bottom: 2px; padding-bottom: 2px;
} }
.avatar {
margin-right: 5px;
margin-top: 10px;
margin-left: 5px;
}
.mention { .mention {
color: blue; color: blue;
} }

37
js/posts.js
View File

@ -33,13 +33,29 @@ function spacerTextNode() {
return document.createTextNode(" | ") return document.createTextNode(" | ")
} }
function createPost(username,text,time,specialtext,postid) { const user_cache = {}
async function getavatar(username) {
let user = user_cache[username]
if(user == undefined) {
user = (await (await fetch("/api/getotheruser?user="+encodeURIComponent(username))).json())["avatar"]
if(user) {
user = "/avatars/"+user
} else {
user = "/default_avatar.png"
}
user_cache[username]=user
}
return user
}
async function createPost(username,text,time,specialtext,postid) {
if(!specialtext)specialtext="" if(!specialtext)specialtext=""
const newDiv = document.createElement("div"); const newDiv = document.createElement("div");
const newP = document.createElement("p"); const newP = document.createElement("p");
const newA = document.createElement("a"); const newA = document.createElement("a");
const newSpan2 = document.createElement("span"); const newSpan2 = document.createElement("span");
const newSpan3 = document.createElement("span"); const newSpan3 = document.createElement("span");
const avatar = document.createElement("img");
const newUsername = document.createTextNode(username); const newUsername = document.createTextNode(username);
let timedate = new Date(time) let timedate = new Date(time)
@ -54,6 +70,14 @@ function createPost(username,text,time,specialtext,postid) {
newDiv.classList.add("post"); newDiv.classList.add("post");
newSpan3.classList.add("specialtext") newSpan3.classList.add("specialtext")
avatar.width=25;
avatar.height=25;
avatar.classList.add("avatar")
avatar.src = await getavatar(username)
newA.appendChild(avatar)
newA.appendChild(newUsername) newA.appendChild(newUsername)
newA.href = `/users/${username}` newA.href = `/users/${username}`
@ -90,12 +114,13 @@ async function main(){
} }
let index = 0 let index = 0
let last_10_posts = await (await fetch(`/api/getPosts/${index}`)).json() let all_posts = await (await fetch(`/api/getPosts/${index}`)).json()
if(!last_10_posts)return; if(!all_posts)return;
document.getElementById("posts").innerHTML = "" document.getElementById("posts").innerHTML = ""
last_10_posts.forEach((item, i) => { for(i in all_posts) {
createPost(decodeURIComponent(item.post_user_name),decodeURIComponent(item.post_text),item.post_time,item.post_special_text,item.post_id) let item = all_posts[i]
}); await createPost(decodeURIComponent(item.post_user_name),decodeURIComponent(item.post_text),item.post_time,item.post_special_text,item.post_id)
}
let links = document.getElementsByClassName("insertedlink") let links = document.getElementsByClassName("insertedlink")
for (let i = 0; i < links.length; i++) { for (let i = 0; i < links.length; i++) {