mirror of
https://github.com/frappe/erpnext.git
synced 2026-06-08 23:52:57 +00:00
[feat] new component: NotificationMessage
This commit is contained in:
20
erpnext/public/js/hub/components/notification_message.js
Normal file
20
erpnext/public/js/hub/components/notification_message.js
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
const NotificationMessage = (message) => {
|
||||||
|
const $message = $(`<div class="subpage-message">
|
||||||
|
<p class="text-muted flex">
|
||||||
|
<span>
|
||||||
|
${message}
|
||||||
|
</span>
|
||||||
|
<i class="octicon octicon-x text-extra-muted"></i>
|
||||||
|
</p>
|
||||||
|
</div>`);
|
||||||
|
|
||||||
|
$message.find('.octicon-x').on('click', () => {
|
||||||
|
$message.remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
return $message;
|
||||||
|
}
|
||||||
|
|
||||||
|
export {
|
||||||
|
NotificationMessage
|
||||||
|
}
|
||||||
@@ -212,23 +212,6 @@ erpnext.hub.Publish = class Publish extends SubPage {
|
|||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
|
||||||
show_message(message) {
|
|
||||||
const $message = $(`<div class="subpage-message">
|
|
||||||
<p class="text-muted flex">
|
|
||||||
<span>
|
|
||||||
${message}
|
|
||||||
</span>
|
|
||||||
<i class="octicon octicon-x text-extra-muted"></i>
|
|
||||||
</p>
|
|
||||||
</div>`);
|
|
||||||
|
|
||||||
$message.find('.octicon-x').on('click', () => {
|
|
||||||
$message.remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
this.$wrapper.prepend($message);
|
|
||||||
}
|
|
||||||
|
|
||||||
make_publish_in_progress_state() {
|
make_publish_in_progress_state() {
|
||||||
this.$wrapper.empty();
|
this.$wrapper.empty();
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
import { NotificationMessage } from '../components/notification_message';
|
||||||
|
|
||||||
export default class SubPage {
|
export default class SubPage {
|
||||||
constructor(parent, options) {
|
constructor(parent, options) {
|
||||||
this.$parent = $(parent);
|
this.$parent = $(parent);
|
||||||
@@ -42,4 +44,8 @@ export default class SubPage {
|
|||||||
hide() {
|
hide() {
|
||||||
this.$wrapper.hide();
|
this.$wrapper.hide();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
show_message(message) {
|
||||||
|
this.$wrapper.prepend(NotificationMessage(message));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user