trying to fix display Issue with dropdown custom fields

client/components/cards/minicard.jade

@@ -37,7 +37,7 @@ template(name="minicard")
             .minicard-custom-field-item
               = definition.name
             .minicard-custom-field-item
-              = value
+              = trueValue
 
     if members
       .minicard-members.js-minicard-members

models/cards.js

@@ -230,12 +230,26 @@ Cards.helpers({
     // match right definition to each field
     if (!this.customFields) return [];
     return this.customFields.map((customField) => {
+      var definition = definitions.find((definition) => {
+        return definition._id === customField._id;
+      });
+      //search for "True Value" which is for DropDowns other then the Value (which is the id)
+      var trueValue = customField.value;
+      if (definition.settings.dropdownItems.length > 0)
+      {
+        for (var i = 0; i < definition.settings.dropdownItems.length;i++)
+        {
+          if (definition.settings.dropdownItems[i]._id == customField.value)
+          {
+            trueValue = definition.settings.dropdownItems[i].name;
+          }
+        }
+      }
       return {
         _id: customField._id,
         value: customField.value,
-        definition: definitions.find((definition) => {
-          return definition._id === customField._id;
-        }),
+        trueValue,
+        definition,
       };
     });