text
diff --git a/app/code/Magento/InventorySales/view/adminhtml/ui_component/inventory_stock_listing.xml b/app/code/Magento/InventorySales/view/adminhtml/ui_component/inventory_stock_listing.xml
index 6148354d741b..86925d3c3a75 100644
--- a/app/code/Magento/InventorySales/view/adminhtml/ui_component/inventory_stock_listing.xml
+++ b/app/code/Magento/InventorySales/view/adminhtml/ui_component/inventory_stock_listing.xml
@@ -7,10 +7,13 @@
-->
-
+
-
+
\ No newline at end of file
diff --git a/app/code/Magento/InventorySales/view/adminhtml/web/js/stock/grid/cell/sales-channels.js b/app/code/Magento/InventorySales/view/adminhtml/web/js/stock/grid/cell/sales-channels.js
new file mode 100644
index 000000000000..720aa538263e
--- /dev/null
+++ b/app/code/Magento/InventorySales/view/adminhtml/web/js/stock/grid/cell/sales-channels.js
@@ -0,0 +1,50 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+define([
+ 'Magento_Ui/js/grid/columns/column',
+ 'mage/template',
+ 'text!Magento_InventorySales/template/stock/grid/cell/sales-channel-content.html'
+], function (Column, mageTemplate, channelTemplate) {
+ 'use strict';
+
+ return Column.extend({
+ defaults: {
+ bodyTmpl: 'Magento_InventorySales/stock/grid/cell/sales-channel-cell.html'
+ },
+
+ /**
+ * render all sales channel records and return complete html
+ * each over all sales channels and render html for each channel
+ *
+ * @param {Object} records contains all results
+ * @returns {String} return rendered html content
+ */
+ renderRecords: function (records) {
+ var salesChannels = records['sales_channels'],
+ htmlContent = '',
+ channelType;
+
+ if (typeof salesChannels !== 'object') {
+ throw new Error(
+ 'Provided wrong salesChannel type ' + typeof salesChannels + ' the correct type would be object.'
+ );
+ }
+
+ for (channelType in salesChannels) {
+ htmlContent += mageTemplate(
+ channelTemplate,
+ {
+ data: {
+ channelType: channelType.charAt(0).toUpperCase() + channelType.slice(1),
+ values: salesChannels[channelType]
+ }
+ }
+ );
+ }
+
+ return htmlContent;
+ }
+ });
+});
diff --git a/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-cell.html b/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-cell.html
new file mode 100644
index 000000000000..31021e8443ce
--- /dev/null
+++ b/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-cell.html
@@ -0,0 +1,7 @@
+
+
diff --git a/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-content.html b/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-content.html
new file mode 100644
index 000000000000..01fb4867d8a8
--- /dev/null
+++ b/app/code/Magento/InventorySales/view/adminhtml/web/template/stock/grid/cell/sales-channel-content.html
@@ -0,0 +1,17 @@
+
+
+
+ <%- data.channelType %>:
+
+
+ <% _.each(data.values, function(value, key) { %>
+ <% var separator = ((data.values.length -1) != key) ? ', ' : ''; %>
+ <%- value.name %> (<%- value.code %>)<%- separator %>
+ <% }); %>
+
+