From 2a6cede6cf626359457e160e19cd1eadc96672c9 Mon Sep 17 00:00:00 2001
From: chris <typo3@mediadreams.org>
Date: Fri, 12 Jul 2019 21:40:00 +0200
Subject: [PATCH] [TASK] update list template in order to remove unread
 information for links to pages and to external urls

---
 Configuration/TypoScript/setup.typoscript     | 39 +++++++++++++++++++
 .../Private/Partials/Unreadnews/ListItem.html | 12 +++---
 .../Private/Templates/Unreadnews/List.html    | 21 ++++++++++
 3 files changed, 65 insertions(+), 7 deletions(-)

diff --git a/Configuration/TypoScript/setup.typoscript b/Configuration/TypoScript/setup.typoscript
index 8da8731..dabbb56 100644
--- a/Configuration/TypoScript/setup.typoscript
+++ b/Configuration/TypoScript/setup.typoscript
@@ -73,6 +73,45 @@ plugin.tx_mdunreadnews_unread {
     }
 }
 
+/**
+ * used for ajax call to remove unread information
+ *
+ */
+PAGE_REMOVE_UNREAD_NEWS = PAGE
+PAGE_REMOVE_UNREAD_NEWS {
+    typeNum = 120719
+
+    config {
+        disableAllHeaderCode = 1
+        additionalHeaders = Content-type:application/html
+        xhtml_cleaning = 0
+        debug = 0
+        admPanel = 0
+    }
+
+    10 = USER_INT
+    10 {
+        userFunc = TYPO3\CMS\Extbase\Core\Bootstrap->run
+        extensionName = MdUnreadnews
+        pluginName = Unread
+        vendorName = Mediadreams
+
+        switchableControllerActions {
+            Unreadnews {
+                1 = removeUnread
+            }
+        }
+
+        settings {
+            useStdWrap := addToList(newsUid)
+
+            newsUid = TEXT
+            newsUid.data = GP:newsUid
+        }
+    }
+}
+
+
 /**
  * This lib can be used to show unread information of a news record
  * Use following code in your fluid template
diff --git a/Resources/Private/Partials/Unreadnews/ListItem.html b/Resources/Private/Partials/Unreadnews/ListItem.html
index 75a1f04..6a141d9 100644
--- a/Resources/Private/Partials/Unreadnews/ListItem.html
+++ b/Resources/Private/Partials/Unreadnews/ListItem.html
@@ -2,33 +2,31 @@
     <f:switch expression="{unreadnewsItem.news.type}">
         <f:case value="1">
             <f:comment>*** internal link ***</f:comment>
-            <f:link.typolink parameter="{unreadnewsItem.news.internalurl}">
+            <f:link.typolink parameter="{unreadnewsItem.news.internalurl}" class="more-link remove-unread" additionalAttributes="{'data-uid':'{unreadnewsItem.news.uid}'}">
                 <f:render section="NewsItem" arguments="{_all}" />
             </f:link.typolink>
         </f:case>
         <f:case value="2">
             <f:comment>*** external link ***</f:comment>
-            <f:link.typolink parameter="{unreadnewsItem.news.externalurl}" target="_blank">
+            <f:link.typolink parameter="{unreadnewsItem.news.externalurl}" class="more-link remove-unread" target="_blank" additionalAttributes="{'data-uid':'{unreadnewsItem.news.uid}'}">
                 <f:render section="NewsItem" arguments="{_all}" />
             </f:link.typolink>
         </f:case>
         <f:defaultCase>
             <f:comment>*** normal news record ***</f:comment>
-            <f:link.page pageUid="{singlePid}" additionalParams="{tx_news_pi1: '{news:unreadnewsItem.news.uid, controller:\'News\', action:\'detail\'}'}">
-                <f:render section="DefaultNews" arguments="{_all}" />
-            </f:link.page>
+            <f:render section="DefaultNews" arguments="{_all}" />
         </f:defaultCase>
     </f:switch>
 
     <f:section name="DefaultNews">
         <f:if condition="{settings.singlePid}">
             <f:then>
-                <f:link.page pageUid="{settings.singlePid}" additionalParams="{tx_news_pi1: '{news:unreadnewsItem.news.uid, controller:\'News\', action:\'detail\'}'}">
+                <f:link.page pageUid="{settings.singlePid}" additionalParams="{tx_news_pi1: '{news:unreadnewsItem.news.uid, controller:\'News\', action:\'detail\'}'}" class="more-link">
                     <f:render section="NewsItem" arguments="{_all}" />
                 </f:link.page>
             </f:then>
             <f:else>
-                <f:link.page pageUid="{unreadnewsItem.news.firstCategory.singlePid}" additionalParams="{tx_news_pi1: '{news:unreadnewsItem.news.uid, controller:\'News\', action:\'detail\'}'}">
+                <f:link.page pageUid="{unreadnewsItem.news.firstCategory.singlePid}" additionalParams="{tx_news_pi1: '{news:unreadnewsItem.news.uid, controller:\'News\', action:\'detail\'}'}" class="more-link">
                     <f:render section="NewsItem" arguments="{_all}" />
                 </f:link.page>
             </f:else>
diff --git a/Resources/Private/Templates/Unreadnews/List.html b/Resources/Private/Templates/Unreadnews/List.html
index d2f8483..bb0a342 100644
--- a/Resources/Private/Templates/Unreadnews/List.html
+++ b/Resources/Private/Templates/Unreadnews/List.html
@@ -9,6 +9,27 @@
                         <f:render partial="Unreadnews/ListItem" arguments="{unreadnewsItem: unreadnewsItem, settings: settings}" />
                     </f:for>
                 </f:widget.paginate>
+
+                <script type="text/javascript">
+                    (function($){
+                        // Remove unread information for news record
+                        $('.remove-unread').click(function(e) {
+                            var href = this.href,
+                                hrefAjax = '/index.php?type=120719&newsUid='+$(this).data('uid'),
+                                target = $(this).attr('target');
+
+                            // if link is not opened in new window, call ajax and then follow link!
+                            if (target != '_blank') {
+                                e.preventDefault();
+                                $.get(hrefAjax, function( data ) {
+                                    window.location = href;
+                                });
+                            } else {
+                                $.get(hrefAjax);
+                            }
+                        });
+                    })(jQuery);
+                </script>
             </f:then>
             <f:else>
                 <div class="no-news-found">