1 files changed, 32 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/repo_prev_directory.vue b/app/assets/javascripts/ide/components/repo_prev_directory.vue
new file mode 100644
index 00000000000..7cd359ea4ed
--- /dev/null
+++ b/app/assets/javascripts/ide/components/repo_prev_directory.vue
@@ -0,0 +1,32 @@
+<script>
+  import { mapState, mapActions } from 'vuex';
+
+  export default {
+    computed: {
+      ...mapState([
+        'parentTreeUrl',
+        'leftPanelCollapsed',
+      ]),
+      colSpanCondition() {
+        return this.leftPanelCollapsed ? undefined : 3;
+      },
+    },
+    methods: {
+      ...mapActions([
+        'getTreeData',
+      ]),
+    },
+  };
+</script>
+
+<template>
+  <tr class="file prev-directory">
+    <td
+      :colspan="colSpanCondition"
+      class="table-cell"
+      @click.prevent="getTreeData({ endpoint: parentTreeUrl })"
+    >
+      <a :href="parentTreeUrl">...</a>
+    </td>
+  </tr>
+</template>