paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-17 20:41:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

timestamp: Move tooltip date, time rendering logic to tippyjs.js.

Browse Source 
Makes use of `onShow` for all calculations and rendering
of date, time for tooltip.
This commit is contained in:
Dinesh
2021-06-25 23:22:04 +05:30
committed by Tim Abbott
parent c10e56698c
commit 177dd05d0b
4 changed files with 33 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/tippyjs.js
View File

@@ -1,8 +1,10 @@
import $ from "jquery";
import tippy, {delegate} from "tippy.js";
import * as message_lists from "./message_lists";
import * as reactions from "./reactions";
import * as rows from "./rows";
import * as timerender from "./timerender";
// We override the defaults set by tippy library here,
// so make sure to check this too after checking tippyjs
@@ -151,6 +153,14 @@ export function initialize() {
allowHTML: true,
placement: "top",
appendTo: () => document.body,
onShow(instance) {
const time_elem = $(instance.reference);
const row = time_elem.closest(".message_row");
const message = message_lists.current.get(rows.id(row));
const time = new Date(message.timestamp * 1000);
const full_datetime = timerender.get_full_datetime(time);
instance.setContent(full_datetime.date + "<br/>" + full_datetime.time);
},
onHidden(instance) {
instance.destroy();
},