Diese Theme-Komponente zielt darauf ab, sich automatisch zu öffnen und den Chat wie eine Seitenleiste anzuzeigen, solange Platz vorhanden ist, und die Höhe auszunutzen.
Unterstützung für die Größenänderung von Fenstern
Unterstützung für den Komponisten
Kann auf beiden Seiten entweder am Inhalt oder am Fenster befestigt werden
Der Benutzer kann die Position wählen (gespeichert im lokalen Speicher des Browsers)
Kann zum ursprünglichen Chat-Zustand zurückkehren, wenn er zuvor geöffnet war
Die ursprünglichen Benutzereinstellungen des Chats bleiben unberührt
Teilweise Theme-Unterstützung (die meisten beliebten)
Dies sollte bei den meisten Themes funktionieren.
Lassen Sie mich wissen, wenn Optionen fehlen oder etwas bei einem Theme nicht funktioniert!
Einstellungen
Name
Standard
Beschreibung
breakpoint
auto
Breakpoint in px, bei dem die Chat-Seitenleiste erscheint. Setzen Sie auf auto, um die Standardbreite der Seitenleiste und des Inhalts als natürlichen Breakpoint zu verwenden (empfohlen).
left: An der linken Seite des Inhalts befestigen right: An der rechten Seite des Inhalts befestigen outside-left: An der linken Seite des Fensters befestigen outside-right: An der rechten Seite des Fensters befestigen
theme_style
Wenn möglich, verwenden Sie den aktuellen Theme-Stil für diese chat sidebar position. Nur für die meisten beliebten Themes verfügbar. Dies ist keine zuverlässige Einstellung (der Theme-Name kann geändert werden). Deaktivieren, um den Standard-Theme-Stil zu verwenden.
Benutzern erlauben, ihre Chat-Seitenleisten-Einstellungen festzulegen. Hinweis: Dies wird im lokalen Speicher des Browsers des Benutzers gespeichert.
Verfügbare Werte: position: Benutzern erlauben, die Position der Chat-Seitenleiste festzulegen
Todo
Tests
Sanftere Übergänge
Mehr Benutzereinstellungen?
Dev Notes
Anfangs habe ich versucht, die ChatDrawer-Komponente in einen anderen Auslass einzufügen, damit sie leichter zu manipulieren und im Fluss zu halten ist. Leider kann die ursprüngliche Komponente nicht vollständig unterdrückt werden (ich denke an die Ereignisse). Zumindest konnte ich keine Möglichkeit finden, sie zu überschreiben.
Das lässt mir keine andere Wahl, als den harten JS-Weg zu gehen, auf Kosten von etwas mehr CPU-Auslastung, aber weniger aufdringlich (obwohl die manuelle Größenänderung nur manchmal stattfindet).
Wenn Sie interessiert sind, Alons Anwendungsfall hier. ↩︎
Stellen Sie sicher, dass Sie die Seite aktualisieren. ↩︎
Wichtig: Diese Einstellung verwendet die neueste API, um das Symbol in der Kopfzeile anzuzeigen, und erfordert die neueste Discourse-Version. ↩︎
Leider kann es Discourse Bars derzeit nicht unterstützen.
Die Komponente verwendet die ursprüngliche Chat-Schublade, und die Positionierung erfolgt manuell.
Solange wir die ursprüngliche <ChatDrawer />-Komponente nicht dort verwenden/verschieben können, wo wir wollen, wäre das schwierig, glaube ich. Ich stimme aber zu; das wäre großartig!
Zumindest kann es neben der Seitenleiste der Bar angezeigt werden
Meine Komponente verwendet das Element #main-outlet-wrapper als Referenz, sodass alles darin einwandfrei funktioniert.
Funktioniert dies nur, wenn die Seitenleiste eingeklappt ist? Mir ist aufgefallen, dass die Chat-Seitenleiste nicht angezeigt wird, wenn ich meine Seitenleiste nicht einklappe.
In der aktuellen Version wird der Hauptinhalt nicht verkleinert, wenn nicht genügend Platz für die Chat-Seitenleiste vorhanden ist. Das ist so gewollt.
Vielleicht gibt es Situationen, in denen dies nützlich sein kann. Es macht mir nichts aus, eine Option für den Benutzer hinzuzufügen, um dies zu ermöglichen.
Ich glaube, diese Komponente funktioniert seit \3.6.0.beta2-latest\\ nicht mehr? Egal, was ich auswähle, es ist immer auf der rechten Seite wie das Standarderlebnis… Funktioniert es bei jemandem?
Diese Komponente funktioniert jetzt wie erwartet! Ich habe die meiste Zeit auf dem Bildschirm meines MacBook-Benutzers getestet, und wenn die Komponente nicht genügend Platz hat, wird nichts angezeigt, was wahrscheinlich der Grund ist, warum ich verwirrt war. Das funktioniert jetzt perfekt.
Vielen Dank, dass Sie sich so sehr bemüht haben, mir zu helfen !
Ich habe offline mit @Arkshine gesprochen, und da ich ein paar Vorschläge hatte, haben wir beschlossen, dass dies ein besserer Ort ist, um sie zu hinterlassen!
Größenveränderbares Chatfenster (Breite und Höhe)
Erlauben Sie, dass es immer noch schwebend ist, auch wenn es den Text auf dem Bildschirm verdeckt.
Es wäre großartig, wenn die Breite auch automatisch wäre; auf diese Weise würde es immer einen Weg finden, sich anzupassen, auch wenn es klein aussieht, und in den Einstellungen (nicht standardmäßig) hätten wir etwas wie “min px” und eine Warnung, die besagt: “Wenn gesetzt, wird der Chat auf den Standard zurückgesetzt, wenn er nicht mindestens xxx beträgt.”
Hallo, da es jetzt möglich ist, unsere bevorzugten Chat- und DM-Kanäle mit einem Stern zu markieren, gibt es eine Möglichkeit, die Liste der „markierten“ Chat- und DM-Kanäle standardmäßig in dieser Chat-Seitenleiste anzuzeigen? Danke.
Update: Ich meine, wenn nichts markiert ist, nichts ändern, andernfalls die markierten Kanäle anzeigen?
Hallo, mir ist heute Morgen aufgefallen, dass markierte Kanäle nicht mehr in der allgemeinen Liste erscheinen, sondern nur noch im Abschnitt „Markiert“ in der Seitenleiste. Daher ist es wichtig, dass diese markierte Liste standardmäßig sichtbar ist.
Das ist eine sehr gute Idee
!