crowetic/Q-Mintership-Alpha
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

added validation for cards on load, added image avatar to cards. Planning to change test identifier prior to next update after additional testing with old test identifier.

Browse Source
This commit is contained in:
crowetic 2024-12-11 17:00:55 -08:00
parent f9f971da05
commit 8944154556
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/js/MinterBoard.js
View File

@ -1,4 +1,5 @@
const cardIdentifierPrefix = "test-board-card"; const cardIdentifierPrefix = "test-board-card"
// const cardIdentifierPrefix = "testMB-board-card";
let isExistingCard = false; let isExistingCard = false;
let existingCardData = {}; let existingCardData = {};
let existingCardIdentifier ={}; let existingCardIdentifier ={};
@ -273,11 +274,12 @@ async function loadCards() {
const pollResultsCache = {}; const pollResultsCache = {};
for (const card of response) { for (const card of response) {
const validCard = await validateCardStructure(card)
const cardDataResponse = await qortalRequest({ const cardDataResponse = await qortalRequest({
action: "FETCH_QDN_RESOURCE", action: "FETCH_QDN_RESOURCE",
name: card.name, name: validCard.name,
service: "BLOG_POST", service: "BLOG_POST",
identifier: card.identifier, identifier: validCard.identifier,
}); });
const cardData = cardDataResponse; const cardData = cardDataResponse;
@ -428,6 +430,7 @@ const toggleComments = async (cardIdentifier) => {
async function createCardHTML(cardData, pollResults, cardIdentifier) { async function createCardHTML(cardData, pollResults, cardIdentifier) {
const { header, content, links, creator, timestamp, poll } = cardData; const { header, content, links, creator, timestamp, poll } = cardData;
const formattedDate = new Date(timestamp).toLocaleString(); const formattedDate = new Date(timestamp).toLocaleString();
const avatarUrl = `/arbitrary/THUMBNAIL/${creator}/qortal_avatar`;
const linksHTML = links.map((link, index) => ` const linksHTML = links.map((link, index) => `
<button onclick="window.open('${link}', '_blank')"> <button onclick="window.open('${link}', '_blank')">
${`Link ${index + 1} - ${link}`} ${`Link ${index + 1} - ${link}`}
@ -442,6 +445,7 @@ async function createCardHTML(cardData, pollResults, cardIdentifier) {
return ` return `
<div class="minter-card"> <div class="minter-card">
<div class="minter-card-header"> <div class="minter-card-header">
<img src="${avatarUrl}" alt="User Avatar" class="user-avatar" style="width: 50px; height: 50px; border-radius: 50%;">
<h3>${creator}</h3> <h3>${creator}</h3>
<p>${header}</p> <p>${header}</p>
</div> </div>