[TASK] Apply translation form

Gemfile

@@ -134,6 +134,7 @@ group :test do
 end
 
 gem "sentry-raven", "~> 2.13"
+gem 'terser', '~> 1.1', '>= 1.1.12'
 
 gem "redis-rails", "~> 5.0"
 

Gemfile.lock

@@ -818,6 +818,8 @@ GEM
     sysrandom (1.0.5)
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
+    terser (1.1.12)
+      execjs (>= 0.3.0, < 3)
     text (1.3.1)
     thin (1.7.2)
       daemons (~> 1.0, >= 1.0.9)
@@ -1003,6 +1005,7 @@ DEPENDENCIES
   sorbet-rails
   spreadsheet (~> 1.1.3)
   sysrandom (~> 1.0, >= 1.0.5)
+  terser (~> 1.1, >= 1.1.12)
   text (~> 1.3, >= 1.3.1)
   thin (~> 1.7)
   thredded (~> 0.6.1)

app/assets/javascripts/client_enrollment_trackings/form.coffee

@@ -1,21 +1,31 @@
 CIF.Client_enrollment_trackingsNew = CIF.Client_enrollment_trackingsCreate = CIF.Client_enrollment_trackingsEdit = CIF.Client_enrollment_trackingsUpdate = CIF.Client_enrolled_program_trackingsUpdate =
 CIF.Client_enrolled_program_trackingsNew = CIF.Client_enrolled_program_trackingsCreate = CIF.Client_enrolled_program_trackingsEdit = do ->
 
+  checkedItems = []
   _init = ->
     _initSelect2()
     _initFileInput()
     _preventRequireFileUploader()
     _toggleCheckingRadioButton()
     _initICheckBox()
+    _setAnotherLanguageFieldValue()
+    _hideAnotherLanguageField()
+    _checkCheckbox()
+    _uncheckCheckbox()
+    _copyNumberToLocalLanguage()
+    _copyInputTextToLocalLanguage()
+    _copyTextAreaTextToLocalLanguage()
 
   _initICheckBox = ->
     $('.i-checks').iCheck
       checkboxClass: 'icheckbox_square-green'
       radioClass: 'iradio_square-green'
 
   _toggleCheckingRadioButton = ->
-    $('input[type="radio"]').on 'ifChecked', (e) ->
-      $(@).parents('span.radio').siblings('.radio').find('.iradio_square-green').removeClass('checked')
+      $('input[type="radio"]').on 'ifChecked', (e) ->
+        el = $(@)
+        el.parents('.radio_buttons').next().children('#' + el.data('option')).val(el.data('value'))
+        $(@).parents('span.radio').siblings('.radio').find('.iradio_square-green').removeClass('checked')
 
   _initSelect2 = ->
     $('select').select2()
@@ -32,4 +42,46 @@ CIF.Client_enrolled_program_trackingsNew = CIF.Client_enrolled_program_trackings
     prevent = new CIF.PreventRequiredFileUploader()
     prevent.preventFileUploader()
 
+  _setAnotherLanguageFieldValue = ->
+    $('select').on 'select2-selecting', (e) ->
+      $('#' + $(e.target).data('label')).val($(e.choice.element).data('value')).trigger("change")
+      return
+
+  _hideAnotherLanguageField = ->
+    $('.client-enrolled-program-tracking').find('.d-none').parent().addClass('hide')
+
+  _checkCheckbox = ->
+    $('input[type="checkbox"]').on 'ifChecked', (e) ->
+      el = $(@)
+      checkedItems.push(el.data('value'))
+      el.parents('.check_boxes').next().children('#' + el.data('checkbox')).val(checkedItems).trigger('change')
+
+  _uncheckCheckbox = ->
+    $('input[type="checkbox"]').on 'ifUnchecked', (e) ->
+      el = $(@)
+      checkedItems.splice(checkedItems.indexOf(el.data('value')), 1)
+      el.parents('.check_boxes').next().children('#' + el.data('checkbox')).val(checkedItems).trigger('change')
+
+  _copyNumberToLocalLanguage = ->
+    $('input[type="number"]').on 'keyup mouseup', (e) ->
+      el = $(@)
+      el.parent().next().find('#' + el.data('local-number')).val(el.val())
+
+  _copyInputTextToLocalLanguage = ->
+    $('input[type="text"]').on 'keyup', (e) ->
+      el = $(@)
+      if el.hasClass('date-picker')
+      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())
+
+  _copyDateToLocalLanguage = ->
+    $('input.form-builder-date').on 'changeDate', (e) ->
+      el = $(@)
+      el.next('#' + el.data('local-date')).val(el.val())
+
   { init: _init }

