butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Externalize strings

Browse source 
Also some cleanup. Work on issue #41.
This commit is contained in:
N-Pex 2021-05-20 12:33:59 +02:00
parent 3c60ad4f14
commit a78659b206
43 changed files with 402 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/components/CreateRoom.vue
View file

@ -2,7 +2,7 @@
<div class="create-room">
<div>
<v-container fluid>
<div class="room-name">New Group</div>
<div class="room-name">{{$t('new_room.new_room')}}</div>
<v-btn
text
class="header-button-left"
@ -11,7 +11,7 @@
:disabled="step > steps.NAME_SET"
>
<v-icon>arrow_back</v-icon>
<span>BACK</span>
<span>{{$t('menu.back')}}</span>
</v-btn>
<v-btn
text
@ -21,7 +21,7 @@
class="header-button-right"
@click.stop="next"
>
<span>{{ step == steps.CREATED ? "Done" : "Next" }}</span>
<span>{{ step == steps.CREATED ? $t('new_room.done') : $t('new_room.next') }}</span>
</v-btn>
</v-container>
</div>
@ -37,7 +37,7 @@
<v-col>
<v-text-field
v-model="roomName"
label="Name group"
:label="$t('new_room.name_room')"
color="black"
background-color="white"
v-on:keyup.enter="$refs.topic.focus()"
@ -49,12 +49,9 @@
<v-fade-transition>
<div class="section ma-3" flat v-if="step > steps.INITIAL">
<div class="h4 text-left">Join permissions</div>
<div class="h2 text-left">Set Join Permissions</div>
<div>
These permissions determine how people can join the group and how
easily others can be invited. They can be changed anytime.
</div>
<div class="h4 text-left">{{$t('new_room.join_permissions')}}</div>
<div class="h2 text-left">{{$t('new_room.set_join_permissions')}}</div>
<div>{{$t('new_room.join_permissions_info')}}</div>
<v-select
:disabled="step >= steps.CREATING"
:items="joinRules"
@ -65,7 +62,7 @@
<template v-slot:selection="{ item }">
{{ item.text }}
</template>
<template v-slot:item="{ active, item, attrs, on }">
<template v-slot:item="{ item, attrs, on }">
<v-list-item v-on="on" v-bind="attrs" #default="{ active }">
<v-list-item-avatar>
<v-icon class="grey lighten-1" dark>{{ item.icon }}</v-icon>
@ -105,7 +102,7 @@
depressed
class="outlined-button"
@click.stop="getPublicLink"
><v-icon class="mr-2">link</v-icon>Get link</v-btn
><v-icon class="mr-2">link</v-icon>{{$t('new_room.get_link')}}</v-btn
>
<v-btn
v-else-if="joinRule == 'invite'"
@ -113,10 +110,10 @@
depressed
class="outlined-button"
@click.stop="addPeople"
><v-icon class="mr-2">person_add</v-icon>Add people</v-btn
><v-icon class="mr-2">person_add</v-icon>{{$t('new_room.add_people')}}</v-btn
>
<div v-if="publicRoomLinkCopied" class="link-copied">Link copied!</div>
<div v-if="publicRoomLinkCopied" class="link-copied">{{$t('new_room.link_copied')}}</div>
<div v-if="status">{{ status }}</div>
</div>
@ -158,15 +155,15 @@ export default {
joinRules: [
{
id: "public",
text: "Anyone with a link",
text: this.$t('new_room.public_info'),
icon: "link",
descr: "Get a link to share",
descr: this.$t('new_room.public_description'),
},
{
id: "invite",
text: "Only people added",
text: this.$t('new_room.invite_info'),
icon: "person_add",
descr: "Choose from a list or search by account ID",
descr: this.$t('new_room.invite_description'),
},
],
publicRoomLink: null,
@ -265,7 +262,7 @@ export default {
createRoom() {
this.step = steps.CREATING;
var roomId;
this.status = "Creating room";
this.status = this.$t('new_room.status_creating');
var createRoomOptions = {};
if (this.joinRule == "public") {
createRoomOptions = {
@ -325,10 +322,9 @@ export default {
this.roomAvatarFile,
function (p) {
if (p.total) {
self.status =
"Uploading avatar: " + (p.loaded || 0) + " of " + p.total;
self.status = this.$t('new_room.status_avatar_total', {count: (p.loaded || 0), total: p.total});
} else {
self.status = "Uploading avatar: " + (p.loaded || 0);
self.status = this.$t('new_room.status_avatar', {count: (p.loaded || 0)});
}
}
);