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

temp: revert to english version, will re-merge it

This commit is contained in:
Zhicheng Wang 2018-03-07 16:54:42 +08:00
parent b7ceb9e211
commit 0f8d7fd8ce
1 changed files with 1 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
aio/src/app/layout/doc-viewer/doc-viewer.component.ts
View File

@ -24,7 +24,7 @@ const initialDocViewerContent = initialDocViewerElement ? initialDocViewerElemen
@Component({ @Component({
selector: 'aio-doc-viewer', selector: 'aio-doc-viewer',
template: '', template: ''
// TODO(robwormald): shadow DOM and emulated don't work here (?!) // TODO(robwormald): shadow DOM and emulated don't work here (?!)
// encapsulation: ViewEncapsulation.Native // encapsulation: ViewEncapsulation.Native
}) })
@ -68,7 +68,6 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
@Output() docRendered = new EventEmitter<void>(); @Output() docRendered = new EventEmitter<void>();
constructor( constructor(
elementRef: ElementRef, elementRef: ElementRef,
private embedComponentsService: EmbedComponentsService, private embedComponentsService: EmbedComponentsService,
private logger: Logger, private logger: Logger,
@ -79,7 +78,6 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
this.hostElement = elementRef.nativeElement; this.hostElement = elementRef.nativeElement;
// Security: the initialDocViewerContent comes from the prerendered DOM and is considered to be secure // Security: the initialDocViewerContent comes from the prerendered DOM and is considered to be secure
this.hostElement.innerHTML = initialDocViewerContent; this.hostElement.innerHTML = initialDocViewerContent;
swapOriginAndResult(this.hostElement);
if ( this.hostElement.firstElementChild){ if ( this.hostElement.firstElementChild){
this.currViewContainer = this.hostElement.firstElementChild as HTMLElement; this.currViewContainer = this.hostElement.firstElementChild as HTMLElement;
@ -115,10 +113,8 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
protected prepareTitleAndToc(targetElem: HTMLElement, docId: string): () => void { protected prepareTitleAndToc(targetElem: HTMLElement, docId: string): () => void {
const titleEl = targetElem.querySelector('h1'); const titleEl = targetElem.querySelector('h1');
const hasToc = !!titleEl && !/no-?toc/i.test(titleEl.className); const hasToc = !!titleEl && !/no-?toc/i.test(titleEl.className);
swapOriginAndResult(this.hostElement);
if (hasToc) { if (hasToc) {
titleEl!.insertAdjacentHTML('afterend', '<aio-toc class="embedded"></aio-toc>'); titleEl!.insertAdjacentHTML('afterend', '<aio-toc class="embedded"></aio-toc>');
} }
@ -126,10 +122,6 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
this.tocService.reset(); this.tocService.reset();
let title: string|null = ''; let title: string|null = '';
const translatedTitleEl = this.hostElement.querySelector('h1[translation-result]') as HTMLElement;
const originalTitleEl = this.hostElement.querySelector('h1[translation-origin]') as HTMLElement;
const titleEl = translatedTitleEl || originalTitleEl;
// Only create ToC for docs with an `<h1>` heading. // Only create ToC for docs with an `<h1>` heading.
// If you don't want a ToC, add "no-toc" class to `<h1>`. // If you don't want a ToC, add "no-toc" class to `<h1>`.
if (titleEl) { if (titleEl) {
@ -137,7 +129,6 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
if (hasToc) { if (hasToc) {
this.tocService.genToc(targetElem, docId); this.tocService.genToc(targetElem, docId);
(originalTitleEl || translatedTitleEl).insertAdjacentHTML('afterend', '<aio-toc class="embedded"></aio-toc>');
} }
} }
@ -261,40 +252,4 @@ export class DocViewerComponent implements DoCheck, OnDestroy {
this.nextViewContainer.innerHTML = ''; // Empty to release memory. this.nextViewContainer.innerHTML = ''; // Empty to release memory.
}); });
} }
@HostListener('click', ['$event'])
toggleTranslationOrigin($event: MouseEvent): void {
const element = findTranslationResult($event.target as Element);
if (element && element.hasAttribute('translation-result')) {
const origin = element.nextElementSibling;
if (!origin || origin.hasAttribute('translation-result') || origin.tagName !== element.tagName) {
return;
}
if (origin.getAttribute('translation-origin') === 'on') {
origin.setAttribute('translation-origin', 'off');
} else {
origin.setAttribute('translation-origin', 'on');
}
}
}
}
function findTranslationResult(element: Element): Element {
while (element && !element.hasAttribute('translation-result')) {
element = element.parentElement;
}
return element;
}
function swapOriginAndResult(root: Element): void {
const results = root.querySelectorAll('[translation-result]');
for (let i = 0; i < results.length; ++i) {
const result = results.item(i);
const origin = result.previousElementSibling;
if (origin && origin.hasAttribute('translation-origin')) {
origin.parentElement.insertBefore(result, origin);
}
}
} }