Oasis 0.8.7 mobile (nodejs-project baseline)
This commit is contained in:
s1to
commit
e563b86ede
226 changed files with 141968 additions and 0 deletions
578
src/views/event_view.js
Normal file
578
src/views/event_view.js
Normal file
|
|
@ -0,0 +1,578 @@
|
|||
const { div, h2, p, section, button, form, a, span, textarea, br, input, label, select, option, table, tr, td } = require("../server/node_modules/hyperaxe");
|
||||
const { template, i18n, renderOpinionsVoting, userLink, renderStateChip, renderOpenClosedChip, renderPrivacyChip, renderLifespanChip, renderEcoTax, renderSpreadButton, renderContentActions } = require("./main_views");
|
||||
const moment = require("../server/node_modules/moment");
|
||||
const { config } = require("../server/SSB_server.js");
|
||||
const { renderUrl } = require("../backend/renderUrl");
|
||||
const { renderMapLocationUrl, renderMapEmbed, renderMapLocationVisitLabel } = require("./maps_view");
|
||||
|
||||
const userId = config.keys.id;
|
||||
|
||||
exports.renderEventInvitePage = (code) => {
|
||||
const pageContent = div({ class: "invite-page" },
|
||||
h2(i18n.tribeInviteCodeText, code),
|
||||
form({ method: "GET", action: "/events" },
|
||||
button({ type: "submit", class: "filter-btn" }, i18n.walletBack)
|
||||
)
|
||||
);
|
||||
return template(i18n.invitesEventsTitle || "Events", section(pageContent));
|
||||
};
|
||||
|
||||
const opt = (value, isSelected, text) =>
|
||||
option(Object.assign({ value }, isSelected ? { selected: "selected" } : {}), text);
|
||||
|
||||
const safeArray = (v) => (Array.isArray(v) ? v : []);
|
||||
|
||||
const normalizePrivacy = (v) => {
|
||||
const s = String(v || "public").toLowerCase();
|
||||
return s === "private" ? "private" : "public";
|
||||
};
|
||||
|
||||
const privacyLabel = (v) => (normalizePrivacy(v) === "private" ? i18n.eventPrivate : i18n.eventPublic);
|
||||
|
||||
const safeExternalHref = (url) => {
|
||||
const s = String(url || "").trim();
|
||||
const lower = s.toLowerCase();
|
||||
if (lower.startsWith("http://") || lower.startsWith("https://") || lower.startsWith("mailto:")) return s;
|
||||
return "";
|
||||
};
|
||||
|
||||
const normalizeEventStatus = (v) => {
|
||||
const up = String(v || "").toUpperCase();
|
||||
if (up === "OPEN" || up === "CLOSED") return up;
|
||||
return up || "OPEN";
|
||||
};
|
||||
|
||||
const eventStatusLabel = (v) => {
|
||||
const st = normalizeEventStatus(v);
|
||||
if (st === "OPEN") return i18n.eventStatusOpen;
|
||||
if (st === "CLOSED") return i18n.eventStatusClosed;
|
||||
return st;
|
||||
};
|
||||
|
||||
const attendanceLabel = (isAttending) => (isAttending ? i18n.eventAttended : i18n.eventUnattended);
|
||||
|
||||
const renderEventOwnerActions = (e, returnTo) => {
|
||||
const st = normalizeEventStatus(e.status);
|
||||
if (e.organizer !== userId || st !== "OPEN") return [];
|
||||
const actions = [
|
||||
form(
|
||||
{ method: "GET", action: `/events/edit/${encodeURIComponent(e.id)}` },
|
||||
input({ type: "hidden", name: "returnTo", value: returnTo }),
|
||||
button({ type: "submit", class: "update-btn" }, i18n.eventUpdateButton)
|
||||
),
|
||||
form(
|
||||
{ method: "POST", action: `/events/delete/${encodeURIComponent(e.id)}` },
|
||||
input({ type: "hidden", name: "returnTo", value: returnTo }),
|
||||
button({ type: "submit", class: "delete-btn" }, i18n.eventDeleteButton)
|
||||
)
|
||||
];
|
||||
if (normalizePrivacy(e.isPublic) === "private") {
|
||||
actions.push(form(
|
||||
{ method: "POST", action: `/events/generate-invite/${encodeURIComponent(e.id)}` },
|
||||
button({ type: "submit", class: "tribe-action-btn" }, i18n.tribeGenerateInvite)
|
||||
));
|
||||
if (e.openInviteCode) {
|
||||
actions.push(div({ class: "tribe-open-invite" },
|
||||
span({ class: "card-label" }, i18n.tribeInviteCodeText),
|
||||
span({ class: "tribe-open-invite-code" }, e.openInviteCode)
|
||||
));
|
||||
actions.push(form(
|
||||
{ method: "POST", action: `/events/open-invite/remove/${encodeURIComponent(e.id)}` },
|
||||
button({ type: "submit", class: "tribe-action-btn danger-btn" }, i18n.tribeRemoveInvitation)
|
||||
));
|
||||
} else {
|
||||
actions.push(form(
|
||||
{ method: "POST", action: `/events/open-invite/create/${encodeURIComponent(e.id)}` },
|
||||
button({ type: "submit", class: "tribe-action-btn" }, i18n.tribeOpenInvitation)
|
||||
));
|
||||
}
|
||||
}
|
||||
return actions;
|
||||
};
|
||||
|
||||
const renderEventAttendAction = (e, isAttending, returnTo) => {
|
||||
const st = normalizeEventStatus(e.status);
|
||||
if (st !== "OPEN") return null;
|
||||
if (e.organizer === userId) return null;
|
||||
if (normalizePrivacy(e.isPublic) === "private" && !isAttending) {
|
||||
return a({ class: "tribe-action-btn", href: "/invites#invites-events" }, i18n.tribeEnterInvite);
|
||||
}
|
||||
return form(
|
||||
{ method: "POST", action: `/events/attend/${encodeURIComponent(e.id)}` },
|
||||
input({ type: "hidden", name: "returnTo", value: returnTo }),
|
||||
button({ type: "submit", class: "filter-btn" }, attendanceLabel(isAttending))
|
||||
);
|
||||
};
|
||||
|
||||
const renderEventCommentsSection = (eventId, comments = [], currentFilter = "all") => {
|
||||
const commentsCount = Array.isArray(comments) ? comments.length : 0;
|
||||
const returnTo = `/events/${encodeURIComponent(eventId)}?filter=${encodeURIComponent(currentFilter || "all")}`;
|
||||
|
||||
return div(
|
||||
{ class: "vote-comments-section" },
|
||||
div(
|
||||
{ class: "comments-count" },
|
||||
span({ class: "card-label" }, i18n.voteCommentsLabel + ": "),
|
||||
span({ class: "card-value" }, String(commentsCount))
|
||||
),
|
||||
div(
|
||||
{ class: "comment-form-wrapper" },
|
||||
h2({ class: "comment-form-title" }, i18n.voteNewCommentLabel),
|
||||
form(
|
||||
{ method: "POST", action: `/events/${encodeURIComponent(eventId)}/comments`, class: "comment-form", enctype: "multipart/form-data" },
|
||||
input({ type: "hidden", name: "returnTo", value: returnTo }),
|
||||
textarea({
|
||||
id: "comment-text",
|
||||
name: "text",
|
||||
rows: 4,
|
||||
class: "comment-textarea",
|
||||
placeholder: i18n.voteNewCommentPlaceholder
|
||||
}),
|
||||
div({ class: "comment-file-upload" }, label(i18n.uploadMedia), input({ type: "file", name: "blob" })),
|
||||
br(),
|
||||
button({ type: "submit", class: "comment-submit-btn" }, i18n.voteNewCommentButton)
|
||||
)
|
||||
),
|
||||
(() => {
|
||||
const visibleComments = (comments || []).filter(c => {
|
||||
const t = c && c.value && c.value.content && c.value.content.text;
|
||||
return t && String(t).trim();
|
||||
});
|
||||
return visibleComments.length
|
||||
? div(
|
||||
{ class: "comments-list" },
|
||||
visibleComments.map((c) => {
|
||||
const author = c.value && c.value.author ? c.value.author : "";
|
||||
const ts = c.value && c.value.timestamp ? c.value.timestamp : c.timestamp;
|
||||
const absDate = ts ? moment(ts).format("YYYY/MM/DD HH:mm:ss") : "";
|
||||
const relDate = ts ? moment(ts).fromNow() : "";
|
||||
|
||||
const content = c.value && c.value.content ? c.value.content : {};
|
||||
const root = content.fork || content.root || "";
|
||||
const text = content.text || "";
|
||||
|
||||
return div(
|
||||
{ class: "votations-comment-card" },
|
||||
span(
|
||||
{ class: "created-at" },
|
||||
span(i18n.createdBy),
|
||||
author ? userLink(author) : span("(unknown)"),
|
||||
absDate ? span(" | ") : "",
|
||||
absDate ? span({ class: "votations-comment-date" }, absDate) : "",
|
||||
relDate ? span({ class: "votations-comment-date" }, " | ", i18n.sendTime) : "",
|
||||
relDate && root ? a({ href: `/thread/${encodeURIComponent(root)}#${encodeURIComponent(c.key)}` }, relDate) : ""
|
||||
),
|
||||
p({ class: "votations-comment-text" }, ...renderUrl(String(text)))
|
||||
);
|
||||
})
|
||||
)
|
||||
: p({ class: "votations-no-comments" }, i18n.voteNoCommentsYet);
|
||||
})()
|
||||
);
|
||||
};
|
||||
|
||||
const renderEventStatusChip = (status) => {
|
||||
const localized = eventStatusLabel(status);
|
||||
return renderOpenClosedChip(status, { statusChipOPEN: localized, statusChipCLOSED: localized });
|
||||
};
|
||||
|
||||
const renderEventItem = exports.renderEventItem = (e, filter, spreadInfo) => {
|
||||
const currentFilter = filter || "all";
|
||||
const attendees = safeArray(e.attendees);
|
||||
const isPrivate = normalizePrivacy(e.isPublic) === "private";
|
||||
const isAttending = attendees.includes(userId);
|
||||
const price = parseFloat(e.price || 0);
|
||||
|
||||
const chips = [
|
||||
renderEventStatusChip(e.status),
|
||||
renderPrivacyChip(isPrivate, i18n),
|
||||
e.encrypted ? renderStateChip("encrypted", "🔒", i18n.encryptedChipLabel || "E2E") : null,
|
||||
isAttending ? renderStateChip("whole", "★", i18n.eventAttended) : null,
|
||||
renderLifespanChip(e.lifetime, i18n)
|
||||
].filter(Boolean);
|
||||
|
||||
const dateText = e.date ? moment(e.date).format("YYYY/MM/DD HH:mm") : "";
|
||||
|
||||
const isOwn = e.organizer && String(e.organizer) === String(userId);
|
||||
return div({ class: "trending-card event-card" + (isOwn ? " own-content" : "") },
|
||||
div(
|
||||
{ class: "card-header activity-card-header" },
|
||||
span(),
|
||||
renderContentActions(e.id, `/events/${encodeURIComponent(e.id)}?filter=${encodeURIComponent(currentFilter)}`)
|
||||
),
|
||||
div({ class: "card-section event-card-body" },
|
||||
div({ class: "shop-title-row" },
|
||||
h2({ class: "tribe-card-title" },
|
||||
a({ href: `/events/${encodeURIComponent(e.id)}` }, e.title || i18n.eventsTitle)
|
||||
)
|
||||
),
|
||||
chips.length ? div({ class: "card-chips-row" }, ...chips) : null,
|
||||
dateText ? p({ class: "card-date-highlight" }, dateText) : null,
|
||||
e.location && String(e.location).trim()
|
||||
? p({ class: "job-meta-line" }, String(e.location))
|
||||
: null,
|
||||
price > 0
|
||||
? div({ class: "job-price-line card-salary" }, `${price.toFixed(6)} ECO`)
|
||||
: null,
|
||||
div({ class: "tribe-card-members" },
|
||||
span({ class: "tribe-members-count" }, `${i18n.eventAttendees}: ${attendees.length}`)
|
||||
),
|
||||
div({ class: "card-spread-centered" }, renderSpreadButton(e.id, spreadInfo))
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
exports.eventView = async (events, filter, eventId, returnTo, params = {}) => {
|
||||
const list = Array.isArray(events) ? events : [events];
|
||||
const currentFilter = filter || "all";
|
||||
const { renderReachChip: renderReachChipEvents } = require('./clearnet_view');
|
||||
const viewerClearnetEvents = !!(params.viewerPrefs && params.viewerPrefs.clearnetEvents);
|
||||
|
||||
const title =
|
||||
currentFilter === "mine" ? i18n.eventMineSectionTitle :
|
||||
currentFilter === "create" ? i18n.eventCreateSectionTitle :
|
||||
currentFilter === "edit" ? i18n.eventUpdateSectionTitle :
|
||||
i18n.eventAllSectionTitle;
|
||||
|
||||
const eventToEdit = list.find((e) => e.id === eventId) || {};
|
||||
const editTags = Array.isArray(eventToEdit.tags) ? eventToEdit.tags.filter(Boolean) : [];
|
||||
|
||||
const canSee = (e) => {
|
||||
const isPub = normalizePrivacy(e.isPublic) === "public";
|
||||
if (isPub) return true;
|
||||
if (e.organizer === userId) return true;
|
||||
return safeArray(e.attendees).includes(userId);
|
||||
};
|
||||
|
||||
const visible = list.filter(canSee);
|
||||
|
||||
let filtered;
|
||||
if (currentFilter === "all") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public");
|
||||
} else if (currentFilter === "mine") {
|
||||
filtered = visible.filter((e) => e.organizer === userId);
|
||||
} else if (currentFilter === "today") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public" && moment(e.date).isSame(moment(), "day"));
|
||||
} else if (currentFilter === "week") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public" && moment(e.date).isBetween(moment(), moment().add(7, "days"), null, "[]"));
|
||||
} else if (currentFilter === "month") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public" && moment(e.date).isBetween(moment(), moment().add(1, "month"), null, "[]"));
|
||||
} else if (currentFilter === "year") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public" && moment(e.date).isBetween(moment(), moment().add(1, "year"), null, "[]"));
|
||||
} else if (currentFilter === "archived") {
|
||||
filtered = visible.filter((e) => normalizePrivacy(e.isPublic) === "public" && normalizeEventStatus(e.status) === "CLOSED");
|
||||
} else {
|
||||
filtered = [];
|
||||
}
|
||||
|
||||
filtered = filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
|
||||
|
||||
const minCreate = moment().add(1, "minute").format("YYYY-MM-DDTHH:mm");
|
||||
|
||||
const ret = typeof returnTo === "string" && returnTo.startsWith("/events") ? returnTo : "/events?filter=mine";
|
||||
const editPrivacy = normalizePrivacy(eventToEdit.isPublic);
|
||||
|
||||
return template(
|
||||
title,
|
||||
section(
|
||||
div({ class: "tags-header" },
|
||||
h2(i18n.eventsTitle),
|
||||
p(i18n.eventsDescription)
|
||||
),
|
||||
div({ class: "shop-title-row" }, renderReachChipEvents(viewerClearnetEvents, i18n)),
|
||||
br(),
|
||||
div(
|
||||
{ class: "filters" },
|
||||
form(
|
||||
{ method: "GET", action: "/events" },
|
||||
button({ type: "submit", name: "filter", value: "all", class: currentFilter === "all" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterAll),
|
||||
button({ type: "submit", name: "filter", value: "mine", class: currentFilter === "mine" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterMine),
|
||||
button({ type: "submit", name: "filter", value: "today", class: currentFilter === "today" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterToday),
|
||||
button({ type: "submit", name: "filter", value: "week", class: currentFilter === "week" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterWeek),
|
||||
button({ type: "submit", name: "filter", value: "month", class: currentFilter === "month" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterMonth),
|
||||
button({ type: "submit", name: "filter", value: "year", class: currentFilter === "year" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterYear),
|
||||
button({ type: "submit", name: "filter", value: "archived", class: currentFilter === "archived" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterArchived),
|
||||
button({ type: "submit", name: "filter", value: "create", class: "create-button" }, i18n.eventCreateButton)
|
||||
)
|
||||
)
|
||||
),
|
||||
section(
|
||||
currentFilter === "edit" || currentFilter === "create"
|
||||
? div(
|
||||
{ class: "event-form" },
|
||||
form(
|
||||
{
|
||||
action: currentFilter === "edit" ? `/events/update/${encodeURIComponent(eventId)}` : "/events/create",
|
||||
method: "POST",
|
||||
enctype: "multipart/form-data"
|
||||
},
|
||||
input({ type: "hidden", name: "returnTo", value: ret }),
|
||||
label(i18n.eventTitleLabel),
|
||||
br(),
|
||||
input({
|
||||
type: "text",
|
||||
name: "title",
|
||||
id: "title",
|
||||
required: true,
|
||||
value: currentFilter === "edit" ? eventToEdit.title || "" : ""
|
||||
}),
|
||||
br(),
|
||||
label(i18n.eventDescriptionLabel),
|
||||
br(),
|
||||
textarea(
|
||||
{ name: "description", id: "description", placeholder: i18n.eventDescriptionPlaceholder, rows: "4" },
|
||||
currentFilter === "edit" ? eventToEdit.description || "" : ""
|
||||
),
|
||||
br(),
|
||||
label(i18n.uploadMedia),
|
||||
br(),
|
||||
input({ type: "file", name: "image", accept: "image/*" }),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventDateLabel),
|
||||
br(),
|
||||
input({
|
||||
type: "datetime-local",
|
||||
name: "date",
|
||||
id: "date",
|
||||
required: true,
|
||||
min: currentFilter === "create" ? minCreate : undefined,
|
||||
value: currentFilter === "edit" && eventToEdit.date ? moment(eventToEdit.date).format("YYYY-MM-DDTHH:mm") : ""
|
||||
}),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventPrivacyLabel),
|
||||
br(),
|
||||
select(
|
||||
{ name: "isPublic", id: "isPublic" },
|
||||
opt("public", editPrivacy !== "private", i18n.eventPublic),
|
||||
opt("private", editPrivacy === "private", i18n.eventPrivate)
|
||||
),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventLocationLabel),
|
||||
br(),
|
||||
input({
|
||||
type: "text",
|
||||
name: "location",
|
||||
id: "location",
|
||||
required: true,
|
||||
value: currentFilter === "edit" ? eventToEdit.location || "" : ""
|
||||
}),
|
||||
br(),
|
||||
label(i18n.mapLocationTitle || "Map Location"),
|
||||
br(),
|
||||
input({ type: "text", name: "mapUrl", placeholder: i18n.mapUrlPlaceholder || "/maps/MAP_ID", value: eventToEdit?.mapUrl || "" }),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventUrlLabel),
|
||||
br(),
|
||||
input({ type: "url", name: "url", id: "url", value: currentFilter === "edit" ? eventToEdit.url || "" : "" }),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventPriceLabel),
|
||||
br(),
|
||||
input({
|
||||
type: "number",
|
||||
name: "price",
|
||||
id: "price",
|
||||
min: "0.000000",
|
||||
step: "0.000001",
|
||||
value: currentFilter === "edit" ? parseFloat(eventToEdit.price || 0).toFixed(6) : (0).toFixed(6)
|
||||
}),
|
||||
br(),
|
||||
br(),
|
||||
label(i18n.eventTagsLabel),
|
||||
br(),
|
||||
input({ type: "text", name: "tags", id: "tags", value: currentFilter === "edit" ? editTags.join(", ") : "" }),
|
||||
br(),
|
||||
br(),
|
||||
...(currentFilter === "create" ? [
|
||||
input({ type: "hidden", name: "addToCalendar", value: "0" }),
|
||||
label(i18n.eventAddToCalendar || "Add to Calendar"),
|
||||
br(),
|
||||
input({ id: "addToCalendar", type: "checkbox", name: "addToCalendar", value: "1", class: "meme-checkbox" }),
|
||||
br(),
|
||||
br()
|
||||
] : []),
|
||||
button({ type: "submit" }, currentFilter === "edit" ? i18n.eventUpdateButton : i18n.eventCreateButton)
|
||||
)
|
||||
)
|
||||
: filtered.length > 0
|
||||
? div({ class: "jobs-grid" }, filtered.map((e) => renderEventItem(e, currentFilter, params.spreadMap && params.spreadMap.get(e.id))))
|
||||
: p(i18n.noevents)
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
exports.singleEventView = async (event, filter, comments = [], params = {}) => {
|
||||
const currentFilter = filter || "all";
|
||||
const commentCount = typeof event.commentCount === "number" ? event.commentCount : 0;
|
||||
const attendees = safeArray(event.attendees);
|
||||
const urlHref = safeExternalHref(event.url);
|
||||
|
||||
const isPrivateNoAccess = normalizePrivacy(event.isPublic) === "private" &&
|
||||
String(event.organizer) !== String(userId) &&
|
||||
!attendees.includes(userId);
|
||||
|
||||
const filterBar = div(
|
||||
{ class: "filters" },
|
||||
form(
|
||||
{ method: "GET", action: "/events" },
|
||||
button({ type: "submit", name: "filter", value: "all", class: currentFilter === "all" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterAll),
|
||||
button({ type: "submit", name: "filter", value: "mine", class: currentFilter === "mine" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterMine),
|
||||
button({ type: "submit", name: "filter", value: "today", class: currentFilter === "today" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterToday),
|
||||
button({ type: "submit", name: "filter", value: "week", class: currentFilter === "week" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterWeek),
|
||||
button({ type: "submit", name: "filter", value: "month", class: currentFilter === "month" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterMonth),
|
||||
button({ type: "submit", name: "filter", value: "year", class: currentFilter === "year" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterYear),
|
||||
button({ type: "submit", name: "filter", value: "archived", class: currentFilter === "archived" ? "filter-btn active" : "filter-btn" }, i18n.eventFilterArchived),
|
||||
button({ type: "submit", name: "filter", value: "create", class: "create-button" }, i18n.eventCreateButton)
|
||||
)
|
||||
);
|
||||
|
||||
if (isPrivateNoAccess) {
|
||||
return template(
|
||||
event.title,
|
||||
section(filterBar, p({ class: "access-denied-msg" }, i18n.contentAccessDenied))
|
||||
);
|
||||
}
|
||||
|
||||
const { renderReachChip, renderEncryptedChip } = require('./clearnet_view');
|
||||
const isClearnet = !!(params.authorPrefs && params.authorPrefs.clearnetEvents && normalizeEventStatus(event.status) !== 'CLOSED' && normalizePrivacy(event.isPublic) === 'public');
|
||||
const isPrivate = normalizePrivacy(event.isPublic) === 'private';
|
||||
const isEncrypted = !!event.encrypted || isPrivate;
|
||||
const isAttending = attendees.includes(userId);
|
||||
const isOrganizer = String(event.organizer) === String(userId);
|
||||
const returnToSelf = `/events/${encodeURIComponent(event.id)}?filter=${encodeURIComponent(currentFilter)}`;
|
||||
|
||||
const chips = [
|
||||
renderEventStatusChip(event.status),
|
||||
renderPrivacyChip(isPrivate, i18n),
|
||||
isEncrypted ? renderEncryptedChip(i18n) : renderReachChip(isClearnet, i18n),
|
||||
isAttending ? renderStateChip("whole", "★", i18n.eventAttended) : null,
|
||||
renderLifespanChip(event.lifetime, i18n),
|
||||
renderEcoTax(event.msgSize, event.id)
|
||||
].filter(Boolean);
|
||||
|
||||
const sideActions = [];
|
||||
if (event.organizer && event.organizer !== userId) {
|
||||
sideActions.push(form({ method: "GET", action: "/pm" },
|
||||
input({ type: "hidden", name: "recipients", value: event.organizer }),
|
||||
button({ type: "submit", class: "filter-btn" }, i18n.privateMessage)
|
||||
));
|
||||
}
|
||||
const attendNode = renderEventAttendAction(event, isAttending, returnToSelf);
|
||||
if (attendNode) sideActions.push(attendNode);
|
||||
if (params.linkedCalendarId) {
|
||||
sideActions.push(form({ method: "GET", action: `/calendars/${encodeURIComponent(params.linkedCalendarId)}` },
|
||||
button({ type: "submit", class: "filter-btn" }, i18n.eventVisitCalendar || "Visit calendar")
|
||||
));
|
||||
}
|
||||
if (isOrganizer) sideActions.push(...renderEventOwnerActions(event, returnToSelf));
|
||||
|
||||
const tagsNode = event.tags && event.tags.filter(Boolean).length
|
||||
? div({ class: "card-tags" },
|
||||
event.tags.filter(Boolean).map((tag) => a({ href: `/search?query=%23${encodeURIComponent(tag)}`, class: "tag-link" }, `#${tag}`))
|
||||
)
|
||||
: null;
|
||||
|
||||
const infoRows = [];
|
||||
const pushRow = (labelText, valueNode) =>
|
||||
infoRows.push(tr(
|
||||
td({ class: "tribe-info-label" }, labelText),
|
||||
td({ class: "tribe-info-value" }, valueNode)
|
||||
));
|
||||
if (event.date) pushRow(i18n.eventDateLabel, moment(event.date).format("YYYY/MM/DD HH:mm"));
|
||||
pushRow(i18n.eventStatus, eventStatusLabel(event.status));
|
||||
pushRow(i18n.eventPrivacyLabel, privacyLabel(event.isPublic));
|
||||
if (event.location && String(event.location).trim()) pushRow(i18n.eventLocationLabel, event.location);
|
||||
if (urlHref) pushRow(i18n.eventUrlLabel, a({ href: urlHref, target: "_blank", rel: "noopener noreferrer" }, urlHref));
|
||||
const price = parseFloat(event.price || 0);
|
||||
if (price > 0) pushRow(i18n.eventPriceLabel, `${price.toFixed(6)} ECO`);
|
||||
|
||||
const attendeesListNode = attendees.length
|
||||
? div({ class: "card-assigned-list" },
|
||||
...attendees.filter(Boolean).map((id) => userLink(id))
|
||||
)
|
||||
: null;
|
||||
|
||||
const eventSide = div({ class: "tribe-side" },
|
||||
div({ class: "shop-title-row" },
|
||||
h2({ class: "tribe-card-title" }, event.title)
|
||||
),
|
||||
chips.length ? div({ class: "card-chips-row" }, ...chips) : null,
|
||||
div({ class: "card-spread-centered" }, renderSpreadButton(event.id, params.spreads)),
|
||||
table({ class: "tribe-info-table jobs-info-table" }, ...infoRows),
|
||||
tagsNode,
|
||||
div({ class: "tribe-card-members" },
|
||||
span({ class: "tribe-members-count" }, `${i18n.eventAttendees}: ${attendees.length}`)
|
||||
),
|
||||
attendeesListNode,
|
||||
sideActions.length ? div({ class: "tribe-side-actions" }, ...sideActions) : null
|
||||
);
|
||||
|
||||
const returnToOpinions = `/events/${encodeURIComponent(event.id)}?filter=${encodeURIComponent(currentFilter)}`;
|
||||
const opinionsBar = renderOpinionsVoting('/events/opinions', event.id, event.opinions, returnToOpinions, event.opinions_inhabitants);
|
||||
|
||||
const eventMain = div({ class: "tribe-main" },
|
||||
event.description
|
||||
? div({ class: "job-section" },
|
||||
h2({ class: "job-section-title" }, i18n.eventDescriptionLabel),
|
||||
p({ class: "tribe-side-description" }, ...renderUrl(event.description))
|
||||
)
|
||||
: null,
|
||||
event.mapUrl ? div({ class: "job-section" }, renderMapEmbed(params.mapData, event.mapUrl)) : null,
|
||||
p({ class: "card-footer" },
|
||||
span({ class: "date-link" }, `${moment(event.createdAt).format("YYYY/MM/DD HH:mm")} ${i18n.performed} `),
|
||||
userLink(event.organizer)
|
||||
),
|
||||
opinionsBar,
|
||||
renderEventCommentsSection(event.id, comments, currentFilter)
|
||||
);
|
||||
|
||||
return template(
|
||||
event.title,
|
||||
section(
|
||||
filterBar,
|
||||
div({ class: "tribe-details" }, eventSide, eventMain)
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
exports.clearnetEventView = async (event) => {
|
||||
const { escapeHtml: esc, renderClearnetPage } = require('./clearnet_view');
|
||||
const title = esc(event.title || 'Event');
|
||||
const desc = esc(event.description || '');
|
||||
const dateStr = event.date ? esc(moment(event.date).format("YYYY-MM-DD HH:mm")) : '';
|
||||
const loc = esc(event.location || '');
|
||||
const price = parseFloat(event.price || 0);
|
||||
const priceStr = price > 0 ? `${price.toFixed(2)} ECO` : '';
|
||||
const urlHref = safeExternalHref(event.url);
|
||||
const extraCss = `
|
||||
.cn-event-title{color:var(--fg);margin:0 0 16px 0;font-size:32px;font-weight:700}
|
||||
.cn-event-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
|
||||
.cn-event-meta-item{background:var(--bg-sub);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-size:14px;color:var(--fg-soft);display:inline-flex;align-items:center;gap:6px}
|
||||
.cn-event-meta-id{font-family:monospace;font-size:11px;word-break:break-all;max-width:100%}
|
||||
.cn-event-desc{color:var(--fg-soft);white-space:pre-wrap;line-height:1.6;font-size:15px;margin:0 0 20px 0}
|
||||
.cn-event-link{display:inline-block;margin-top:12px;background:var(--bg-sub);border:1px solid var(--fg);color:var(--fg);padding:8px 16px;border-radius:6px;font-weight:600}
|
||||
`;
|
||||
const body = `
|
||||
<h1 class="cn-event-title">${title}</h1>
|
||||
<div class="cn-event-meta">
|
||||
${dateStr ? `<span class="cn-event-meta-item">📅 ${dateStr}</span>` : ''}
|
||||
${loc ? `<span class="cn-event-meta-item">📍 ${loc}</span>` : ''}
|
||||
${priceStr ? `<span class="cn-event-meta-item">💰 ${priceStr}</span>` : ''}
|
||||
</div>
|
||||
${desc ? `<p class="cn-event-desc">${desc}</p>` : ''}
|
||||
${urlHref ? `<a class="cn-event-link" href="${esc(urlHref)}" target="_blank" rel="noopener noreferrer">More info →</a>` : ''}
|
||||
`;
|
||||
return renderClearnetPage({
|
||||
title: `${event.title || 'Event'} — Oasis`,
|
||||
ogTitle: event.title || 'Event',
|
||||
ogDescription: event.description || '',
|
||||
extraCss,
|
||||
body,
|
||||
hubFeedId: event.organizer || null
|
||||
});
|
||||
};
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue