summaryrefslogtreecommitdiff
path: root/addons/web/static/src/xml
diff options
context:
space:
mode:
Diffstat (limited to 'addons/web/static/src/xml')
-rw-r--r--addons/web/static/src/xml/base.xml20
-rw-r--r--addons/web/static/src/xml/notification.xml36
2 files changed, 36 insertions, 20 deletions
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 4ee2205b3a6..84af548222b 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -120,26 +120,6 @@
</ul>
</t>
-<t t-name="Notification">
- <div t-attf-class="o_notification #{widget.className}" t-translation="off" role="alertdialog">
- <a t-if="widget.sticky" class="fa fa-times o_close" href="#" title="Close" aria-label="Close"/>
- <div class="o_notification_title">
- <span t-attf-class="o_icon fa fa-3x #{widget.icon}" role="img" t-attf-aria-label="Notification #{widget.name}" t-attf-title="Notification #{widget.name}"/>
- <t t-raw="widget.title"/>
- </div>
- <div class="o_notification_content" t-if="widget.message"><t t-raw="widget.message"/></div>
- <div t-if="widget.buttons.length" class="o_buttons">
- <button t-foreach="widget.buttons" t-as="button" t-attf-class="btn #{button.primary ? 'btn-primary' : 'btn-secondary'}" type="button">
- <t t-if="button.icon">
- <i t-if="button.icon.indexOf('fa-') === 0" t-attf-class="fa fa-fw o_button_icon #{button.icon}" role="img" t-att-aria-label="button.name" t-att-title="button.name"/>
- <img t-else="" t-att-src="button.icon" t-att-alt="button.name"/>
- </t>
- <span><t t-esc="button.text"/></span>
- </button>
- </div>
- </div>
-</t>
-
<div t-name="CrashManager.warning" class="o_dialog_warning" role="alert">
<t t-js="d">
var message = (d.message !== undefined) ? d.message : d.error.data.message;
diff --git a/addons/web/static/src/xml/notification.xml b/addons/web/static/src/xml/notification.xml
new file mode 100644
index 00000000000..3ffe9e8979a
--- /dev/null
+++ b/addons/web/static/src/xml/notification.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+<t t-name="Notification">
+ <div t-attf-class="toast o_notification #{widget.className}"
+ role="alert" aria-live="assertive" aria-atomic="true">
+ <div class="toast-header">
+ <span t-attf-class="fa fa-2x mr-3 #{widget.icon} o_notification_icon"
+ role="img" t-attf-aria-label="Notification #{widget.name}"
+ t-attf-title="Notification #{widget.name}"/>
+ <div class="d-flex align-items-center mr-auto font-weight-bold o_notification_title"
+ t-raw="widget.title"/>
+ <button t-if="widget.sticky" type="button"
+ class="mb-1 close o_notification_close"
+ data-dismiss="toast" aria-label="Close">
+ <span class="d-inline" aria-hidden="true">&amp;times;</span>
+ </button>
+ </div>
+ <div t-if="widget.message or widget.buttons.length" class="toast-body">
+ <div t-if="widget.message" t-raw="widget.message"
+ class="o_notification_content"/>
+ <div t-if="widget.buttons.length" class="mt-2 o_notification_buttons">
+ <button t-foreach="widget.buttons" t-as="button" type="button"
+ t-attf-class="btn #{button.primary ? 'btn-primary' : 'btn-secondary'}">
+ <t t-if="button.icon">
+ <i t-if="button.icon.indexOf('fa-') === 0" t-attf-class="fa fa-fw o_button_icon #{button.icon}" role="img" t-att-aria-label="button.name" t-att-title="button.name"/>
+ <img t-else="" t-att-src="button.icon" t-att-alt="button.name"/>
+ </t>
+ <span t-esc="button.text"/>
+ </button>
+ </div>
+ </div>
+ </div>
+</t>
+
+</templates>