app/assets/javascripts/client_enrollments/form.coffee

@@ -1,5 +1,6 @@
 CIF.Client_enrollmentsNew = CIF.Client_enrollmentsCreate = CIF.Client_enrollmentsEdit = CIF.Client_enrollmentsUpdate =
 CIF.Client_enrolled_programsNew = CIF.Client_enrolled_programsCreate = CIF.Client_enrolled_programsEdit = CIF.Client_enrolled_programsUpdate = do ->
+  checkedItems = []
   _init = ->
     _initSelect2()
     _initFileInput()
@@ -8,6 +9,14 @@ CIF.Client_enrolled_programsNew = CIF.Client_enrolled_programsCreate = CIF.Clien
     _initICheckBox()
     _initDatePicker()
     _preventEditDatepickerClientEnrollment()
+    _setAnotherLanguageFieldValue()
+    _hideAnotherLanguageField()
+    _copyInputTextToLocalLanguage()
+    _copyTextAreaTextToLocalLanguage()
+    _copyNumberToLocalLanguage()
+    _copyDateToLocalLanguage()
+    _checkCheckbox()
+    _uncheckCheckbox()
 
   _initICheckBox = ->
     $('.i-checks').iCheck
@@ -64,8 +73,25 @@ CIF.Client_enrolled_programsNew = CIF.Client_enrolled_programsCreate = CIF.Clien
 
   _toggleCheckingRadioButton = ->
     $('input[type="radio"]').on 'ifChecked', (e) ->
+      el = $(@)
+      el.parents('.radio_buttons').next().children('#' + el.data('option')).val(el.data('value'))
       $(@).parents('span.radio').siblings('.radio').find('.iradio_square-green').removeClass('checked')
 
+  _checkCheckbox = ->
+    $('input[type="checkbox"]').on 'ifChecked', (e) ->
+      el = @
+      elementID = el.id
+      relatedInput = $(el).closest('.form-group.check_boxes').siblings('div.hidden').find("input##{elementID}")
+      relatedInput.attr('checked', 'checked') if relatedInput
+    return
+
+  _uncheckCheckbox = ->
+    $('input[type="checkbox"]').on 'ifUnchecked', (e) ->
+      el = @
+      elementID = el.id
+      relatedInput = $(el).closest('.form-group.check_boxes').siblings('div.hidden').find("input##{elementID}")
+      relatedInput.removeAttr('checked') if relatedInput
+
   _initSelect2 = ->
     $('select').select2()
 
@@ -81,4 +107,34 @@ CIF.Client_enrolled_programsNew = CIF.Client_enrolled_programsCreate = CIF.Clien
     prevent = new CIF.PreventRequiredFileUploader()
     prevent.preventFileUploader()
 
+  _setAnotherLanguageFieldValue = ->
+    $('select').on 'select2-selecting', (e) ->
+      $('#' + $(e.target).data('label')).val($(e.choice.element).data('value')).trigger("change")
+      return
+
+  _hideAnotherLanguageField = ->
+    $('.client-enrollment').find('.d-none').parent().addClass('hide')
+
+  _copyInputTextToLocalLanguage = ->
+    $('input[type="text"]').on 'keyup', (e) ->
+      el = $(@)
+      if el.hasClass('date-picker')
+      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())
+
   { init: _init }

app/assets/javascripts/common.coffee

@@ -167,6 +167,9 @@ CIF.Common =
       setTimeout(->
         if self.type == 'radio' && confirm('Clear selection/លុបចោលការជ្រើសរើស?')
           $(self).closest('.radio_buttons.form-group').find('input').removeAttr('checked').iCheck('update');
+          localOptionElement = $(self).closest('.radio_buttons.form-group').next()
+          if localOptionElement
+            localOptionElement.children('input').val('')
         else
           return
       , 0)

app/assets/javascripts/custom_form_builder.coffee

