1 files changed, 21 insertions, 4 deletions
diff --git a/app/assets/javascripts/work_items/list/components/work_items_list_app.vue b/app/assets/javascripts/work_items/list/components/work_items_list_app.vue
index fe7cb719bbb..a853018a931 100644
--- a/app/assets/javascripts/work_items/list/components/work_items_list_app.vue
+++ b/app/assets/javascripts/work_items/list/components/work_items_list_app.vue
@@ -1,5 +1,7 @@
 <script>
 import * as Sentry from '@sentry/browser';
+import IssueCardStatistics from 'ee_else_ce/issues/list/components/issue_card_statistics.vue';
+import IssueCardTimeInfo from 'ee_else_ce/issues/list/components/issue_card_time_info.vue';
 import { STATUS_OPEN } from '~/issues/constants';
 import { __, s__ } from '~/locale';
 import IssuableList from '~/vue_shared/issuable/list/components/issuable_list_root.vue';
@@ -8,12 +10,11 @@ import { STATE_CLOSED } from '../../constants';
 import getWorkItemsQuery from '../queries/get_work_items.query.graphql';
 
 export default {
-  i18n: {
-    searchPlaceholder: __('Search or filter results...'),
-  },
   issuableListTabs,
   components: {
     IssuableList,
+    IssueCardStatistics,
+    IssueCardTimeInfo,
   },
   inject: ['fullPath'],
   data() {
@@ -57,17 +58,33 @@ export default {
     :current-tab="state"
     :error="error"
     :issuables="workItems"
+    :issuables-loading="$apollo.queries.workItems.loading"
     namespace="work-items"
     recent-searches-storage-key="issues"
-    :search-input-placeholder="$options.i18n.searchPlaceholder"
     :search-tokens="searchTokens"
     show-work-item-type-icon
     :sort-options="sortOptions"
     :tabs="$options.issuableListTabs"
     @dismiss-alert="error = undefined"
   >
+    <template #nav-actions>
+      <slot name="nav-actions"></slot>
+    </template>
+
+    <template #timeframe="{ issuable = {} }">
+      <issue-card-time-info :issue="issuable" />
+    </template>
+
     <template #status="{ issuable }">
       {{ getStatus(issuable) }}
     </template>
+
+    <template #statistics="{ issuable = {} }">
+      <issue-card-statistics :issue="issuable" />
+    </template>
+
+    <template #list-body>
+      <slot name="list-body"></slot>
+    </template>
   </issuable-list>
 </template>