feat(server): working friend page
This commit is contained in:
parent
83433186f3
commit
0b17c760cb
SSH key fingerprint:
SHA256:iqCzqFFF5KjRixmDExqbAltCIj9ndlBWIGJf3t9Ln9g
2126 changed files with 35620 additions and 42 deletions
367
server/static/js/common.js
Normal file
367
server/static/js/common.js
Normal file
|
|
@ -0,0 +1,367 @@
|
|||
function triggerToast(text, success = false, enable_html = false) {
|
||||
const toastTrigger = document.getElementById('liveToastBtn')
|
||||
const toastLive = document.getElementById('liveToast')
|
||||
const toast = new bootstrap.Toast(toastLive)
|
||||
if (success) {
|
||||
toastLive.classList.remove('text-bg-danger');
|
||||
toastLive.classList.add('text-bg-success');
|
||||
} else {
|
||||
toastLive.classList.add('text-bg-danger');
|
||||
toastLive.classList.remove('text-bg-success');
|
||||
}
|
||||
|
||||
if (enable_html)
|
||||
document.getElementById('toast_body').innerHTML = text;
|
||||
else
|
||||
document.getElementById('toast_body').innerText = text;
|
||||
|
||||
toast.show()
|
||||
}
|
||||
|
||||
function setButton(waiting, button_descriptor) {
|
||||
let button = document.querySelector(button_descriptor);
|
||||
if (!button) return;
|
||||
if (button.querySelector('.fa-solid')) {
|
||||
button.querySelector('.fa-solid').style.display = waiting ? 'none' : '';
|
||||
button.querySelector('.spinner-border').hidden = !waiting;
|
||||
}
|
||||
button.disabled = waiting;
|
||||
}
|
||||
|
||||
function addFriend(name, button_descriptor, auto_reload = false) {
|
||||
return new Promise((resolve) => {
|
||||
setButton(true, button_descriptor);
|
||||
fetch('/friends/add/' + name).then((response) => {
|
||||
setButton(false, button_descriptor);
|
||||
if (response.status === 200) {
|
||||
triggerToast(`${name} est ajouté à votre liste de contacts.<br>` +
|
||||
"<a href='#' onclick='location.reload();'>Cliquez ici pour rafraichir la page</a>", true, true);
|
||||
if (auto_reload)
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 230);
|
||||
} else
|
||||
triggerToast(name + ' est introuvable');
|
||||
resolve(response.status);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function deleteFriend(friend_name, button_descriptor, auto_reload = false) {
|
||||
return new Promise((resolve) => {
|
||||
setButton(true, button_descriptor);
|
||||
fetch('/friends/remove/' + friend_name).then((response) => {
|
||||
setButton(false, button_descriptor);
|
||||
if (response.status === 200) {
|
||||
triggerToast(friend_name + ' a été supprimé de votre liste de contact', true);
|
||||
if (auto_reload)
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 200);
|
||||
} else {
|
||||
triggerToast("Une erreur s'est produite pendant la suppression.");
|
||||
}
|
||||
resolve(response.status);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setRelation(friend_name, relation, button_descriptor, auto_reload = false) {
|
||||
console.log(relation)
|
||||
return new Promise((resolve) => {
|
||||
setButton(true, button_descriptor);
|
||||
fetch('/friends/set_relation/' + friend_name + '/' + relation).then((response) => {
|
||||
setButton(false, button_descriptor);
|
||||
if (response.status === 200) {
|
||||
triggerToast("Relation modifiée avec succès", true);
|
||||
if (auto_reload)
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 200);
|
||||
} else {
|
||||
triggerToast("Une erreur s'est produite pendant la modification.");
|
||||
}
|
||||
resolve(response.status);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function isValidURL(string) {
|
||||
let res = string.match(/(http(s)?:\/\/.)(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,40}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)/g);
|
||||
return (res !== null)
|
||||
}
|
||||
|
||||
function getURLDomain(str) {
|
||||
if (!isValidURL(str))
|
||||
return str.trim()
|
||||
let a = document.createElement('a');
|
||||
a.href = str;
|
||||
return a.hostname;
|
||||
}
|
||||
|
||||
function getURLPath(str) {
|
||||
if (!isValidURL(str))
|
||||
return str.trim()
|
||||
let a = document.createElement('a');
|
||||
a.href = str;
|
||||
return a.pathname.substr(1)
|
||||
}
|
||||
|
||||
function openFriend(name, auto_reload = false) {
|
||||
function config_bio(data) {
|
||||
function set_link(elem, data, path = false) {
|
||||
if (!data) {
|
||||
elem.hidden = true;
|
||||
return;
|
||||
}
|
||||
elem.hidden = false;
|
||||
if (path)
|
||||
elem.querySelector('a').innerText = getURLPath(data);
|
||||
else
|
||||
elem.querySelector('a').innerText = getURLDomain(data);
|
||||
if (isValidURL(data))
|
||||
elem.querySelector('a').href = data;
|
||||
}
|
||||
|
||||
let bio = document.getElementById('FP-bio');
|
||||
let social_row = document.getElementById('FP-socials-row');
|
||||
let website = document.getElementById('FP-website');
|
||||
let github = document.getElementById('FP-github');
|
||||
let discord = document.getElementById('FP-discord');
|
||||
let recit = document.getElementById('FP-text');
|
||||
|
||||
let shown = !!(data.discord || data.website || data.github || data.recit);
|
||||
bio.hidden = !shown;
|
||||
if (!shown)
|
||||
return;
|
||||
let social_shown = !!(data.discord || data.website || data.github)
|
||||
social_row.hidden = !social_shown;
|
||||
if (social_shown) {
|
||||
set_link(website, data.website);
|
||||
set_link(github, data.github, true);
|
||||
set_link(discord, data.discord);
|
||||
}
|
||||
recit.hidden = !(recit);
|
||||
if (data.recit)
|
||||
recit.innerText = data.recit;
|
||||
else
|
||||
recit.innerText = "";
|
||||
}
|
||||
|
||||
return new Promise(async (resolve) => {
|
||||
fetch("/getuser/" + name).then(res => {
|
||||
if (res.status !== 200) {
|
||||
triggerToast("Une erreur s'est produite.")
|
||||
return resolve(400);
|
||||
}
|
||||
res.json().then(data => {
|
||||
let openFriendLabelAddFriend = document.getElementById("openFriendLabelAddFriend");
|
||||
let openFriendLabelDeleteFriend = document.getElementById("openFriendLabelDeleteFriend");
|
||||
let openFriendModalName = document.getElementById("openFriendModalName");
|
||||
let addCloseFriend = document.getElementById("addCloseFriend");
|
||||
let removeCloseFriend = document.getElementById("removeCloseFriend");
|
||||
let openFriendProfile = document.getElementById("openFriendProfile");
|
||||
let openFriendShowCluster = document.getElementById('openFriendShowCluster');
|
||||
let pool = openFriendModalName.querySelector('.pool');
|
||||
let modal_name = openFriendModalName.querySelector('.name');
|
||||
|
||||
|
||||
openFriendLabelAddFriend.hidden = !data.is_friend;
|
||||
openFriendLabelDeleteFriend.hidden = !!data.is_friend;
|
||||
addCloseFriend.hidden = !data.is_friend;
|
||||
removeCloseFriend.hidden = !!data.is_friend;
|
||||
if (!data.is_friend)
|
||||
addCloseFriend.hidden = true;
|
||||
|
||||
config_bio(data)
|
||||
openFriendShowCluster.disabled = !(data['position'] !== null);
|
||||
|
||||
openFriendShowCluster.onclick = () => {
|
||||
if (!data.position[0])
|
||||
return;
|
||||
// i hate it
|
||||
if (data.position[0] === 'e' || data.position[0] === 'c' || data.position.includes('bess') || data.position.includes('paul')
|
||||
|| data.position.includes('made')) {
|
||||
let cluster = data.position.split('r')[0]
|
||||
if (data.position.includes('bess') || data.position.includes('paul')) {
|
||||
let lastChar = cluster[cluster.length - 1];
|
||||
if (lastChar === 'A' || lastChar === 'B')
|
||||
cluster = cluster.slice(0, -1);
|
||||
}
|
||||
location.href = `/?cluster=${cluster}&p=${data.position}`
|
||||
}
|
||||
}
|
||||
openFriendLabelAddFriend.onclick = () => {
|
||||
addFriend(name, '#openFriendLabelAddFriend', auto_reload)
|
||||
}
|
||||
openFriendLabelDeleteFriend.onclick = () => {
|
||||
deleteFriend(name, '#openFriendLabelDeleteFriend', auto_reload)
|
||||
}
|
||||
let changeRelation = async (relation, hide) => {
|
||||
const ret = await setRelation(name, relation, '#openFriendLabelAddBestFriend')
|
||||
if (ret !== 200) return;
|
||||
|
||||
addCloseFriend.hidden = hide;
|
||||
removeCloseFriend.hidden = !hide;
|
||||
}
|
||||
addCloseFriend.onclick = () => {
|
||||
changeRelation(1, true)
|
||||
};
|
||||
removeCloseFriend.onclick = () => {
|
||||
changeRelation(0, false)
|
||||
};
|
||||
openFriendProfile.href = "https://profile.intra.42.fr/users/" + name;
|
||||
document.getElementById('openFriendModalPic').src = data.image;
|
||||
if (data.pool)
|
||||
pool.innerText = "Piscine de " + data.pool
|
||||
modal_name.innerText = name;
|
||||
document.getElementById("openFriendLabel").innerText = name;
|
||||
|
||||
const modal = new bootstrap.Modal('#openFriendModal', {});
|
||||
openFriendModal = modal;
|
||||
modal.show();
|
||||
resolve(200)
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function does_user_exists(login) {
|
||||
return new Promise(async (resolve) => {
|
||||
fetch("/getuser/" + login).then(res => {
|
||||
if (res.status === 200)
|
||||
resolve(200);
|
||||
else
|
||||
resolve(res.status);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function open(url) {
|
||||
window.location.href = url;
|
||||
}
|
||||
|
||||
function newTab(url) {
|
||||
window.open(url, '_blank').focus();
|
||||
}
|
||||
|
||||
function isTouchDevice() {
|
||||
return (('ontouchstart' in window) ||
|
||||
(navigator.maxTouchPoints > 0) ||
|
||||
(navigator.msMaxTouchPoints > 0));
|
||||
}
|
||||
|
||||
(() => {
|
||||
let globalAddFriend = document.getElementById('globalAddFriend');
|
||||
let globalSearchInput = document.getElementById('globalSearch');
|
||||
let globalSearchButton = document.getElementById('globalSearchButton');
|
||||
|
||||
async function redirect_profile(login) {
|
||||
login = login.trim().toLowerCase()
|
||||
if (login === "" || login.length <= 3) {
|
||||
globalSearchInput.focus();
|
||||
return;
|
||||
}
|
||||
if (await does_user_exists(login) === 200)
|
||||
location.href = '/profile/' + login;
|
||||
else
|
||||
triggerToast("L'utilisateur est introuvable", false);
|
||||
}
|
||||
|
||||
function fillGlobalSuggestions(element, suggestions) {
|
||||
let list = document.querySelector(element);
|
||||
|
||||
list.innerHTML = ''
|
||||
suggestions.forEach(function(item) {
|
||||
let option = document.createElement('option');
|
||||
option.value = item['s'];
|
||||
option.innerText = item['v'];
|
||||
list.appendChild(option);
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
globalAddFriend.addEventListener('click', async () => {
|
||||
let val = globalSearchInput.value.trim();
|
||||
|
||||
if (val === "") {
|
||||
globalSearchInput.focus();
|
||||
return;
|
||||
}
|
||||
await addFriend(globalSearchInput.value, '#globalAddFriend', true);
|
||||
});
|
||||
*/
|
||||
function search_text(text, callback) {
|
||||
fetch('/search/' + encodeURIComponent(text) + "/0").then((response) => {
|
||||
response.json().then((json) => {
|
||||
callback(json);
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
if (globalSearchInput) {
|
||||
let lastSearch = "";
|
||||
globalSearchInput.addEventListener('keyup', async (e) => {
|
||||
let val = globalSearchInput.value.trim().toLowerCase();
|
||||
|
||||
if (e.key === 'Enter') {
|
||||
if (val.length <= 3)
|
||||
await redirect_profile(val);
|
||||
else {
|
||||
search_text(val, (json) => {
|
||||
let found = 0;
|
||||
json.forEach((item) => {
|
||||
if (item['v'].toLowerCase() === val || item['s'].toLowerCase() === val) {
|
||||
if (item['type'] === 'user') {
|
||||
redirect_profile(item['s']);
|
||||
found = 1;
|
||||
} else if (item['type'] === 'project') {
|
||||
open('/mates/' + item['s']);
|
||||
found = 1;
|
||||
}
|
||||
}
|
||||
})
|
||||
if (found === 0)
|
||||
triggerToast(`Aucun résultat pour ${val}`
|
||||
)
|
||||
});
|
||||
}
|
||||
}
|
||||
if (val.length >= 3) {
|
||||
setTimeout(() => {
|
||||
if (val !== globalSearchInput.value.trim().toLowerCase()) return;
|
||||
if (val === lastSearch) return;
|
||||
console.log(val, globalSearchInput.value.trim().toLowerCase())
|
||||
lastSearch = val;
|
||||
search_text(val, (json) => {
|
||||
fillGlobalSuggestions('#global_suggestions', json)
|
||||
});
|
||||
}, 200)
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
globalSearchButton.addEventListener('click', async () => {
|
||||
let val = globalSearchInput.value.trim().toLowerCase();
|
||||
await redirect_profile(val);
|
||||
})
|
||||
}
|
||||
})();
|
||||
|
||||
(() => {
|
||||
let cluster = document.getElementById('qc-cluster');
|
||||
let friends = document.getElementById('qc-friends');
|
||||
|
||||
if (cluster && friends) {
|
||||
if (location.pathname === '/')
|
||||
friends.hidden = false;
|
||||
else
|
||||
cluster.hidden = false;
|
||||
cluster.addEventListener('click', () => {
|
||||
location.href = '/';
|
||||
})
|
||||
friends.addEventListener('click', () => {
|
||||
location.href = '/friends/';
|
||||
})
|
||||
}
|
||||
})();
|
||||
Loading…
Add table
Add a link
Reference in a new issue