Skip to content

Commit

Permalink
chore(preferences): bars list in configuration
Browse files Browse the repository at this point in the history
  • Loading branch information
@Novout
Novout committed Sep 25, 2022
1 parent 01dc474 commit 4b6f0e3
Show file tree
Hide file tree
Showing 4 changed files with 143 additions and 141 deletions.
179 changes: 141 additions & 38 deletions ...e/editor/project/preferences/container/EditorProjectPreferencesContainerConfiguration.vue
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<EditorProjectPreferencesContainerSlot>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<PreferencesContainerTitle> Idioma </PreferencesContainerTitle>
<div>
<div
Expand All @@ -26,44 +26,147 @@
</div>
</div>
</div>
<PreferencesContainerTitle>
{{ t('editor.aside.configuration.entity.title') }}
</PreferencesContainerTitle>
<div class="wb-configuration">
<p class="text-sm">{{ t('editor.aside.configuration.bars') }}</p>
<InputBoolean v-model="EDITOR.configuration.bars" :specific="true" />
</div>
<div class="wb-configuration">
<p class="text-sm">{{ t('editor.aside.configuration.bottomBar') }}</p>
<InputBoolean v-model="EDITOR.configuration.bottomBar" :specific="true" />
</div>
<div class="wb-configuration">
<p class="text-sm">{{ t('editor.aside.configuration.transition') }}</p>
<InputBoolean
v-model="EDITOR.configuration.transition"
:specific="true"
/>
</div>
<div class="wb-configuration">
<p class="text-sm">{{ t('editor.aside.configuration.autosave') }}</p>
<InputBoolean v-model="EDITOR.configuration.autosave" :specific="true" />
</div>
<div class="wb-configuration">
<p class="text-sm">{{ t('editor.aside.configuration.blocked') }}</p>
<InputBoolean v-model="EDITOR.configuration.blocked" :specific="true" />
<div>
<PreferencesContainerTitle>
{{ t('editor.aside.configuration.entity.title') }}
</PreferencesContainerTitle>
<div class="wb-preferences">
<p class="text-sm">{{ t('editor.aside.configuration.bars') }}</p>
<InputBoolean v-model="EDITOR.configuration.bars" :specific="true" />
</div>
<div class="wb-preferences">
<p class="text-sm">{{ t('editor.aside.configuration.bottomBar') }}</p>
<InputBoolean
v-model="EDITOR.configuration.bottomBar"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">{{ t('editor.aside.configuration.transition') }}</p>
<InputBoolean
v-model="EDITOR.configuration.transition"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">{{ t('editor.aside.configuration.autosave') }}</p>
<InputBoolean
v-model="EDITOR.configuration.autosave"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">{{ t('editor.aside.configuration.blocked') }}</p>
<InputBoolean v-model="EDITOR.configuration.blocked" :specific="true" />
</div>
<div class="wb-preferences">
<p class="text-sm">
{{
t(
'editor.aside.configuration.entity.insertEntityInParagraphBreakLine'
)
}}
</p>
<InputBoolean
v-model="EDITOR.configuration.entity.insertEntityInParagraphBreakLine"
:specific="true"
/>
</div>
</div>
<div class="wb-configuration">
<p class="text-sm">
{{
t(
'editor.aside.configuration.entity.insertEntityInParagraphBreakLine'
)
}}
</p>
<InputBoolean
v-model="EDITOR.configuration.entity.insertEntityInParagraphBreakLine"
:specific="true"
/>
<div>
<PreferencesContainerTitle>
{{ t('editor.aside.graph.title') }}
</PreferencesContainerTitle>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[0].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.paragraph.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[1].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.headingTwo.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[2].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.headingThree.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[3].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.pageBreak.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[4].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.lineBreak.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[5].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.image.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[6].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.dialogue.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[7].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.checkbox.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[8].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.list.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[9].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.drau.active"
:specific="true"
/>
</div>
</div>
</EditorProjectPreferencesContainerSlot>
</template>
Expand Down
4 changes: 0 additions & 4 deletions ...s/page/editor/project/preferences/container/EditorProjectPreferencesContainerKeyboard.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,11 +77,7 @@
</template>

<script setup lang="ts">
import { useProjectStore } from '@/store/project'
import { useI18n } from 'vue-i18n'
import draggable from 'vuedraggable'
const PROJECT = useProjectStore()
const { t } = useI18n()
</script>
97 changes: 0 additions & 97 deletions ...nts/page/editor/project/preferences/container/EditorProjectPreferencesContainerStyles.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,107 +21,11 @@
</div>
</div>
</div>
<div>
<PreferencesContainerTitle>
{{ t('editor.aside.graph.title') }}
</PreferencesContainerTitle>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[0].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.paragraph.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[1].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.headingTwo.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[2].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.headingThree.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[3].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.pageBreak.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[4].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.lineBreak.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[5].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.image.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[6].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.dialogue.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[7].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.checkbox.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[8].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.list.active"
:specific="true"
/>
</div>
<div class="wb-preferences">
<p class="text-sm">
{{ t('editor.aside.commands.contents[9].title') }}
</p>
<InputBoolean
v-model="EDITOR.configuration.commands.drau.active"
:specific="true"
/>
</div>
</div>
</EditorProjectPreferencesContainerSlot>
</template>

<script setup lang="ts">
import { Themes } from 'better-write-plugin-theme'
import { useI18n } from 'vue-i18n'
import { BetterWriteThemes } from 'better-write-types'
import { useEditorStore } from '@/store/editor'
import { nextTick } from 'vue'
Expand All @@ -131,7 +35,6 @@
const EDITOR = useEditorStore()
const { t } = useI18n()
const { isLoading } = useNProgress()
const plugin = usePlugin()
const storage = useStorage()
Expand Down
4 changes: 2 additions & 2 deletions packages/better-write-app/windi.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,10 @@ export default defineConfig({
'wb-pdf-container': 'flex flex-row gap-5 flex-wrap justify-between items-center my-3 overflow-x-hidden',
'wb-disabled': 'opacity-50 pointer-events-none',
'wb-configuration-absolute': 'absolute top-0 left-0 bg-theme-background-1 flex flex-col h-screen w-full z-max px-2 py-5 md:px-20 overflow-y-auto overflow-x-hidden wb-scroll',
'wb-configuration': 'flex gap-5 font-bold text-base text-theme-text-2 justify-between items-center w-full px-2 py-2',
'wb-configuration': 'flex gap-2 font-bold text-base text-theme-text-2 justify-between items-center w-full px-2 py-2',
'wb-configuration-reserve': 'flex flex-row-reverse md:flex-row gap-5 font-bold text-base text-theme-text-2 justify-between items-center w-full px-2 py-2',
'wb-configuration-input-text': 'bg-theme-editor-material-background px-2 shadow-lg w-full md:w-60',
'wb-preferences': 'flex gap-5 font-bold text-base text-theme-text-2 justify-between items-center w-full px-2 py-2',
'wb-preferences': 'flex gap-2 font-bold text-base text-theme-text-2 justify-between items-center w-full px-2 py-2',
'wb-indent': 'indent-8',
'wb-header-button': 'wb-text mx-0.5 md:mx-2',
'wb-drau-icon': 'wb-icon w-8 h-8 md:(w-6 h-6)',
Expand Down

0 comments on commit 4b6f0e3

Please sign in to comment.