From 84e5ded4e00634c4845d62c607eb042290bdc9c3 Mon Sep 17 00:00:00 2001
From: Sergiy Zhovnir <s.zhovnir@atwix.com>
Date: Tue, 1 Oct 2019 16:35:27 +0300
Subject: [PATCH] #issue-502 Fixed the issue with not loaded "More from this
 series" and "More from this model" sections when the preview was switched via
 next or prev buttons

---
 .../components/grid/column/image-preview.js   | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/AdobeUi/view/adminhtml/web/js/components/grid/column/image-preview.js b/AdobeUi/view/adminhtml/web/js/components/grid/column/image-preview.js
index 18250c7cbfbe..acd9a5c51afa 100644
--- a/AdobeUi/view/adminhtml/web/js/components/grid/column/image-preview.js
+++ b/AdobeUi/view/adminhtml/web/js/components/grid/column/image-preview.js
@@ -15,8 +15,8 @@ define([
             visibility: [],
             height: 0,
             lastOpenedImage: null,
-            imports: {
-                records: '${ $.provider }:data.items'
+            modules: {
+                masonry: '${ $.parentName }'
             }
         },
 
@@ -26,7 +26,7 @@ define([
          * @param record
          */
         next: function (record) {
-            var recordToShow = this.records[record._rowIndex + 1];
+            var recordToShow = this.getRecord(record._rowIndex + 1);
             recordToShow.rowNumber = record.lastInRow ? record.rowNumber + 1 : record.rowNumber;
             this.show(recordToShow);
         },
@@ -37,11 +37,22 @@ define([
          * @param record
          */
         prev: function (record) {
-            var recordToShow = this.records[record._rowIndex - 1];
+            var recordToShow = this.getRecord(record._rowIndex - 1);
             recordToShow.rowNumber = record.firstInRow ? record.rowNumber - 1 : record.rowNumber;
             this.show(recordToShow);
         },
 
+        /**
+         * Get record
+         *
+         * @param {Integer} recordIndex
+         *
+         * @return {Object}
+         */
+        getRecord: function (recordIndex) {
+            return this.masonry().rows()[recordIndex];
+        },
+
         /**
          * Set selected row id
          *