RubyGems - afalkear_translation_center - Versions diffs - 0.0.0 - Mend

afalkear_translation_center 0.0.0

Files changed (174) hide show

data/app/assets/javascripts/translation_center/jquery.jeditable.mini.js ADDED Viewed

@@ -0,0 +1,38 @@
+(function($){$.fn.editable=function(target,options){if('disable'==target){$(this).data('disabled.editable',true);return;}
+if('enable'==target){$(this).data('disabled.editable',false);return;}
+if('destroy'==target){$(this).unbind($(this).data('event.editable')).removeData('disabled.editable').removeData('event.editable');return;}
+var settings=$.extend({},$.fn.editable.defaults,{target:target},options);var plugin=$.editable.types[settings.type].plugin||function(){};var submit=$.editable.types[settings.type].submit||function(){};var buttons=$.editable.types[settings.type].buttons||$.editable.types['defaults'].buttons;var content=$.editable.types[settings.type].content||$.editable.types['defaults'].content;var element=$.editable.types[settings.type].element||$.editable.types['defaults'].element;var reset=$.editable.types[settings.type].reset||$.editable.types['defaults'].reset;var callback=settings.callback||function(){};var onedit=settings.onedit||function(){};var onsubmit=settings.onsubmit||function(){};var onreset=settings.onreset||function(){};var onerror=settings.onerror||reset;if(settings.tooltip){$(this).attr('title',settings.tooltip);}
+settings.autowidth='auto'==settings.width;settings.autoheight='auto'==settings.height;return this.each(function(){var self=this;var savedwidth=$(self).width();var savedheight=$(self).height();$(this).data('event.editable',settings.event);if(!$.trim($(this).html())){$(this).html(settings.placeholder);}
+$(this).bind(settings.event,function(e){if(true===$(this).data('disabled.editable')){return;}
+if(self.editing){return;}
+if(false===onedit.apply(this,[settings,self])){return;}
+e.preventDefault();e.stopPropagation();if(settings.tooltip){$(self).removeAttr('title');}
+if(0==$(self).width()){settings.width=savedwidth;settings.height=savedheight;}else{if(settings.width!='none'){settings.width=settings.autowidth?$(self).width():settings.width;}
+if(settings.height!='none'){settings.height=settings.autoheight?$(self).height():settings.height;}}
+if($(this).html().toLowerCase().replace(/(;|")/g,'')==settings.placeholder.toLowerCase().replace(/(;|")/g,'')){$(this).html('');}
+self.editing=true;self.revert=$(self).html();$(self).html('');var form=$('<form />');if(settings.cssclass){if('inherit'==settings.cssclass){form.attr('class',$(self).attr('class'));}else{form.attr('class',settings.cssclass);}}
+if(settings.style){if('inherit'==settings.style){form.attr('style',$(self).attr('style'));form.css('display',$(self).css('display'));}else{form.attr('style',settings.style);}}
+var input=element.apply(form,[settings,self]);var input_content;if(settings.loadurl){var t=setTimeout(function(){input.disabled=true;content.apply(form,[settings.loadtext,settings,self]);},100);var loaddata={};loaddata[settings.id]=self.id;if($.isFunction(settings.loaddata)){$.extend(loaddata,settings.loaddata.apply(self,[self.revert,settings]));}else{$.extend(loaddata,settings.loaddata);}
+$.ajax({type:settings.loadtype,url:settings.loadurl,data:loaddata,async:false,success:function(result){window.clearTimeout(t);input_content=result;input.disabled=false;}});}else if(settings.data){input_content=settings.data;if($.isFunction(settings.data)){input_content=settings.data.apply(self,[self.revert,settings]);}}else{input_content=self.revert;}
+content.apply(form,[input_content,settings,self]);input.attr('name',settings.name);buttons.apply(form,[settings,self]);$(self).append(form);plugin.apply(form,[settings,self]);$(':input:visible:enabled:first',form).focus();if(settings.select){input.select();}
+input.keydown(function(e){if(e.keyCode==27){e.preventDefault();reset.apply(form,[settings,self]);}});var t;if('cancel'==settings.onblur){input.blur(function(e){t=setTimeout(function(){reset.apply(form,[settings,self]);},500);});}else if('submit'==settings.onblur){input.blur(function(e){t=setTimeout(function(){form.submit();},200);});}else if($.isFunction(settings.onblur)){input.blur(function(e){settings.onblur.apply(self,[input.val(),settings]);});}else{input.blur(function(e){});}
+form.submit(function(e){if(t){clearTimeout(t);}
+e.preventDefault();if(false!==onsubmit.apply(form,[settings,self])){if(false!==submit.apply(form,[settings,self])){if($.isFunction(settings.target)){var str=settings.target.apply(self,[input.val(),settings]);$(self).html(str);self.editing=false;callback.apply(self,[self.innerHTML,settings]);if(!$.trim($(self).html())){$(self).html(settings.placeholder);}}else{var submitdata={};submitdata[settings.name]=input.val();submitdata[settings.id]=self.id;if($.isFunction(settings.submitdata)){$.extend(submitdata,settings.submitdata.apply(self,[self.revert,settings]));}else{$.extend(submitdata,settings.submitdata);}
+if('PUT'==settings.method){submitdata['_method']='put';}
+$(self).html(settings.indicator);var ajaxoptions={type:'POST',data:submitdata,dataType:'html',url:settings.target,success:function(result,status){if(ajaxoptions.dataType=='html'){$(self).html(result);}
+self.editing=false;callback.apply(self,[result,settings]);if(!$.trim($(self).html())){$(self).html(settings.placeholder);}},error:function(xhr,status,error){onerror.apply(form,[settings,self,xhr]);}};$.extend(ajaxoptions,settings.ajaxoptions);$.ajax(ajaxoptions);}}}
+$(self).attr('title',settings.tooltip);return false;});});this.reset=function(form){if(this.editing){if(false!==onreset.apply(form,[settings,self])){$(self).html(self.revert);self.editing=false;if(!$.trim($(self).html())){$(self).html(settings.placeholder);}
+if(settings.tooltip){$(self).attr('title',settings.tooltip);}}}};});};$.editable={types:{defaults:{element:function(settings,original){var input=$('<input type="hidden"></input>');$(this).append(input);return(input);},content:function(string,settings,original){$(':input:first',this).val(string);},reset:function(settings,original){original.reset(this);},buttons:function(settings,original){var form=this;if(settings.submit){if(settings.submit.match(/>$/)){var submit=$(settings.submit).click(function(){if(submit.attr("type")!="submit"){form.submit();}});}else{var submit=$('<button type="submit" />');submit.html(settings.submit);}
+$(this).append(submit);}
+if(settings.cancel){if(settings.cancel.match(/>$/)){var cancel=$(settings.cancel);}else{var cancel=$('<button type="cancel" />');cancel.html(settings.cancel);}
+$(this).append(cancel);$(cancel).click(function(event){if($.isFunction($.editable.types[settings.type].reset)){var reset=$.editable.types[settings.type].reset;}else{var reset=$.editable.types['defaults'].reset;}
+reset.apply(form,[settings,original]);return false;});}}},text:{element:function(settings,original){var input=$('<input />');if(settings.width!='none'){input.width(settings.width);}
+if(settings.height!='none'){input.height(settings.height);}
+input.attr('autocomplete','off');$(this).append(input);return(input);}},textarea:{element:function(settings,original){var textarea=$('<textarea />');if(settings.rows){textarea.attr('rows',settings.rows);}else if(settings.height!="none"){textarea.height(settings.height);}
+if(settings.cols){textarea.attr('cols',settings.cols);}else if(settings.width!="none"){textarea.width(settings.width);}
+$(this).append(textarea);return(textarea);}},select:{element:function(settings,original){var select=$('<select />');$(this).append(select);return(select);},content:function(data,settings,original){if(String==data.constructor){eval('var json = '+data);}else{var json=data;}
+for(var key in json){if(!json.hasOwnProperty(key)){continue;}
+if('selected'==key){continue;}
+var option=$('<option />').val(key).append(json[key]);$('select',this).append(option);}
+$('select',this).children().each(function(){if($(this).val()==json['selected']||$(this).text()==$.trim(original.revert)){$(this).attr('selected','selected');}});}}},addInputType:function(name,input){$.editable.types[name]=input;}};$.fn.editable.defaults={name:'value',id:'id',type:'text',width:'auto',height:'auto',event:'click.editable',onblur:'cancel',loadtype:'GET',loadtext:'Loading...',placeholder:'Click to edit',loaddata:{},submitdata:{},ajaxoptions:{}};})(jQuery);

