From 902a5c13d3fb3034d5290d0fcc725a94c20e4ab3 Mon Sep 17 00:00:00 2001
From: Basil Kotov <basilkot@gmail.com>
Date: Thu, 5 Dec 2024 17:09:52 +0000
Subject: [PATCH] VCST-2401: use ui-scrol-drop-down on csv export blade (#109)

---
 ...toCommerce.CatalogCsvImportModule.Data.csproj |  6 ++++++
 .../Scripts/blades/export/catalog-CSV-export.js  | 12 +++---------
 .../blades/export/catalog-CSV-export.tpl.html    | 16 +++++++---------
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/VirtoCommerce.CatalogCsvImportModule.Data/VirtoCommerce.CatalogCsvImportModule.Data.csproj b/src/VirtoCommerce.CatalogCsvImportModule.Data/VirtoCommerce.CatalogCsvImportModule.Data.csproj
index 60a92ae..7339a69 100644
--- a/src/VirtoCommerce.CatalogCsvImportModule.Data/VirtoCommerce.CatalogCsvImportModule.Data.csproj
+++ b/src/VirtoCommerce.CatalogCsvImportModule.Data/VirtoCommerce.CatalogCsvImportModule.Data.csproj
@@ -24,4 +24,10 @@
   <ItemGroup>
     <ProjectReference Include="..\VirtoCommerce.CatalogCsvImportModule.Core\VirtoCommerce.CatalogCsvImportModule.Core.csproj" />
   </ItemGroup>
+
+  <!--Workaround for vulnerable transitive packages-->
+  <ItemGroup>
+    <PackageReference Include="Microsoft.Extensions.Caching.Memory" Version="8.0.1" />
+  </ItemGroup>
+
 </Project>
\ No newline at end of file
diff --git a/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.js b/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.js
index c3e9f07..880cb6f 100644
--- a/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.js
+++ b/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.js
@@ -62,15 +62,9 @@ angular.module('virtoCommerce.catalogCsvImportModule')
             $scope.formScope = form;
         };
 
-        pricelists.search({ take: 1000 }, function (result) {
-            $scope.pricelists = _.filter(result.results,
-                function (x) {
-                    return _.some(x.assignments,
-                        function (y) {
-                            return y.catalogId === blade.catalog.id
-                        })
-                });
-        });
+        $scope.blade.fetchPricelists = function (criteria) {
+            return pricelists.search(criteria);
+        }
 
         $scope.blade.headIcon = 'fa fa-file-archive-o';
 
diff --git a/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.tpl.html b/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.tpl.html
index c7c0190..5089fc5 100644
--- a/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.tpl.html
+++ b/src/VirtoCommerce.CatalogCsvImportModule.Web/Scripts/blades/export/catalog-CSV-export.tpl.html
@@ -1,4 +1,4 @@
-<div class="blade-static __bottom">
+<div class="blade-static __bottom">
 	<button class="btn" ng-click="startExport()" ng-disabled="blade.notification">
 		{{ 'catalogCsvImportModule.commands.start-export' | translate }}
 	</button>
@@ -22,14 +22,12 @@
 								</div>
 								<div class="form-group">
 									<label class="form-label">{{ 'catalogCsvImportModule.blades.catalog-CSV-export.labels.select-pricelist' | translate }}</label>
-									<div class="form-input">
-										<ui-select ng-model="blade.pricelistId">
-											<ui-select-match placeholder="{{ 'catalogCsvImportModule.blades.catalog-CSV-export.placeholders.select-pricelist' | translate }}">{{$select.selected.name}}</ui-select-match>
-											<ui-select-choices repeat="x.id as x in pricelists | filter: { name: $select.search }">
-												<span ng-bind-html="x.name | highlight: $select.search"></span>
-											</ui-select-choices>
-										</ui-select>
-									</div>
+                  <div class="form-input">
+                    <ui-scroll-drop-down ng-model="blade.pricelistId"
+                                         data="blade.fetchPricelists(criteria)"
+                                         placeholder="'catalogCsvImportModule.blades.catalog-CSV-export.placeholders.select-pricelist'">
+                    </ui-scroll-drop-down>
+                  </div>
 								</div>
 
 								<p ng-class="{'no-data': blade.notification.description}" ng-if="!blade.notification" class="text">{{ 'catalogCsvImportModule.blades.catalog-CSV-export.labels.note' | translate }}</p>