bootstrap styles in export section

This commit is contained in:
Mathieu Jaumotte 2022-07-11 11:09:46 +02:00
parent 340310be62
commit ef9a155cc1
3 changed files with 50 additions and 42 deletions

View File

@ -16,7 +16,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
#} #}
{% extends "@ChillMain/layoutWithVerticalMenu.html.twig" %} {% extends "@ChillMain/layout.html.twig" %}
{% block title "Download export"|trans ~ export.title|trans %} {% block title "Download export"|trans ~ export.title|trans %}
@ -33,11 +33,19 @@ window.addEventListener("DOMContentLoaded", function(e) {
</script> </script>
{% endblock %} {% endblock %}
{% block layout_wvm_content %} {% block content %}
<div class="col-md-10">
<h1>{{ export.title|trans }}</h1> <h1>{{ export.title|trans }}</h1>
<h2>{{ "Download export"|trans }}</h2> <h2>{{ "Download export"|trans }}</h2>
<div id="download_container" data-alias="{{ alias|escape('html_attr') }}" {% if mime_type is defined %}data-mime-type="{{ mime_type|escape('html_attr') }}"{% endif %} data-download-text="{{ "Download your report"|trans|escape('html_attr') }}"><span id="waiting_text">{{ "Waiting for your report"|trans }}...</span></div> <div id="download_container"
data-alias="{{ alias|escape('html_attr') }}"
{%- if mime_type is defined %}
data-mime-type="{{- mime_type|escape('html_attr') -}}"
{% endif -%}
data-download-text="{{ "Download your report"|trans|escape('html_attr') }}"
><span id="waiting_text">{{ "Waiting for your report"|trans ~ '...' }}</span></div>
{% endblock %} </div>
{% endblock content %}

View File

@ -25,7 +25,6 @@
{% endblock js %} {% endblock js %}
{% block content %} {% block content %}
<div class="col-md-10"> <div class="col-md-10">
<h1>{{ export.title|trans }}</h1> <h1>{{ export.title|trans }}</h1>
@ -71,7 +70,7 @@
{% if form.children.export.children.aggregators is defined %} {% if form.children.export.children.aggregators is defined %}
{% if form.children.export.children.aggregators is not empty %} {% if form.children.export.children.aggregators is not empty %}
<section class="aggregator"> <section class="aggregator mb-4">
<h2>{{ 'Aggregators'| trans }}</h2> <h2>{{ 'Aggregators'| trans }}</h2>
<div class="flex-table"> <div class="flex-table">
@ -106,7 +105,7 @@
<style> <style>
div#export_export_fields { column-count: 2; } div#export_export_fields { column-count: 2; }
</style> </style>
<section class="parameter"> <section class="parameter mb-4">
<h2> <h2>
{{ 'Export parameters'|trans }} {{ 'Export parameters'|trans }}
</h2> </h2>
@ -119,7 +118,7 @@
{% endif %} {% endif %}
{% if form.children.export.children.pick_formatter is defined %} {% if form.children.export.children.pick_formatter is defined %}
<section class="formatter"> <section class="formatter mb-4">
<h2> <h2>
{{ 'Formatter'| trans }} {{ 'Formatter'| trans }}
</h2> </h2>

View File

@ -16,21 +16,22 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
#} #}
{% extends "@ChillMain/layoutWithVerticalMenu.html.twig" %} {% extends "@ChillMain/layout.html.twig" %}
{% block title %}{{ export.title|trans }}{% endblock %} {% block title %}{{ export.title|trans }}{% endblock %}
{% block layout_wvm_content %} {% block content %}
<div class="col-md-10">
<h1>{{ export.title|trans }}</h1> <h1>{{ export.title|trans }}</h1>
<p>{{ export.description|trans }}</p> <p>{{ export.description|trans }}</p>
{{ form_start(form) }} {{ form_start(form) }}
<div style=""> <section class="formatter mb-4">
<h2>{{ 'Formatter'| trans }}</h2> <h2>{{ 'Formatter'| trans }}</h2>
<div style="clear: both;"> <div>
{% if form.children.formatter.children|length == 0 %} {% if form.children.formatter.children|length == 0 %}
<p> <p>
<span class="chill-no-data-statement">{{ "No options availables. Your report is fully configured."|trans }}</span> <span class="chill-no-data-statement">{{ "No options availables. Your report is fully configured."|trans }}</span>
@ -43,12 +44,12 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div> </div>
</div> </section>
<div style=clear:both;"> <div class="mb-4">
<p>{{ form_widget(form.submit, { 'attr' : { 'class' : 'btn btn-action' }, 'label': 'Generate the report' } ) }}</p> <p>{{ form_widget(form.submit, { 'attr' : { 'class' : 'btn btn-action' }, 'label': 'Generate the report' } ) }}</p>
</div> </div>
{{ form_end(form) }} {{ form_end(form) }}
{% endblock layout_wvm_content %} </div>
{% endblock content %}