move init_activity on frontend, for i18n

Author: previ

src/assets/toolbox_adv.json

@@ -2,7 +2,7 @@
   "kind": "categoryToolbox",
   "contents": [{
       "kind": "category",
-      "name": "Logica",
+      "name": "message.blockly_toolbox_category_logic",
       "colour": "210",
       "contents": [{
         "kind": "block",
@@ -38,7 +38,7 @@
     },
     {
       "kind": "category",
-      "name": "Cicli",
+      "name": "message.blockly_toolbox_category_cycles",
       "colour": "120",
       "contents": [{
         "kind": "block",
@@ -111,7 +111,7 @@
     },
     {
       "kind": "category",
-      "name": "Matematica",
+      "name": "message.blockly_toolbox_category_math",
       "colour": "230",
       "contents": [{
           "kind": "block",
@@ -322,7 +322,7 @@
     },
     {
       "kind": "category",
-      "name": "Testo",
+      "name": "message.blockly_toolbox_category_text",
       "colour": "160",
       "contents": [{
         "kind": "block",
@@ -511,7 +511,7 @@
     },
     {
       "kind": "category",
-      "name": "Liste",
+      "name": "message.blockly_toolbox_category_lists",
       "colour": "260",
       "contents": [{
         "kind": "block",
@@ -644,19 +644,19 @@
     },
     {
       "kind": "category",
-      "name": "Variabili",
+      "name": "message.blockly_toolbox_category_variables",
       "custom": "VARIABLE",
       "colour": "330"
     },
     {
       "kind": "category",
-      "name": "Funzioni",
+      "name": "message.blockly_toolbox_category_functions",
       "custom": "PROCEDURE",
       "colour": "290"
     },
     {
       "kind": "category",
-      "name": "Eventi",
+      "name": "message.blockly_toolbox_category_events",
       "colour": "15",
       "contents": [{
           "kind": "block",
@@ -749,7 +749,7 @@
     },
     {
       "kind": "category",
-      "name": "Movimento",
+      "name": "message.blockly_toolbox_category_movement",
       "colour": "40",
       "contents": [{
           "kind": "block",
@@ -922,7 +922,7 @@
     },
     {
       "kind": "category",
-      "name": "CoderBot - Base",
+      "name": "message.blockly_toolbox_category_base",
       "colour": "40",
       "contents": [{
           "kind": "block",
@@ -964,7 +964,7 @@
     },
     {
       "kind": "category",
-      "name": "Camera",
+      "name": "message.blockly_toolbox_category_camera",
       "colour": "120",
       "contents": [{
           "kind": "block",
@@ -982,7 +982,7 @@
     },
     {
       "kind": "category",
-      "name": "Visione",
+      "name": "message.blockly_toolbox_category_vision",
       "colour": "250",
       "contents": [{
           "kind": "block",
@@ -1048,7 +1048,7 @@
     },
     {
       "kind": "category",
-      "name": "Sensori",
+      "name": "message.blockly_toolbox_category_sensors",
       "colour": "240",
       "contents": [{
           "kind": "block",
@@ -1074,7 +1074,7 @@
     },
     {
       "kind": "category",
-      "name": "Suoni",
+      "name": "message.blockly_toolbox_category_sound",
       "colour": "220",
       "contents": [{
           "kind": "block",
@@ -1120,7 +1120,7 @@
     },
     {
       "kind": "category",
-      "name": "Estensioni I/O",
+      "name": "message.blockly_toolbox_category_io_extensions",
       "colour": "240",
       "contents": [{
           "kind": "block",
@@ -1196,7 +1196,7 @@
     },
     {
       "kind": "category",
-      "name": "Music",
+      "name": "message.blockly_toolbox_category_music",
       "colour": "345",
       "contents": [{
           "kind": "block",

src/common/coderbot.js

@@ -1,9 +1,13 @@
+import i18n from '../i18n/index';
+
 class CoderBot {
   constructor(CB, APIv1, APIv2, axios, store) {
     this.CB = CB + APIv2;
     this.CBv1 = CB + APIv1;
     this.$axios = axios;
     this.$store = store;
+    this.$i18n = i18n;
+    this.initActivity();
   }
 
   load() {
@@ -13,6 +17,89 @@ class CoderBot {
     return Promise.all([p1, p2, p3]);
   }
 
+  initActivity() {
+    this.loadActivity(null, true).then((activity) => {
+      if (activity.data == '') {
+        const toolbox_full = require('../assets/toolbox_adv.json');
+        const defaultActivity = {
+          stock: true,
+          default: true,
+          uiLang: 'browser',
+          defaultView: null,
+          exec: {
+            camera: true,
+            log: false
+          },
+          name: 'default',
+          drawerEnabled: true,
+          showName: true,
+          description: '',
+          fontSize: 'Medio',
+          capsSwitch: true,
+          bodyFont: 'Roboto',
+          codeFont: 'ubuntumono',
+          maxBlocks: 0,
+          availableViews: [],
+          viewSource: null,
+          autoRecVideo: null,
+          toolbox: null,
+          buttons: [
+            {
+              action: 'clearProgramDlg',
+              icon: 'clear',
+              label: this.$i18n.t('message.activity_program_clear'),
+              type: 'text',
+            },
+            {
+              action: 'saveProgram',
+              icon: 'save',
+              label: this.$i18n.t('message.activity_program_save'),
+              type: 'text',
+            },
+            {
+              action: 'toggleSaveAs',
+              icon: 'edit',
+              label: this.$i18n.t('message.activity_program_save_as'),
+              type: 'text',
+            },
+            {
+              action: 'loadProgramList',
+              icon: 'folder_open',
+              label: this.$i18n.t('message.activity_program_load'),
+              type: 'text',
+            },
+            {
+              action: 'runProgram',
+              icon: 'play_arrow',
+              label: this.$i18n.t('message.activity_program_run'),
+              type: 'text',
+            },
+            {
+              action: 'getProgramCode',
+              icon: 'code',
+              label: this.$i18n.t('message.activity_program_show_code'),
+              type: 'text',
+            },
+            {
+              action: 'exportProgram',
+              icon: 'fa-file-export',
+              label: this.$i18n.t('message.activity_program_export'),
+              type: 'text',
+            },
+            {
+              action: 'pickFile',
+              icon: 'fa-file-import',
+              label: this.$i18n.t('message.activity_program_import'),
+              type: 'text',
+            }
+          ]
+        };
+        defaultActivity.toolbox = toolbox_full;
+        this.saveActivity(defaultActivity);
+      }
+    });
+  }
+
   async loadMusicPackages() {
     const result = await this.$axios.get(`${this.CB}/listMusicPackages`);
     const packagesInstalled = [];

src/components/Activity.vue

@@ -17,13 +17,13 @@
             <template v-if="button.type == 'text'">
               <v-btn @click="_self[button.action]()" text>
                 <v-icon>{{ button.icon }}</v-icon>
-                {{ $t(button.label) }}
+                {{ button.label }}
               </v-btn>
             </template>
             <template v-else>
               <v-btn @click="_self[button.action]()" style="height: 70%" :color="button.colorBtn"
                 :class="button.colorText">
-                {{ $t(button.label) }}
+                {{ button.label }}
                 <v-icon right dark>{{ button.icon }}</v-icon>
               </v-btn>
             </template>
@@ -375,13 +375,15 @@ export default {
     // Get the activity
     let activityName = this.$route.params.name;
     let activityDefault = false;
-    if (this.$route.path == '/program') {
+    if (this.$router.path == '/program') {
       activityName = this.$route.params.name;
       activityDefault = true;
     }
     this.$coderbot.loadActivity(activityName, activityDefault).then((activity) => {
       this.activity = activity.data;
-
+      if (this.activity.uiLang != 'browser') {
+        this.$i18n.locale = this.activity.uiLang;
+      }
       this.settings.maxBlocks = this.activity.maxBlocks;
       this.updateCssProps();