Language editor refactoring part 4 (backend + frontend)

This commit is contained in:
Peter Papp
2021-04-01 10:40:48 +02:00
parent 5130082111
commit 7772ef6b40
32 changed files with 288 additions and 161 deletions
@@ -32,7 +32,7 @@
<ul v-if="config.isAuthenticated" class="navigation-links">
<li v-if="config.userRegistration">
<router-link class="cta-button text-theme bg-theme-100" :to="{name: 'Files'}">
Go to Files <!--todo: preklad-->
{{ $t('go_to_files') }}
</router-link>
</li>
</ul>
@@ -11,7 +11,7 @@
<!--More Actions-->
<div @click="showMobileNavigation" class="mobile-menu">
<menu-icon size="17" class="icon"></menu-icon>
<menu-icon size="17" class="icon" />
</div>
</header>
</template>
@@ -2,8 +2,7 @@
<PopupWrapper name="create-language">
<!--Title-->
<!--TODO: jazyk-->
<PopupHeader title="Create Language" icon="edit" />
<PopupHeader :title="$t('create_language')" icon="edit" />
<!--Content-->
<PopupContent>
@@ -12,14 +11,14 @@
<ValidationObserver @submit.prevent="createLanguage" ref="createForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Language Locale" rules="required" v-slot="{ errors }">
<label class="input-label">Select Locale:</label>
<SelectInput v-model="form.locale" :options="locals" placeholder="Select Language Locale" :isError="errors[0]" />
<label class="input-label">{{ $t('select_locale') }}:</label>
<SelectInput v-model="form.locale" :options="locales" :placeholder="$t('select_language_locale')" :isError="errors[0]" />
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
<ValidationProvider tag="div" mode="passive" class="input-wrapper password" name="Language Name" rules="required" v-slot="{ errors }">
<label class="input-label">Type Name:</label>
<input v-model="form.name" :class="{'is-error': errors[0]}" type="text" ref="input" class="focus-border-theme" placeholder="Type Language Name">
<label class="input-label">{{ $t('locale_name') }}:</label>
<input v-model="form.name" :class="{'is-error': errors[0]}" type="text" ref="input" class="focus-border-theme" :placeholder="$t('type_language_name')">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
@@ -32,7 +31,7 @@
@click.native="$closePopup()"
button-style="secondary"
>
Cancel
{{ $t('global.cancel') }}
</ButtonBase>
<ButtonBase
class="popup-button"
@@ -41,7 +40,7 @@
:loading="isLoading"
:disabled="isLoading"
>
Create Language
{{ $t('create_language') }}
</ButtonBase>
</PopupActions>
</PopupWrapper>
@@ -79,7 +78,7 @@ export default {
locale: undefined,
},
isLoading: false,
locals: [
locales: [
{
value: "ab",
label: "Abkhaz"
@@ -851,10 +850,6 @@ export default {
})
}
},
},
mounted() {
this.name = undefined,
this.locale = undefined
}
}
</script>
@@ -9,10 +9,10 @@
<input
v-model="query"
@input="$emit('input', query)"
class="query"
class="query focus-border-theme"
type="text"
name="searchInput"
placeholder="Search Language Strings..."
:placeholder="$t('search_translations')"
/>
</div>
</template>
@@ -34,7 +34,6 @@ export default {
methods: {
clearInput() {
this.query = undefined
this.$emit('reset-query')
},
},
@@ -74,13 +73,13 @@ export default {
}
&:focus {
border: 1px solid $theme;
box-shadow: 0 0 7px rgba($theme, 0.3);
border-width: 1px;
border-style: solid;
}
&:focus + .icon {
path {
fill: $theme;
color: inherit;
}
}
}
@@ -105,4 +104,12 @@ export default {
}
}
@media (prefers-color-scheme: dark) {
.search-bar {
input {
background: $dark_mode_foreground;
}
}
}
</style>
+2 -2
View File
@@ -33,7 +33,7 @@
<!--Permision Select-->
<ValidationProvider v-if="isFolder" tag="div" mode="passive" class="input-wrapper" name="Permission" rules="required" v-slot="{ errors }">
<label class="input-label">{{ $t('shared_form.label_permission') }}:</label>
<SelectInput v-model="shareOptions.permission" :options="permissionOptions" :default="shareOptions.permission" :placeholder="$t('shared_form.placeholder_permission')" :isError="errors[0]"/>
<SelectInput v-model="shareOptions.permission" :options="$translateSelectOptions(permissionOptions)" :default="shareOptions.permission" :placeholder="$t('shared_form.placeholder_permission')" :isError="errors[0]"/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
@@ -60,7 +60,7 @@
<!--Set expiration-->
<div class="input-wrapper">
<label class="input-label">{{ $t('shared_form.label_expiration') }}:</label>
<SelectBoxInput v-model="shareOptions.expiration" :data="expirationList" :value="shareOptions.expiration" class="box"/>
<SelectBoxInput v-model="shareOptions.expiration" :data="$translateSelectOptions(expirationList)" :value="shareOptions.expiration" class="box"/>
</div>
</div>