You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
3.2 KiB
62 lines
3.2 KiB
<div id="div_view_options" class="container-fluid"> |
|
<h2>{% trans 'Display GIS Visualization' %}</h2> |
|
|
|
<div class="card"> |
|
<div id="gis_div" class="card-body"> |
|
<form method="post" action="{{ url('/table/gis-visualization') }}" class="row g-3 align-items-start"> |
|
{{ get_hidden_inputs(url_params) }} |
|
|
|
<div class="col-12 col-md-6 col-xl"> |
|
<label class="form-label" for="labelColumn">{% trans 'Label column' %}</label> |
|
<select name="visualizationSettings[labelColumn]" id="labelColumn" class="form-select autosubmit"> |
|
<option value="">{% trans '-- None --' %}</option> |
|
{% for value in label_candidates %} |
|
<option value="{{ value }}"{{ value == visualization_settings['labelColumn'] ? ' selected' }}> |
|
{{ value }} |
|
</option> |
|
{% endfor %} |
|
</select> |
|
</div> |
|
<div class="col-12 col-md-6 col-xl"> |
|
<label class="form-label" for="spatialColumn">{% trans 'Spatial column' %}</label> |
|
<select name="visualizationSettings[spatialColumn]" id="spatialColumn" class="form-select autosubmit"> |
|
{% for value in spatial_candidates %} |
|
<option value="{{ value }}"{{ value == visualization_settings['spatialColumn'] ? ' selected' }}> |
|
{{ value }} |
|
</option> |
|
{% endfor %} |
|
</select> |
|
</div> |
|
<div class="col-auto"> |
|
<input type="hidden" name="displayVisualization" value="redraw"> |
|
<div class="form-check form-switch"> |
|
<input class="form-check-input" type="checkbox" name="visualizationSettings[choice]" id="choice" value="useBaseLayer"{{ visualization_settings['choice'] is defined ? ' checked' }}> |
|
<label class="form-check-label" for="choice" id="labelChoice">{% trans 'Use OpenStreetMaps as Base Layer' %}</label> |
|
</div> |
|
</div> |
|
<div class="col text-xxl-end"> |
|
<div class="dropdown"> |
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="saveImageButton" data-bs-toggle="dropdown" aria-expanded="false"> |
|
{{ get_icon('b_saveimage', 'Save'|trans) }} |
|
</button> |
|
<ul class="dropdown-menu" aria-labelledby="saveImageButton"> |
|
<li><a class="dropdown-item disableAjax" href="{{ download_url|raw }}&fileFormat=png">PNG</a></li> |
|
<li><a class="dropdown-item disableAjax" href="{{ download_url|raw }}&fileFormat=pdf">PDF</a></li> |
|
<li><a class="dropdown-item disableAjax" href="{{ download_url|raw }}&fileFormat=svg">SVG</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-12"> |
|
{{ include('table/start_and_number_of_rows_fieldset.twig', start_and_number_of_rows_fieldset) }} |
|
</div> |
|
</form> |
|
|
|
<div id="placeholder" style="width:{{ visualization_settings['width'] }}px;height:{{ visualization_settings['height'] }}px;"> |
|
{{ visualization|raw }} |
|
</div> |
|
<div id="openlayersmap"></div> |
|
<input type="hidden" id="themeImagePath" value="{{ image() }}"> |
|
<script type="text/javascript">{{ draw_ol|raw }}</script> |
|
</div> |
|
</div> |
|
</div>
|
|
|