1 files changed, 22 insertions, 0 deletions
diff --git a/catalog-ui/src/app/filters/graph-resource-name-filter.ts b/catalog-ui/src/app/filters/graph-resource-name-filter.ts
new file mode 100644
index 0000000000..a4698612f6
--- /dev/null
+++ b/catalog-ui/src/app/filters/graph-resource-name-filter.ts
@@ -0,0 +1,22 @@
+export class GraphResourceNameFilter {
+
+    constructor() {
+        let filter = <GraphResourceNameFilter>( (name:string) => {
+            let context = document.createElement("canvas").getContext("2d");
+            context.font = "13px Arial";
+
+            if (67 < context.measureText(name).width) {
+                let newLen = name.length - 3;
+                let newName = name.substring(0, newLen);
+
+                while (59 < (context.measureText(newName).width)) {
+                    newName = newName.substring(0, (--newLen));
+                }
+                return newName + '...';
+            }
+
+            return name;
+        });
+        return filter;
+    }
+}