diff --git a/application/views/mode/index.php b/application/views/mode/index.php
index 9e7a39ed1..f24e29b11 100644
--- a/application/views/mode/index.php
+++ b/application/views/mode/index.php
@@ -1,3 +1,15 @@
+<script>
+	var lang_create_mode = "<?php echo __("Create mode"); ?>";
+	var lang_mode_deletion_confirm = "<?php echo __("Warning! Are you sure you want to delete the following mode?:"); ?>";
+	var lang_active_all_confirm = "<?php echo __("Warning! Are you sure you want to activate all modes?"); ?>";
+	var lang_deactive_all_confirm = "<?php echo __("Warning! Are you sure you want to deactivate all modes?"); ?>";
+	var lang_deactivate_mode = "<?php echo __("Deactivate"); ?>";
+	var lang_activate_mode = "<?php echo __("Activate"); ?>";
+	var lang_mode_active = "<?php echo __("Active"); ?>";
+	var lang_mode_not_active = "<?php echo __("Not active"); ?>";
+</script>
+
+
 <div class="container">
 
 <br>
diff --git a/assets/js/sections/mode.js b/assets/js/sections/mode.js
index f8c59b3bf..b76095539 100644
--- a/assets/js/sections/mode.js
+++ b/assets/js/sections/mode.js
@@ -39,7 +39,7 @@ function createModeDialog() {
 		type: 'post',
 		success: function (html) {
 			BootstrapDialog.show({
-				title: 'Create mode',
+				title: lang_create_mode,
 				size: BootstrapDialog.SIZE_WIDE,
 				cssClass: 'create-mode-dialog',
 				nl2br: false,
@@ -79,8 +79,8 @@ function deactivateMode(modeid) {
 		type: 'post',
 		data: { 'id': modeid },
 		success: function (html) {
-			$(".mode_" + modeid).text('not active');
-			$('.btn_' + modeid).html('Activate');
+			$(".mode_" + modeid).text(lang_mode_not_active);
+			$('.btn_' + modeid).html(lang_activate_mode);
 			$('.btn_' + modeid).removeClass('btn-secondary');
 			$('.btn_' + modeid).addClass('btn-primary');
 			$('.btn_' + modeid).attr('onclick', 'activateMode(' + modeid + ')')
@@ -94,8 +94,8 @@ function activateMode(modeid) {
 		type: 'post',
 		data: { 'id': modeid },
 		success: function (html) {
-			$('.mode_' + modeid).text('active');
-			$('.btn_' + modeid).html('Deactivate');
+			$('.mode_' + modeid).text(lang_mode_active);
+			$('.btn_' + modeid).html(lang_deactivate_mode);
 			$('.btn_' + modeid).removeClass('btn-primary');
 			$('.btn_' + modeid).addClass('btn-secondary');
 			$('.btn_' + modeid).attr('onclick', 'deactivateMode(' + modeid + ')')
@@ -105,12 +105,14 @@ function activateMode(modeid) {
 
 function deleteMode(id, mode) {
 	BootstrapDialog.confirm({
-		title: 'DANGER',
-		message: 'Warning! Are you sure you want to delete the following mode: ' + mode + '?',
+		title: lang_general_word_danger,
+		message: lang_mode_deletion_confirm + ' ' + mode,
 		type: BootstrapDialog.TYPE_DANGER,
 		closable: true,
 		draggable: true,
 		btnOKClass: 'btn-danger',
+		btnCancelLabel: lang_general_word_cancel,
+		btnOKLabel: lang_general_word_ok,
 		callback: function (result) {
 			if (result) {
 				$.ajax({
@@ -130,12 +132,14 @@ function deleteMode(id, mode) {
 
 function activateAllModes() {
 	BootstrapDialog.confirm({
-		title: 'DANGER',
-		message: 'Warning! Are you sure you want to activate all modes?',
+		title: lang_general_word_danger,
+		message: lang_active_all_confirm,
 		type: BootstrapDialog.TYPE_DANGER,
 		closable: true,
 		draggable: true,
 		btnOKClass: 'btn-danger',
+		btnCancelLabel: lang_general_word_cancel,
+		btnOKLabel: lang_general_word_ok,
 		callback: function (result) {
 			if (result) {
 				$.ajax({
@@ -152,12 +156,14 @@ function activateAllModes() {
 
 function deactivateAllModes() {
 	BootstrapDialog.confirm({
-		title: 'DANGER',
-		message: 'Warning! Are you sure you want to deactivate all modes?',
+		title: lang_general_word_danger,
+		message: lang_deactive_all_confirm,
 		type: BootstrapDialog.TYPE_DANGER,
 		closable: true,
 		draggable: true,
 		btnOKClass: 'btn-danger',
+		btnCancelLabel: lang_general_word_cancel,
+		btnOKLabel: lang_general_word_ok,
 		callback: function (result) {
 			if (result) {
 				$.ajax({