update: updating content of the component

search-box.js

@@ -27,70 +27,37 @@ export class KLDBSearchBox extends SIBTemplateElement {
     let sourceUrl = dataSrc;
 
     return `
-    <solid-widget name="cs-section_header">
-        <template>
-            <h2 class="title_form">\${label}</h2></template>
-    </solid-widget>
-    <!--Do we need generalize this widget ?-->
-    <solid-widget name="cs-display-checkbox">
-        <template>
-            <label for="instance_database_only">Search in Coopstarter database only</label>
-            <input type="checkbox" name="instance_database_only">
-        </template>
-    </solid-widget>
     <div id="kldb-search-box-component" class="container coopedia-kldb">
       <container class="block_list flex flex_espace">
         <div class="w_75 block-g-entre">
           <div>
             <h2 class="title_form">Search for a resource</h2>
-            <div id="resources-mentor-database-loader">
-                <hidden><i class="fas fa-spinner fa-spin"></i></hidden>
-            </div>
-            <solid-form 
-                data-src="${sourceUrl}/resources/"
-                class="search-by-keyword" 
-                loader-id="resources-mentor-database-loader"
-                fields="keyword(name_keyword)"
-                label-name_keyword="Search by name.."
-                widget-name_keyword="solid-form-placeholder-text" naked>
-            </solid-form>
-            <div class="keyword_submit button__actions">
-                <div class="button_base ico_gauche">Search</div>
-            </div>
-            <solid-form 
-              class="instance_database_only"
-              data-src="${sourceUrl}/resources/"
-              fields="instance_database_only"
-              widget-instance_database_only="cs-display-checkbox"
-              class-instance_database_only="ss-list checkbox"
-              naked>
-            </solid-form>
           </div>
-          <solid-form 
+          <solid-form-search
             class="more_criterias flex flex_espace"
+            id="public-filter-form"
             data-src="${sourceUrl}/resources/"
-            fields="header_criterias, format, publication_year, country, language, fields"
+            fields="resources_search, format, publication_year, country, languages, fields, type"
             label-header_criterias="More criterias"
             label-format="Format"
             label-publication_year="Date of publication"
             label-country="Country of publication"
-            label-language="Language"
+            label-languages="Language"
             label-fields="Field"
-            widget-header_criterias="cs-section_header"
+            label-resources_search="Search by name or description"
             range-language="${sourceUrl}/languages/"
             range-fields="${sourceUrl}/fields/"
             range-format="${sourceUrl}/formats/"
             range-country="${sourceUrl}/countrys/"
-            multiple-country="solid-form-dropdown"
-            widget-country="solid-form-auto-completion"
-            multiple-language="solid-form-dropdown"
-            widget-language="solid-form-auto-completion"
-            multiple-format="solid-form-dropdown"
-            widget-format="solid-form-auto-completion"
-            multiple-fields="solid-form-dropdown"
-            widget-fields="solid-form-auto-completion"
+            range-type="${sourceUrl}/countrys/"
+            widget-type="solid-form-dropdown-label"
+            widget-country="solid-form-dropdown-label"
+            widget-languages="solid-form-dropdown-label"
+            widget-format="solid-form-dropdown-label"
+            widget-fields="solid-form-dropdown-label" 
+            class-resources_search="w_100"
             naked>
-          </solid-form>
+          </solid-form-search>
         </div>
       </container>
     </div>