iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix a few translate.js bugs.

This commit is contained in:
Rex YE 2016-11-24 14:16:23 +00:00
parent 63f1414c7d
commit cf32bc26c8
2 changed files with 110 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/resources/css/_translate.scss
View File

@ -1,4 +1,4 @@
.docs-content { .docs-content, .l-content, .main-footer {
display: none; display: none;
.original-english { .original-english {
border-top: 1px dashed $regal; border-top: 1px dashed $regal;

212
public/translate/cn/translate.js
View File

@ -1,119 +1,125 @@
// TODO: refactor me! // TODO: refactor me!
var sourceVisible = localStorage.getItem('source-visible') === 'true'; var sourceVisible = localStorage.getItem('source-visible') === 'true';
(function ($) { (function ($) {
var content = document.querySelector('article.docs-content'); var content = document.querySelector('article');
var footer = document.querySelector('.main-footer'); var footer = document.querySelector('.main-footer');
processContainer(content);
processContainer(footer);
processContainer(content); if (!sourceVisible) {
var nodes = document.querySelectorAll('.original-english');
_.each(nodes, function (node) {
$(node).addClass('hidden');
});
}
if (!sourceVisible) { // restore
var nodes = document.querySelectorAll('.original-english'); content.style.display = 'block';
_.each(nodes, function (node) { footer.style.display = 'block';
$(node).addClass('hidden');
}); /**
* Process container recursively.
* @param container
*/
function processContainer(container) {
for (var i = 0; i < container.children.length; i++) {
var node = container.children[i];
// ignore example code.
if (node.classList.contains('code-example') ||
node.tagName === 'CODE-EXAMPLE') {
continue;
}
switch (node.tagName) {
case 'P':
case 'H1':
case 'H2':
case 'H3':
case 'H4':
case 'H5':
case 'H6':
case 'HEADER':
case 'LI':
if (processBlock(node)) {
i++;
}
break;
case 'TD':
case 'TH':
processContainer(node);
// return; // stop
break;
default:
if (node.children.length > 0) {
processContainer(node);
// For <li><p>...</p></li>, processes it as block.
if (node.children.length === 1) {
if (processBlock(node)) {
i++;
}
}
}
break;
}
} }
}
// restore /**
content.style.display = 'block'; * Process block elements. The first element is original english, the
footer.style.display = 'block'; * second element is translated one.
* @param current the first element.
* @returns {boolean} Is success?
*/
function processBlock(current) {
var sibling = current.nextElementSibling;
var $current = $(current);
var $sibling = $(sibling);
/** if (sibling) {
* Process container recursively. if (isClonedNode(current, sibling)) {
* @param container if (isPureEnglish(current.textContent)) {
*/ $current.addClass('original-english');
function processContainer(container) { $sibling.addClass('translated');
for (var i = 0; i < container.children.length; i++) { $sibling.addClass('translated-cn');
var node = container.children[i]; $sibling.after($current);
$sibling.on('click', function () {
// ignore example code. $current.toggleClass('hidden');
if (node.classList.contains('code-example') || });
node.tagName === 'CODE-EXAMPLE') { return true;
continue;
}
switch (node.tagName) {
case 'P':
case 'H1':
case 'H2':
case 'H3':
case 'H4':
case 'H5':
case 'H6':
case 'HEADER':
if (processBlock(node)) {
i++;
}
break;
case 'TD':
case 'TH':
processContainer(node);
return; // stop
default:
if (node.children.length > 0) {
processContainer(node);
// For <li><p>...</p></li>, processes it as block.
if (node.children.length === 1) {
if (processBlock(node)) {
i++;
}
}
}
break;
}
}
}
/**
* Process block elements. The first element is original english, the
* second element is translated one.
* @param current the first element.
* @returns {boolean} Is success?
*/
function processBlock(current) {
var sibling = current.nextElementSibling;
var $current = $(current);
var $sibling = $(sibling);
if (sibling) {
if (isClonedNode(current, sibling)) {
if (isPureEnglish(current.textContent)) {
$current.addClass('original-english');
$sibling.addClass('translated');
$sibling.addClass('translated-cn');
$sibling.after($current);
$sibling.on('click', function() {
$current.toggleClass('hidden');
});
return true;
}
console.error('Error: ' + current.innerText);
}
} }
return false; console.error('Error: ' + current.innerText);
}
} }
function isPureEnglish(text) { return false;
return !/\p{Han}/.test(text); }
}
function attributesToString(node) { function isPureEnglish(text) {
return _.chain(node.attributes) if(text){
.map(function (value) { return !/\p{Han}/.test(text);
if (value.name === 'id' || value.name === 'class') {
return '';
} else {
return value.name + '=' + value.value;
}
})
.sortBy()
.value()
.join(';');
} }
return false;
function isClonedNode(node1, node2) { }
return node1.tagName === node2.tagName &&
attributesToString(node1) === attributesToString(node2); function attributesToString(node) {
} return _.chain(node.attributes)
.map(function (value) {
if (value.name === 'id' || value.name === 'class') {
return '';
} else {
return value.name + '=' + value.value;
}
})
.sortBy()
.value()
.join(';');
}
function isClonedNode(node1, node2) {
return node1.tagName === node2.tagName &&
attributesToString(node1) === attributesToString(node2);
}
})(angular.element); })(angular.element);