Added method filters.

client/conf.js

 window.nomadEnv = {
   //apiRoot: "https://nomad-lab.eu/dev/nomad/enc-search/api/encyclopedia/",
-  apiRoot: "https://nomad-lab.eu/dev/rae/enc-search/api/encyclopedia/", 
+  //apiRoot: "https://nomad-lab.eu/dev/rae/enc-search/api/encyclopedia/", 
   //apiRoot: "https://nomad-lab.eu/prod/rae/beta/api/encyclopedia/",
 
   
   //apiRoot: "https://nomad-lab.eu/prod/rae/api/encyclopedia/",
-  //apiRoot: "http://localhost:8000/fairdi/nomad/latest/api/encyclopedia/",
+  apiRoot: "http://localhost:8000/fairdi/nomad/latest/api/encyclopedia/",
   keycloakBase: 'https://nomad-lab.eu/fairdi/keycloak/auth/',
   keycloakRealm: 'fairdi_nomad_test',
   keycloakClientId: 'nomad_gui_dev'

client/css/styles.css

@@ -577,14 +577,14 @@ div.title span.unfolded::before{
 }
 
 
-/* Structure type autocomplete */
-
-.structure_type-autocomplete-multiselect-dropdown{
+/* Autocomplete multiselect */
+.AutocompleteMultiselectTextfield-dropdown {
   width: 210px; 
   background-color: white;
   box-shadow: 0 1px 2px #E56400;
 }
 
+
 /* To remove
 
 .autocomplete-em {

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

@@ -99,6 +99,19 @@ class FilterPanel {
     this.fields.push(boolValueFields)
     propertiesGroupBox.append(boolValueFields.element);  
 
+    // Method 
+    let methodGroupBox = this.createPropsGroupBox('Method')
+    this.element.append(methodGroupBox);
+    const basisSetField = new AutocompleteField('Basis set', 'basis_set');
+    this.fields.push(basisSetField)
+    methodGroupBox.append(basisSetField.element);
+    const functionalTypeField = new AutocompleteField('Functional type', 'functional_type');
+    this.fields.push(functionalTypeField)
+    methodGroupBox.append(functionalTypeField.element);
+    const codeField = new AutocompleteField('Code', 'code_name');
+    this.fields.push(codeField)
+    methodGroupBox.append(codeField.element);
+
     InfoSys.addToInfoSystem(this.element);
 
     // The value change event in fields is handled at container level (event delegation pattern)