diff options
author | Phil Hughes <me@iamphill.com> | 2018-06-01 12:12:18 +0100 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-06-01 12:12:18 +0100 |
commit | 9ffb60acd8ab646eabfa32e6faaa3802c2aef2a6 (patch) | |
tree | 71322166368986c869e5607ec9f2f1066d0c4e3e /app/assets/javascripts/ide/components/panes/right.vue | |
parent | 8868c919a3c798f7d5753e250723df6d285de7b0 (diff) | |
parent | e206e32881e4fbfcbe647d7b2ee713c99ef1bf99 (diff) | |
download | gitlab-ce-9ffb60acd8ab646eabfa32e6faaa3802c2aef2a6.tar.gz |
Merge branch 'master' into ide-list-merge-requests
Diffstat (limited to 'app/assets/javascripts/ide/components/panes/right.vue')
-rw-r--r-- | app/assets/javascripts/ide/components/panes/right.vue | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/panes/right.vue b/app/assets/javascripts/ide/components/panes/right.vue new file mode 100644 index 00000000000..703c4a70cfa --- /dev/null +++ b/app/assets/javascripts/ide/components/panes/right.vue @@ -0,0 +1,65 @@ +<script> +import { mapActions, mapState } from 'vuex'; +import tooltip from '../../../vue_shared/directives/tooltip'; +import Icon from '../../../vue_shared/components/icon.vue'; +import { rightSidebarViews } from '../../constants'; +import PipelinesList from '../pipelines/list.vue'; + +export default { + directives: { + tooltip, + }, + components: { + Icon, + PipelinesList, + }, + computed: { + ...mapState(['rightPane']), + }, + methods: { + ...mapActions(['setRightPane']), + clickTab(e, view) { + e.target.blur(); + + this.setRightPane(view); + }, + }, + rightSidebarViews, +}; +</script> + +<template> + <div + class="multi-file-commit-panel ide-right-sidebar" + > + <div + class="multi-file-commit-panel-inner" + v-if="rightPane" + > + <component :is="rightPane" /> + </div> + <nav class="ide-activity-bar"> + <ul class="list-unstyled"> + <li> + <button + v-tooltip + data-container="body" + data-placement="left" + :title="__('Pipelines')" + class="ide-sidebar-link is-right" + :class="{ + active: rightPane === $options.rightSidebarViews.pipelines + }" + type="button" + @click="clickTab($event, $options.rightSidebarViews.pipelines)" + > + <icon + :size="16" + name="pipeline" + /> + </button> + </li> + </ul> + </nav> + </div> +</template> |