Add latest changes from gitlab-org/gitlab@master

2 files changed, 53 insertions, 0 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
new file mode 100644
index 00000000000..4180d484357
--- /dev/null
+++ b/app/assets/javascripts/work_items/list/components/work_items_list_app.vue
@@ -0,0 +1,37 @@
+<script>
+import { STATUS_OPEN } from '~/issues/constants';
+import { __ } from '~/locale';
+import IssuableList from '~/vue_shared/issuable/list/components/issuable_list_root.vue';
+import { issuableListTabs } from '~/vue_shared/issuable/list/constants';
+
+export default {
+  i18n: {
+    searchPlaceholder: __('Search or filter results...'),
+  },
+  issuableListTabs,
+  components: {
+    IssuableList,
+  },
+  data() {
+    return {
+      issues: [],
+      searchTokens: [],
+      sortOptions: [],
+      state: STATUS_OPEN,
+    };
+  },
+};
+</script>
+
+<template>
+  <issuable-list
+    :current-tab="state"
+    :issuables="issues"
+    namespace="work-items"
+    recent-searches-storage-key="issues"
+    :search-input-placeholder="$options.i18n.searchPlaceholder"
+    :search-tokens="searchTokens"
+    :sort-options="sortOptions"
+    :tabs="$options.issuableListTabs"
+  />
+</template>
diff --git a/app/assets/javascripts/work_items/list/index.js b/app/assets/javascripts/work_items/list/index.js
new file mode 100644
index 00000000000..5b701893471
--- /dev/null
+++ b/app/assets/javascripts/work_items/list/index.js
@@ -0,0 +1,16 @@
+import Vue from 'vue';
+import WorkItemsListApp from '~/work_items/list/components/work_items_list_app.vue';
+
+export const mountWorkItemsListApp = () => {
+  const el = document.querySelector('.js-work-items-list-root');
+
+  if (!el) {
+    return null;
+  }
+
+  return new Vue({
+    el,
+    name: 'WorkItemsListRoot',
+    render: (createComponent) => createComponent(WorkItemsListApp),
+  });
+};