UX: Add headers for webhook events

This commit is contained in:
Erick Guan
2016-09-15 12:57:04 +08:00
committed by Guo Xiang Tan
parent 00d5facf36
commit 48fb0558d8
5 changed files with 30 additions and 11 deletions

View File

@@ -26,7 +26,7 @@ export default Ember.Component.extend({
@computed('model.duration')
completion(duration) {
const seconds = Math.floor(duration / 10.0) / 100.0;
return I18n.t('admin.web_hooks.events.completion', { seconds });
return I18n.t('admin.web_hooks.events.completed_in', { count: seconds });
},
actions: {

View File

@@ -1,4 +1,4 @@
<div class="col first">
<div class="col first status">
<span class="{{statusColorClasses}}">{{model.status}}</span>
</div>
<div class="col event-id">{{model.id}}</div>

View File

@@ -10,14 +10,22 @@
<div class='web-hook-events-listing'>
{{#if model}}
{{#if hasIncoming}}
<div class='alert alert-info clickable' {{action "showInserted"}}>
{{count-i18n key="admin.web_hooks.events.incoming" count=incomingCount}}
{{i18n 'click_to_show'}}
</div>
{{/if}}
{{#load-more selector=".web-hook-events li" action="loadMore"}}
<div class='web-hook-events content-list'>
<div class='heading-container'>
<div class='col heading first status'>{{i18n 'admin.web_hooks.events.status'}}</div>
<div class='col heading event-id'>{{i18n 'admin.web_hooks.events.event_id'}}</div>
<div class='col heading timestamp'>{{i18n 'admin.web_hooks.events.timestamp'}}</div>
<div class='col heading completion'>{{i18n 'admin.web_hooks.events.completion'}}</div>
<div class='col heading actions'>{{i18n 'admin.web_hooks.events.actions'}}</div>
<div class='clearfix'></div>
</div>
{{#if hasIncoming}}
<div class='alert alert-info clickable' {{action "showInserted"}}>
{{count-i18n key="admin.web_hooks.events.incoming" count=incomingCount}}
{{i18n 'click_to_show'}}
</div>
{{/if}}
<ul>
{{#each model as |webHookEvent|}}
{{admin-web-hook-event model=webHookEvent}}