feat: i18n

Author: peterpeterparker

studio/src/app/definitions/i18.d.ts

@@ -367,6 +367,7 @@ interface I18nEditor {
   delete_logo: string;
   deck_style: string;
   slide_style: string;
+  transform_element: string;
 }
 
 interface I18nOffline {

studio/src/app/popovers/editor/transform/app-transform-element/app-transform-element.tsx

@@ -1,5 +1,7 @@
 import {Component, Element, h, Prop, State} from '@stencil/core';
 
+import i18n from '../../../../stores/i18n.store';
+
 import {SlotType} from '../../../../types/editor/slot-type';
 
 import {SlideScope} from '../../../../models/data/slide';
@@ -51,7 +53,7 @@ export class AppTransformElement {
   render() {
     return [
       <ion-toolbar>
-        <h2>Transform element</h2>
+        <h2>{i18n.state.editor.transform_element}</h2>
         <app-close-menu slot="end" onClose={() => this.closePopover()}></app-close-menu>
       </ion-toolbar>,
 

studio/src/app/popovers/editor/transform/app-transform-slide/app-transform-slide.tsx

@@ -1,5 +1,7 @@
 import {Component, Element, Fragment, h, Prop} from '@stencil/core';
 
+import i18n from '../../../../stores/i18n.store';
+
 import {InitTemplate} from '../../../../utils/editor/create-slides.utils';
 
 import {AppTemplatesFixed} from '../../../../components/editor/templates/platform/app-templates-fixed/app-templates-fixed';
@@ -39,7 +41,7 @@ export class AppTransformSlide {
     return (
       <Fragment>
         <ion-toolbar>
-          <h2>Transform slide</h2>
+          <h2>{i18n.state.editor.transform_slide}</h2>
           <app-close-menu slot="end" onClose={() => this.closePopover()}></app-close-menu>
         </ion-toolbar>
 

studio/src/assets/i18n/en.json

@@ -359,7 +359,9 @@
     "your_logo": "Your logo",
     "delete_logo": "Delete logo",
     "deck_style": "Deck style",
-    "slide_style": "Sldie style"
+    "slide_style": "Sldie style",
+    "transform_element": "Transform element",
+    "transform_slide": "Transform slide"
   },
   "offline": {
     "editing": "You are editing offline.",