CRM-13823 - Fix invalid markup and add animation

diff --git a/ang/crmStatusPage/StatusPage.html b/ang/crmStatusPage/StatusPage.html
index 9ffa5d9134a3771a29f49189a740e46313162b6a..9e5de8d4da6bbe604c16041ac6de5815a734d7a1 100644 (file)
--- a/ang/crmStatusPage/StatusPage.html
+++ b/ang/crmStatusPage/StatusPage.html
@@ -7,7 +7,7 @@
       <h1>{{ts('Status Messages')}}</h1>
     </div>
 
-    <div crm-ui-tab-set>
+    <div id="crm-status-list" crm-ui-tab-set>
       <div
         ng-repeat="tab in [{is_visible: 1, icon: 'fa-bell'}, {is_visible: 0, icon: 'fa-bell-slash-o'}]"
         crm-ui-tab
@@ -16,7 +16,7 @@
         crm-title="tab.is_visible ? ts('Active') : ts('Hidden')"
         crm-icon="{{tab.icon}}"
         >
-        <div id="crm-status-list" ng-repeat="status in statuses | filter:{is_visible: tab.is_visible}" >
+        <div class="crm-status-item" ng-repeat="status in statuses | filter:{is_visible: tab.is_visible}" >
           <h3 class="crm-severity-{{status.severity}}">
             <i ng-if="status.icon" class="crm-i {{status.icon}}"></i>
             {{status.title}}

diff --git a/ang/crmStatusPage/StatusPageServices.js b/ang/crmStatusPage/StatusPageServices.js
index c4e97fc516bf442d51bc76efb058340f853d5e1f..0173484b5cb930acdbe3f3186c9e6dfa8b2d8109 100644 (file)
--- a/ang/crmStatusPage/StatusPageServices.js
+++ b/ang/crmStatusPage/StatusPageServices.js
@@ -24,6 +24,10 @@
               });
             });
           });
+          // TODO: Is there a more "Angular" way to do this animation?
+          element.on('click', 'button:not(.hush-menu-button), li', function() {
+            $(this).closest('div.crm-status-item').slideUp();
+          })
         }
       };
     });