data/app/assets/javascripts/translation_center/routes.js ADDED Viewed

@@ -0,0 +1,15 @@
+Routes = {
+  translation_center_category_path: translation_center_root + 'categories/',
+  translation_center_set_lang_to_path: translation_center_root + 'set_language_to/',
+  translation_center_set_lang_from_path: translation_center_root + 'set_language_from/',
+  translation_center_search_activity_path: translation_center_root + 'search_activity',
+  translation_center_search_translation_keys_path: translation_center_root + '/translation_keys/search',
+  translation_center_translation_key_path: function(id) { return translation_center_root + 'translation_keys/' + id },
+  translation_center_category_more_keys_path: function(id) { return translation_center_root + 'categories/' + id + '/more_keys' },
+  translation_center_translation_accept_path: function(id) { return translation_center_root + 'translations/' + id + '/accept' },
+  translation_center_translation_unaccept_path: function(id) { return translation_center_root + 'translations/' + id + '/unaccept' },
+  translation_center_translation_key_translations_path: function(id) { return translation_center_root + 'translation_keys/' + id + '/translations' },
+  translation_center_translation_vote_path: function(id) { return translation_center_root + 'translations/' + id + '/vote' },
+  translation_center_translation_unvote_path: function(id) { return translation_center_root + 'translations/' + id + '/unvote' },
+  translation_center_translation_key_update_translation_path: function(id) { return translation_center_root + 'translation_keys/' + id + '/update_translation' }
+}

