#100 secolor picker i18n translate changes

src/editor/components/seColorPicker.js

@@ -1,4 +1,5 @@
 /* eslint-disable max-len */
+/* globals svgEditor */
 import { jGraduate, jGraduateMethod } from './jgraduate/jQuery.jGraduate.js';
 import PaintBox from './PaintBox.js';
 
@@ -641,7 +642,7 @@ div.jGraduate_Slider img {
   </style>
   <div id="picker">
       <img src="./images/logo.svg" alt="icon" id="logo">
-      <label for="color" title="Change xxx color" id="label"></label>
+      <label for="color" title="${svgEditor.i18next.t('config.change_xxx_color')}" id="label"></label>
       <div id="block">
       </div>
   </div>
@@ -691,7 +692,7 @@ export class SeColorPicker extends HTMLElement {
       this.setAttribute('title', newValue);
       break;
     case 'type':
-      this.$label.setAttribute('title', `Pick a ${newValue} Paint and Opacity`);
+      this.$label.setAttribute('title', svgEditor.i18next.t('config.pick_paint_opavity', { newValue: newValue }));
       break;
     default:
       // eslint-disable-next-line no-console

src/editor/locale/lang.en.js

@@ -208,6 +208,8 @@ export default {
     snapping_stepsize: 'Snapping Step-Size:',
     grid_color: 'Grid color:',
     done: "Done",
+    change_xxx_color: 'Change xxx color',
+    pick_paint_opavity: 'Pick a {{newValue}} Paint and Opacity'
   },
   notification: {
     invalidAttrValGiven: 'Invalid value given',