Add several minor adaptations (properties panel and MaterialList component) to the new API

client/src/search-mod/FilterPanel.view.js

@@ -77,9 +77,12 @@ class FilterPanel {
     let propertiesGroupBox = this.createPropsGroupBox('Properties')
     this.element.append(propertiesGroupBox);
 
+
+    /* The mass density field is disabled for now
     const massDensityField = new MassDensityField();
     this.fields.push(massDensityField)
     propertiesGroupBox.append(massDensityField.element); 
+    */
 
     const boolValueFields = new CheckboxesField('Results containing...', undefined, [
       {value: 'Band structure', text: 'Band structure', id: 'has_band_structure'},
@@ -228,6 +231,8 @@ class CheckboxesField{
 }
 
 
+/* Temporarily the select field is disabled 
+   so that the only option to look for is "by number" */
 class SpaceGroupField{
 
   constructor(){
@@ -235,7 +240,7 @@ class SpaceGroupField{
     this.element.className = 'filter-quantity-box';
     this.element.innerHTML = `
       <div class="field-title"> <span info-sys-data="space-group">Space group</span></div>
-      <select id="space-group-dropdown-list">
+      <select id="space-group-dropdown-list" disabled >
         <option value="by-number">by number</option>
         <option value="by-symbol">by short symbol</option>
       </select>

client/src/search-mod/MaterialList.view.js

@@ -278,15 +278,15 @@ class MatListContainer{
           `<tr class="mat-row" data-mat-id="${mat.material_id}">
             <td  > ${label} [${mat.formula}] </td>
             <td style="text-align:center" >
-              ${mat.space_group_number === null ? '' : mat.space_group_number}
+              ${mat.space_group_number ? mat.space_group_number : '' }
             </td>
             <td>
-              ${mat.space_group_international_short_symbol === null ? '' :
-                mat.space_group_international_short_symbol}
+              ${mat.space_group_international_short_symbol ? 
+                mat.space_group_international_short_symbol : '' }
             </td>
 
-            <td> ${mat.structure_type === null ? '' : mat.structure_type } </td>
-            <td style="text-align:center" > ${mat.nr_of_calculations} </td>
+            <td> ${mat.structure_type ? mat.structure_type : '' } </td>
+            <td style="text-align:center" > ${mat.n_calculations ? mat.n_calculations : ''} </td>
           </tr>`;
       });
     });