afalkear_translation_center 0.0.0

data/app/assets/javascripts/translation_center/categories.js

@@ -0,0 +1,18 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+$(document).ready(function(){
+
+  // when filter changes
+  $('.keys_filter').click(function(){
+    $('#current_filter').val($(this).attr('id'));
+    $.ajax({
+      url: Routes.translation_center_category_path + Category.key() + '.js',
+      data: { filter: Filter.key() }
+    });
+    $($('.keys_filter').parent()).removeClass('active');
+    $($(this).parent()).addClass('active');
+  });
+
+
+});

data/app/assets/javascripts/translation_center/center.js

@@ -0,0 +1,55 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+$(document).ready(function(){
+
+  $('.datepicker').datepicker({"format": "dd/mm/yyyy", "weekStart": 1, "autoclose": true});
+
+  $('.language_from').click(function(){
+    var language_from = $.trim($(this).attr('lang_sym'));
+    $.ajax({
+      type: 'POST',
+      url: Routes.translation_center_set_lang_from_path,
+      data: { lang : language_from },
+      success: function(){
+        location.reload();
+      }
+    });
+  });
+
+  $('#search_activity').click(function(){
+    $.ajax({
+      type: 'GET',
+      url: Routes.translation_center_search_activity_path + '.js',
+      data: $('#search_form').serialize()
+    });
+    return false;
+  });
+
+  $('#search_reset').click(function(){
+    $('#search_form').children('input').each(function(){
+      $(this).val('')  
+    })
+    $('#search_form').children('select').val('');
+    $('#search_activity').click();
+  });
+
+  $(document).on('click', '.pagination a', function(){
+    $.ajax({
+      type: "GET",
+      url: $(this).attr("href"),
+      dataType: "script"
+    });
+    return false;
+  });
+
+  $("body").on({
+    ajaxStart: function() { 
+      $('#loading').show();
+    },
+    ajaxStop: function() { 
+      $('#loading').hide();
+    }    
+  });
+
+});

data/app/assets/javascripts/translation_center/inspector.js.erb

@@ -0,0 +1,59 @@
+// Get the translation center engine root path
+translation_center_root = "<%= Rails.application.routes.url_helpers.translation_center_path %>"
+
+translation_center_translation_key_path = function(id) { return translation_center_root + '/translation_keys/' + id }
+
+$(document).ready(function() {
+  attachInspectorLinks();
+});
+
+// after any ajax request attach the inspector links
+$(document).ajaxComplete(function() {
+  attachInspectorLinks();
+});
+
+function attachInspectorLinks(){
+  if($('body').children('#tc-inspector-links').length == 0 && $('#tc_no_inspector').length == 0 )
+    $('body').append('<div id="tc-inspector-links"></div>');
+
+  // for each key add a link that goes to the key page
+  $('.tc-inspector-key').each(function(){
+    var top = $(this).offset().top - 20;
+    var left = $(this).offset().left - 10;
+    var id = $(this).data('id');
+    // missing translation will be in red while translated will be in green
+    var badgeClass = getBadge($(this).data('type'));
+    $('#tc-inspector-links').append($('<a>').attr('title', 'Click to visit key').attr('target', 'key_inspect').attr('href', translation_center_translation_key_path(id) + "?lang_to=" + $(this).data('locale')).attr('data-id', id).attr('style', 'left:' + left + 'px;top:' + top + 'px' ).attr('class', 'icon-edit tc-badge ' + badgeClass  + ' tc-inspector-link'));
+
+  });
+
+  // highlight the key when user hovers over it
+  $(".tc-inspector-link").mouseover(function() {
+    var id = $(this).data('id');
+    var key = $('.tc-inspector-key[data-id=' + id + ']');
+    var color = getColor(key.data('type'));
+    key.css('color', color);
+  }).mouseout(function(){
+    var id = $(this).data('id');
+    $('.tc-inspector-key[data-id=' + id + ']').css('color', '');
+  });
+
+}
+
+function getBadge(status) {
+  if(status == 'untranslated')
+    return 'tc-badge-important'
+  else if(status == 'pending')
+    return 'tc-badge-warning'
+  else
+    return 'tc-badge-success'
+}
+
+function getColor(status) {
+  if(status == 'untranslated')
+    return 'red'
+  else if(status == 'pending')
+    return 'orange'
+  else
+    return 'green'
+}