paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-08 07:52:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

pm_list: Persist DM section collapsed status across reloads.

Browse Source
This commit is contained in:
Aman Agrawal
2024-11-20 09:30:21 +05:30
committed by Tim Abbott
parent 875b7099e7
commit 7ee90ac458
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/pm_list.ts
View File

@@ -1,7 +1,9 @@
import $ from "jquery"; import $ from "jquery";
import _ from "lodash"; import _ from "lodash";
import {z} from "zod";
import type {Filter} from "./filter.ts"; import type {Filter} from "./filter.ts";
import {localstorage} from "./localstorage.ts";
import * as pm_list_data from "./pm_list_data.ts"; import * as pm_list_data from "./pm_list_data.ts";
import * as pm_list_dom from "./pm_list_dom.ts"; import * as pm_list_dom from "./pm_list_dom.ts";
import type {PMNode} from "./pm_list_dom.ts"; import type {PMNode} from "./pm_list_dom.ts";
@@ -16,6 +18,9 @@ let prior_dom: vdom.Tag<PMNode> | undefined;
// This module manages the direct messages section in the upper // This module manages the direct messages section in the upper
// left corner of the app. This was split out from stream_list.ts. // left corner of the app. This was split out from stream_list.ts.
const ls_key = "left_sidebar_direct_messages_collapsed_state";
const ls_schema = z.boolean().default(false);
const ls = localstorage();
let private_messages_collapsed = false; let private_messages_collapsed = false;
// The direct messages section can be zoomed in to view more messages. // The direct messages section can be zoomed in to view more messages.
@@ -36,6 +41,7 @@ export function set_count(count: number): void {
export function close(): void { export function close(): void {
private_messages_collapsed = true; private_messages_collapsed = true;
ls.set(ls_key, private_messages_collapsed);
$("#toggle-direct-messages-section-icon").removeClass("rotate-icon-down"); $("#toggle-direct-messages-section-icon").removeClass("rotate-icon-down");
$("#toggle-direct-messages-section-icon").addClass("rotate-icon-right"); $("#toggle-direct-messages-section-icon").addClass("rotate-icon-right");
@@ -108,6 +114,7 @@ export function update_private_messages(): void {
export function expand(): void { export function expand(): void {
private_messages_collapsed = false; private_messages_collapsed = false;
ls.set(ls_key, private_messages_collapsed);
$("#toggle-direct-messages-section-icon").addClass("rotate-icon-down"); $("#toggle-direct-messages-section-icon").addClass("rotate-icon-down");
$("#toggle-direct-messages-section-icon").removeClass("rotate-icon-right"); $("#toggle-direct-messages-section-icon").removeClass("rotate-icon-right");
@@ -229,6 +236,14 @@ export function clear_search(force_rerender = false): void {
} }
export function initialize(): void { export function initialize(): void {
// Restore collapsed status.
private_messages_collapsed = ls_schema.parse(ls.get(ls_key));
if (private_messages_collapsed) {
close();
} else {
expand();
}
const throttled_update_private_message = _.throttle(update_private_messages, 50); const throttled_update_private_message = _.throttle(update_private_messages, 50);
$(".direct-messages-container").on("click", "#show-more-direct-messages", (e) => { $(".direct-messages-container").on("click", "#show-more-direct-messages", (e) => {
e.stopPropagation(); e.stopPropagation();