-<div class="crm-container">
- <div crm-ui-debug="statuses"></div>
- <div crm-ui-debug="preferences"></div>
+<div crm-ui-debug="statuses"></div>
- <form name="crm-system-status" crm-ui-id-scope>
+<h1 crm-page-title crm-document-title="ts('CiviCRM System Status') + ' (' + countVisible(1) + ')'">
+ {{ts('CiviCRM System Status')}}
+</h1>
- <div>
- <h1>Status Page</h1><br />
- <button ng-if="(path === '/status/hushed')" ng-click="navigator.redirect('#/status')">Return home</button>
- <button ng-if="(path === '/status')" ng-click="navigator.redirect('#/status/hushed')">Show snoozed and hushed</button>
- </div>
- <div id="crm-status-list" ng-repeat="status in statuses.values track by status.name" >
+<div id="crm-status-list" crm-ui-tab-set>
+ <div crm-ui-tab
+ ng-repeat="tab in [{is_visible: 1, icon: 'fa-bell'}, {is_visible: 0, icon: 'fa-bell-slash-o'}]"
+ id="tab-status-visible-{{tab.is_visible}}"
+ count="{{countVisible(tab.is_visible)}}"
+ crm-title="tab.is_visible ? ts('Active') : ts('Hidden')"
+ crm-icon="{{tab.icon}}"
+ >
+ <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}}
- <span class="status-snooze-options" ng-show="status.snoozeOptions.show" style="display: inline-block">
- <div crm-snooze-options style="display: inline"></div>
- </span>
- <a ng-if="(path === '/status')" ng-click="showSnoozeOptions(status)" ng-show="!status.snoozeOptions.show" class="crm-hover-button" crm-icon="fa-clock-o" title="{{ts('Snooze')}}"></a>
- <a ng-click="showSnoozeOptions(status)" ng-show="status.snoozeOptions.show" class="crm-hover-button" crm-icon="fa-times" style="display: inline" title="{{ts('Close')}}"></a>
- <a ng-if="(path === '/status')" ng-click="hush(status.name, status.severity)" class="crm-hover-button" crm-icon="fa-bell-slash-o" title="{{ts('Hush')}}"></a>
- <a ng-if="(path === '/status/hushed')" ng-click="unhush(status.name)" class="crm-hover-button" crm-icon="fa-bell-o" title="{{ts('Unhush And Unsnooze')}}"></a>
- </h3>
- <h4>
- <div class="crm-block">
- <div class="crm-group">
- <div class="crm-status-message-body">
- <span ng-bind-html="status.message | trusted"></span>
- <a
- ng-if="status.help"
- class="helpicon"
- ng-click="alert(status.help, status.title, 'info');"
- href="javascript:void(0)"
- >
- </a>
- </div>
- </div>
+ <div statuspage-popup-menu class="hush-menu css_right"></div>
+ <div ng-if="!status.is_visible" class="hidden-until css_right">
+ ({{status.hidden_until ? ts('Hidden until %1', {1: formatDate(status.hidden_until)}) : ts('Hidden permanently')}})
</div>
- </h4><br/>
+ </h3>
+ <div class="crm-block crm-status-message-body">
+ <span ng-bind-html="status.message | trusted"></span>
+ <a
+ ng-if="status.help"
+ class="helpicon"
+ ng-click="alert(status.help, status.title, 'info');"
+ href="javascript:void(0)"
+ >
+ </a>
+ </div>
</div>
-
- </form>
-
+ </div>
</div>