[FEATURE] Translate Date & Number field

refs OSC-17
Children-in-Families · Sep 21, 2022 · 8b0ed4a · 8b0ed4a
1 parent 474361c
commit 8b0ed4a
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 9 deletions.
diff --git a/app/assets/javascripts/custom_form_builder.coffee b/app/assets/javascripts/custom_form_builder.coffee
@@ -42,12 +42,13 @@ class CIF.CustomFormBuilder
         self.preventClickEnterOrTab(fld)
         ),50
 
-  eventDateOption: ->
+  eventDateOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.date-field').find('.className-wrap, .placeholder-wrap, .value-wrap, .access-wrap, .description-wrap, .name-wrap, .toggle-wrap, .inline-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
@@ -66,12 +67,13 @@ class CIF.CustomFormBuilder
         self.preventClickEnterOrTab(fld)
       ),50
 
-  eventNumberOption: ->
+  eventNumberOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.number-field').find('.className-wrap, .placeholder-wrap, .value-wrap, .step-wrap, .access-wrap, .description-wrap, .name-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()

diff --git a/app/assets/javascripts/multiple_form/form.coffee b/app/assets/javascripts/multiple_form/form.coffee
@@ -13,6 +13,8 @@ CIF.Client_trackingsNew = CIF.Client_trackingsCreate = CIF.Client_custom_fieldsN
     _hideAnotherLanguageField()
     _copyInputTextToLocalLanguage()
     _copyTextAreaTextToLocalLanguage()
+    _copyNumberToLocalLanguage()
+    _copyDateToLocalLanguage()
 
   _initICheckBox = ->
     $('.i-checks').iCheck
@@ -57,13 +59,26 @@ CIF.Client_trackingsNew = CIF.Client_trackingsCreate = CIF.Client_custom_fieldsN
   _copyInputTextToLocalLanguage = ->
     $('input[type="text"]').on 'keyup', (e) ->
       el = $(@)
-      el.parent().next().find('#' + el.data('local-input')).val(el.val())
+      if el.hasClass('date-picker')
+        console.log('ddddaaaattteee')
+      else
+        el.parent().next().find('#' + el.data('local-input')).val(el.val())
 
   _copyTextAreaTextToLocalLanguage = ->
     $('textarea').on 'keyup', (e) ->
       el = $(@)
       el.parent().next().find('#' + el.data('local-textarea')).val(el.val())
 
+  _copyNumberToLocalLanguage = ->
+    $('input[type="number"]').on 'keyup mouseup', (e) ->
+      el = $(@)
+      el.parent().next().find('#' + el.data('local-number')).val(el.val())
+
+  _copyDateToLocalLanguage = ->
+    $('input.form-builder-date').on 'changeDate', (e) ->
+      el = $(@)
+      el.next('#' + el.data('local-date')).val(el.val())
+
   _preventRequireFields = ->
     preventFileUploader()
     preventRequireFieldInput()

diff --git a/app/assets/javascripts/program_streams/form.coffee b/app/assets/javascripts/program_streams/form.coffee
@@ -287,9 +287,9 @@ CIF.Program_streamsNew = CIF.Program_streamsEdit = CIF.Program_streamsCreate = C
         }
         typeUserEvents: {
           'checkbox-group': builderOption.eventCheckboxOption()
-          date: builderOption.eventDateOption()
+          date: builderOption.eventDateOption(fields)
           file: builderOption.eventFileOption()
-          number: builderOption.eventNumberOption()
+          number: builderOption.eventNumberOption(fields)
           'radio-group': builderOption.eventRadioOption()
           select: builderOption.eventSelectOption(fields)
           text: builderOption.eventTextFieldOption(fields)

diff --git a/app/views/shared/fields/_date.haml b/app/views/shared/fields/_date.haml
@@ -1,9 +1,11 @@
+- label = field_label(field_props)
 %div{ class: "form-group #{field_with(field_props['label'],errors)}" }
   %label.control-label{ class: required?(field_props['required'] || false) }
     %abbr{ title: 'required' }= '*' if field_props['required'] || false
-    = field_props['label'].html_safe
+    = label.html_safe
   %div{ class: "date input-group #{required?(field_props['required'])}" }
-    = f.text_field field_props['label'], class: "date optional form-control date-picker #{field_props['className']} #{required?((field_props['required'] || false))}", type: 'text', name: "#{f.object_name}[#{remove_field_prop_unicode(field_props)}]"
+    = f.text_field field_props['label'], class: "form-builder-date date optional form-control date-picker #{field_props['className']} #{required?((field_props['required'] || false))}", type: 'text', name: "#{f.object_name}[#{remove_field_prop_unicode(field_props)}]", 'data-local-date': "#{f.object_name}[#{remove_local_field_prop_unicode(field_props)}]".parameterize
+    = f.text_field field_props['local_label'], type: 'hidden', name: "#{f.object_name}[Local_label #{remove_local_field_prop_unicode(field_props)}]", id: "#{f.object_name}[#{remove_local_field_prop_unicode(field_props)}]".parameterize
     %span.input-group-addon
       %i.fa.fa-calendar-check-o
   %span.help-block

diff --git a/app/views/shared/fields/_number.haml b/app/views/shared/fields/_number.haml
@@ -1,7 +1,9 @@
+- label = field_label(field_props)
 %div{ class: "form-group #{field_with(field_props['label'],errors)}" }
   %label.control-label{ class: required?(field_props['required'] || false) }
     %abbr{ title: 'required' }= '*' if field_props['required'] || false
-    = field_props['label'].html_safe
-  = f.input field_props['label'], as: :integer, required: (field_props['required'] || false), input_html: { class: field_props['className'], name: "#{f.object_name}[#{field_props['label'].gsub('&amp;', '&').gsub('&lt;', '<').gsub('&gt;', '>')}]" }, label: false
+    = label.html_safe
+  = f.input field_props['label'], as: :integer, required: (field_props['required'] || false), input_html: { class: field_props['className'], name: "#{f.object_name}[#{field_props['label'].gsub('&amp;', '&').gsub('&lt;', '<').gsub('&gt;', '>')}]", 'data-local-number': "#{f.object_name}[#{remove_local_field_prop_unicode(field_props)}]".parameterize }, label: false
+  = f.input field_props['local_label'], :as => :hidden, input_html: { name: "#{f.object_name}[Local_label #{remove_local_field_prop_unicode(field_props)}]", id: "#{f.object_name}[#{remove_local_field_prop_unicode(field_props)}]".parameterize }
   %span.help-block
     = field_message(field_props['label'], errors)