204 lines
9.3 KiB
Twig
204 lines
9.3 KiB
Twig
<ul class="nav nav-pills m-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="{{ url('/table/search', {'db': db, 'table': table, 'pos': 0}) }}">
|
|
{{ get_icon('b_search', 'Table search'|trans, false, false, 'TabsMode') }}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('/table/zoom-search', {'db': db, 'table': table}) }}">
|
|
{{ get_icon('b_select', 'Zoom search'|trans, false, false, 'TabsMode') }}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url('/table/find-replace', {'db': db, 'table': table}) }}">
|
|
{{ get_icon('b_find_replace', 'Find and replace'|trans, false, false, 'TabsMode') }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<form method="post" action="{{ url('/table/search') }}" name="insertForm" id="tbl_search_form" class="ajax lock-page">
|
|
{{ get_hidden_inputs(db, table) }}
|
|
<input type="hidden" name="goto" value="{{ goto }}">
|
|
<input type="hidden" name="back" value="{{ url('/table/search') }}">
|
|
|
|
<div class="card">
|
|
<div class="card-header">{% trans 'Do a "query by example" (wildcard: "%")' %}</div>
|
|
|
|
<div class="card-body">
|
|
<div id="fieldset_table_qbe">
|
|
<div class="table-responsive-md jsresponsive">
|
|
<table class="table table-striped table-hover table-sm w-auto">
|
|
<thead>
|
|
<tr>
|
|
{% if geom_column_flag %}
|
|
<th>{% trans 'Function' %}</th>
|
|
{% endif %}
|
|
<th>{% trans 'Column' %}</th>
|
|
<th>{% trans 'Type' %}</th>
|
|
<th>{% trans 'Collation' %}</th>
|
|
<th>{% trans 'Operator' %}</th>
|
|
<th>{% trans 'Value' %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for column_index in 0..column_names|length - 1 %}
|
|
<tr class="noclick">
|
|
{# If 'Function' column is present trying to change comment #}
|
|
{% if geom_column_flag %}
|
|
{# Displays 'Function' column if it is present #}
|
|
<td>
|
|
{% set geom_types = get_gis_datatypes() %}
|
|
{% if column_types[column_index] in geom_types %}
|
|
<select class="geom_func" name="geom_func[{{ column_index }}]">
|
|
{# get the relevant list of GIS functions #}
|
|
{% set funcs = get_gis_functions(column_types[column_index], true, true) %}
|
|
{% for func_name, func in funcs %}
|
|
{% set name = func['display'] is defined ? func['display'] : func_name %}
|
|
<option value="{{ name }}">
|
|
{{ name }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
{# Displays column's name, type, collation and value #}
|
|
<th>
|
|
{#- Keep this without extra spaces because it is used for a request to build the BETWEEN modal -#}
|
|
{{- column_names[column_index] -}}
|
|
</th>
|
|
{% set properties = self.getColumnProperties(column_index, column_index) %}
|
|
<td dir="ltr">
|
|
{{ properties['type'] }}
|
|
</td>
|
|
<td>
|
|
{{ properties['collation'] }}
|
|
</td>
|
|
<td>
|
|
{{ properties['func']|raw }}
|
|
</td>
|
|
{# here, the data-type attribute is needed for a date/time picker #}
|
|
<td data-type="{{ properties['type'] }}">
|
|
{{ properties['value']|raw }}
|
|
{# Displays hidden fields #}
|
|
<input type="hidden" name="criteriaColumnNames[{{ column_index }}]" value="{{ column_names[column_index] }}">
|
|
<input type="hidden" name="criteriaColumnTypes[{{ column_index }}]" value="{{ column_types[column_index] }}">
|
|
<input type="hidden" name="criteriaColumnCollations[{{ column_index }}]" value="{{ column_collations[column_index] }}">
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="gis_editor"></div>
|
|
<div id="popup_background"></div>
|
|
</div>
|
|
|
|
{% if default_sliders_state != 'disabled' %}
|
|
<div>
|
|
<button class="btn btn-sm btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#searchExtraOptions" aria-expanded="{{ default_sliders_state == 'open' ? 'true' : 'false' }}" aria-controls="searchExtraOptions">
|
|
{% trans 'Extra options' %}
|
|
</button>
|
|
</div>
|
|
<div class="collapse mt-3{{ default_sliders_state == 'open' ? ' show' }}" id="searchExtraOptions">
|
|
{% endif %}
|
|
|
|
{# Displays columns select list for selecting distinct columns in the search #}
|
|
<fieldset>
|
|
<div class="mb-3">
|
|
<label class="form-label" for="columnsToDisplaySelect">{% trans 'Select columns (at least one):' %}</label>
|
|
<select class="form-select resize-vertical" id="columnsToDisplaySelect" name="columnsToDisplay[]" size="{{ min(column_names|length, 10) }}" multiple>
|
|
{% for each_field in column_names %}
|
|
<option value="{{ each_field }}" selected>
|
|
{{ each_field }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="form-check mb-3">
|
|
<input class="form-check-input" type="checkbox" name="distinct" value="DISTINCT" id="oDistinct">
|
|
<label class="form-check-label" for="oDistinct" dir="ltr" lang="en">DISTINCT</label>
|
|
</div>
|
|
</fieldset>
|
|
|
|
{# Displays input box for custom 'Where' clause to be used in the search #}
|
|
<div class="mb-3">
|
|
<label class="form-label" for="customWhereClauseInput">
|
|
<em>{% trans 'Or' %}</em>
|
|
{% trans 'Add search conditions (body of the "where" clause):' %}
|
|
{{ show_mysql_docu('Functions') }}
|
|
</label>
|
|
<input class="form-control" id="customWhereClauseInput" type="text" name="customWhereClause" size="64">
|
|
</div>
|
|
|
|
{# Displays option of changing default number of rows displayed per page #}
|
|
<div class="mb-3">
|
|
<label class="form-label" for="maxRowsInput">{% trans 'Number of rows per page' %}</label>
|
|
<input class="form-control" id="maxRowsInput" type="number" name="session_max_rows" min="1" value="{{ max_rows }}" required>
|
|
</div>
|
|
|
|
{# Displays option for ordering search results by a column value (Asc or Desc) #}
|
|
<fieldset>
|
|
<legend class="visually-hidden">{% trans 'Display order:' %}</legend>
|
|
<div class="mb-3">
|
|
<label class="form-label" for="orderByColumnSelect">{% trans 'Order by:' %}</label>
|
|
<select class="form-select" id="orderByColumnSelect" name="orderByColumn">
|
|
<option value="--nil--" selected></option>
|
|
{% for each_field in column_names %}
|
|
<option value="{{ each_field }}">
|
|
{{ each_field }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="order" id="orderByAscRadio" value="ASC" checked>
|
|
<label class="form-check-label" for="orderByAscRadio">{% trans 'Ascending' %}</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="order" id="orderByDescRadio" value="DESC">
|
|
<label class="form-check-label" for="orderByDescRadio">{% trans 'Descending' %}</label>
|
|
</div>
|
|
</fieldset>
|
|
{% if default_sliders_state != 'disabled' %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="card-footer">
|
|
<input class="btn btn-primary" type="submit" name="submit" value="{% trans 'Go' %}">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="modal fade" id="rangeSearchModal" tabindex="-1" aria-labelledby="rangeSearchModalLabel" aria-hidden="false">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="rangeSearchModalLabel">{% trans 'Range search' %}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<fieldset class="pma-fieldset">
|
|
<legend id="rangeSearchLegend"></legend>
|
|
<label for="min_value">{% trans 'Minimum value:' %}</label>
|
|
<input type="text" id="min_value"><br>
|
|
<span class="small_font" id="rangeSearchMin"></span><br>
|
|
<label for="max_value">{% trans 'Maximum value:' %}</label>
|
|
<input type="text" id="max_value"><br>
|
|
<span class="small_font" id="rangeSearchMax"></span>
|
|
</fieldset>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" id="rangeSearchModalGo">{% trans 'Go' %}</button>
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans 'Cancel' %}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="sqlqueryresultsouter"></div>
|