22 <aside class =" navigation-drawer" :class =" {'open': $store.getters.navigation_drawer}"
33 <div class =" navigation-drawer-overlay" @click =" $store.dispatch('toggle_navigation')" div >
44 <div class =" block" style =" padding 1rem ; margin-bottom 0 ;"
5- <b-button @click =" $store.commit('change_mail_dialog', true)" type =" is-primary" expanded icon-left =" pencil" COMPOSE </b-button >
5+ <b-button @click =" $store.commit('change_mail_dialog', true)" type =" is-primary" expanded icon-left =" pencil" {{$t('Email.side_menu.compose')}} </b-button >
66 </div >
77 <b-menu >
88 <b-menu-list >
1616 class =" email-menu-item"
1717 >
1818 <template slot="label" class="is-hidden-tablet is-hidden-mobile">
19- <!-- TODO : i18n with has folder.name -->
20- {{folder.name}}
19+ {{$t('Email.Folders.' + folder.name)}}
2120 <div class =" is-pulled-right email-count" :class =" folder.name" v-if =" folder.count && folder.count > 0"
2221 <span class =" text-chip vs-chip--text" span >
2322 </div >
2423 </template >
2524 </b-menu-item >
2625 </b-menu-list >
2726 <hr >
28- <b-menu-list label =" Folders "
27+ <b-menu-list : label" $t('Email.side_menu.folders') "
2928 <b-menu-item
3029 v-for =" other in get_all_folders.other"
3130 :key =" other.id"
4342 </div >
4443 </template >
4544 </b-menu-item >
46- <b-menu-item icon =" plus" class =" email-menu-item" label =" New Folder " @click =" folder_dialog()" b-menu-item >
45+ <b-menu-item icon =" plus" class =" email-menu-item" : label" $t('Email.side_menu.new_folder') " @click =" folder_dialog()" b-menu-item >
4746 </b-menu-list >
4847 </b-menu >
4948 </aside >
@@ -64,22 +63,22 @@ export default {
6463 methods: {
6564 folder_dialog (folder = null ) {
6665 this .$buefy .dialog .prompt ({
67- message: folder ? ' Edit folder name 🖿 ' : ' Create new folder 🖿 '
66+ message: folder ? this . $t ( ' Email.NewFolderDialog.edit_title ' ) : this . $t ( ' Email.NewFolderDialog.title ' ) ,
6867 inputAttrs: {
6968 type: ' text'
7069 required: true ,
71- placeholder: ' Folder name '
70+ placeholder: this . $t ( ' Email.NewFolderDialog.placeholder ' ) ,
7271 value: folder ? folder .display_name : ' '
7372 },
74- confirmText: folder ? ' Edit ' : ' Create '
75- cancelText: ' Cancel '
73+ confirmText: folder ? this . $t ( ' Email.NewFolderDialog.edit ' ) : this . $t ( ' Email.NewFolderDialog.create ' ) ,
74+ cancelText: this . $t ( ' Email.NewFolderDialog.cancel ' ) ,
7675 trapFocus: true ,
7776 closeOnConfirm: false ,
7877 onConfirm : (value , {close}) => {
7978 if (value .length === 0 ) {
8079 return false ;
8180 }
82- this .$buefy .toast .open (` Creating folder.. `
81+ this .$buefy .toast .open (this . $t ( ' Email.NewFolderDialog.messages.creating_folder ' ) );
8382 if (folder) {
8483 this .edit_folder (folder .id , {' display_name' : value}, close);
8584 } else {
@@ -91,42 +90,42 @@ export default {
9190 new_folder (data , close ) {
9291 EmailService .new_folder (data)
9392 .then (() => {
94- this .$buefy .toast .open ({' message' : ` Success, Created your folder 🥳 ` ' type' : ' is-success'
93+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.created ' ) , ' type' : ' is-success'
9594 this .$store .dispatch (' get_folders'
9695 close ();
9796 }).catch (() => {
98- this .$buefy .toast .open ({' message' : ` Sorry, something went be wrong! ☹️ ` ' type' : ' is-danger'
97+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.error ' ) , ' type' : ' is-danger'
9998 close ();
10099 });
101100 },
102101 edit_folder (folder_id , data , {close}) {
103102 EmailService .rename_folder (folder_id, data)
104103 .then (() => {
105- this .$buefy .toast .open ({' message' : ` Success, Edited your folder 🥳 ` ' type' : ' is-success'
104+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.edited ' ) , ' type' : ' is-success'
106105 this .$store .dispatch (' get_folders'
107106 close ();
108107 }).catch (() => {
109- this .$buefy .toast .open ({' message' : ` Sorry, something went be wrong! ☹️ ` ' type' : ' is-danger'
108+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.error ' ) , ' type' : ' is-danger'
110109 close ();
111110 });
112111 },
113112 delete_folder (folder ) {
114113 this .$buefy .dialog .confirm ({
115- title: ' Deleting folder '
116- message: ' Are you sure you want to <b>delete</b> <br />This action cannot be undone. '
114+ title: this . $t ( ' Email.NewFolderDialog.delete_title ' ) ,
115+ message: this . $t ( ' Email.NewFolderDialog.delete_content ' ) ,
117116 confirmText: ' Delete Folder'
118117 type: ' is-danger'
119118 hasIcon: true ,
120119 onConfirm : () => {
121120 EmailService .delete_folder (folder .id )
122121 .then (() => {
123- this .$buefy .toast .open ({' message' : ` Success, Deleted your folder ` ' type' : ' is-success'
122+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.deleted ' ) , ' type' : ' is-success'
124123 this .$store .dispatch (' get_folders'
125124 }).catch ((err ) => {
126125 if (err .response .data .type === ' invalid_request_error'
127- this .$buefy .toast .open ({' message' : ` Folder ${ folder .display_name } cannot be deleted because it contains messages ☹️ ` ' type' : ' is-danger'
126+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.delete_error ' , { ' folder_name ' : folder .display_name }) , ' type' : ' is-danger'
128127 } else {
129- this .$buefy .toast .open ({' message' : ` Sorry, something went be wrong! ☹️ ` ' type' : ' is-danger'
128+ this .$buefy .toast .open ({' message' : this . $t ( ' Email.NewFolderDialog.messages.error ' ) , ' type' : ' is-danger'
130129 }
131130 });
132131 }
0 commit comments