qsm-odoo
72a2f417ae
* website, website_blog, website_form, website_sale + introduce default UI for snippet options + refactor style of icon buttons Part of https://github.com/odoo/odoo/pull/38959 task-2066614
98 lines
6.2 KiB
XML
98 lines
6.2 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<template id="s_website_form" name="Form Builder">
|
|
<form action="/website_form/" method="post" class="s_website_form container-fluid mt32" enctype="multipart/form-data">
|
|
<div class="container">
|
|
<div class="form-group row">
|
|
<div class="offset-lg-3 offset-md-4 col-md-8 col-lg-7">
|
|
<button class="btn btn-primary btn-lg o_website_form_send">Send</button>
|
|
<span id="o_website_form_result"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</template>
|
|
|
|
<template id="remove_external_snippets" inherit_id="website.external_snippets">
|
|
<xpath expr="//t[@t-install='website_form']" position="replace"/>
|
|
</template>
|
|
|
|
<template id="register_s_website_form" inherit_id="website.snippets" name="Snippet Form Builder">
|
|
<xpath expr="//div[@id='snippet_feature']//t[@t-snippet][last()]" position="after">
|
|
<t t-snippet="website_form.s_website_form" t-thumbnail="/website/static/src/img/s_website_form.png"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="snippet_options" inherit_id="website.snippet_options">
|
|
<xpath expr="//*[@id='so_snippet_addition']" position="attributes">
|
|
<attribute name="data-selector" add=".s_website_form" separator=","/>
|
|
</xpath>
|
|
<xpath expr="//div" position="after">
|
|
<!-- Form -->
|
|
<div data-js="website_form_editor" data-selector=".s_website_form">
|
|
<we-button data-website_form_model_modal="" data-no-preview="true">Change Form Parameters</we-button>
|
|
<we-button data-website_form_field_modal="" data-no-preview="true">Add an existing field</we-button>
|
|
<we-select string="Add a custom field" data-no-preview="true">
|
|
<we-button data-website_form_custom_field="char">Text</we-button>
|
|
<we-button data-website_form_custom_field="text">Long Text</we-button>
|
|
<we-button data-website_form_custom_field="email">Email</we-button>
|
|
<we-button data-website_form_custom_field="integer">Number</we-button>
|
|
<we-button data-website_form_custom_field="float">Decimal Number</we-button>
|
|
<we-button data-website_form_custom_field="boolean">Checkbox</we-button>
|
|
<we-button data-website_form_custom_field="selection">Radio Buttons</we-button>
|
|
<we-button data-website_form_custom_field="many2one">Selection</we-button>
|
|
<we-button data-website_form_custom_field="one2many">Multiple Checkboxes</we-button>
|
|
<we-button data-website_form_custom_field="date">Date</we-button>
|
|
<we-button data-website_form_custom_field="datetime">Date & Time</we-button>
|
|
<we-button data-website_form_custom_field="binary">File Upload</we-button>
|
|
</we-select>
|
|
</div>
|
|
|
|
<!-- Field -->
|
|
<div data-js='website_form_editor' data-selector=".form-field" data-drop-near=".form-field">
|
|
<we-checkbox string="Hidden" data-no-preview="true"
|
|
data-toggle-class="o_website_form_field_hidden"/>
|
|
</div>
|
|
|
|
<!-- Add an option to display radio buttons / checkboxes horizontally or vertically -->
|
|
<div data-js='website_form_editor_choice_field_display' data-selector=".o_website_form_flex">
|
|
<we-select string="Display" data-no-preview="true">
|
|
<we-button data-website_form_choice_field_display="horizontal">Horizontal</we-button>
|
|
<we-button data-website_form_choice_field_display="vertical">Vertical</we-button>
|
|
</we-select>
|
|
</div>
|
|
|
|
<!-- Add move, duplicate and remove controllers to checkboxes and radio buttons -->
|
|
<div data-selector=".o_website_form_flex_item" data-drop-near=".o_website_form_flex_item"/>
|
|
|
|
<!-- Add move and remove controllers to select items -->
|
|
<div data-selector=".s_website_form .form-field.o_website_form_custom .o_website_form_select_item" data-drop-near=".o_website_form_select_item"/>
|
|
|
|
<!-- Required option for fields that are not required fields of the model -->
|
|
<div data-js='website_form_editor_field' data-selector=".form-field:not(.o_website_form_required)">
|
|
<we-checkbox string="Required" data-no-preview="true"
|
|
data-website_form_field_require=""
|
|
data-toggle-class="o_website_form_required_custom"/>
|
|
</div>
|
|
|
|
<!-- Remove the duplicate options of model fields -->
|
|
<div data-js="website_form_editor_field_model" data-selector=".s_website_form .form-field:not(.o_website_form_custom)"/>
|
|
|
|
<!-- Remove the delete options of model required fields -->
|
|
<div data-js="website_form_editor_field_required" data-selector=".s_website_form .o_website_form_required"/>
|
|
|
|
<!-- Remove the duplicate options of radio and checkboxes of model fields -->
|
|
<div data-js="website_form_editor_field_x2many" data-selector=".s_website_form .form-field:not(.o_website_form_custom) .o_website_form_flex_item"/>
|
|
|
|
<!-- Transform the select inputs into editable constructs -->
|
|
<div data-js="website_form_editor_field_select" data-selector=".s_website_form .form-field:has(select)"/>
|
|
|
|
<!-- Remove the duplicate option of model select items -->
|
|
<div data-js="website_form_editor_field_x2many" data-selector=".s_website_form .form-field:not(.o_website_form_custom) .o_website_form_select_item" data-drop-near=".o_website_form_select_item"/>
|
|
|
|
<!-- Remove the delete options of the Submit button -->
|
|
<div data-js="website_form_editor_field_required" data-selector=".s_website_form .o_website_form_send"/>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|