PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Use ts instead of age

Browse source
This commit is contained in:
Jaiwanth 2021-05-21 10:44:38 +05:30
parent ebdb340a5c
commit 16c55ba92f
1 changed files with 16 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/utils/exportUtils.js
View file

@ -58,7 +58,7 @@ const getTimelineConversation = (room) => {
if (!timelineWindow.canPaginate('f')) { if (!timelineWindow.canPaginate('f')) {
events.push(...timelineSet.getPendingEvents()); events.push(...timelineSet.getPendingEvents());
} }
console.log(events);
return events; return events;
}; };
@ -307,19 +307,13 @@ const userColors = [
"#ff8c44", "#ff8c44",
]; ];
const createDiv = (content, id, ...classNames) => {
return `<div class = "${classNames.join(" ")}" id = "${id}" >
${content}
</div>`;
};
//Get a color associated with a string. This is to map userId to a specific color //Get a color associated with a string. This is to map userId to a specific color
const getUserColor = (userId) => { const getUserColor = (userId) => {
return userColors[userId.length % 4]; return userColors[userId.length % 4];
}; };
const createBody = (event, joined = false) => { const createMessageBody = (event, joined = false, isReply = false, replyId = null) => {
return ` return `
<div class="message default clearfix ${joined ? `joined` : ``}" id="message2680"> <div class="message default clearfix ${joined ? `joined` : ``}" id="message2680">
${!joined ? `<div class="pull_left userpic_wrap"> ${!joined ? `<div class="pull_left userpic_wrap">
@ -328,35 +322,35 @@ const createBody = (event, joined = false) => {
</div> </div>
</div>` : ``} </div>` : ``}
<div class="body"> <div class="body">
<div class="pull_right date details" title="${new Date(event._localTimestamp)}">${new Date(event._localTimestamp).toLocaleTimeString().slice(0, -3)}</div> <div class="pull_right date details" title="${new Date(event.getTs())}">${new Date(event.getTs()).toLocaleTimeString().slice(0, -3)}</div>
${!joined ? `<div class="from_name" style="color:${getUserColor(event.sender.name)}"> ${!joined ? `<div class="from_name" style="color:${getUserColor(event.sender.name)}">
${event.sender.name} ${event.sender.name}
</div>`: ``} </div>`: ``}
${isReply ?
`<div class="reply_to details">
In reply to <a href="#${replyId}">this message</a>
</div>`: ``}
<div class="text"> ${event.getContent().body} </div> <div class="text"> ${event.getContent().body} </div>
</div> </div>
</div> </div>
`; `;
}; };
const replyAnchor = (eventId) => { const replyId = (event) => {
return `<a href = "#${eventId}">this message</a>}`;
};
const _isReply = (event) => {
const relatesTo = event.getContent()["m.relates_to"]; const relatesTo = event.getContent()["m.relates_to"];
const isReply = !!(relatesTo && relatesTo["m.in_reply_to"]); const replyId = relatesTo ? relatesTo["m.in_reply_to"].event_id : null;
return isReply; return replyId;
}; };
const dateSeparator = (event, prevEvent) => { const dateSeparator = (event, prevEvent) => {
const prevDate = prevEvent ? new Date(prevEvent._localTimestamp) : null; const prevDate = prevEvent ? new Date(prevEvent.getTs()) : null;
const currDate = new Date(event._localTimestamp); const currDate = new Date(event.getTs());
if (!prevDate || currDate.setHours(0, 0, 0, 0) !== prevDate.setHours(0, 0, 0, 0)) { if (!prevDate || currDate.setHours(0, 0, 0, 0) !== prevDate.setHours(0, 0, 0, 0)) {
return ` return `
<div class="message service"> <div class="message service">
<div class="body details"> <div class="body details">
${new Date(event._localTimestamp) ${new Date(event.getTs())
.toLocaleString("en-us", {year: "numeric", month: "long", day: "numeric" })} .toLocaleString("en-us", {year: "numeric", month: "long", day: "numeric" })}
</div> </div>
</div> </div>
@ -370,11 +364,11 @@ const createHTML = (events, room) => {
let prevEvent = null; let prevEvent = null;
for (const event of events) { for (const event of events) {
content += dateSeparator(event, prevEvent); content += dateSeparator(event, prevEvent);
if (event.getContent().msgtype === "m.text") { if (event.getType() === "m.room.message") {
const shouldBeJoined = prevEvent && prevEvent.getContent().msgtype === "m.text" const shouldBeJoined = prevEvent && prevEvent.getContent().msgtype === "m.text"
&& event.sender.userId === prevEvent.sender.userId && !dateSeparator(event, prevEvent); && event.sender.userId === prevEvent.sender.userId && !dateSeparator(event, prevEvent);
const body = createBody(event, shouldBeJoined); const body = createMessageBody(event, shouldBeJoined, !!replyId(event), replyId(event));
content += body; content += body;
} else { } else {
@ -394,8 +388,8 @@ const createHTML = (events, room) => {
const exportConversationalHistory = async (room) => { const exportConversationalHistory = async (room) => {
const res = getTimelineConversation(room); const res = getTimelineConversation(room);
const html = createHTML(res, room);
const zip = new JSZip(); const zip = new JSZip();
const html = createHTML(res, room);
zip.file("css/style.css", css); zip.file("css/style.css", css);
zip.file("index.html", html); zip.file("index.html", html);
const filename = `matrix-export-${new Date().toISOString()}.zip`; const filename = `matrix-export-${new Date().toISOString()}.zip`;