diff options
Diffstat (limited to 'app/assets/javascripts/issue_show/components/fields/description_template.vue')
-rw-r--r-- | app/assets/javascripts/issue_show/components/fields/description_template.vue | 111 |
1 files changed, 0 insertions, 111 deletions
diff --git a/app/assets/javascripts/issue_show/components/fields/description_template.vue b/app/assets/javascripts/issue_show/components/fields/description_template.vue deleted file mode 100644 index 35e7860cd9b..00000000000 --- a/app/assets/javascripts/issue_show/components/fields/description_template.vue +++ /dev/null @@ -1,111 +0,0 @@ -<script> -import { GlIcon } from '@gitlab/ui'; -import $ from 'jquery'; -import IssuableTemplateSelectors from '../../../templates/issuable_template_selectors'; - -export default { - components: { - GlIcon, - }, - props: { - formState: { - type: Object, - required: true, - }, - issuableTemplates: { - type: [Object, Array], - required: false, - default: () => ({}), - }, - projectPath: { - type: String, - required: true, - }, - projectId: { - type: Number, - required: true, - }, - projectNamespace: { - type: String, - required: true, - }, - }, - computed: { - issuableTemplatesJson() { - return JSON.stringify(this.issuableTemplates); - }, - }, - mounted() { - // Create the editor for the template - const editor = document.querySelector('.detail-page-description .note-textarea') || {}; - editor.setValue = (val) => { - // eslint-disable-next-line vue/no-mutating-props - this.formState.description = val; - }; - editor.getValue = () => this.formState.description; - - this.issuableTemplate = new IssuableTemplateSelectors({ - $dropdowns: $(this.$refs.toggle), - editor, - }); - }, -}; -</script> - -<template> - <!-- eslint-disable @gitlab/vue-no-data-toggle --> - <div class="dropdown js-issuable-selector-wrap gl-mb-0" data-issuable-type="issues"> - <button - ref="toggle" - :data-namespace-path="projectNamespace" - :data-project-path="projectPath" - :data-project-id="projectId" - :data-data="issuableTemplatesJson" - class="dropdown-menu-toggle js-issuable-selector gl-button" - type="button" - data-field-name="issuable_template" - data-selected="null" - data-toggle="dropdown" - > - <span class="dropdown-toggle-text">{{ __('Choose a template') }}</span> - <gl-icon name="chevron-down" class="gl-absolute gl-top-3 gl-right-3 gl-text-gray-500" /> - </button> - <div class="dropdown-menu dropdown-select"> - <div class="dropdown-title gl-display-flex gl-justify-content-center"> - <span class="gl-ml-auto">{{ __('Choose a template') }}</span> - <button - class="dropdown-title-button dropdown-menu-close gl-ml-auto" - :aria-label="__('Close')" - type="button" - > - <gl-icon name="close" class="dropdown-menu-close-icon" /> - </button> - </div> - <div class="dropdown-input"> - <input - type="search" - class="dropdown-input-field" - :placeholder="__('Filter')" - autocomplete="off" - /> - <gl-icon name="search" class="dropdown-input-search" /> - <gl-icon - name="close" - class="dropdown-input-clear js-dropdown-input-clear" - :aria-label="__('Clear templates search input')" - /> - </div> - <div class="dropdown-content"></div> - <div class="dropdown-footer"> - <ul class="dropdown-footer-list"> - <li> - <a class="no-template">{{ __('No template') }}</a> - </li> - <li> - <a class="reset-template">{{ __('Reset template') }}</a> - </li> - </ul> - </div> - </div> - </div> -</template> |