ATLAS-2747: UI : Tag attributes of type array are displayed with an extra '>' character

dashboardv2/public/js/utils/Overrides.js

@@ -68,6 +68,12 @@ define(['require', 'utils/Utils', 'marionette', 'backgrid', 'asBreadcrumbs', 'jq
             } else {
                 return val;
             }
+        },
+        isTypePrimitive: function(type) {
+            if (type === "int" || type === "byte" || type === "short" || type === "long" || type === "float" || type === "double" || type === "string" || type === "boolean" || type === "date") {
+                return true;
+            }
+            return false;
         }
     });
     var getPopoverEl = function(e) {

dashboardv2/public/js/views/tag/AddTagModalView.js

@@ -341,8 +341,10 @@ define(['require',
                             '<select class="form-control attributeInputVal attrName" data-key="' + name + '">' + str + '</select></div>');
                     } else {
                         var textElement = that.getElement(name, typeName);
+                        if (_.isTypePrimitive(typeName)) {
                             that.ui.tagAttribute.append('<div class="form-group"><label>' + name + '</label>' + ' (' + typeName + ')' + textElement + '</div>');      
                         }
+                    }
                 });
                 that.$('input[data-type="date"]').each(function() {
                     if (!$(this).data('daterangepicker')) {

dashboardv2/public/js/views/tag/TagDetailTableLayoutView.js

@@ -150,10 +150,13 @@ define(['require',
                                         }), 'sortKey'), function(sortedObj) {
                                             var val = _.isNull(values[sortedObj.name]) ? "-" : values[sortedObj.name],
                                                 key = sortedObj.name;
+                                            if (_.isObject(val)) {
+                                                val = JSON.stringify(val); 
+                                            }
                                             if (sortedObj.typeName === "date") {
                                                 val = new Date(val)
                                             }
-                                            stringValue += "<tr><td class='html-cell string-cell renderable'>" + _.escape(key) + "</td><td class='html-cell string-cell renderable' data-type=" + sortedObj.typeName + ">" + _.escape(val) + "</td>";
+                                            stringValue += "<tr><td class='html-cell string-cell renderable'>" + _.escape(key) + "</td><td class='html-cell string-cell renderable' data-type='"+sortedObj.typeName+"'>" + _.escape(val) + "</td>";
                                         });
                                         tagValue = "<div class='mainAttrTable'><table class='attriTable'><tr><th class='html-cell string-cell renderable'>Name</th><th class='html-cell string-cell renderable'>Value</th>" + stringValue + "</table></div>";
                                     }