nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 01:22:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

add set language as default, Fix console error in SharedPage

Browse Source
This commit is contained in:
Milos Holba
2021-03-10 12:28:50 +01:00
parent 33fa77cd73
commit 8be86183fa
8 changed files with 119 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
resources/js/views/Admin/Languages/Language.vue
View File

@@ -8,7 +8,7 @@
<div v-if="loadedLanguages" class="side-content">
<PageHeader :can-back="true" :title="$router.currentRoute.meta.title"/>
<div class="languages-wrapper">
<div class="languages-wrapper page-tab from-fixed-width">
<div class="language-label-wrapper">
<label class="language-label">Languages</label>
</div>
@@ -22,12 +22,9 @@
</div>
</div>
<ButtonBase
@click.native="createLanguage"
class="button-add-language">
<plus-icon class="icon" size="14"/>
<MobileActionButton @click.native="createLanguage" icon="plus" class="button-add-language">
Add Language
</ButtonBase>
</MobileActionButton>
</div>
<Spinner v-if="! loadedStrings"/>
@@ -41,6 +38,7 @@
import LanguageStrings from '@/views/Admin/Languages/LanguageStrings'
import MobileHeader from '@/components/Mobile/MobileHeader'
import ButtonBase from '@/components/FilesView/ButtonBase'
import MobileActionButton from '@/components/FilesView/MobileActionButton'
import PageHeader from '@/components/Others/PageHeader'
import Spinner from '@/components/FilesView/Spinner'
import { PlusIcon, XIcon } from 'vue-feather-icons'
@@ -50,6 +48,7 @@ import { events } from '@/bus'
export default {
name: 'Language',
components: {
MobileActionButton,
LanguageStrings,
MobileHeader,
ButtonBase,
@@ -228,15 +227,15 @@ export default {
}
}
@media only screen and (max-width: 1024px) {
.side-content {
flex: 0 0 205px;
}
}
// @media only screen and (max-width: 1024px) {
// .side-content {
// flex: 0 0 205px;
// }
// }
@media only screen and (max-width: 690px) {
.side-content {
display: none;
}
}
// @media only screen and (max-width: 690px) {
// .side-content {
// display: none;
// }
// }
</style>

70
resources/js/views/Admin/Languages/LanguageStrings.vue
View File

@@ -2,24 +2,24 @@
<div v-if="strings" class="language-strings-wrapper">
<div class="search-bar-wrapper">
<div class="search-bar">
<div class="icon" >
<div v-if="!searchInput" class="icon" >
<search-icon size="19"></search-icon>
</div>
<!-- <div class="icon">
<div @click="resetInput" v-if="searchInput" class="icon">
<x-icon class="pointer" size="19"></x-icon>
</div> -->
</div>
<input
v-model="searchInput"
@input="searchStrings"
class="query"
type="text"
name="query"
:placeholder="$t('inputs.placeholder_search_files')"
v-model="searchInput"
@input="searchStrings"
class="query"
type="text"
name="searchInput"
placeholder="Search Language Strings"
/>
</div>
</div>
<div class="form block-form">
<div class="form block-form">
<FormLabel class="mt-70" icon="settings">Language Settings</FormLabel>
<div class="block-wrapper">
<div class="input-wrapper">
@@ -30,7 +30,10 @@
</label>
</div>
<SwitchInput
@input="updateLanguageSetting"
class="switch"
:class="{'disable-switch': languageSettingHandle }"
:state="languageSettingHandle"
/>
</div>
</div>
@@ -39,7 +42,7 @@
<div v-if="language.name" class="block-wrapper">
<label> Language Name:</label>
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Language Name" rules="required" v-slot="{ errors }">
<input type="text"
<input type="text"
v-model="language.name"
@input="updateName"
:class="{'is-error': errors[0]}"
@@ -55,7 +58,7 @@
<div class="block-wrapper" v-for="(string,index) in filteredStrings" :key="index">
<label> {{string.value}}:</label>
<ValidationProvider tag="div" class="input-wrapper" name="Language string" rules="required" v-slot="{ errors }">
<input type="text"
<input type="text"
:class="{'is-error': errors[0]}"
@input="updateString(string.key)"
v-model="strings[getIndex(string.key)].value"
@@ -92,6 +95,11 @@ export default {
Spinner,
XIcon,
},
computed: {
languageSettingHandle() {
return this.language.locale == this.languageSetting ? true : false
}
},
data () {
return {
defaultStrings: [],
@@ -100,20 +108,36 @@ export default {
strings: undefined,
language: undefined,
searchInput: '',
languageSetting: undefined
}
},
methods: {
updateLanguageSetting() {
this.$updateText('/settings', 'language', this.language.locale)
this.languageSetting = this.language.locale
},
resetInput(){
this.searchInput = ''
this.searchStrings()
},
getIndex(key){
if(this.strings)
return _.findIndex(this.strings, function(string) { return string.key === key })
},
updateName() {
this.$updateText(`/languages/${this.language.id}`, 'name', this.language.name)
events.$emit('language-name:update', this.language)
},
updateString (key) {
updateString (key) {
// Return if the input is empty
if(! this.strings[this.getIndex(key)].value) return
this.$updateText(
@@ -151,12 +175,15 @@ export default {
})
}
this.filterStrings()
this.language = {
'id': this.languageStrings.translated_strings.id,
'name': this.languageStrings.translated_strings.name
'name': this.languageStrings.translated_strings.name,
'locale': this.languageStrings.translated_strings.locale,
}
this.languageSetting = this.languageStrings.language_setting
this.filterStrings()
}
}
}
@@ -168,15 +195,22 @@ export default {
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.disable-switch {
cursor: not-allowed;
/deep/.text-right {
pointer-events: none;
}
}
.language-strings-wrapper {
width: 100%;
width: 700px;
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
.block-form{
min-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}