free
/
searx
Seguir 1
Destacar 0
Cuchillo 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 11 Wiki Activity
Explorar el Código

[enh] add no-js support 

* image results have url, which can be clicked
* preferences full functionable without js
Thomas Pointhuber hace 10 años
padre
b4829891f9
commit
25312c53e1
Se han modificado 3 ficheros con 19 adiciones y 5 borrados
Dividir vista Mostrar estadísticas de diff
  1. 6
    0
      searx/templates/oscar/base.html
  2. 12
    4
      searx/templates/oscar/preferences.html
  3. 1
    1
      searx/templates/oscar/result_templates/images.html

+ 6
- 0
searx/templates/oscar/base.html Ver fichero 

@@ -31,6 +31,12 @@
31 31 
         searx.method = "{{ method or 'POST' }}";
32 32 
         searx.autocompleter = {% if autocomplete %}true{% else %}false{% endif %};
33 33 
     </script>
34 
+    <noscript>
35 
+        <style type="text/css">
36 
+            .tab-content > .active_if_nojs {display: block;}
37 
+            .hide_if_nojs {display: none !important;overflow:none !important;}
38 
+        </style>
39 
+    </noscript>
34 40 
 </head>
35 41 
 <body>
36 42 
     <div class="container">

+ 12
- 4
searx/templates/oscar/preferences.html Ver fichero 

@@ -7,12 +7,15 @@
7 7 
     <form method="post" action="{{ url_for('preferences') }}" id="search_form">
8 8
9 9 
     <!-- Nav tabs -->
10 
-    <ul class="nav nav-tabs" role="tablist" style="margin-bottom:20px;">
10 
+    <ul class="nav nav-tabs hide_if_nojs" role="tablist" style="margin-bottom:20px;">
11 11 
       <li class="active"><a href="#tab_general" role="tab" data-toggle="tab">{{ _('General') }}</a></li>
12 12 
       <li><a href="#tab_engine" role="tab" data-toggle="tab">{{ _('Engines') }}</a></li>
13 13 
     </ul>
14 14
15 15 
     <!-- Tab panes -->
16 
+    <noscript>
17 
+        <h3>{{ _('General') }}</h3>
18 
+    </noscript>
16 19 
     <div class="tab-content">
17 20 
         <div class="tab-pane active" id="tab_general">
18 21 
             <fieldset>
 
@@ -83,20 +86,25 @@
83 86 
             </div>
84 87 
             </fieldset>
85 88 
         </div>
86 
-        <div class="tab-pane" id="tab_engine">
89 
+        <div class="tab-pane active_if_nojs" id="tab_engine">
87 90
88 91 
             <!-- Nav tabs -->
89 
-            <ul class="nav nav-tabs" role="tablist" style="margin-bottom:20px;">
92 
+            <ul class="nav nav-tabs hide_if_nojs" role="tablist" style="margin-bottom:20px;">
90 93 
                 {% for (categ,search_engines) in categs %}
91 94 
                 <li{% if loop.first %} class="active"{% endif %}><a href="#tab_engine_{{ categ|replace(' ', '_') }}" role="tab" data-toggle="tab">{{ _(categ) }}</a></li>
92 95 
                 {% endfor %}
93 96 
             </ul>
94 97
98 
+            <noscript>
99 
+                <h3>{{ _('Engines') }}</h3>
100 
+            </noscript>
95 101
96 102 
             <!-- Tab panes -->
97 103 
             <div class="tab-content">
98 104 
                 {% for (categ,search_engines) in categs %}
99 
-                <div class="tab-pane{% if loop.first %} active{% endif %}" id="tab_engine_{{ categ|replace(' ', '_') }}">
105 
+                <noscript><label>{{ _(categ) }}</label>
106 
+                </noscript>
107 
+                <div class="tab-pane{% if loop.first %} active{% endif %} active_if_nojs" id="tab_engine_{{ categ|replace(' ', '_') }}">
100 108 
                     <div class="container-fluid">
101 109 
                     <fieldset>
102 110 
                     {% for search_engine in search_engines %}

+ 1
- 1
searx/templates/oscar/result_templates/images.html Ver fichero 

@@ -1,4 +1,4 @@
1 
-<a href="#" data-toggle="modal" data-target="#modal-{{ index }}">
1 
+<a href="{{ result.img_src }}" data-toggle="modal" data-target="#modal-{{ index }}">
2 2 
     <img src="{{ result.img_src }}" alt="{{ result.title|e }}" class="img-thumbnail">
3 3 
 </a>
4 4