Orchard CMS  —  Преобразование сообщений Orchard в уведомления Toastr с помощью JavaScript

Сообщения Orchard отображаются в виде текстовых сообщений в зоне сообщений. Но иногда нам нужно что-то более красивое, чем простой текст.

В этом примере я буду использовать неблокирующие уведомления.

Сначала установите на свой Orchard Site библиотеку Toastr.

После этого скройте сообщения с помощью CSS, с помощью этого:
.zone-messages .message { display: none; }

Теперь мы получим все сообщения Orchard CMS, и каждое сообщение будет отображаться как уведомление Toastr с правильным типом.

var messageElement;
$('.zone-messages .message').each(function () {
  messageElement = $(this);
  if(messageElement.hasClass('message-Information')) {
    toastr.success(messageElement.html());
  } else if(messageElement.hasClass('message-Warning')) {
    toastr.warning(messageElement.html());
  } else if(messageElement.hasClass('message-Error')) {
    toastr.error(messageElement.html());
  }
});

Если вы хотите, вы можете скачать messages.js отсюда.

Эта функция уже установлена ​​в этой стартовой теме Orchard CMS.

Первоначально опубликовано на https://orchardtricks.dotnest.com.