not working

app/assets/javascripts/admin/commons/translation.js

@@ -26,8 +26,10 @@ window.osuny.translation = {
     },
 
     translate: function (field) {
+        console.log(field);
         var text = field.value, 
             xhr = new XMLHttpRequest();
+        console.log(text);
         xhr.open("POST", this.url, false);
         xhr.setRequestHeader('Content-Type', 'application/json');
         xhr.onreadystatechange = function () {

app/models/communication/block.rb

@@ -153,6 +153,10 @@ class Communication::Block < ApplicationRecord
     block
   end
 
+  def is_a_translation?
+    about.is_a_translation?
+  end
+
   def translate!(about_translation, heading_id = nil)
     translation = self.dup
     translation.about = about_translation

app/views/admin/communication/blocks/components/rich_text/_edit.html.erb

@@ -6,6 +6,7 @@
 <div class="summernote mb-3">
   <textarea :id="<%= dom_id.html_safe %>"
             class="form-control summernote-vue"
+            data-translatable="true"
             v-model="<%= model %>.<%= property %>"
             data-summernote-config="<%= summernote_config %>"
             placeholder="<%= placeholder %>"></textarea>

app/views/admin/communication/blocks/edit.html.erb

@@ -33,6 +33,7 @@
     <% content_for :action_bar_left do %>
       <%= destroy_link @block %>
       <%= duplicate_link @block %>
+      <%= render 'admin/application/i18n/translate_button', about: @block %>
     <% end %>
     <% content_for :action_bar_right do %>
       <%= submit f %>