2 files changed, 50 insertions(+), 15 deletions(-)

M static/js/advancedsearch.js
M templates/link_list.html

@@ 1,5 1,6 @@
 var url = document.querySelector('body').getAttribute('data-autocomplete');
 var tagSelectors = document.querySelectorAll(".tag-selector");
+var form = document.getElementById("advanced-search");
 
 function autocomplete() {
     tags = this.value.split(",")


@@ 55,3 56,35 @@ tagSelectors.forEach(function(tagSelector) {
     tagSelector.addEventListener('keyup', autocomplete);
 });
 
+form.addEventListener("submit", function(e) {
+    e.preventDefault();
+    var qValue = form.elements.q.value;
+    var tagValue = form.elements.tag.value;
+    var excludeValue = form.elements.exclude.value;
+
+    // Desactivar los elementos con valores vacíos
+    if (qValue === "") {
+        form.elements.q.disabled = true;
+    }
+    if (tagValue === "") {
+        form.elements.tag.disabled = true;
+    } else {
+        tagValue = tagValue.split(", ").join(",");
+        if (tagValue.endsWith(",")) {
+            tagValue = tagValue.slice(0, -1);
+        }
+        form.elements.tag.value = tagValue;
+    }
+    if (excludeValue === "") {
+        form.elements.exclude.disabled = true;
+    } else {
+        excludeValue = excludeValue.split(", ").join(",");
+        if (excludeValue.endsWith(",")) {
+            excludeValue = excludeValue.slice(0, -1);
+        }
+        form.elements.exclude.value = excludeValue;
+    }
+    this.submit();
+})
+
+

@@ 13,23 13,25 @@
               </button>
           </div>
           {{if .advancedSearch}}
-              <div>
-                  <p><a href="#">{{.pd.Data.advanced_search}}</a></p>
+              <details>
+                  <summary>{{.pd.Data.advanced_search}}</summary>
                   <div>
-                      <label>{{.pd.Data.include_tags}}</label>
-                      <input type="text" name="tag" value="{{.tagFilter}}" class="tag-selector" autocomplete="off"/>
-                      <div class="d-none autocomplete-tags">Include</div>
+                      <div>
+                          <label>{{.pd.Data.include_tags}}</label>
+                          <input type="text" name="tag" value="{{.tagFilter}}" class="tag-selector" autocomplete="off"/>
+                          <div class="d-none autocomplete-tags"></div>
+                      </div>
+                      <div>
+                          <label>{{.pd.Data.exclude_tags}}</label>
+                          <input type="text" name="exclude" value="{{.excludeTagFilter}}" class="tag-selector" autocomplete="off"/>
+                          <div class="d-none autocomplete-tags"></div>
+                      </div>
+                      <p class="mt-1 pull-right">
+                      <a href="#" class="button primary is-small">{{.pd.Data.clear}}</a>
+                      <button type="submit" class="button primary is-small">{{.pd.Data.apply}}</button>
+                      </p>
                   </div>
-                  <div>
-                      <label>{{.pd.Data.exclude_tags}}</label>
-                      <input type="text" name="exclude" value="{{.excludeTagFilter}}" class="tag-selector" autocomplete="off"/>
-                      <div class="d-none autocomplete-tags">Exclude</div>
-                  </div>
-                  <p class="mt-1 pull-right">
-                    <a href="#" class="button primary is-small">{{.pd.Data.clear}}</a>
-                    <button type="submit" class="button primary is-small">{{.pd.Data.apply}}</button>
-                  </p>
-              </div>
+              </details>
           {{end}}
       </form>
   </div>