diff options
| author | Julien Mougenot <jum@odoo.com> | 2019-11-22 11:36:52 +0000 |
|---|---|---|
| committer | Julien Mougenot <jum@odoo.com> | 2020-01-06 14:37:16 +0000 |
| commit | 34bbdd88c0bc354b76b254bb78c4eb786f3d08c0 (patch) | |
| tree | bb5b17494f521fb9a4a50869d32040273d1d5d47 /addons/web/static/src/xml/dialog.xml | |
| parent | ab37648cb1c3a4ab7db23e3a8cdef87008d5d1e0 (diff) | |
[ADD] web: Owl Dialog
New Owl component: Dialog. It does not rely on Bootstrap but behaves the same
and does not conflict with legacy dialogs.
To call this component, you need to define it in the XML parent template instead
of calling it in the JS file, and put a flag in the parent state to toggle the dialog.
Old dialog file has also been slightly updated to ensure compatibility between both
versions.
This commit also updates a list view test which did not wait for click events to
properly trigger and would cause the new dialog system to crash.
Diffstat (limited to 'addons/web/static/src/xml/dialog.xml')
| -rw-r--r-- | addons/web/static/src/xml/dialog.xml | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/addons/web/static/src/xml/dialog.xml b/addons/web/static/src/xml/dialog.xml index 645e6e2391e..848f5a1e9b6 100644 --- a/addons/web/static/src/xml/dialog.xml +++ b/addons/web/static/src/xml/dialog.xml @@ -3,17 +3,25 @@ <!-- These templates are accessible in backend and frontend --> -<div role="dialog" t-name="Dialog" t-attf-class="modal#{technical ? ' o_technical_modal' : ''}#{fullscreen ? ' o_modal_full': ''}" tabindex="-1" data-backdrop="static" t-att-id="_.uniqueId('modal_')" aria-hidden="true"> - <div class="modal-dialog"> - <div class="modal-content"> - <header t-if="renderHeader" class="modal-header"> - <h4 class="modal-title"><t t-raw="title"/><span class="o_subtitle text-muted small"><t t-esc="subtitle"/></span></h4> - <button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex="-1">×</button> - </header> - <main class="modal-body"/> - <footer t-if="renderFooter" class="modal-footer"/> +<t t-name="Dialog"> + <div role="dialog" + t-attf-class="modal o_legacy_dialog #{ technical ? ' o_technical_modal' : '' } #{ fullscreen ? ' o_modal_full': '' }" + tabindex="-1" + data-backdrop="static" + t-att-id="_.uniqueId('modal_')" + aria-hidden="true" + > + <div class="modal-dialog"> + <div class="modal-content"> + <header t-if="renderHeader" class="modal-header"> + <h4 class="modal-title"><t t-raw="title"/><span class="o_subtitle text-muted small" t-esc="subtitle"/></h4> + <button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex="-1">×</button> + </header> + <main class="modal-body"/> + <footer t-if="renderFooter" class="modal-footer"/> + </div> </div> </div> -</div> +</t> </templates> |