Hide Title Syntax until loaded (#505)

Author: tanvirchahal

ckanext/querytool/fanstatic/javascript/dist/modules/map-module.js

@@ -273,6 +273,7 @@ ckan.module('querytool-map', function($) {
         var title_id = this.el.context.parentElement.children[0].id;
         if(title_id && dynamicTitle != true){
           document.getElementById(title_id).innerHTML =  dynamicTitle;
+          document.getElementById(title_id).style.display = "block";
         }
 
           var smallIcon = L.icon({

ckanext/querytool/fanstatic/javascript/dist/modules/viz-preview.js

@@ -1055,6 +1055,7 @@ $(document).ready(function(){
       optionalFilter: optionalFilter,
     });
     $(this).html(dynamicTitle);
+    $(this).css("display","block");
   })
  });
 

ckanext/querytool/fanstatic/javascript/vitals.js

@@ -204,10 +204,10 @@ <h1>{{ querytools[0].title }}</h1>
 
       <div class="item {{ sizeClass }} chart-{{chart_id}} {% if item.type == 'text_box' %}text-box{% endif %} {% if item.type == 'break_line' %}break_line{% endif %}  {% if item.filter_visibility == 'public'  %}has-filter{% endif %}" id="{{ secondViz }}">
         {% if (item.type != 'table') and (item.type !='map') %}
-          <h3 id="item-title-{{chart_id}}">{{ item.title }}</h3>
+          <h3 id="item-title-{{chart_id}}" style="display:none">{{ item.title }}</h3>
         {% endif %}
         {% if item.type == 'map' %}
-          <h3 id="item-title-{{chart_id}}">{{ item.map_custom_title_field }}</h3>
+          <h3 id="item-title-{{chart_id}}" style="display:none">{{ item.map_custom_title_field }}</h3>
         {% endif %}
 
 
@@ -286,7 +286,7 @@ <h3 id="item-title-{{chart_id}}">{{ item.map_custom_title_field }}</h3>
           %}
         {% endif %}
         {% if item.type == 'text_box' %}
-          <div class="item-content textbox" data-filters="{{ querytool.public_main_filters }}" data-measure="{{ measure_label }}"  id="textbox-{{chart_id}}">
+          <div class="item-content textbox" style="display:none;" data-filters="{{ querytool.public_main_filters }}" data-measure="{{ measure_label }}"  id="textbox-{{chart_id}}">
             {{ h.render_markdown(h.get_translated(item, 'description'), True, True) }}
           </div>
         {% endif %}
@@ -369,7 +369,7 @@ <h3 id="item-title-{{chart_id}}">{{ item.map_custom_title_field }}</h3>
           {% set additional_description = h.render_markdown(h.get_translated(item, 'additional_description'), True, True) %}
 
           {% if additional_description != "<p>None</p>" %}
-            <div class='additional_desc' id='item-desc-{{chart_id}}'>{{ additional_description }}</div>
+            <div class='additional_desc' id='item-desc-{{chart_id}}' style="display:none;">{{ additional_description }}</div>
           {% endif %}
           <p class="clearfix"></p>
         {% endif %}