diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-05 18:08:04 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-05 18:08:04 +0300 |
commit | 63414b32fd0e75477285df4603e9f7b31dffa955 (patch) | |
tree | fe6cb1ad5b1c8c4ddb4dc7300aa9f046b1c93fc2 /app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue | |
parent | 12b995e0e7aace4b7695c4424aed71b053c2c2a6 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue')
-rw-r--r-- | app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue | 181 |
1 files changed, 0 insertions, 181 deletions
diff --git a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue b/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue deleted file mode 100644 index 1972125ed56..00000000000 --- a/app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue +++ /dev/null @@ -1,181 +0,0 @@ -<script> -import { GlModal } from '@gitlab/ui'; -import { __ } from '~/locale'; -import CommitSection from './components/commit/commit_section.vue'; -import PipelineEditorDrawer from './components/drawer/pipeline_editor_drawer.vue'; -import PipelineEditorFileNav from './components/file_nav/pipeline_editor_file_nav.vue'; -import PipelineEditorFileTree from './components/file_tree/container.vue'; -import PipelineEditorHeader from './components/header/pipeline_editor_header.vue'; -import PipelineEditorTabs from './components/pipeline_editor_tabs.vue'; -import { CREATE_TAB, FILE_TREE_DISPLAY_KEY } from './constants'; - -export default { - commitSectionRef: 'commitSectionRef', - modal: { - switchBranch: { - title: __('You have unsaved changes'), - body: __('Uncommitted changes will be lost if you change branches. Do you want to continue?'), - actionPrimary: { - text: __('Switch Branches'), - }, - actionSecondary: { - text: __('Cancel'), - attributes: { variant: 'default' }, - }, - }, - }, - components: { - CommitSection, - GlModal, - PipelineEditorDrawer, - PipelineEditorFileNav, - PipelineEditorFileTree, - PipelineEditorHeader, - PipelineEditorTabs, - }, - props: { - ciConfigData: { - type: Object, - required: true, - }, - ciFileContent: { - type: String, - required: true, - }, - commitSha: { - type: String, - required: false, - default: '', - }, - hasUnsavedChanges: { - type: Boolean, - required: false, - default: false, - }, - isNewCiConfigFile: { - type: Boolean, - required: true, - }, - }, - data() { - return { - currentTab: CREATE_TAB, - scrollToCommitForm: false, - shouldLoadNewBranch: false, - showDrawer: false, - showFileTree: false, - showSwitchBranchModal: false, - }; - }, - computed: { - showCommitForm() { - return this.currentTab === CREATE_TAB; - }, - includesFiles() { - return this.ciConfigData?.includes || []; - }, - }, - mounted() { - this.showFileTree = JSON.parse(localStorage.getItem(FILE_TREE_DISPLAY_KEY)) || false; - }, - methods: { - closeBranchModal() { - this.showSwitchBranchModal = false; - }, - closeDrawer() { - this.showDrawer = false; - }, - handleConfirmSwitchBranch() { - this.showSwitchBranchModal = true; - }, - openDrawer() { - this.showDrawer = true; - }, - toggleFileTree() { - this.showFileTree = !this.showFileTree; - localStorage.setItem(FILE_TREE_DISPLAY_KEY, this.showFileTree); - }, - switchBranch() { - this.showSwitchBranchModal = false; - this.shouldLoadNewBranch = true; - }, - setCurrentTab(tabName) { - this.currentTab = tabName; - }, - setScrollToCommitForm(newValue = true) { - this.scrollToCommitForm = newValue; - }, - }, -}; -</script> - -<template> - <div class="gl-transition-medium gl-w-full"> - <gl-modal - v-if="showSwitchBranchModal" - visible - modal-id="switchBranchModal" - :title="$options.modal.switchBranch.title" - :action-primary="$options.modal.switchBranch.actionPrimary" - :action-secondary="$options.modal.switchBranch.actionSecondary" - @primary="switchBranch" - @secondary="closeBranchModal" - @cancel="closeBranchModal" - @hide="closeBranchModal" - > - {{ $options.modal.switchBranch.body }} - </gl-modal> - <pipeline-editor-file-nav - :has-unsaved-changes="hasUnsavedChanges" - :is-new-ci-config-file="isNewCiConfigFile" - :should-load-new-branch="shouldLoadNewBranch" - @select-branch="handleConfirmSwitchBranch" - @toggle-file-tree="toggleFileTree" - v-on="$listeners" - /> - <div class="gl-display-flex gl-w-full gl-sm-flex-direction-column"> - <pipeline-editor-file-tree - v-if="showFileTree" - class="gl-flex-shrink-0" - :includes="includesFiles" - /> - <div class="gl-flex-grow-1 gl-min-w-0"> - <pipeline-editor-header - :ci-config-data="ciConfigData" - :commit-sha="commitSha" - :is-new-ci-config-file="isNewCiConfigFile" - v-on="$listeners" - /> - <pipeline-editor-tabs - :ci-config-data="ciConfigData" - :ci-file-content="ciFileContent" - :commit-sha="commitSha" - :current-tab="currentTab" - :is-new-ci-config-file="isNewCiConfigFile" - :show-drawer="showDrawer" - v-on="$listeners" - @open-drawer="openDrawer" - @close-drawer="closeDrawer" - @set-current-tab="setCurrentTab" - @walkthrough-popover-cta-clicked="setScrollToCommitForm" - /> - </div> - </div> - <commit-section - v-show="showCommitForm" - :ref="$options.commitSectionRef" - :ci-file-content="ciFileContent" - :commit-sha="commitSha" - :has-unsaved-changes="hasUnsavedChanges" - :is-new-ci-config-file="isNewCiConfigFile" - :scroll-to-commit-form="scrollToCommitForm" - @scrolled-to-commit-form="setScrollToCommitForm(false)" - v-on="$listeners" - /> - <pipeline-editor-drawer - :is-visible="showDrawer" - v-on="$listeners" - @close-drawer="closeDrawer" - /> - </div> -</template> |