1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <SmartModal v-if="show" @close="$emit('hide-modal')">
- <template #header>
- <h3 class="heading">{{ $t("edit_folder") }}</h3>
- <div>
- <button class="icon button" @click="hideModal">
- <i class="material-icons">close</i>
- </button>
- </div>
- </template>
- <template #body>
- <label for="selectLabel">{{ $t("label") }}</label>
- <input
- id="selectLabel"
- v-model="name"
- class="input"
- type="text"
- @keyup.enter="editFolder"
- />
- </template>
- <template #footer>
- <span></span>
- <span>
- <button class="icon button" @click="hideModal">
- {{ $t("cancel") }}
- </button>
- <button class="icon button primary" @click="editFolder">
- {{ $t("save") }}
- </button>
- </span>
- </template>
- </SmartModal>
- </template>
- <script>
- export default {
- props: {
- show: Boolean,
- },
- data() {
- return {
- name: null,
- }
- },
- methods: {
- editFolder() {
- this.$emit("submit", this.name)
- this.hideModal()
- },
- hideModal() {
- this.name = null
- this.$emit("hide-modal")
- },
- },
- }
- </script>
|