@windward/core 0.0.1

package/components/Settings/UserUploadSettings.vue

@@ -0,0 +1,151 @@
+<template>
+    <div>
+        <v-switch
+            v-model="block.metadata.config.uploadSettings.multiple"
+            :label="
+                $t(
+                    'windward.core.components.settings.user_upload.accept_multiple'
+                )
+            "
+        ></v-switch>
+        <v-select
+            v-model="block.metadata.config.uploadSettings.accept"
+            :hide-details="true"
+            :items="acceptOptions"
+            item-text="name"
+            item-value="value"
+            outlined
+            dense
+            :label="
+                $t('windward.core.components.settings.user_upload.accept_types')
+            "
+        ></v-select>
+        <v-btn @click="onToggleExpand()" class="mt-4">
+            <v-icon v-if="!block.metadata.config.expand"
+                >mdi-arrow-expand-all</v-icon
+            >
+            <v-icon v-if="block.metadata.config.expand">
+                mdi-arrow-collapse-all
+            </v-icon>
+        </v-btn>
+        <v-row v-if="!block.metadata.config.expand">
+            <v-col cols="12">
+                <h3 class="pb-4 pt-4">
+                    {{
+                        $t(
+                            'windward.core.components.content.blocks.user_upload.instructions_title'
+                        )
+                    }}
+                </h3>
+                <TextEditor v-model="block.metadata.config.instructions" />
+            </v-col>
+        </v-row>
+        <v-skeleton-loader
+            v-bind="attrs"
+            type=" table-row-divider, list-item, divider, list-item, divider, image,image"
+            v-show="block.metadata.config.expand"
+        ></v-skeleton-loader>
+    </div>
+</template>
+<script>
+import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import Crypto from '~/helpers/Crypto'
+import TextEditor from '~/components/Text/TextEditor.vue'
+import _ from 'lodash'
+
+export default {
+    name: 'UserUploadSettings',
+    extends: BaseContentSettings,
+    components: { TextEditor },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = 'user uplaod'
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.expand)) {
+            this.block.metadata.config.expand = false
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.uploadSettings)) {
+            this.block.metadata.config.uploadSettings = {
+                multiple: false,
+                accept: '',
+            }
+        }
+    },
+    data() {
+        return {
+            valid: true,
+            debounce: null,
+            loading: false,
+            key: '',
+            acceptOptions: [
+                {
+                    name: this.$t(
+                        'windward.core.components.settings.user_upload.types.all'
+                    ),
+                    value: '*',
+                },
+                {
+                    name: this.$t(
+                        'windward.core.components.settings.user_upload.types.all_image'
+                    ),
+                    value: 'image/jpeg,image/gif,image/png',
+                },
+                {
+                    name: this.$t(
+                        'windward.core.components.settings.user_upload.types.all_word'
+                    ),
+                    value: 'application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+                },
+                {
+                    name: this.$t(
+                        'windward.core.components.settings.user_upload.types.all_excel'
+                    ),
+                    value: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                },
+                {
+                    name: this.$t(
+                        'windward.core.components.settings.user_upload.types.all_zip'
+                    ),
+                    value: 'application/zip',
+                },
+            ],
+            attrs: {
+                class: 'mb-6',
+                boilerplate: true,
+                elevation: 0,
+            },
+        }
+    },
+    mounted() {},
+    beforeDestroy() {
+        if (this.debouncer) {
+            clearTimeout(this.debouncer)
+        }
+    },
+
+    methods: {
+        onToggleExpand() {
+            this.key = Crypto.id()
+            return (this.block.metadata.config.expand =
+                !this.block.metadata.config.expand)
+        },
+    },
+}
+</script>
+<style scoped>
+.v-progress-circular {
+    margin: 1rem;
+}
+</style>