fix ability to show all editor actions with empty setting

Author: bezumkin

frontend/nuxt.config.ts

@@ -37,16 +37,16 @@ const config: NuxtConfig = {
     SOCKET_SECRET: process.env.SOCKET_SECRET,
     public: {
       TZ: process.env.TZ || 'Europe/Moscow',
-      SITE_URL: process.env.SITE_URL || '127.0.0.1',
+      SITE_URL: process.env.SITE_URL || 'http://127.0.0.1:8080/',
       API_URL: process.env.API_URL || '/api/',
       JWT_EXPIRE: process.env.JWT_EXPIRE || '2592000',
       CURRENCY: process.env.CURRENCY || 'RUB',
       REGISTER_ENABLED: process.env.REGISTER_ENABLED || '1',
-      COMMENTS_SHOW_ONLINE: process.env.COMMENTS_SHOW_ONLINE || '3',
+      COMMENTS_SHOW_ONLINE: process.env.COMMENTS_SHOW_ONLINE || '1',
       COMMENTS_MAX_LEVEL: process.env.COMMENTS_MAX_LEVEL || '3',
       COMMENTS_EDIT_TIME: process.env.COMMENTS_EDIT_TIME || '600',
       EDITOR_TOPIC_BLOCKS: process.env.EDITOR_TOPIC_BLOCKS || '',
-      EDITOR_COMMENT_BLOCKS: process.env.EDITOR_COMMENT_BLOCKS || '',
+      EDITOR_COMMENT_BLOCKS: process.env.EDITOR_COMMENT_BLOCKS || 'image,file',
       PAYMENT_SERVICES: process.env.PAYMENT_SERVICES || '',
       PAYMENT_SUBSCRIPTIONS: process.env.PAYMENT_SUBSCRIPTIONS || '',
       ADMIN_SECTIONS: process.env.ADMIN_SECTIONS || '',

frontend/src/components/comments/form.vue

@@ -60,7 +60,7 @@ const record = computed({
 })
 
 const uploadUrl = getApiUrl() + 'web/topics/' + props.topic.uuid + '/comments/upload'
-const editorBlocks = String(useRuntimeConfig().public.EDITOR_COMMENT_BLOCKS || 'image,file').split(',')
+const editorBlocks = String(useRuntimeConfig().public.EDITOR_COMMENT_BLOCKS)
 const editor = ref()
 const editingTime = computed(() => {
   if (!props.timer) {

frontend/src/components/editor/js.client.vue

@@ -62,10 +62,8 @@ const props = defineProps({
     default: 'sm',
   },
   blocks: {
-    type: Array as PropType<string[]>,
-    default() {
-      return []
-    },
+    type: String,
+    default: '',
   },
 })
 const emit = defineEmits(['update:modelValue'])
@@ -133,7 +131,7 @@ const allBlocks = [
 ]
 const enabledBlocks = computed(() => {
   if (props.blocks.length) {
-    const types = props.blocks.map((i: string) => i.toLowerCase())
+    const types = props.blocks.split(',').map((i) => i.trim().toLowerCase())
     return allBlocks.filter((i) => types.includes(i.type))
   }
   return allBlocks

frontend/src/components/forms/page.vue

@@ -57,5 +57,5 @@ const positionOptions = [
   {value: 'footer', text: t('models.page.position_footer')},
   {value: null, text: t('models.page.position_null')},
 ]
-const editorBlocks = String(useRuntimeConfig().public.EDITOR_TOPIC_BLOCKS).split(',') || []
+const editorBlocks = String(useRuntimeConfig().public.EDITOR_TOPIC_BLOCKS)
 </script>

frontend/src/components/forms/topic.vue

@@ -99,7 +99,7 @@ const accessOptions = computed(() => {
     {value: 'payments', text: t('models.topic.access.payments')},
   ]
 })
-const editorBlocks = String(useRuntimeConfig().public.EDITOR_TOPIC_BLOCKS).split(',') || []
+const editorBlocks = String(useRuntimeConfig().public.EDITOR_TOPIC_BLOCKS)
 
 const accessLevel = ref('free')
 if (record.value.id) {