CRM-13823 - Switch statusPage to use tabbed interface
[civicrm-core.git] / ang / crmStatusPage / StatusPage.html
1 <div class="crm-container">
2 <div crm-ui-debug="statuses"></div>
3 <div crm-ui-debug="preferences"></div>
4
5 <form name="crm-system-status" crm-ui-id-scope>
6
7 <div>
8 <h1>Status Page</h1>
9 </div>
10
11 <div crm-ui-tab-set>
12 <div
13 ng-repeat="tab in [{is_visible: 1, name: 'visible'}, {is_visible: 0, name: 'hidden'}]"
14 crm-ui-tab id="tab-{{tab.name}}"
15 crm-title="tab.is_visible ? ts('Active') : ts('Hushed/Snoozed')"
16 >
17 <div id="crm-status-list" ng-repeat="status in statuses.values | filter:{is_visible: tab.is_visible}" >
18 <h3 class="crm-severity-{{status.severity}}">
19 <i ng-if="status.icon" class="crm-i {{status.icon}}"></i>
20 {{status.title}}
21 <span class="status-snooze-options" ng-show="status.snoozeOptions.show" style="display: inline-block">
22 <div crm-snooze-options style="display: inline"></div>
23 </span>
24 <a ng-if="status.is_visible" ng-click="showSnoozeOptions(status)" ng-show="!status.snoozeOptions.show" class="crm-hover-button" crm-icon="fa-clock-o" title="{{ts('Snooze')}}"></a>
25 <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>
26 <a ng-if="status.is_visible" ng-click="hush(status.name, status.severity)" class="crm-hover-button" crm-icon="fa-bell-slash-o" title="{{ts('Hush')}}"></a>
27 <a ng-if="!status.is_visible" ng-click="unhush(status.name)" class="crm-hover-button" crm-icon="fa-bell-o" title="{{ts('Unhush And Unsnooze')}}"></a>
28 </h3>
29 <h4>
30 <div class="crm-block">
31 <div class="crm-group">
32 <div class="crm-status-message-body">
33 <span ng-bind-html="status.message | trusted"></span>
34 <a
35 ng-if="status.help"
36 class="helpicon"
37 ng-click="alert(status.help, status.title, 'info');"
38 href="javascript:void(0)"
39 >
40 </a>
41 </div>
42 </div>
43 </div>
44 </h4><br/>
45 </div>
46
47 </div>
48 </div>
49
50 </form>
51
52 </div>