Vollbild-Chat als Standard für die Collaboration-Einrichtung

Merkmal
1

Ich arbeite an einem Kollaborations-Setup, das Chat als primären Bereich für die Mitgliederkommunikation positioniert, ähnlich wie bei anderen Kollaborationsplattformen. Ziel ist es, dass Mitglieder direkt in ihren Kanälen oder den neuesten Threads landen, sodass Chat die zentrale Anlaufstelle ist, wenn sie die Website besuchen.

Anstatt also auf einer Ansicht wie dieser zu landen:

Das Bild zeigt einen Screenshot einer Slack-Oberfläche mit verschiedenen Kanälen und Themen, wie z. B. „Welcome to Vela 203“, „MANUEL KOSTK“ und „DEV: Declare colors for all tag styles“, mit einigen sichtbaren Diskussionsbeiträgen im Kanal „General“. (Beschriftet von KI)
Das Bild zeigt einen Screenshot einer Slack-Oberfläche mit verschiedenen Kanälen und Themen, wie z. B. „Welcome to Vela 203“, „MANUEL KOSTK“ und „DEV: Declare colors for all tag styles“, mit einigen sichtbaren Diskussionsbeiträgen im Kanal „General“. (Beschriftet von KI)1712×1236 213 KB

würde ich direkt im Vollbildmodus im Chat landen:

Das Bild zeigt eine Chat-Oberfläche aus der Anwendung Vela, die einen Thread mit Nachrichten über Logo-Erkundung, eine Benachrichtigung über den endgültigen Build, Begeisterung über das Hochladen von Inhalten und eine Bitte um eine Überprüfung zeigt, geteilt im Juni 2023. (Beschriftet von KI)
Das Bild zeigt eine Chat-Oberfläche aus der Anwendung Vela, die einen Thread mit Nachrichten über Logo-Erkundung, eine Benachrichtigung über den endgültigen Build, Begeisterung über das Hochladen von Inhalten und eine Bitte um eine Überprüfung zeigt, geteilt im Juni 2023. (Beschriftet von KI)1712×1236 133 KB

Es scheint derzeit keine Möglichkeit zu geben, den Chat standardmäßig im Vollbildmodus zu öffnen. Könnte dies als Option hinzugefügt werden?

Es könnte als Website-Einstellung, Theme-Modifikator oder Werttransformator bereitgestellt werden. Eine Möglichkeit, Theme-Autoren oder Website-Administratoren die Flexibilität zu geben, Chat als Standard-Interaktionsansicht zu integrieren.

5 „Gefällt mir“
2

Sie können einen Initialisierer wie diesen schreiben:

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\"');
    }
  },
};

Das sollte das tun, was Sie wollen, denke ich.

8 „Gefällt mir“
3

In der Tat, es funktioniert einwandfrei! Danke :blush:

7 „Gefällt mir“
4

Ich weiß, dass es bereits gelöst ist, aber anstatt direkt auf Localstorage zuzugreifen, wie hier gezeigt, können Sie, wenn Sie von einem Theme aus auf die Plugin-Services zugreifen können, Folgendes tun:

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();
  },
};

Dies ruft Folgendes auf:

Dies wäre langfristig zuverlässiger, wenn es funktioniert (ich habe es nicht getestet :sweat_smile: ).

5 „Gefällt mir“
5

Ja, die Verwendung eines Dienstes ist schöner, aber ich glaube nicht, dass wir derzeit überprüfen können, ob eine Einstellung über den Dienst vorgenommen wurde. Oder?

Und wenn ich die Anfrage hier richtig verstanden habe, wollen wir keine Entscheidung des Benutzers überschreiben, wir wollen nur den Vollbildmodus beim ersten Laden fördern. Wenn wir ihn einfach erzwingen wollen, wird Ihre Lösung funktionieren.

4 „Gefällt mir“
6

Wir haben diese, aber isDrawerPreferred ist immer true, wenn keine Präferenz festgelegt wurde:

Ich denke, es wäre schön, wenn wir für diese Situation einen hasNoPreferredMode-Getter hätten, der nur den Store überprüft. Hier ist ein PR:

4 „Gefällt mir“
7

Okay @manuel, dieser PR ist jetzt zusammengeführt, sodass du die Plugin-API, die ich in Full-screen chat as default for collaboration setup - #4 by martin beschrieben habe, und hasNoPreferredMode aus dem Chat-Zustandsmanager verwenden kannst.

2 „Gefällt mir“
8

Hallo @nolo, nur eine kurze Anmerkung:

Im Vollbild-Chatmodus muss man normalerweise den Vollbildmodus verlassen (oder die Chat-UI anderweitig ändern), bevor man eine klare Option sieht, um zur Chatliste zurückzukehren oder zu einer Konversation mit einem anderen Mitglied zu wechseln.

Vielleicht sollte man überlegen, ob es eine Möglichkeit gibt, die Navigation innerhalb des Vollbildmodus selbst zu verbessern.

9

Vielen Dank @martin, das funktioniert super!

Beim Testen der UX in meinem aktuellen Fall fühlt es sich intuitiver an, Chat die ganze Zeit im Vollbildmodus zu haben. Ich möchte, dass Chat der primäre Kommunikationsmodus ist, und wenn er minimiert werden kann, landen Benutzer möglicherweise auf einem Bildschirm, den sie nicht absichtlich gewählt haben, was verwirrend sein kann.

Ich überlege, nur CSS zu verwenden, um die Minimierungsoption auszublenden, es sei denn, es gibt eine direktere Möglichkeit, sie zu deaktivieren?

image
image300×172 1.86 KB

@jahan_gagan Ich bin mir nicht ganz sicher, worauf Sie sich bezogen haben. Geht es um Websites, die ein Hamburger-Menü für die Navigation verwenden? In meiner Einrichtung sind alle Navigationsoptionen über die Seitenleiste verfügbar.

Ein Problem, auf das ich gestoßen bin: Auf Tablets wird die Tastatur automatisch angezeigt, wenn zu einem Chat-Kanal navigiert wird, und dies führt zu einem sehr ruckeligen Layout. Ich habe noch keine Lösung dafür gesucht, bemerke es nur als Komplikation.

3 „Gefällt mir“
10

Ja, das Ausblenden der Schaltfläche zum Ausklappen würde funktionieren, aber ich habe gerade überprüft und es gibt noch eine weitere Möglichkeit, wie Benutzer zum Drawer-Modus zurückkehren können. Wenn Sie die Taste - drücken, wenn Sie sich im Forum befinden, öffnen wir den Chat-Drawer:

Und in dieser Funktion rufen wir chatStateManager.prefersDrawer() auf, was die lokale Speichereinstellung festlegt. Wir hatten in letzter Zeit intern weitere Diskussionen darüber, einen reinen Chat-Modus von Discourse zu ermöglichen, einschließlich eines Experiments in diese Richtung sowie Ideen zum Drawer-Modus.

Ich bin mir nicht sicher, wann wir uns stärker darauf konzentrieren werden, @mcwumbly hat hier vielleicht einige Anmerkungen oder @lindsey.

2 „Gefällt mir“
11

Danke, das ist wirklich hilfreich zu wissen! Ich bin mir noch nicht sicher, was ich jetzt tun werde, aber ja, es wäre großartig, wenn es in Zukunft eine Option gäbe, dies vollständig an die gängigen Discourse-Einstellungen anzupassen.

1 „Gefällt mir“