on master help sign in
oscar template: using tab to seperate engines in preferences
5568fbdThomas Pointhuber
searx/templates/oscar/preferences.html+31−18
@@ -87,27 +87,40 @@
87 </fieldset>
87 </fieldset>
88 </div>
88 </div>
89 <div class="tab-pane" id="tab_engine">
89 <div class="tab-pane" id="tab_engine">
90− <fieldset>
90+
91+ <!-- Nav tabs -->
92+ <ul class="nav nav-tabs" role="tablist" style="margin-bottom:20px;">
91− {% for (categ,search_engines) in categs %}
93+ {% for (categ,search_engines) in categs %}
92− <legend>{{ _(categ) }}</legend>
94+ <li{% if loop.first %} class="active"{% endif %}><a href="#tab_engine_{{ categ|replace(' ', '') }}" role="tab" data-toggle="tab">{{ _(categ) }}</a></li>
95+ {% endfor %}
96+ </ul>
97+
98+
99+ <!-- Tab panes -->
100+ <div class="tab-content">
101+ {% for (categ,search_engines) in categs %}
102+ <div class="tab-pane{% if loop.first %} active{% endif %}" id="tab_engine_{{ categ|replace(' ', '') }}">
93− <div class="container-fluid">
103+ <div class="container-fluid">
104+ <fieldset>
94− {% for search_engine in search_engines %}
105+ {% for search_engine in search_engines %}
95− {% if not search_engine.private %}
106+ {% if not search_engine.private %}
96− <div class="row">
107+ <div class="row">
97− <div class="col-sm-4 col-md-4">{{ search_engine.name }} ({{ shortcuts[search_engine.name] }})</div>
108+ <div class="col-xs-6 col-sm-4 col-md-4">{{ search_engine.name }} ({{ shortcuts[search_engine.name] }})</div>
98− <div class="col-sm-4 col-md-4">
109+ <div class="col-xs-6 col-sm-4 col-md-4">
99− <div class="checkbox">
110+ <div class="checkbox">
100− <input class="hidden" type="checkbox" id="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}" name="engine_{{ search_engine.name }}"{% if search_engine.name in blocked_engines %} checked="checked"{% endif %} />
111+ <input class="hidden" type="checkbox" id="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}" name="engine_{{ search_engine.name }}"{% if search_engine.name in blocked_engines %} checked="checked"{% endif %} />
101− <label class="btn btn-success label_hide_if_checked" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Block') }}</label>
112+ <label class="btn btn-success label_hide_if_checked" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Block') }}</label>
102− <label class="btn btn-danger label_hide_if_not_checked" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Allow') }}</label>
113+ <label class="btn btn-danger label_hide_if_not_checked" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Allow') }}</label>
114+ </div>
103 </div>
115 </div>
104 </div>
116 </div>
105− </div>
106− {% endif %}
117+ {% endif %}
107− {% endfor %}
118+ {% endfor %}
119+ </fieldset>
120+ </div>
108 </div>
121 </div>
109− {% endfor %}
122+ {% endfor %}
110− </fieldset>
123+ </div>
111 </div>
124 </div>
112 </div>
125 </div>
113
126