get-translation/interface/public/templates/contents/templates.js

Effective translation workflow

define(function() {
function encodeHTMLSource() {  var encodeHTMLRules = { "&": "&#38;", "<": "&#60;", ">": "&#62;", '"': '&#34;', "'": '&#39;', "/": '&#47;' },  matchHTML = /&(?!#?w+;)|<|>|"|'|\//g;  return function() {    return this ? this.replace(matchHTML, function(m) {return encodeHTMLRules[m] || m;}) : this;  };};
String.prototype.encodeHTML=encodeHTMLSource();
var tmpl = {};
  tmpl['Home']=function anonymous(it) {
var out='<a class="home" data-content="home"><i class="home-icon sp-default sp-default-home"></i><span class="home-text">'+(it.title)+'</span></a>';return out;
};
  tmpl['Locales']=function anonymous(it) {
var out='<div class="locales" data-content="locales"><div class="locales-button"><i class="locales-button-icon sp-default sp-default-globe"></i><span class="locales-button-text">'+(it.currentLocale)+'</span></div><div class="locales-dropdown"><div class="locales-dropdown-caret"><span class="caret-inner"></span><span class="caret-outer"></span></div><ul class="locales-list">'; for(var locale in it.locales) { out+='<li class="locale" data-locale="'+(locale)+'"><a class="locale-anchor">'+(locale)+'</a></li>'; } out+='</ul></div></div>';return out;
};
  tmpl['Search']=function anonymous(it) {
var out='<div class="search-layout js-search" data-content="search"><input class="search" type="text" placeholder="'+(it.i18n_placeholder)+'"></input></div>';return out;
};
  tmpl['SearchResults']=function anonymous(it) {
var out='<div class="search-results"><ul class="search-result-list">';var arr1=it;if(arr1){var result,index=-1,l1=arr1.length-1;while(index<l1){result=arr1[index+=1];out+='<li class="search-result ';if(index === 0){out+='active';}out+='" data-index="'+(index)+'" data-key="'+(result.key||'').toString().encodeHTML()+'"><h5 class="search-result-key">'+(result.key||'').toString().encodeHTML()+'</h5><h6 class="search-result-value">'+(result.value||'').toString().encodeHTML()+'</h6></li>';} } out+='</ul></div>';return out;
};
  tmpl['Condition']=function anonymous(it) {
var out='<div class="condition" data-row="'+(it.row)+'"><label class="condition-statement">'+(it.statement)+'</label><div class="condition-vertical"></div>'+(it.firstOperand)+'<div class="condition-vertical"></div><div class="condition-operators condition-item"> <span class="condition-operators-value">'+(it.operator)+'</span> <ul class="condition-operators-list condition-dropdown "> '; for(var prop in it.operators) { out+=' <li class="condition-operator condition-dropdown-list-item ';if(it.operators[prop] === '+(it.operator)+'){out+='checked';}out+='" data-value="'+(it.operators[prop]||'').toString().encodeHTML()+'"> <span class="condition-operator-symbol">'+(it.operators[prop]||'').toString().encodeHTML()+'</span> <span class="condition-operator-text">'+(prop)+'</span> <i class="condition-check sp-default sp-default-check"></i> </li> '; } out+=' </ul></div><div class="condition-vertical"></div>'+(it.lastOperand)+'<div class="condition-vertical"></div><div class="condition-then condition-item"> then <ul class="condition-comparators condition-dropdown"> '; for(var prop in it.additionalCompairOperators) { out+=' <li class="condition-comparator condition-dropdown-list-item" data-value="'+(it.additionalCompairOperators[prop])+'">'+(prop)+'</li> '; } out+=' </ul></div><div class="condition-vertical"></div><div class="condition-exit"><span class="condition-exit-background"><i class="condition-exit-icon js-condition-exit sp-default sp-default-exit"></i></span></div></div>';return out;
};
  tmpl['ConditionElse']=function anonymous(it) {
var out='<div class="condition condition-else" data-row="'+(it.row)+'"><label class="condition-statement">else</label></div>';return out;
};
  tmpl['ConditionOperand']=function anonymous(it) {
var out='<div class="condition-operand condition-item condition-'+(it.order)+'-operand"><span class="condition-value">'+(it.value)+'</span><ul class="condition-operands condition-dropdown">';var arr1=it.vars;if(arr1){var variable,index=-1,l1=arr1.length-1;while(index<l1){variable=arr1[index+=1];out+='<li class="condition-variable-operand condition-dropdown-list-item ';if(variable === it.value){out+='checked';}out+='" data-value="'+(variable)+'">'+(variable)+'<i class="condition-check sp-default sp-default-check"></i></li>';} } out+='<li class="condition-custom-operand ';if(!/^\$\{/.test(it.value)){out+='checked';}out+='"><input class="condition-custom-operand-input js-condition-custom-operand-input" placeholder="Enter custom value" value="';if(!/^\$\{/.test(it.value)){out+=(it.value);}out+='"><i class="condition-check sp-default sp-default-check"></i></li><li class="condition-custom-operand-info">Press enter to submit.</li></ul></div>';return out;
};
  tmpl['Input']=function anonymous(it) {
var out='<input type="text" class="input" value="'+(it.value||'').toString().encodeHTML()+'" data-row="'+(it.row)+'"></input>';return out;
};
  tmpl['Translation']=function anonymous(it) {
var out='<div class="translation" data-content="translation"><h1 class="translation-title">'+(it.key)+'</h1><form class="translation-form"><div class="translation-variables"><label class="translation-sub-title">'+(it.i18n_variables)+'</label><ul class="translation-variables-list">';if(it.vars.length > 0){var arr1=it.vars;if(arr1){var variable,index=-1,l1=arr1.length-1;while(index<l1){variable=arr1[index+=1];out+='<li class="translation-variable">'+(variable)+'</li>';} } }else{out+='<li class="translation-variable">'+(it.i18n_none)+'</li>';}out+='</ul></div><div class="translation-inputs clearfix"><label class="translation-sub-title">'+(it.i18n_translation)+'</label><div class="translation-values">'+(it.values)+'</div><div class="translation-actions"><div class="save-button-container"><button class="save button" type="submit" disabled>'+(it.i18n_save)+'</button><i class="com-spinner save-spinner sp-default sp-default-spinner" style="display: none;"></i></div><button class="add-condition button" type="button" disabled>'+(it.i18n_addCondition)+'</button></div></div></form></div>';return out;
};
  tmpl['TranslationItem']=function anonymous(it) {
var out='<tr class="translation" data-id="'+(it.id)+'" data-key="'+(it.key)+'"><td class="translation-col translation-key">'+(it.key)+'</td><td class="translation-col translation-value">'+(it.text.replace('\n', '<br>'))+'</td></tr>';return out;
};
  tmpl['Translations']=function anonymous(it) {
var out='<table class="translations" data-content="translations"><thead class="translations-headers"><tr><th class="translation-col translations-header">'+(it.metas.l10n_keys)+'</th><th class="translation-col translations-header">'+(it.metas.l10n_values)+'</th></tr></thead><tbody>';var arr1=it;if(arr1){var translation,index=-1,l1=arr1.length-1;while(index<l1){translation=arr1[index+=1];out+='<tr class="translation" data-id="'+(translation.id)+'" data-key="'+(translation.key)+'"><td class="translation-col translation-key">'+(translation.key)+'</td><td class="translation-col translation-value">'+(translation.text.replace('\n', '<br>'))+'</td></tr>';} } if(it.length === cf.TRANSLATION_ITEMS_PER_PAGE){out+='<tr class="translations-load"><td class="translation-load-cell"><a class="translation-load-anchor">'+(it.metas.l10n_loadMore)+'</a></td></tr>';}out+='</tbody></table>';return out;
};
return tmpl;});