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

make string in language_strings for the regular license

Browse Source
This commit is contained in:
Milos Holba
2021-03-18 16:41:43 +01:00
parent 617f715774
commit ba7d6be249
11 changed files with 1123 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,8 +27,8 @@
</MobileActionButton>
</div>
<Spinner v-if="! loadedStrings"/>
<LanguageStrings v-if="loadedStrings" :language-strings="languagesStrings" />
<!-- <Spinner v-if="! loadedStrings"/> -->
<LanguageStrings :loaded-strings="loadedStrings" :language-strings="languagesStrings" />
</div>
</div>
</div>

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

@@ -19,7 +19,8 @@
</div>
</div>
<div class="form block-form">
<Spinner v-if="!loadedStrings"/>
<div v-if="loadedStrings" class="form block-form">
<FormLabel class="mt-70" icon="settings">Language Settings</FormLabel>
<div class="block-wrapper">
<div class="input-wrapper">
@@ -53,8 +54,8 @@
<FormLabel class="mt-70">Language Strings</FormLabel>
<div class="block-wrapper">
<Spinner v-if="!loadedStrings"/>
<div v-if="loadedStrings" >
<Spinner v-if="!loadSearch"/>
<div v-if="loadSearch">
<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 }">
@@ -85,7 +86,7 @@ import lodash from 'lodash'
export default {
name: 'LanguageStrings',
props: [ 'languageStrings' ],
props: [ 'languageStrings', 'loadedStrings'],
components: {
ValidationProvider,
ValidationObserver,
@@ -98,19 +99,25 @@ export default {
computed: {
languageSettingHandle() {
return this.language.locale == this.languageSetting ? true : false
}
},
},
data () {
return {
defaultStrings: [],
filteredStrings: [],
loadedStrings: false,
loadSearch: false,
strings: undefined,
language: undefined,
searchInput: '',
languageSetting: undefined
}
},
watch: {
loadedStrings () {
if(this.loadedStrings)
this.loadData()
}
},
methods: {
updateLanguageSetting() {
@@ -148,7 +155,7 @@ export default {
},
searchStrings() {
this.loadedStrings = false
this.loadSearch = false
this.filteredStrings = []
@@ -159,35 +166,35 @@ export default {
this.filteredStrings = this.defaultStrings.filter(string => string.value.toLowerCase().includes( this.searchInput.toLowerCase() ))
this.loadedStrings = true
this.loadSearch = true
}, 200)
},
mounted () {
}, 200),
loadData() {
if(this.languageStrings.translated_strings) {
if(this.languageStrings.translated_strings) {
this.strings = this.languageStrings.translated_strings.language_strings
this.strings = this.languageStrings.translated_strings.language_strings
// Make from JSON object array of objects
for (const [key, value] of Object.entries(this.languageStrings.default_strings)) {
this.defaultStrings.push({
'key': key,
'value': value,
})
// Make from JSON object array of objects
for (const [key, value] of Object.entries(this.languageStrings.default_strings)) {
this.defaultStrings.push({
'key': key,
'value': value,
})
}
this.language = {
'id': this.languageStrings.translated_strings.id,
'name': this.languageStrings.translated_strings.name,
'locale': this.languageStrings.translated_strings.locale,
}
this.languageSetting = this.languageStrings.language_setting
this.filterStrings()
}
this.language = {
'id': this.languageStrings.translated_strings.id,
'name': this.languageStrings.translated_strings.name,
'locale': this.languageStrings.translated_strings.locale,
}
this.languageSetting = this.languageStrings.language_setting
this.filterStrings()
}
}
},
}
</script>
@@ -206,7 +213,7 @@ export default {
}
.language-strings-wrapper {
width: 700px;
width: 100%;
height: 100%;
margin: 0 auto;
display: flex;