notifications: move all notifications into polymer for consistency fix #4201

rhodecode/lib/helpers.py

@@ -678,6 +678,20 b' class Flash(_Flash):'
         session.save()
         return messages
 
+    def json_alerts(self):
+        payloads = []
+        messages = flash.pop_messages()
+        if messages:
+          for message in messages:
+            payloads.append({
+                'message': {
+                    'message': u'{}'.format(message.message),
+                    'level':   message.category,
+                    'force': 'true'
+                }
+            })
+        return json.dumps(payloads)
+
 flash = Flash()
 
 #==============================================================================

rhodecode/public/js/src/components/rhodecode-app/rhodecode-app.js

@@ -3,10 +3,14 b' ccLog.setLevel(Logger.OFF);'
 
 var rhodeCodeApp = Polymer({
     is: 'rhodecode-app',
-    created: function () {
+    attached: function () {
         ccLog.debug('rhodeCodeApp created');
         $.Topic('/notifications').subscribe(this.handleNotifications.bind(this));
 
+        for (var i = 0; i < alertMessagePayloads.length; i++) {
+            $.Topic('/notifications').publish(alertMessagePayloads[i]);
+        }
+
         $.Topic('/plugins/__REGISTER__').subscribe(
             this.kickoffChannelstreamPlugin.bind(this)
         );

rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html

@@ -21,7 +21,7 b''
                 </template>
             </div>
             <div class="toast-close">
-                <button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close now')}}</button>
+                <button on-tap="dismissNotifications" class="btn btn-default">{{_gettext('Close')}}</button>
             </div>
         </paper-toast>
     </template>

rhodecode/templates/base/flash_msg.html

@@ -1,16 +0,0 b''
-<div class="flash_msg">
-    <% messages = h.flash.pop_messages() %>
-    % if messages:
-        % for message in messages:
-            <div class="alert alert-dismissable alert-${message.category}">
-              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-              ${message}
-            </div>
-        % endfor
-    % endif
-    <script>
-    if (typeof jQuery != 'undefined') {
-        $(".alert").alert();
-    }
-    </script>
-</div>

rhodecode/templates/base/root.html

@@ -116,6 +116,7 b" c.template_context['visual']['default_re"
             <script language="javascript" type="text/javascript" src="${h.asset('js/excanvas.min.js')}"></script>
             <![endif]-->
             <script language="javascript" type="text/javascript" src="${h.asset('js/rhodecode/routes.js', ver=c.rhodecode_version_hash)}"></script>
+            <script> var alertMessagePayloads = ${h.flash.json_alerts()|n}; </script>
             <script language="javascript" type="text/javascript" src="${h.asset('js/scripts.js', ver=c.rhodecode_version_hash)}"></script>
             <script>
                 var e = document.createElement('script');