Dashboard um "Alle Foren als gelesen markieren"-Funktionalität erweitern

Geronimo · August 25, 2018 at 1:05 PM

Quote from Seewie

So ein Button könnte wie beschrieben helfen, dass man das Dashboard wirklich einmal sinnvoll einsetzen könnte. Aktuell fristet es meistens ja nur ein Schattendasein, auch hier sehe ich unter https://www.woltlab.com/index.php?users-online-list/ praktisch nie User im Dashboard.

Was einfach daran liegen wird, dass das Dashboard hier überhaupt nicht als Startseite genutzt wird, und vermutlich nur deshalb zugänglich ist, damit man sich das auch anschauen kann, sollte man darüber nachdenken, die Software selbst einzusetzen.

yzdev · September 14, 2018 at 5:58 PM

Quote from Seewie

Ich schlage deshalb vor, dass dieser Haken auch im Dashboard integriert wird und ein Klick analog zur Forenübersicht alle (fett markierten) ungelesenen Beiträge normal formatiert und die Box ungelesene Themen entfernt.

Mich nervt der Punkt auch schon seit 2013. Ich hatte mir das Thema auch mal angeguckt, konnte es aber nicht umsetzen. Heute fiel mir ein neuer Ansatz ein und der funktioniert offenbar einwandfrei – jedenfalls gab’s bisher keine Klagen.

Bei uns werden die ungelesenen Themen im Dashboard mit dem template boxThreadListTable angezeigt. Das habe ich um ein paar Zeilen Code ergänzt (6, 22-24):

Smarty

<section class="tabularBox messageGroupList wbbThreadList">
    <ol class="tabularList">
        <li class="tabularListRow tabularListRowHead">
            <ol class="tabularListColumns">
                <li class="columnSubject">{lang}wbb.thread.topic{/lang}</li>
                <li class="jsOnly"><a href="#" title="{lang}wbb.index.markAsRead{/lang}" class="markAllAsReadButton jsTooltip"><span class="icon icon16 fa-check"></span> <span class="invisible">{lang}wbb.index.markAsRead{/lang}</span></a></li>
                <li class="columnStats">{lang}wbb.thread.replies{/lang}</li>
                <li class="columnLastPost">{lang}wbb.thread.lastPostTime{/lang}</li>
                
                {event name='columnHeads'}
            </ol>
        </li>
        
        {if $boxSortField == 'lastPostTime'}{assign var='forceIsNew' value=true}{else}{assign var='forceIsNew' value=false}{/if}
        {include file='threadList' application='wbb' objects=$boxThreadList enableEditMode=false showBoardLink=true forceIsNew=$forceIsNew}
    </ol>
</section>

<script data-relocate="true">
    $(function() {
        new WBB.Thread.MarkAsRead();
        new WBB.Board.MarkAllAsRead(function(){
            window.location = '{$__wcf->getPath()}';
        });
    });
</script>

Display More

… um das folgende Ergebnis zu erhalten:

Der Button markiert wie gewünscht alle ungelesenen Themen / Foren als gelesen.

Seewie · September 17, 2018 at 9:17 PM

Dank Dir yzdev - das wäre ein Notlösung wenn Woltlab das in die neue Version nicht aufnimmt. Bis dahin hoffe, ich auf ein Label dass es umgesetzt wird

yzdev · July 12, 2022 at 3:18 PM

Anpassung an WS 5.5:

Smarty: boxThreadListTable.tpl

<section class="tabularBox messageGroupList wbbThreadList">
    <ol class="tabularList">
        <li class="tabularListRow tabularListRowHead">
            <ol class="tabularListColumns">
                {* alle als gelesen markieren Haken *}
                <li class="jsOnly columnMarkAllAsRead">
                    <a href="#" title="{lang}wcf.global.button.markAllAsRead{/lang}" class="markAllAsReadButton jsOnly"><span class="icon icon16 fa-check"></span> <span class="invisible">{lang}wcf.global.button.markAllAsRead{/lang}</span></a>
                </li>
                <li class="columnSubject">{lang}wbb.thread.topic{/lang}</li>
                <li class="columnStats">{lang}wbb.thread.replies{/lang}</li>
                <li class="columnLastPost">{lang}wbb.thread.lastPostTime{/lang}</li>
                
                {event name='columnHeads'}
            </ol>
        </li>
        
        {if $boxSortField == 'lastPostTime'}{assign var='forceIsNew' value=true}{else}{assign var='forceIsNew' value=false}{/if}
        {include file='threadList' application='wbb' objects=$boxThreadList enableEditMode=false showBoardLink=true forceIsNew=$forceIsNew}
    </ol>
</section>

<script data-relocate="true">
    require(['WoltLabSuite/Forum/Ui/Board/MarkAllAsRead'], ({ BoardMarkAllAsRead }) => {
        new WBB.Thread.MarkAsRead();
        
        new BoardMarkAllAsRead(document.querySelector(".markAllAsReadButton"));
    });
</script>

Display More

trosty · December 15, 2022 at 10:35 AM

Hallo,

das passt nicht ganz hier rein aber ich würde gerne in einer Box die Funktion einbauen (als Link oder Icon) alle Foren als gelesen zu markieren und diese Box dann über den Footer packen.

Ich hatte das mal zusammengestümpert:

Code

<hr><a href="https://nfl-talk.net">Startseite</a> - <a href="#" class="markAllAsReadButton" data-tooltip="Alle Foren als gelesen markieren" aria-label="Alle Foren als gelesen markieren">Alle Foren als gelesen markieren</a><hr>

Das tut aber nicht mehr (vermutlich nach einem Update). Hat mir da jemand einen Hinweis?

Mister X · December 15, 2022 at 11:01 AM

Versuch es mal damit

Code

<a title="Alle Foren als gelesen markieren" class="markAllAsReadButton jsTooltip">Alle Foren als gelesen markieren</a>

trosty · December 15, 2022 at 11:15 AM

Das geht leider auch nicht. Beim Klick passiert gar nichts.

mipu · December 15, 2022 at 11:25 AM

Quote from trosty

Beim Klick passiert gar nichts.

Kann ja auch nicht, es fehlt das Script.

Sowas.

JavaScript

<script data-relocate="true">
    require(['WoltLabSuite/Forum/Ui/Board/MarkAllAsRead'], ({ BoardMarkAllAsRead }) => {
        new WBB.Thread.MarkAsRead();
        
        new BoardMarkAllAsRead(document.querySelector(".markAllAsReadButton"));
    });
</script>

trosty · December 15, 2022 at 11:33 AM

Auch damit passiert beim Klick leider gar nichts

Mister X · December 15, 2022 at 11:45 AM

Code

<script data-relocate="true">
        //<![CDATA[
        $(function() {
            new WBB.Board.MarkAllAsRead();
        });
        //]]>
    </script>
<a title="Alle Foren als gelesen markieren" class="markAllAsReadButton jsTooltip">Alle Foren als gelesen markieren</a>

Entschuldige, dass sollte aber Funktionieren. Eben getestet.

trosty · December 15, 2022 at 11:46 AM

Yes! Vielen lieben Dank euch!

Dashboard um "Alle Foren als gelesen markieren"-Funktionalität erweitern

Marcel Werk March 1, 2020 at 7:41 PM

Marcel Werk March 2, 2020 at 6:04 PM

Participate now!

Tags

Marcel Werk March 1, 2020 at 7:41 PM

Marcel Werk March 2, 2020 at 6:04 PM

Participate now!

Tags

Marcel Werk March 1, 2020 at 7:41 PM

Marcel Werk March 2, 2020 at 6:04 PM