Valid content filter, language detect on min chars, fetch missingkids.org

app_urls/api/templates/filtered_urls.html

@@ -258,7 +258,7 @@ input[type="checkbox"] {
                         <span id="offText" class="off-text">OFF</span>
                     </span>
                 </div>
-                -->               
+                -->
 
                 <!-- Pages Per Page Dropdown -->
                 <h3>Pages Per Page</h3>
@@ -297,6 +297,17 @@ input[type="checkbox"] {
                     </label><br>
                 {% endfor %}
 
+                <!-- Filter by valid content -->
+                <h3>Valid content</h3>
+                <button type="button" class="toggle-all-btn" data-toggle="valid_content">Toggle All</button><br>
+                {% for vc in valid_contents %}
+                    <label>
+                        <input type="checkbox" name="valid_content" value="{{ vc }}" 
+                            {% if vc|stringformat:"s" in selected_valid_contents or 'all' in selected_valid_contents%}checked{% endif %}>
+                        {{ vc|truncatechars:50 }}
+                    </label><br>
+                {% endfor %}
+
                 <!-- Filter by Search -->
                 <h3>Search</h3>
                 <button type="button" class="toggle-all-btn" data-toggle="search">Toggle All</button><br>
@@ -329,7 +340,7 @@ input[type="checkbox"] {
                         {{ lang|truncatechars:50 }}
                     </label><br>
                 {% endfor %}
-                
+
             </form>
         </div>
 
@@ -526,10 +537,6 @@ input[type="checkbox"] {
             const checkboxes = document.querySelectorAll(`[name='${section}']`);
             const allChecked = Array.from(checkboxes).every(checkbox => checkbox.checked);
             checkboxes.forEach(cb => cb.checked = !allChecked);
-            /*
-            // Automatically submit the form when a checkbox is toggled
-            document.getElementById('filterForm').submit();
-            */
             updateFormParameter(section);
         }
 
@@ -545,9 +552,6 @@ input[type="checkbox"] {
         // Automatically submit the form when any checkbox changes
         document.querySelectorAll('input[type="checkbox"]').forEach(function(checkbox) {
             checkbox.addEventListener('change', function() {
-                /*
-                document.getElementById('filterForm').submit();
-                */
                 updateFormParameter(this.name);
             });
         });