@@ -12,18 +12,19 @@ class CIF.CustomFormBuilder
     separateLine: (fieldData) ->
       { field: '<hr/>' }
 
-  eventParagraphOption: ->
+  eventParagraphOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.subtype-wrap, .className-wrap, .access-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       $('.subtype-wrap, .className-wrap, .access-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
 
-  eventCheckboxOption: ->
+  eventCheckboxOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.other-wrap, .className-wrap, .access-wrap, .description-wrap, .name-wrap, .toggle-wrap, .inline-wrap').hide()
@@ -32,6 +33,7 @@ class CIF.CustomFormBuilder
       self.addOptionCallback(fld)
       self.generateValueForSelectOption(fld)
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
@@ -41,43 +43,46 @@ 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()
         self.preventClickEnterOrTab(fld)
       ),50
 
-  eventFileOption: ->
+  eventFileOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.file-field').find('.className-wrap, .placeholder-wrap, .subtype-wrap, .value-wrap, .access-wrap, .description-wrap, .name-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
         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()
         self.preventClickEnterOrTab(fld)
       ),50
 
-  eventRadioOption: ->
+  eventRadioOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.other-wrap, .inline-wrap, .className-wrap, .access-wrap, .description-wrap, .name-wrap').hide()
@@ -86,6 +91,7 @@ class CIF.CustomFormBuilder
       self.addOptionCallback(fld)
       self.generateValueForSelectOption(fld)
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
@@ -95,7 +101,7 @@ class CIF.CustomFormBuilder
         self.preventClickEnterOrTab(fld)
         ),50
 
-  eventSelectOption: ->
+  eventSelectOption: (fields = [])->
     self = @
     onadd: (fld) ->
       $('.className-wrap, .access-wrap, .description-wrap, .name-wrap').hide()
@@ -104,6 +110,7 @@ class CIF.CustomFormBuilder
       self.addOptionCallback(fld)
       self.generateValueForSelectOption(fld)
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
@@ -113,7 +120,7 @@ class CIF.CustomFormBuilder
         self.preventClickEnterOrTab(fld)
         ),50
 
-  eventTextFieldOption: ->
+  eventTextFieldOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.fld-subtype ').find('option:contains(color)').remove()
@@ -122,18 +129,20 @@ class CIF.CustomFormBuilder
       $('.className-wrap, .value-wrap, .access-wrap, .maxlength-wrap, .description-wrap, .name-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
         self.preventClickEnterOrTab(fld)
       ),50
 
-  eventTextAreaOption: ->
+  eventTextAreaOption: (fields = []) ->
     self = @
     onadd: (fld) ->
       $('.rows-wrap, .subtype-wrap, .className-wrap, .value-wrap, .access-wrap, .maxlength-wrap, .description-wrap, .name-wrap').hide()
       self.handleCheckingForm()
       self.preventClickEnterOrTab(fld)
+      self.handleAddTranslateLabelField(fld, fields)
     onclone: (fld) ->
       setTimeout ( ->
         self.handleCheckingForm()
@@ -259,3 +268,16 @@ class CIF.CustomFormBuilder
         event.preventDefault()
         key = if event.which == 13 then 'Enter key' else 'Semi-colon'
         alert("#{key} is not allowed!")
+
+  handleAddTranslateLabelField: (fld, fields) ->
+    fldElement = $(fld)
+    fldId = fldElement.attr('id')
+    index = fldId.substr(fldId.lastIndexOf('-') + 1)
+    localLabelName = "local_label"
+    localLabel = "Local Label"
+    if fields[index - 1]
+      localLabel = if fields[index - 1][localLabelName] then fields[index - 1][localLabelName] else localLabel
+    frmHolder = fldElement.find('.frm-holder')
+    localLabelBlock = "<div class='form-group local-label-wrap' style='display: block'><label for='#{localLabelName}'>Local Label</label><div class='input-wrap'><div name='#{localLabelName}' placeholder='Local Label' class='fld-label-#{fldId} form-control' id='local-label-#{fldId}' contenteditable='true'>#{localLabel}</div></div></div>"
+    localLabelBlockElement = $.parseHTML(localLabelBlock)
+    frmHolder.find('.label-wrap').after(localLabelBlockElement)