.modal.fade id=“notification-#{notification.id}” tabindex=“-1” role=“dialog” aria-labelledby=“viewNotification” data-keyboard=“false” data-backdrop=“static”

.modal-dialog
  .modal-content
    .card.m-b-0
      .card-header
        .media
          .pull-left
            img.lv-img alt="" src="#{Configuration::USER_PHOTO_URL}#{notification.creator.hxt_id}" title="#{notification.creator.full_name}" onError="this.onerror=null;this.src='/sinatra-hexacta/img/noimage.jpg';"
          .media-body.m-t-5
            h2
              | #{notification.title}
              small de #{notification.creator.full_name} el #{notification.creation_date.display}
      .card-body.card-padding
        p #{notification.message}
    .modal-footer
      button.btn.btn-link.waves-effect data-dismiss="modal" type="button" Cerrar

javascript:

$(window).on('load',function(){
    $("#notification-#{notification.id}").modal('show');
    $('#notification-#{notification.id}').on('hidden.bs.modal', function () {
      $.ajax({
        url: "/notifications/#{notification.id}",
        type: 'POST',
        data: {}
      });
    });
});