mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-12 23:14:18 +01:00
N°8772 - Form dependencies manager implementation
- Form SDK implementation - Basic Forms - Dynamics Forms - Basic Blocks + Data Model Block - Form Compilation - Turbo integration
This commit is contained in:
Benjamin Dalsass
@@ -1,23 +1,170 @@
|
||||
{% use "application/forms/itop_base_layout.html.twig" %}
|
||||
|
||||
{# Widgets #}
|
||||
{%- block form_start -%}
|
||||
{%- do form.setMethodRendered() -%}
|
||||
{% set method = method|upper %}
|
||||
{%- if method in ["GET", "POST"] -%}
|
||||
{% set form_method = method %}
|
||||
{%- else -%}
|
||||
{% set form_method = "POST" %}
|
||||
{%- endif -%}
|
||||
{%- set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-form')}) -%}
|
||||
<form is="itop-form-element" {% if name != '' %} name="{{ name }}"{% endif %} method="{{ form_method|lower }}"{% if action != '' %} action="{{ action }}"{% endif %}{{ block('attributes') }}{% if multipart %} enctype="multipart/form-data"{% endif %}>
|
||||
{%- if form_method != method -%}
|
||||
<input type="hidden" name="_method" value="{{ method }}" />
|
||||
{%- endif -%}
|
||||
{%- endblock form_start -%}
|
||||
|
||||
{%- block form_end -%}
|
||||
{%- if not render_rest is defined or render_rest -%}
|
||||
{{ form_rest(form) }}
|
||||
{%- endif -%}
|
||||
</form>
|
||||
{%- endblock form_end -%}
|
||||
|
||||
{%- block widget_attributes -%}
|
||||
{{- parent() -}}
|
||||
{% if trigger_form_submit_on_modify %}
|
||||
onChange="this.form.TriggerTurbo(this);"
|
||||
{% endif %}
|
||||
{%- endblock widget_attributes -%}
|
||||
|
||||
{%- block attributes -%}
|
||||
{{- parent() -}}
|
||||
{% if impacted_by is not empty %}
|
||||
data-impacted-by="{{ impacted_by|join(',') }}"
|
||||
{% endif %}
|
||||
{%- endblock attributes -%}
|
||||
|
||||
{%- block form_widget_simple -%}
|
||||
{% if type == 'text' %}{% set ibo_class='ibo-input-string' %}{% else %}{% set ibo_class='ibo-input-' ~ type %}{% endif %}
|
||||
{% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input ' ~ ibo_class)|trim}) %}
|
||||
{{- parent() -}}
|
||||
{%- endblock widget_attributes -%}
|
||||
{%- endblock form_widget_simple -%}
|
||||
|
||||
{%- block textarea_widget -%}
|
||||
{% if type == 'text' %}{% set ibo_class='ibo-input-string' %}{% else %}{% set ibo_class='ibo-input-' ~ type %}{% endif %}
|
||||
{% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input ' ~ ibo_class)|trim}) %}
|
||||
{{- parent() -}}
|
||||
{%- endblock textarea_widget -%}
|
||||
|
||||
{%- block choice_widget_collapsed -%}
|
||||
{% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input')|trim}) %}
|
||||
<select is="choices-element" class="field_autocomplete ibo-input ibo-input-select ibo-input-select-autocomplete ui-autocomplete-input"
|
||||
{{ block('widget_attributes') }}
|
||||
{% if multiple %} multiple="multiple" {% endif %}
|
||||
{% if max_items_selected is defined %} data-tom-select-max-items-selected="{{ max_items_selected }}" {% endif %}
|
||||
{% if disable_auto_complete %} data-tom-select-disable-auto-complete=true {% endif %}
|
||||
{% if placeholder is not none %} hidePlaceholder=false {% endif %}
|
||||
>
|
||||
{%- if placeholder is not none -%}
|
||||
<option value=""{% if placeholder_attr|default({}) %}{% with { attr: placeholder_attr } %}{{ block('attributes') }}{% endwith %}{% endif %}{% if required and value is empty %} selected="selected"{% endif %}>{{ placeholder != '' ? (translation_domain is same as(false) ? placeholder : placeholder|trans({}, translation_domain)) }}</option>
|
||||
{%- endif -%}
|
||||
{%- if preferred_choices|length > 0 -%}
|
||||
{% set options = preferred_choices %}
|
||||
{% set render_preferred_choices = true %}
|
||||
{{- block('choice_widget_options') -}}
|
||||
{%- if choices|length > 0 and separator is not none -%}
|
||||
<option disabled="disabled">{{ separator }}</option>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
{%- set options = choices -%}
|
||||
{%- set render_preferred_choices = false -%}
|
||||
{{- block('choice_widget_options') -}}
|
||||
</select>
|
||||
{%- endblock choice_widget_collapsed -%}
|
||||
|
||||
{%- block choice_widget_expanded -%}
|
||||
<div {{ block('widget_container_attributes') }}>
|
||||
{%- for child in form %}
|
||||
{{- form_widget(child) -}}
|
||||
{{- form_label(child, null, {translation_domain: choice_translation_domain, no_label_class: true}) -}}
|
||||
{% endfor -%}
|
||||
</div>
|
||||
{%- endblock choice_widget_expanded -%}
|
||||
|
||||
{%- block form_label -%}
|
||||
{%- if compound is defined and compound -%}
|
||||
{%- set no_legend_element = inline_display is defined and inline_display -%}
|
||||
{%- if compound is defined and compound and not no_legend_element -%}
|
||||
{%- set element = 'legend' -%}
|
||||
{%- else -%}
|
||||
{%- elseif no_label_class is not defined or not no_label_class -%}
|
||||
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' ibo-field--label')|trim}) %}
|
||||
{%- endif -%}
|
||||
{{- parent() -}}
|
||||
{%- endblock form_label -%}
|
||||
|
||||
{%- block form_rows -%}
|
||||
|
||||
{% for block in blocks %}
|
||||
{% if block.added == 1 %}
|
||||
{% set row_attr = row_attr|merge({id: 'turbo_' ~ block.id }) %}
|
||||
{{ form_row(form[block.name], {row_attr: row_attr}) }}
|
||||
{% else %}
|
||||
<div id="turbo_{{ block.id }}" class="ibo-field ibo-content-block ibo-block ibo-field-small"></div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{%- endblock form_rows -%}
|
||||
|
||||
{%- block form_row -%}
|
||||
{% set row_attr = row_attr|merge({class: (row_attr.class|default('') ~ ' ibo-field ibo-content-block ibo-block ibo-field-small')|trim}) %}
|
||||
{{- parent() -}}
|
||||
{%- endblock form_row -%}
|
||||
|
||||
{%- block collection_widget -%}
|
||||
|
||||
{% if prototype is defined and not prototype.rendered %}
|
||||
{%- set prototype_html = '<collection-entry-element data-allow-delete="' ~ allow_delete ~ '" data-allow-ordering="' ~ allow_ordering ~'" data-new="true">' ~ form_widget(prototype) ~'</collection-entry-element>' -%}
|
||||
{%- set attr = attr|merge({'data-prototype': prototype_html, 'class': name, 'data-index': form|length > 0 ? form|last.vars.name + 1 : 0 }) -%}
|
||||
{% endif %}
|
||||
|
||||
<collection-element {{ block('widget_container_attributes') }}>
|
||||
{% if allow_add %}
|
||||
<button type="button" class="add_item_link ibo-button ibo-button ibo-is-regular " data-collection-holder-class="{{ name }}">{{ button_label|dict_s }}</button>
|
||||
{% endif %}
|
||||
<div role="list">
|
||||
{% for child in form %}
|
||||
<collection-entry-element data-allow-delete="{{ allow_delete }}" data-allow-ordering="{{ allow_ordering }}">
|
||||
{{ form_widget(child) }}
|
||||
</collection-entry-element>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</collection-element>
|
||||
|
||||
{%- endblock collection_widget -%}
|
||||
|
||||
{%- block form_label_content -%}
|
||||
{{- parent() -}}
|
||||
<div style="float: right;display: flex;flex-direction: column;align-items: center;row-gap: 3px;margin-top: 5px;">
|
||||
<span role="marquee" class="ibo-button--icon fas" style="padding:6px;"></span>
|
||||
</div>
|
||||
{%-endblock form_label_content -%}
|
||||
|
||||
{%- block form_errors -%}
|
||||
<div id="turbo_error_{{ form.vars.id }}" class="form-error">
|
||||
{{- parent() -}}
|
||||
</div>
|
||||
{%- endblock form_errors -%}
|
||||
|
||||
{%- block oql_form_widget -%}
|
||||
<textarea is="oql-element" {{ block('widget_attributes') }} data-modal-title-text="{{ 'UI:Edit:SearchQuery'|trans }}" data-empty-text="{{ 'Use the search form above to search for objects to be added'|trans }}" data-valid-query-text="{{ 'OQL is valid'|trans }}" data-invalid-query-text="{{ 'OQL is invalid'|trans }}">{{ value }}</textarea>
|
||||
<div class="ibo-form-actions">
|
||||
{% if with_ai_button is defined and with_ai_button %}
|
||||
<button class="ibo-button ibo-button ibo-block ibo-is-alternative ibo-is-neutral " data-role="ibo-button" type="button" name="AI" value="" aria-label="AI">
|
||||
<span class="ibo-button--icon fas fa-magic"></span>
|
||||
{{ 'UI:Edit:AI'|trans }}
|
||||
</button>
|
||||
{% endif %}
|
||||
<button class="ibo-button ibo-button ibo-block ibo-is-alternative ibo-is-success" data-role="ibo-button" data-action="run" type="button" name="Run Query" value="" aria-label="Run Query">
|
||||
<span class="ibo-button--icon fas fa-play"></span>
|
||||
{{ 'UI:Edit:TestQuery'|trans }}
|
||||
</button>
|
||||
<button class="ibo-button ibo-button ibo-block ibo-is-alternative ibo-is-neutral " data-role="ibo-button" data-action="book" type="button" name="Open Book" value="" aria-label="Open Query Phrases Book">
|
||||
<span class="ibo-button--icon fas fa-book"></span>
|
||||
{{ 'UI:Edit:SearchQuery'|trans }}
|
||||
</button>
|
||||
</div>
|
||||
{%- endblock oql_form_widget -%}
|
||||
|
||||
|
||||
|
||||
13
templates/application/forms/itop_debug.html.twig
Normal file
13
templates/application/forms/itop_debug.html.twig
Normal file
@@ -0,0 +1,13 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% UIContentBlock Standard { sId:"turbo_itop_profiler", aContainerClasses:['ibo-turbo-itop'] } %}
|
||||
{% if aProfilesInfo is not empty %}
|
||||
{% UIPanel Neutral { sTitle:'Debug' } %}
|
||||
{% for aProfileInfo in aProfilesInfo %}
|
||||
{% set aProfileData = aProfileInfo.aProfileData %}
|
||||
{{ include(aProfileInfo.sTemplate) }}
|
||||
{% endfor %}
|
||||
{% EndUIPanel %}
|
||||
{% endif %}
|
||||
{% EndUIContentBlock %}
|
||||
13
templates/application/forms/itop_debug_update.html.twig
Normal file
13
templates/application/forms/itop_debug_update.html.twig
Normal file
@@ -0,0 +1,13 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% UITurboStream Update { sTarget: "turbo_itop_profiler"} %}
|
||||
{% if aProfilesInfo is not empty %}
|
||||
{% UIPanel Neutral { sTitle:'Debug' } %}
|
||||
{% for aProfileInfo in aProfilesInfo %}
|
||||
{% set aProfileData = aProfileInfo.aProfileData %}
|
||||
{{ include(aProfileInfo.sTemplate) }}
|
||||
{% endfor %}
|
||||
{% EndUIPanel %}
|
||||
{% endif %}
|
||||
{% EndUITurboStream %}
|
||||
@@ -1,6 +1,8 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% if sControllerError %}
|
||||
{% UIAlert ForDanger { sTitle:'UI:Error:TwigController'|dict_s, sContent:sControllerError } %}{% EndUIAlert %}
|
||||
{% endif %}
|
||||
{% UIContentBlock Standard { sId:"turbo_itop_error", aContainerClasses:['ibo-turbo-itop'] } %}
|
||||
{% if sControllerError %}
|
||||
{% UIAlert ForDanger { sTitle:'', sContent:sControllerError } %}{% EndUIAlert %}
|
||||
{% endif %}
|
||||
{% EndUIContentBlock %}
|
||||
8
templates/application/forms/itop_error_update.html.twig
Normal file
8
templates/application/forms/itop_error_update.html.twig
Normal file
@@ -0,0 +1,8 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% UITurboStream Update { sTarget: "turbo_itop_error"} %}
|
||||
{% if sControllerError %}
|
||||
{% UIAlert ForDanger { sTitle:'', sContent:sControllerError } %}{% EndUIAlert %}
|
||||
{% endif %}
|
||||
{% EndUITurboStream %}
|
||||
20
templates/application/forms/itop_form.html.twig
Normal file
20
templates/application/forms/itop_form.html.twig
Normal file
@@ -0,0 +1,20 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% if form and not bFormInModal %}
|
||||
{% if sAction %}
|
||||
{% UITurboForm Standard { oFormView: form, sAction: sAction } %}
|
||||
<div class="form-buttons">
|
||||
<button type="submit" name="form-action" value="submit" class="ibo-button ibo-button ibo-is-regular ibo-is-primary">{{ 'Form:Confirm'|dict_s }}</button>
|
||||
<button type="submit" name="form-action" value="reset" class="ibo-button ibo-button ibo-is-regular">{{ 'Form:Reset'|dict_s }}</button>
|
||||
</div>
|
||||
{% EndUITurboForm %}
|
||||
{% else %}
|
||||
{% UITurboForm Standard { oFormView: form } %}
|
||||
<div class="form-buttons">
|
||||
<button type="submit" name="form-action" value="submit" class="ibo-button ibo-button ibo-is-regular ibo-is-primary">{{ 'Form:Confirm'|dict_s }}</button>
|
||||
<button type="submit" name="form-action" value="reset" class="ibo-button ibo-button ibo-is-regular">{{ 'Form:Reset'|dict_s }}</button>
|
||||
</div>
|
||||
{% EndUITurboForm %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
24
templates/application/forms/turbo-ajax-update.html.twig
Normal file
24
templates/application/forms/turbo-ajax-update.html.twig
Normal file
@@ -0,0 +1,24 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SARL #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
{% for sBlockIdentifier, oBlockToRedraw in blocks_to_redraw %}
|
||||
{% UITurboStream Replace { sTarget: "turbo_" ~ sBlockIdentifier} %}
|
||||
{% if oBlockToRedraw is not null %}
|
||||
{% set row_attr = {id: 'turbo_' ~ sBlockIdentifier } %}
|
||||
{{ form_row(oBlockToRedraw, {row_attr: row_attr}) }}
|
||||
{% else %}
|
||||
<div id="turbo_{{ sBlockIdentifier }}" class="ibo-field ibo-content-block ibo-block ibo-field-small"></div>
|
||||
{% endif %}
|
||||
{% EndUITurboStream %}
|
||||
{% endfor %}
|
||||
{% if current_block %}
|
||||
{% UITurboStream Replace { sTarget: "turbo_error_" ~ current_block.vars.id} %}
|
||||
{{ form_errors(current_block) }}
|
||||
{% EndUITurboStream %}
|
||||
{% endif %}
|
||||
{% if current_form %}
|
||||
{% UITurboStream Replace { sTarget: current_form.vars.id} %}
|
||||
{{ form_widget(current_form) }}
|
||||
<turbo-stream-event id="{{ current_form.vars.id }}-turbo-stream-event" data-form-id="{{ current_form.vars.id }}" data-form-block-class="{{ current_form.vars.form_block_class }}" data-view-data="{{ current_form.vars.value|json_encode }}" data-valid="{{ current_form.vars.valid }}"/>
|
||||
{% EndUITurboStream %}
|
||||
{% endif %}
|
||||
@@ -0,0 +1,5 @@
|
||||
{%- block dashlet_collection_row -%}
|
||||
{{- form_errors(form) -}}
|
||||
{{- form_label(form) -}}
|
||||
<div class="dashlets-container"></div>
|
||||
{%- endblock dashlet_collection_row -%}
|
||||
26
templates/base/components/turbo-form/layout.html.twig
Normal file
26
templates/base/components/turbo-form/layout.html.twig
Normal file
@@ -0,0 +1,26 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SAS #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
<script type="module">
|
||||
import {session} from "{{ aPage.sAbsoluteUrlAppRoot }}/node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js";
|
||||
|
||||
session.drive = false;
|
||||
</script>
|
||||
|
||||
<turbo-frame id="{{ oUIBlock.GetId() }}">
|
||||
{% if oUIBlock.GetAction() %}
|
||||
{{ form_start(oUIBlock.GetFormView(), {action: oUIBlock.GetAction()}) }}
|
||||
{% else %}
|
||||
{{ form_start(oUIBlock.GetFormView()) }}
|
||||
{% endif %}
|
||||
{{ form_widget(oUIBlock.GetFormView()) }}
|
||||
|
||||
{%- block iboContentBlockContainer -%}
|
||||
{% for oSubBlock in oUIBlock.GetSubBlocks() %}
|
||||
{{ render_block(oSubBlock, {aPage: aPage}) }}
|
||||
{% endfor %}
|
||||
{%- endblock -%}
|
||||
|
||||
|
||||
{{ form_end(oUIBlock.GetFormView()) }}
|
||||
</turbo-frame>
|
||||
12
templates/base/components/turbo-stream/layout.html.twig
Normal file
12
templates/base/components/turbo-stream/layout.html.twig
Normal file
@@ -0,0 +1,12 @@
|
||||
{# @copyright Copyright (C) 2010-2025 Combodo SAS #}
|
||||
{# @license http://opensource.org/licenses/AGPL-3.0 #}
|
||||
|
||||
<turbo-stream action="{{ oUIBlock.GetAction() }}" target="{{ oUIBlock.GetTarget() }}">
|
||||
<template>
|
||||
{%- block iboContentBlockContainer -%}
|
||||
{% for oSubBlock in oUIBlock.GetSubBlocks() %}
|
||||
{{ render_block(oSubBlock, {aPage: aPage}) }}
|
||||
{% endfor %}
|
||||
{%- endblock -%}
|
||||
</template>
|
||||
</turbo-stream>
|
||||
Reference in New Issue
Block a user