1 {% extends 'page.html.twig' %}
4 <div class="ui stackable pointing inverted menu">
5 {% for key, form in all_forms %}
6 <a href="{{ url_for('configureDynamicFields', {'form_name': key}) }}" class="item{% if form_name == key %} active{% endif %}" data-tab="{{ key }}">{{ form }}</a>
9 {% for key, form in all_forms %}
10 <div class="ui{% if form_name == key %} active{% endif %} tab segment" data-tab="{{ key }}">
11 {% if form_name == key %}
12 {% include 'elements/edit_dynamic_fields.html.twig' %}
18 {% block javascripts %}
19 <script type="text/javascript">
21 $('.pointing.menu .item').tab({
23 path: '{{ url_for('configureDynamicFields', {'form_name': ''}) }}',
24 onLoad: function(tabPath, parameterArray, historyEvent) {
29 _bindFomanticComponents();
34 var _addDynField = function() {
36 $('.addfield').click(function(e){
39 var _href = _this.attr('href');
45 {% include "elements/js/loader.js.twig" with {
46 selector: '.addfield',
49 success: function(res){
52 {% include "elements/js/modal.js.twig" with {
53 modal_title_twig: _T("New dynamic field")|e("js"),
54 modal_content: "_res",
56 modal_onshow: "_addDynFieldAjaxMapper();",
57 modal_approve_text: _T("Add")|e('js'),
58 modal_approve_icon: "plus",
59 modal_approve_color: "green",
60 modal_cancel_text: _T("Close")|e("js")
64 {% include "elements/js/modal.js.twig" with {
65 modal_title_twig: _T("An error occurred :(")|e("js"),
66 modal_without_content: true,
68 modal_deny_only: true,
69 modal_cancel_text: _T("Close")|e("js"),
70 modal_classname: "redalert",
78 var _addDynFieldAjaxMapper = function(){
79 $('.modal-form .ui.dropdown, .modal-form select:not(.nochosen)').dropdown();
80 $('.modal-form .ui.checkbox, .modal-form .ui.radio.checkbox').checkbox();
81 $('.modal-form a[title], .modal-form .tooltip').popup({
82 variation: 'inverted',
84 addTouchEvents: false,
88 {% set modal_onapprove = "
89 $('.modal-form form #redirect_uri').val(window.location.href);
90 $('.modal-form form').submit();
93 var _editDynField = function() {
94 {% include "elements/js/modal_action.js.twig" with {
95 selector: ".single-edit",
96 modal_title_twig: _T("Edit field")|e("js"),
98 modal_content_class: "scrolling",
99 modal_onapprove: modal_onapprove,
100 modal_action_onshow: "activateHtmlEditor($('#field_information'), true);"
105 {% set extra_success = "
106 $('.modal-form form').on('submit', function(event) {
107 event.preventDefault();
109 var _data = _form.serialize();
111 url: _form.attr('action'),
122 class: 'icon labeled cancel'
125 modal: 'ui redalert modal',
126 title: 'center aligned header',
127 content: 'center aligned content',
128 actions: 'center aligned actions'
135 var _transDynField = function() {
136 {% include "elements/js/modal_action.js.twig" with {
137 selector: ".single-translate",
138 extra_success: extra_success|replace({'%error%': _T("An error occurred :(")|e("js"), '%close%': _T("Close")|e("js")}),
139 modal_title_twig: _T("Translate labels")|e("js"),
140 modal_content_class: "scrolling",
141 modal_onapprove: modal_onapprove