[NextBrowser]Wacth Later delete and delete all support for you have watched.

Change-Id: I254a3011d6f320867922665fb9d76c10bcf878ec
Signed-off-by: shahnawaz.a <shahnawaz.a@samsung.com>

diff --git a/chrome/browser/resources/samsung/samsung_watchlater_app.html b/chrome/browser/resources/samsung/samsung_watchlater_app.html
index b6ad8e2073884dcc1303ed6be8465066e34e1c15..4f8040a52d812a2261d6c5c63353aae3c5cb1777 100644 (file)
--- a/chrome/browser/resources/samsung/samsung_watchlater_app.html
+++ b/chrome/browser/resources/samsung/samsung_watchlater_app.html
@@ -77,15 +77,15 @@
             <template is="dom-repeat" items="[[thumbnailOptions2]]">
               <div class="bookmarkGridItem">
                 <div class="bookmarkItemThumbnail {isApp} marquee_img">
-                    <a class="bookmarkThumbnailLink" href="[[item.url]]" aria-label="[[item.title]]" type="{bookmarkType}" target="_blank" on-click = "onClicked_">
+                    <a class="bookmarkThumbnailLink" href="[[item.url]]" aria-label="[[item.title]]" id="[[item.element_id]]" type="{bookmarkType}" target="_blank" on-click = "onClicked_">
                       <div class="bookmarkItemFavicon {bookmarkType}">
-                          <img style="background-image: [[item.favicon]]"></img>
+                        <img src = "[[item.favicon]]" alt = " " on-error = "onErroInImageLoad_">
                       </div>
                       <div class="marquee bookmarkItemName description" aria-label="[[item.title]] {descriptionSuffix} {bookmarkAccountType}">
                         [[item.title]]
                       </div>
                       <a>
-                        <div class="closeButton" aria-label="{removeDescAria} ' + lang.TV_SID_BUTTON  + '" >
+                        <div class="closeButton" id= "[[item.element_id]]" on-click = "onWatchedDeleteClicked_" aria-label="{removeDescAria} ' + lang.TV_SID_BUTTON  + '" >
                           <div class="tooltipArrow"></div>
                             <div class="tooltipWrapper">
                                 <div class="content description">

diff --git a/chrome/browser/resources/samsung/samsung_watchlater_app.ts b/chrome/browser/resources/samsung/samsung_watchlater_app.ts
index d5f7bfbe95b0e9b19ee2983295893fca695eb549..8f7131c2129333684ca0239e4ac17a1da03b5e8c 100644 (file)
--- a/chrome/browser/resources/samsung/samsung_watchlater_app.ts
+++ b/chrome/browser/resources/samsung/samsung_watchlater_app.ts
@@ -61,8 +61,49 @@ export class SamsungWatchLaterAppElement extends PolymerElement {
     }\r
   }\r
 \r
-  onClicked_(event:any){\r
+onClicked_(event:any){\r
     console.log(event);\r
+    if(this.thumbnailOptions2.length == 0){\r
+      let buttonWarpper = this.shadowRoot!.querySelector('#buttonRemoveWatchedAll');\r
+      if(buttonWarpper){\r
+        buttonWarpper?.classList?.remove('light');\r
+      }\r
+    }\r
+    const ItemClickedToWatch = event.currentTarget;\r
+    console.log(ItemClickedToWatch);\r
+    event.stopPropagation();\r
+    this.thumbnailOptions.forEach(element => {\r
+      console.log(element);\r
+      if(element.element_id == ItemClickedToWatch.id){\r
+          console.log('moveTOwactched');\r
+          let index = this.thumbnailOptions.indexOf(element);\r
+          this.thumbnailOptions2.push(element);\r
+          this.notifySplices('thumbnailOptions2',[{index:this.thumbnailOptions2.length-1,remove:[],addedCount:1}]);\r
+          console.log('this.thumbnailOptions2',this.thumbnailOptions2);\r
+          this.thumbnailOptions.splice(index,1);\r
+          this.notifySplices('thumbnailOptions',[{index:index,remove:[element],addedCount:0}]);\r
+      }\r
+    });\r
+  }\r
+\r
+  onRemoveWatchedAllClicked_(){\r
+    console.log('onRemoveWatchedAllClicked_');\r
+    this.thumbnailOptions2 = [];\r
+  }\r
+\r
+  onWatchedDeleteClicked_(event:any){\r
+    console.log('onWatchedDeleteClicked_');\r
+    const RemoveElement = event.target;\r
+    event.stopPropagation();\r
+    this.thumbnailOptions2.forEach(element => {\r
+        if(element.element_id == RemoveElement.id){\r
+            console.log('Removed');\r
+            let index = this.thumbnailOptions2.indexOf(element);\r
+            this.thumbnailOptions2.splice(index,1);\r
+            this.notifySplices('thumbnailOptions2',[{index:index,remove:[element],addedCount:0}]);\r
+        }\r
+    });\r
+\r
   }\r
 \r
   onErroInImageLoad_(event:any){\r