mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

render multiline messages with br's

Browse source
This commit is contained in:
Bruno Windels 2020-10-19 10:00:32 +02:00
parent 4828e141c9
commit 90910dae15
1 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/ui/web/session/room/timeline/TextMessageView.js
View file

@ -15,12 +15,33 @@ limitations under the License.
*/ */
import {TemplateView} from "../../../general/TemplateView.js"; import {TemplateView} from "../../../general/TemplateView.js";
import {StaticView} from "../../../general/StaticView.js";
import {renderMessage} from "./common.js"; import {renderMessage} from "./common.js";
export class TextMessageView extends TemplateView { export class TextMessageView extends TemplateView {
render(t, vm) { render(t, vm) {
const bodyView = t.mapView(vm => vm.text, text => new BodyView(text));
return renderMessage(t, vm, return renderMessage(t, vm,
[t.p([vm => vm.text, t.time({className: {hidden: !vm.date}}, vm.date + " " + vm.time)])] [t.p([bodyView, t.time({className: {hidden: !vm.date}}, vm.date + " " + vm.time)])]
); );
} }
} }
class BodyView extends StaticView {
render(t, value) {
const lines = value.split("\n");
if (lines.length === 1) {
return lines[0];
}
const elements = [];
for (const line of lines) {
if (elements.length) {
elements.push(t.br());
}
if (line.length) {
elements.push(t.span(line));
}
}
return t.span(elements);
}
}