<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[BuddyPress][12058] trunk/src/bp-templates/bp-nouveau: BP Nouveau: use a JS Template for the feedbacks of the Messages UI</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://buddypress.trac.wordpress.org/changeset/12058">12058</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://buddypress.trac.wordpress.org/changeset/12058","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>imath</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-05-05 06:21:08 +0000 (Sat, 05 May 2018)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>BP Nouveau: use a JS Template for the feedbacks of the Messages UI

Using a JS template avoids to transport common HTML tags inside the Ajax replies.

See <a href="http://buddypress.trac.wordpress.org/ticket/7794">#7794</a></pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcbptemplatesbpnouveaubuddypresscommonjstemplatesmessagesindexphp">trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php</a></li>
<li><a href="#trunksrcbptemplatesbpnouveauincludesmessagesajaxphp">trunk/src/bp-templates/bp-nouveau/includes/messages/ajax.php</a></li>
<li><a href="#trunksrcbptemplatesbpnouveauincludesmessagesfunctionsphp">trunk/src/bp-templates/bp-nouveau/includes/messages/functions.php</a></li>
<li><a href="#trunksrcbptemplatesbpnouveaujsbuddypressmessagesjs">trunk/src/bp-templates/bp-nouveau/js/buddypress-messages.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcbptemplatesbpnouveaubuddypresscommonjstemplatesmessagesindexphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php       2018-05-05 04:59:09 UTC (rev 12057)
+++ trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php 2018-05-05 06:21:08 UTC (rev 12058)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,6 +13,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="bp-messages-feedback"></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="bp-messages-content"></div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<script type="text/html" id="tmpl-bp-messages-feedback">
+       <div class="bp-feedback {{data.type}}">
+               <span class="bp-icon" aria-hidden="true"></span>
+               <p>{{{data.message}}}</p>
+       </div>
+</script>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <script type="text/html" id="tmpl-bp-messages-form">
</span><span class="cx" style="display: block; padding: 0 10px">        <?php bp_nouveau_messages_hook( 'before', 'compose_content' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="trunksrcbptemplatesbpnouveauincludesmessagesajaxphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-nouveau/includes/messages/ajax.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-nouveau/includes/messages/ajax.php      2018-05-05 04:59:09 UTC (rev 12057)
+++ trunk/src/bp-templates/bp-nouveau/includes/messages/ajax.php        2018-05-05 06:21:08 UTC (rev 12058)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -107,7 +107,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function bp_nouveau_ajax_messages_send_reply() {
</span><span class="cx" style="display: block; padding: 0 10px">        $response = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'There was a problem sending your reply. Please try again.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => __( 'There was a problem sending your reply. Please try again.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'error',
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -186,7 +186,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        wp_send_json_success( array(
</span><span class="cx" style="display: block; padding: 0 10px">                'messages' => array( $reply ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback success"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Your reply was sent successfully', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => __( 'Your reply was sent successfully', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'success',
</span><span class="cx" style="display: block; padding: 0 10px">        ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -199,7 +199,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( empty( $_POST['nonce'] ) || ! wp_verify_nonce( $_POST['nonce'], 'bp_nouveau_messages' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                wp_send_json_error( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Unauthorized request.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 'feedback' => __( 'Unauthorized request.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         'type'     => 'error'
</span><span class="cx" style="display: block; padding: 0 10px">                ) );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -214,7 +214,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        // Simulate the loop.
</span><span class="cx" style="display: block; padding: 0 10px">        if ( ! bp_has_message_threads( bp_ajax_querystring( 'messages' ) ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                wp_send_json_error( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'feedback' => '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Sorry, no messages were found.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 'feedback' => __( 'Sorry, no messages were found.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         'type'     => 'info'
</span><span class="cx" style="display: block; padding: 0 10px">                ) );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -341,13 +341,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( empty( $_POST['nonce'] ) || ! wp_verify_nonce( $_POST['nonce'], 'bp_nouveau_messages' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                wp_send_json_error( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Unauthorized request.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 'feedback' => __( 'Unauthorized request.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         'type'     => 'error'
</span><span class="cx" style="display: block; padding: 0 10px">                ) );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        $response = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Sorry, no messages were found.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => __( 'Sorry, no messages were found.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'info'
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -434,7 +434,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function bp_nouveau_ajax_delete_thread_messages() {
</span><span class="cx" style="display: block; padding: 0 10px">        $response = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'There was a problem deleting your message(s). Please try again.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => __( 'There was a problem deleting your message(s). Please try again.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'error',
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -457,7 +457,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        wp_send_json_success( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Message(s) deleted', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => __( 'Message(s) deleted', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'success',
</span><span class="cx" style="display: block; padding: 0 10px">        ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -479,7 +479,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        $response = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . esc_html( $error_message ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => esc_html( $error_message ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'error',
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -555,7 +555,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        wp_send_json_success( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'feedback' => '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . esc_html( $success_message ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'feedback' => esc_html( $success_message ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'type'     => 'success',
</span><span class="cx" style="display: block; padding: 0 10px">                'messages' => $messages,
</span><span class="cx" style="display: block; padding: 0 10px">        ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -578,7 +578,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( 'unread' === $action ) {
</span><span class="cx" style="display: block; padding: 0 10px">                $response = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'feedback' => '<div class="bp-feedback error"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'There was a problem marking your message(s) as unread. Please try again.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 'feedback' => __( 'There was a problem marking your message(s) as unread. Please try again.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         'type'     => 'error',
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -596,9 +596,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">        $response['messages'] = array();
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        if ( 'unread' === $action ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $response['feedback'] = '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Message(s) marked as unread.', 'buddypress' ) . '</p></div>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $response['feedback'] = __( 'Message(s) marked as unread.', 'buddypress' );
</ins><span class="cx" style="display: block; padding: 0 10px">         } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                $response['feedback'] = '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Message(s) marked as read.', 'buddypress' ) . '</p></div>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         $response['feedback'] = __( 'Message(s) marked as read.', 'buddypress' );
</ins><span class="cx" style="display: block; padding: 0 10px">         }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        foreach ( $thread_ids as $thread_id ) {
</span></span></pre></div>
<a id="trunksrcbptemplatesbpnouveauincludesmessagesfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-nouveau/includes/messages/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-nouveau/includes/messages/functions.php 2018-05-05 04:59:09 UTC (rev 12057)
+++ trunk/src/bp-templates/bp-nouveau/includes/messages/functions.php   2018-05-05 06:21:08 UTC (rev 12058)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -98,7 +98,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                'nonces' => array(
</span><span class="cx" style="display: block; padding: 0 10px">                        'send' => wp_create_nonce( 'messages_send_message' ),
</span><span class="cx" style="display: block; padding: 0 10px">                ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'loading' => '<div class="bp-feedback info"><span class="bp-icon" aria-hidden="true"></span><p>' . __( 'Loading messages. Please wait.', 'buddypress' ) . '</p></div>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'loading' => __( 'Loading messages. Please wait.', 'buddypress' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 'bulk_actions' => bp_nouveau_messages_get_bulk_actions(),
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="trunksrcbptemplatesbpnouveaujsbuddypressmessagesjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/bp-templates/bp-nouveau/js/buddypress-messages.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/bp-templates/bp-nouveau/js/buddypress-messages.js       2018-05-05 04:59:09 UTC (rev 12057)
+++ trunk/src/bp-templates/bp-nouveau/js/buddypress-messages.js 2018-05-05 06:21:08 UTC (rev 12058)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -452,18 +452,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">        bp.Views.Feedback = bp.Nouveau.Messages.View.extend( {
</span><span class="cx" style="display: block; padding: 0 10px">                tagName: 'div',
</span><span class="cx" style="display: block; padding: 0 10px">                className: 'bp-messages bp-user-messages-feedback',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                template  : bp.template( 'bp-messages-feedback' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                initialize: function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        this.value = this.options.value;
-
-                       if ( this.options.type ) {
-                               this.el.className += ' ' + this.options.type;
-                       }
-               },
-
-               render: function() {
-                       this.$el.html( this.value );
-                       return this;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 this.model = new Backbone.Model( {
+                               type: this.options.type || 'info',
+                               message: this.options.value
+                       } );
</ins><span class="cx" style="display: block; padding: 0 10px">                 }
</span><span class="cx" style="display: block; padding: 0 10px">        } );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre>
</div>
</div>

</body>
</html>