Add tpl to bracket invalid lookups

Author: labkey-martyp

LDK/resources/web/LDK/plugin/UserEditableCombo.js

@@ -84,6 +84,7 @@ Ext4.define('LDK.plugin.UserEditableCombo', {
                 var rec = this.store.createModel({});
                 rec.set(this.valueField, val);
                 rec.set(this.displayField, val);
+                rec.set("invalid", true);
 
                 this.store.add(rec);
             },
@@ -92,7 +93,30 @@ Ext4.define('LDK.plugin.UserEditableCombo', {
                 this.addValueIfNeeded(val);
 
                 this.callOverridden(arguments);
-            }
+            },
+            tpl: Ext4.create('Ext.XTemplate',
+                '<ul class="x4-list-plain">',
+                    '<tpl for=".">',
+                        '<li role="option" class="x4-boundlist-item">',
+                            '{[this.formatLookup(values)]}',
+                        '</li>',
+                    '</tpl>',
+                '</ul>',
+                {
+                    formatLookup: function(value) {
+                        const val = value[this.field.displayField] || value[this.field.valueField] || '';
+                        if (Ext4.isEmpty(val)) {
+                            return '';
+                        }
+
+                        if (value.invalid) {
+                            return '[' + LABKEY.Utils.encodeHtml(val) + ']';
+                        }
+
+                        return LABKEY.Utils.encodeHtml(val);
+                    }
+                }
+            )
         });
 
         combo.store.on('add', this.onStoreAdd, this);