צ'אט במסך מלא כברירת מחדל עבור הגדרת שיתוף פעולה

תכונה
1

I’m working on a collaboration setup that positions Chat as the primary space for member communication, similar to other collaboration platforms. The goal is for members to land directly in their channels or latest threads, making chat the central hub when they visit the site.

So rather than landing on a view like this:

The image displays a screenshot of a Slack interface with various channels and topics, such as 'Welcome to Vela 203', 'MANUEL KOSTK', and 'DEV: Declare colors for all tag styles', with some discussion posts visible in the 'General' channel. (Captioned by AI)
The image displays a screenshot of a Slack interface with various channels and topics, such as 'Welcome to Vela 203', 'MANUEL KOSTK', and 'DEV: Declare colors for all tag styles', with some discussion posts visible in the 'General' channel. (Captioned by AI)1712×1236 213 KB

I’d land right on chat full-screen:

The image shows a chat interface from the application Vela, detailing a thread with messages about logo exploration, a final build notification, excitement over pushing content, and a request for a sanity check, shared on June 2023. (Captioned by AI)
The image shows a chat interface from the application Vela, detailing a thread with messages about logo exploration, a final build notification, excitement over pushing content, and a request for a sanity check, shared on June 2023. (Captioned by AI)1712×1236 133 KB

It seems there’s currently no way to have chat open in full-screen mode by default. Could this be added as an option?

It could be exposed as a site setting, a theme modifier, or a value transformer. A way to give theme authors or site admins the flexibility to integrate Chat as the default interaction view.

5 לייקים
2

אתה יכול לכתוב מאתחל כמו זה:

export default {
  name: "default-full-page-chat",

  initialize() {
    if (!window.localStorage.getItem("discourse_chat_preferred_mode")) {
      window.localStorage.setItem("discourse_chat_preferred_mode", '\"FULL_PAGE_CHAT\"');
    }
  },
};

זה אמור לעשות את מה שאתה רוצה, אני חושב.

8 לייקים
3

Indeed, works like a charm! Thank you :blush:

7 לייקים
4

I know it’s already solved, but instead of accessing localstorage directly like this, if you are able to access the plugin services from a theme, you can do:

export default {
  name: "default-full-page-chat",

  initialize(container) {
    const chat = container.lookup("service:chat");
    if (!chat.userCanChat) {
      return;
    }

    const chatStateManager = container.lookup("service:chat-state-manager");
    chatStateManager.prefersFullPage();
  },
};

Which calls this:

This would be more reliable long term, if it works (I haven’t tested this :sweat_smile: ).

5 לייקים
5

כן, השימוש בשירות הוא נחמד יותר, אבל אני לא חושב שיש לנו דרך לבדוק אם הוגדרה העדפה כלשהי דרך השירות כרגע. יש לנו?

ואם הבנתי נכון את הבקשה כאן, אנחנו לא רוצים לעקוף שום החלטה של המשתמש, אנחנו רק רוצים לקדם מסך מלא בטעינה הראשונה, אם אנחנו רק רוצים לכפות את זה כן הפתרון שלך יעבוד.

4 לייקים
6

We have these, but isDrawerPreferred is always true if no preference has been set:

I think it would be nice if we had a hasNoPreferredMode getter for this situation that just checks the store, here is a PR:

4 לייקים
7

Okay @manuel this PR is merged now, so you can use the plugin API I described in Full-screen chat as default for collaboration setup - #4 by martin and hasNoPreferredMode from the chat state manager.

2 לייקים
8

היי @nolo, רק הערה קצרה:

במצב צ’אט במסך מלא, בדרך כלל צריך לצאת ממסך מלא (או לשנות את ממשק המשתמש של הצ’אט בדרך אחרת) לפני שרואים אפשרות ברורה לחזור לרשימת הצ’אטים או לעבור לשיחה עם חבר אחר.

אולי כדאי לשקול אם יש דרך לשפר את חוויית הניווט הזו בתוך המסך המלא עצמו.

9

Thank you @martin, this works great!

Testing the UX in my current case, it actually feels more intuitive to have Chat full-screen all the time. I want Chat to be the primary mode of communication, and allowing it to be minimized users can end up on a screen they didn’t intentionally choose before, which can be confusing.

I’m thinking of just using CSS to hide the minimize option, unless there’s a more direct way to disable it?

image
image300×172 1.86 KB

@jahan_gagan I’m not quite sure what you were referring to, is this on sites that use a hamburger menu for navigation? In my setup, all navigation options are available via the sidebar.

One issue I’ve run into though: on tablets the keyboard automatically pops up when navigating to a chat channel and it causes a very jumpy layout. I haven’t looked into addressing that, just noting it as a complication.

3 לייקים
10

Yes hiding the collapse button would work, but I just checked and there is one more way users may switch back to drawer mode. If you press the - key when you are in the forum, we open the chat drawer:

And in this function we call chatStateManager.prefersDrawer(), which sets the local storage preference. We have had some more discussions lately internally about allowing a chat-only mode of Discourse, including an experiment in this direction, as well as ideas around drawer mode.

Not sure when the time will come for us to focus on this more, @mcwumbly may have some input here or @lindsey .

2 לייקים
11

תודה, זה ממש מועיל לדעת! אני עדיין לא בטוח מה אעשה כרגע, אבל כן, יהיה נהדר אם תהיה אפשרות עתידית ליישר את זה באופן מלא עם הגדרות Discourse נפוצות.

לייק 1