Support edits

This commit is contained in:
Cadence Ember 2020-10-21 01:53:37 +13:00
parent 3535d87b8a
commit bbb7ee50eb
Signed by untrusted user: cadence
GPG key ID: BC1C2C61CF521B17
2 changed files with 38 additions and 0 deletions

View file

@ -40,6 +40,7 @@ class Event extends ElemJS {
this.class("c-message") this.class("c-message")
this.data = null this.data = null
this.group = null this.group = null
this.editedAt = null
this.update(data) this.update(data)
} }
@ -55,6 +56,11 @@ class Event extends ElemJS {
this.group = group this.group = group
} }
setEdited(time) {
this.editedAt = time
this.render()
}
update(data) { update(data) {
this.data = data this.data = data
this.render() this.render()
@ -78,6 +84,9 @@ class Event extends ElemJS {
} else { } else {
this.child(ejs("i").text(`Unsupported event type ${this.data.type}`)) this.child(ejs("i").text(`Unsupported event type ${this.data.type}`))
} }
if (this.editedAt) {
this.child(ejs("span").class("c-message__edited").text("(edited)").attribute("title", "at " + dateFormatter.format(this.editedAt)))
}
} }
} }
@ -269,6 +278,21 @@ class Timeline extends Subscribable {
if (this.map.has(eventData.redacts)) this.map.get(eventData.redacts).removeEvent() if (this.map.has(eventData.redacts)) this.map.get(eventData.redacts).removeEvent()
continue continue
} }
// handle edits
if (eventData.type === "m.room.message" && eventData.content["m.relates_to"] && eventData.content["m.relates_to"].rel_type === "m.replace") {
const replaces = eventData.content["m.relates_to"].event_id
if (this.map.has(replaces)) {
console.log(eventData)
const event = this.map.get(replaces)
event.data.content = eventData.content["m.new_content"]
event.setEdited(eventData.origin_server_ts)
event.update(event.data)
continue
} else {
// uhhhhhhh
console.error(`want to replace event ${replaces} with ${eventData.id} but replaced event not found`)
}
}
// add new event // add new event
const event = new Event(eventData) const event = new Event(eventData)
this.map.set(id, event) this.map.set(id, event)

View file

@ -52,6 +52,20 @@
&--pending &--pending
opacity: 0.5 opacity: 0.5
&__edited
margin-left: 4px
padding: 1px 3px 1px 2px
font-size: 12px
font-style: italic
line-height: 1
color: c.$muted
cursor: default
border-radius: 4px
transition: background-color 0.15s ease-out
&:hover
background-color: c.$darker
.c-message-event .c-message-event
padding-top: 10px padding-top: 10px
padding-left: 6px padding-left: 6px