Update js/rus/rus.js

js/rus/rus.js

@@ -197,6 +197,36 @@ editor.Blocks.add('avp_form_v1-settings-block-block', {
 
 
 
+
+
+
+
+
+// Создаем новый тип компонента для настроек видеоплеера
+editor.BlockManager.add('player-box', {
+  label: `
+    <div style="display: flex; flex-direction: column; align-items: center;">
+      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="Layer_1" enable-background="new 0 0 490 490" viewBox="0 0 490 490" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g><g><g><path d="m380 70h-270c-60.654 0-110 49.346-110 110v130c0 60.654 49.346 110 110 110h270c60.654 0 110-49.346 110-110v-130c0-60.654-49.346-110-110-110zm90 240c0 49.626-40.374 90-90 90h-270c-49.626 0-90-40.374-90-90v-130c0-49.626 40.374-90 90-90h270c49.626 0 90 40.374 90 90z" fill="#000000" style="fill: rgb(237, 237, 237);"></path><path d="m323.846 235.769-120-50c-3.085-1.286-6.611-.945-9.393.911-2.782 1.854-4.453 4.977-4.453 8.32v100c0 3.344 1.671 6.466 4.453 8.32 1.667 1.112 3.601 1.68 5.548 1.68 1.301 0 2.608-.254 3.845-.769l120-50c3.727-1.553 6.154-5.194 6.154-9.231s-2.428-7.678-6.154-9.231zm-113.846 44.231v-70l84 35z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
+      <span style="margin-top: 8px;">player-box</span>
+    </div>`,
+  content: `<div id="player" style="width: 480px; height: 270px; border: 3px solid black; margin: auto; position: relative; top: 0;"></div>`,
+  attributes: {
+    class: ''
+  }
+});
+editor.CssComposer.addRules(`
+  #player {
+    width: 480px;
+    height: 270px;
+    border: 3px solid black;
+    margin: 0 auto;
+    position: relative;
+    top: 0;
+    display: block;
+  }
+`);
+
+
 // Создаем новый тип компонента для настроек видеоплеера
 editor.Components.addType('video-player-settings', {
   model: {
@@ -307,7 +337,7 @@ editor.Blocks.add('video-player-settings-block', {
   label: `
     <div style="display: flex; flex-direction: column; align-items: center;">
       <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="Layer_1" enable-background="new 0 0 490 490" viewBox="0 0 490 490" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g><g><g><path d="m380 70h-270c-60.654 0-110 49.346-110 110v130c0 60.654 49.346 110 110 110h270c60.654 0 110-49.346 110-110v-130c0-60.654-49.346-110-110-110zm90 240c0 49.626-40.374 90-90 90h-270c-49.626 0-90-40.374-90-90v-130c0-49.626 40.374-90 90-90h270c49.626 0 90 40.374 90 90z" fill="#000000" style="fill: rgb(237, 237, 237);"></path><path d="m323.846 235.769-120-50c-3.085-1.286-6.611-.945-9.393.911-2.782 1.854-4.453 4.977-4.453 8.32v100c0 3.344 1.671 6.466 4.453 8.32 1.667 1.112 3.601 1.68 5.548 1.68 1.301 0 2.608-.254 3.845-.769l120-50c3.727-1.553 6.154-5.194 6.154-9.231s-2.428-7.678-6.154-9.231zm-113.846 44.231v-70l84 35z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
-      <span style="margin-top: 8px;">Воспроизведение медиа</span>
+      <span style="margin-top: 8px;">player-set</span>
     </div>`,
   content: { type: 'video-player-settings' },
 });