Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

No need to handle redaction specially

Browse source
This commit is contained in:
RMidhunSuresh 2021-12-16 17:52:59 +05:30
parent 13cba84445
commit 2773642406
1 changed files with 14 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/platform/web/ui/session/room/timeline/ReplyPreviewView.js
View file

@ -19,52 +19,35 @@ import {tag} from "../../../general/html";
import {TemplateView} from "../../../general/TemplateView";
import {FileView} from "./FileView";
import {ImageView} from "./ImageView";
import {RedactedView} from "./RedactedView";
import {TextMessageView} from "./TextMessageView.js";
import {VideoView} from "./VideoView";
export class ReplyPreviewView extends TemplateView {
render(t, vm) {
const replyContainer = t.div({ className: "ReplyPreviewView" }, [
vm.isRedacted
? this._renderRedaction(vm)
: this._renderReplyPreview(t, vm),
]);
return replyContainer;
}
_renderRedaction(vm) {
const children = [tag.span({ className: "statusMessage" }, vm.description), tag.br()];
const reply = this._renderReplyHeader(vm, children);
return reply;
return t.div({ className: "ReplyPreviewView" }, this._renderReplyPreview(t, vm));
}
_renderReplyPreview(t, vm) {
let reply;
const view = this._viewFromViewModel(vm);
const rendered = this._renderContent(t, vm, view);
return this._renderReplyHeader(vm, [rendered]);
}
_renderContent(t, vm, view) {
switch (vm.shape) {
case "image":
case "video":
reply = this._renderMediaPreview(t, vm);
break;
return view.renderMedia(t, vm);
default:
reply = this._renderPreview(t, vm);
break;
return view.renderMessageBody(t, vm);
}
return reply;
}
_renderPreview(t, vm) {
const view = this._viewFromShape(vm);
const rendered = view.renderMessageBody(t, vm);
return this._renderReplyHeader(vm, [rendered]);
_viewFromViewModel(vm) {
if (vm.isRedacted) {
return new RedactedView(vm);
}
_renderMediaPreview(t, vm) {
const view = this._viewFromShape(vm);
const rendered = view.renderMedia(t, vm);
return this._renderReplyHeader(vm, [rendered]);
}
_viewFromShape(vm) {
const shape = vm.shape;
switch (shape) {
case "image":