src/components/active-facet-category/ActiveFacetCategory.ts

@@ -5,7 +5,7 @@ import { Component, Vue, Prop, Emit } from "vue-facing-decorator";
     name: "ActiveFacetCategory",
 })
 export default class ActiveFacetCategory extends Vue {
-
+    
     @Prop({
         type: Array<string>,
     })
@@ -46,7 +46,7 @@ export default class ActiveFacetCategory extends Vue {
             case "subjects":
                 return "keyword";
             case "doctype":
-                return "data type";
+                return "Data Type";
             default:
                 return this.categoryName;
         }
@@ -59,7 +59,7 @@ export default class ActiveFacetCategory extends Vue {
      */
     filterItemsAlias(categoryAlias: string): string {
         console.log(categoryAlias);
-        if (categoryAlias === ("data type") || categoryAlias === ("language")) {
+        if (categoryAlias === ("Data Type") || categoryAlias === ("language")) {
             /**
              * Iterate over the filterItems array using the map method to create a new array (updatedItems).
              * For each item in the array, check if the item exists as a key in the replacements map.

src/components/active-facet-category/active-facet-category.vue

@@ -5,6 +5,7 @@
             <span>{{ categoryAlias + ": " }}</span>
             <!-- <a v-if="filterItems && filterItems.length > 0" class="gsaterm">{{ filterItems.join(" | ") }}</a> -->
             <a v-if="filterItems && filterItems.length > 0" class="gsaterm">{{ filterItemsAlias(categoryAlias) }}</a>
+
         </label>
     </div>
 </template>
@@ -43,7 +44,6 @@ input[type="checkbox"].css-checkbox {
 }
 
 input[type="checkbox"].css-checkbox + label.css-label {
-    text-transform: capitalize;
     padding-left: 25px;
     /* height: 24px;
     display: inline-block; */

src/components/face-category/FacetCategory.ts

@@ -56,7 +56,27 @@ export default class FacetCategory extends Vue {
      * NOTE: This could be corrected directly in the index
      */
     itemAlias(val: string): string {
+        // console.log("filterName:", this.filterName);
+        // return this.filterName == "datatype" ? "doctype" : this.filterName;
+
         return this.replacements.get(val) || val;
+
+        // switch (val) {
+        //     case "gis":
+        //         return "GIS";
+        //     case "analysisdata":
+        //         return "Analysis Data";
+        //     case "models":
+        //         return "Models";
+        //     case "monitoring":
+        //         return "Monitoring";
+        //     case "measurementdata":
+        //         return "Measurement Data";
+        //     case "mixedtype":
+        //         return "Mixed Type";
+        //     default:
+        //         return val;
+        // }
     }
 
     // get filterItems(): Array<FilterItem> {