Эх сурвалжийг харах

HUE-5590 [importer] Added truncatedText binding and put it on the data preview table

Enrico Berti 9 жил өмнө
parent
commit
5d9cbec

+ 11 - 0
desktop/core/src/desktop/static/desktop/js/ko.hue-bindings.js

@@ -4952,4 +4952,15 @@
     }
   };
 
+  ko.bindingHandlers.truncatedText = {
+    update: function (element, valueAccessor, allBindingsAccessor) {
+      var text = ko.utils.unwrapObservable(valueAccessor()),
+        length = ko.utils.unwrapObservable(allBindingsAccessor().maxLength) || 20,
+        truncated = text.length > length ? text.substring(0, length) + '...' : text;
+      ko.bindingHandlers.text.update(element, function () {
+        return truncated;
+      });
+    }
+  };
+
 })();

+ 1 - 1
desktop/libs/indexer/src/indexer/templates/importer.mako

@@ -309,7 +309,7 @@ ${ assist.assistPanel() }
             <tr data-bind="foreach: $data">
               ##<!-- ko if: $index() < $root.createWizard.source.columns().length -->
               ##<td data-bind="visible: $root.createWizard.source.columns()[$index()].keep, text: $data"></td>
-              <td data-bind="text: $data"></td>
+              <td data-bind="truncatedText: $data"></td>
 
               ##<!-- ko with: $root.createWizard.source.columns()[$index()] -->
               ##  <!-- ko template: 'output-generated-field-data-template' --> <!-- /ko -->