data/app/assets/javascripts/translation_center/spin.min.js ADDED Viewed

@@ -0,0 +1 @@

data/app/assets/javascripts/translation_center/translation_keys.js ADDED Viewed

@@ -0,0 +1,31 @@
+// 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(){
+  current_page = 1;
+  var fetching = false
+  $(document).on('mousewheel DOMMouseScroll', '.translation_keys_listing', function(e)
+  {
+    if(e.originalEvent.wheelDelta < 0 &&
+       $(this).scrollTop() +
+       $(this).innerHeight()
+       >= $(this)[0].scrollHeight - 100 &&
+       !fetching)
+    {
+      fetching = true;
+      current_page++
+      $.ajax({
+        type: 'GET',
+        url: Routes.translation_center_category_more_keys_path(Category.key()) + '.js',
+        data: { page : current_page },
+        complete: (function(){ fetching = false })
+      });
+    }
+  })
+});

data/app/assets/javascripts/translation_center/translations.js ADDED Viewed

@@ -0,0 +1,245 @@
+// 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() {
+  editableTranslations();
+  editableKeyTranslations();
+  $(document).on('click', '.accept_translation', function(){
+    $.ajax({
+      type: 'POST',
+      url: Routes.translation_center_translation_accept_path($(this).attr('data-translation-id')) + '.js'
+    });
+  });
+  $(document).on('click', '.unaccept_translation', function(){
+    $.ajax({
+      type: 'POST',
+      url: Routes.translation_center_translation_unaccept_path($(this).attr('data-translation-id')) + '.js'
+    });
+  });
+  $(document).on('click', '.sort_by_votes', function(){
+    $.ajax({
+      type: 'GET',
+      url: Routes.translation_center_translation_key_translations_path($(this).attr('data-key-id')) + '.js',
+      data: {sort_by: 'votes'}
+    });
+  });
+  $(document).on('click', '.translations_tab, .sort_by_date', function(){
+    $.ajax({
+      type: 'GET',
+      url: Routes.translation_center_translation_key_translations_path($(this).attr('data-key-id')) + '.js'
+    });
+  });
+  $(document).on('mouseover', '.translations_vote',
+    function() {
+      $(this).addClass('badge-success');
+  });
+  $(document).on('mouseout', '.translations_vote',
+    function() {
+      if($(this).attr('voted') == 'false')
+        $(this).removeClass('badge-success');
+    }
+  );
+  $(document).on('click', '.translations_vote', function() {
+    // vote
+    if($(this).attr('voted') == 'false')
+    {
+      $(this).addClass('badge-success');
+      $(this).attr('voted', 'true')
+      // TODO use I18n.t
+      $(this).text('Unvote');
+      $.ajax({
+        type: 'POST',
+        url: Routes.translation_center_translation_vote_path($(this).attr('data-translation-id')) + '.js'
+      });
+    }
+    // unvote
+    else
+    {
+      $(this).removeClass('badge-success');
+      $(this).attr('voted', 'false')
+      // TODO use I18n.t
+      $(this).text('Vote');
+      $.ajax({
+        type: 'POST',
+        url: Routes.translation_center_translation_unvote_path($(this).attr('data-translation-id')) + '.js'
+      });
+    }
+  });
+});
+function moveToNextKey(key_id){
+  var translation_key = $('li.translation_key[data-key-id=' + key_id + ']')
+  var translations_listing = $('.tab-pane#' + translation_key.attr('data-key-id'));
+  translations_listing.removeClass('active');
+  translation_key.fadeOut();
+  var next_key = translation_key.next();
+  next_key.addClass('active');
+  next_key.effect("highlight", {}, 3000);
+  $('.tab-pane#' + next_key.attr('data-key-id')).addClass('active');
+}
+// given id of the key get the current status
+function getKeyStatus(id){
+  var classes = $('.translation_key[data-key-id=' + id + ']').children('.translation_key_badge').attr('class');
+  if(classes.indexOf('badge-important') > 0)
+    return 'untranslated'
+  else if(classes.indexOf('badge-warning') > 0)
+    return 'pending'
+  else
+    return 'translated'
+}
+// decrements the filter
+function decrementFilter(filter){
+  if(filter == 'untranslated')
+    decrementUntranslated();
+  else if(filter == 'translated')
+    decrementTranslated();
+  else
+    decrementPending();
+  decrementAll();
+}
+function decrementUntranslated(){
+  var count = parseInt($('#untranslated_keys_count').text().replace('(', '').replace(')', '')) - 1;
+  $('#untranslated_keys_count').text('(' + count +  ')');
+}
+function decrementTranslated(){
+  var count = parseInt($('#translated_keys_count').text().replace('(', '').replace(')', '')) - 1;
+  $('#translated_keys_count').text('(' + count +  ')');
+}
+function decrementPending(){
+  var count = parseInt($('#pending_keys_count').text().replace('(', '').replace(')', '')) - 1;
+  $('#pending_keys_count').text('(' + count +  ')');
+}
+function incrementUntranslated(){
+  var count = parseInt($('#untranslated_keys_count').text().replace('(', '').replace(')', '')) + 1;
+  $('#untranslated_keys_count').text('(' + count +  ')');
+}
+function incrementTranslated(){
+  var count = parseInt($('#translated_keys_count').text().replace('(', '').replace(')', '')) + 1;
+  $('#translated_keys_count').text('(' + count +  ')');
+}
+function incrementPending(){
+  var count = parseInt($('#pending_keys_count').text().replace('(', '').replace(')', '')) + 1;
+  $('#pending_keys_count').text('(' + count +  ')');
+}
+function incrementAll(){
+  var count = parseInt($('#all_keys_count_count').text().replace('(', '').replace(')', '')) + 1;
+  $('#all_keys_count_count').text('(' + count +  ')');
+}
+function decrementAll(){
+  var count = parseInt($('#all_keys_count_count').text().replace('(', '').replace(')', '')) - 1;
+  $('#all_keys_count_count').text('(' + count +  ')');
+}
+function editableTranslations(){
+  $.each($('.user_translation'), function(){
+    var key_id = $(this).attr('data-key-id');
+    $(this).editable(Routes.translation_center_translation_key_update_translation_path(key_id, {format: 'json'}), {
+      method: 'POST',
+      onblur : 'submit',
+      // TODO use I18n.t for translations
+      placeholder : 'click to add or edit your translation',
+      tooltip     : 'click to add or edit your translation',
+      callback : function(data, settings) {
+        data = $.parseJSON(data);
+        $(this).text(data.value);
+        if(Filter.key() == 'untranslated')
+        {
+          decrementUntranslated();
+          // if normal user then moved to pending
+          if(data.status == 'pending')
+            incrementPending();
+          else
+            // admin then move to translated
+            incrementTranslated();
+          moveToNextKey($(this).attr('data-key-id'));
+        }
+        else if(Filter.key() == 'pending')
+        {
+          // if you are an admin and your edits are considered accepted
+          if(data.status == 'accepted')
+          {
+            decrementPending();
+            incrementTranslated();
+          }
+          moveToNextKey($(this).attr('data-key-id'));
+        }
+        else if(Filter.key() == 'all')
+        {
+          eval('increment' + capitaliseFirstLetter(data.status))()
+          eval('decrement' + capitaliseFirstLetter(data.key_before_status))()
+          // change status of translation
+          if(data.status == 'pending')
+          {
+            $('li.translation_key[data-key-id=' + key_id + ']').children('div').removeClass('badge-important').addClass('badge-warning');
+          }
+          else
+          {
+            $('li.translation_key[data-key-id=' + key_id + ']').children('div').removeClass('badge-important').addClass('badge-success');
+          }
+        }
+      }
+    });
+    $(this).text($.trim($(this).text()));
+  });
+}
+function editableKeyTranslations(){
+  $.each($('.key_editable'), function(){
+    var key_id = $(this).attr('data-key-id');
+    $(this).editable(Routes.translation_center_translation_key_path(key_id, {format: 'json'}), {
+      method: 'PUT',
+      onblur : 'submit',
+      // TODO use I18n.t for translations
+      tooltip     : 'Click to edit translation key',
+      callback : function(data, settings) {
+        data = $.parseJSON(data);
+        $(this).text(data.new_value);
+        // if category changed then fade out the key
+        if(data.new_category != data.old_category)
+        {
+          moveToNextKey(data.key_id);
+          decrementFilter(getKeyStatus(data.key_id));
+        }
+      }
+    });
+    $(this).text($.trim($(this).text()));
+  });
+}

data/app/assets/stylesheets/translation_center/application.css ADDED Viewed

@@ -0,0 +1,49 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+  */
+ body { padding-top: 60px; }
+.nav_text {
+  margin-top: 10px !important;
+  margin-right: 5px;
+}
+.navbar span {
+  margin-left: 5px;
+}
+.navbar .brand,.navbar span, .navbar .nav > li > a, .navbar a, .navbar .nav_text {
+  /*color: white !important;*/
+}
+.navbar li.dropdown ul.dropdown-menu a.language_to {
+  color: black !important;
+}
+.navbar-inner {
+  /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ED2), color-stop(100%, #008CBA)) !important;*/
+}
+.navbar .brand {
+  padding-left: 58px !important;
+  background: url(/assets/translation_center_logo.png) no-repeat 20px 7px
+}
+.spinner {
+  left: 420px !important;
+  top: -14px !important;
+}
+input#search_keys, input#translations{
+  width: 110px;
+}