110 lines
2.5 KiB
Vue
110 lines
2.5 KiB
Vue
<script>
|
|
import lockedWarning from './locked_warning.vue';
|
|
import titleField from './fields/title.vue';
|
|
import descriptionField from './fields/description.vue';
|
|
import editActions from './edit_actions.vue';
|
|
import descriptionTemplate from './fields/description_template.vue';
|
|
|
|
export default {
|
|
components: {
|
|
lockedWarning,
|
|
titleField,
|
|
descriptionField,
|
|
descriptionTemplate,
|
|
editActions,
|
|
},
|
|
props: {
|
|
canDestroy: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
formState: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
issuableTemplates: {
|
|
type: Array,
|
|
required: false,
|
|
default: () => [],
|
|
},
|
|
markdownPreviewPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
markdownDocsPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
projectPath: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
projectNamespace: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
showDeleteButton: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: true,
|
|
},
|
|
canAttachFile: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: true,
|
|
},
|
|
enableAutocomplete: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: true,
|
|
},
|
|
},
|
|
computed: {
|
|
hasIssuableTemplates() {
|
|
return this.issuableTemplates.length;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<form>
|
|
<locked-warning v-if="formState.lockedWarningVisible" />
|
|
<div class="row">
|
|
<div
|
|
class="col-sm-4 col-lg-3"
|
|
v-if="hasIssuableTemplates">
|
|
<description-template
|
|
:form-state="formState"
|
|
:issuable-templates="issuableTemplates"
|
|
:project-path="projectPath"
|
|
:project-namespace="projectNamespace"
|
|
/>
|
|
</div>
|
|
<div
|
|
:class="{
|
|
'col-sm-8 col-lg-9': hasIssuableTemplates,
|
|
'col-12': !hasIssuableTemplates,
|
|
}"
|
|
>
|
|
<title-field
|
|
:form-state="formState"
|
|
:issuable-templates="issuableTemplates"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<description-field
|
|
:form-state="formState"
|
|
:markdown-preview-path="markdownPreviewPath"
|
|
:markdown-docs-path="markdownDocsPath"
|
|
:can-attach-file="canAttachFile"
|
|
:enable-autocomplete="enableAutocomplete"
|
|
/>
|
|
<edit-actions
|
|
:form-state="formState"
|
|
:can-destroy="canDestroy"
|
|
:show-delete-button="showDeleteButton"
|
|
/>
|
|
</form>
|
|
</template>
|