added some translation cleanup

src/app/components/stream/status/databinded-text/databinded-text.component.ts

@@ -205,6 +205,10 @@ export class DatabindedTextComponent implements OnInit {
     }
 
     ngAfterViewInit() {
+        this.processEventBindings();
+    }
+
+    processEventBindings(){
         for (const hashtag of this.hashtags) {
             let classname = this.getClassNameForHastag(hashtag);
             let els = <Element[]>this.contentElement.nativeElement.querySelectorAll(`.${classname}`);

src/app/components/stream/status/status.component.html

@@ -109,7 +109,7 @@
                 <span class="status__content-warning--title">sensitive content</span>
                 <span innerHTML="{{ contentWarningText }}"></span>
             </a>
-            <app-databinded-text class="status__content" *ngIf="!isContentWarned" [text]="statusContent" [selected]="isSelected"
+            <app-databinded-text #databindedtext class="status__content" *ngIf="!isContentWarned" [text]="statusContent" [selected]="isSelected"
                 (accountSelected)="accountSelected($event)" (hashtagSelected)="hashtagSelected($event)"
                 (textSelected)="textSelected()"></app-databinded-text>
 

src/app/components/stream/status/status.component.ts

@@ -9,7 +9,7 @@ import { StatusWrapper } from '../../../models/common.model';
 import { EmojiConverter, EmojiTypeEnum } from '../../../tools/emoji.tools';
 import { ContentWarningPolicyEnum } from '../../../states/settings.state';
 import { StatusesStateService, StatusState } from "../../../services/statuses-state.service";
-
+import { DatabindedTextComponent } from "./databinded-text/databinded-text.component";
 
 @Component({
     selector: "app-status",
@@ -107,27 +107,27 @@ export class StatusComponent implements OnInit {
 
     ngOnInit() {
         this.statusesStateServiceSub = this.statusesStateService.stateNotification.subscribe(notification => {
-            if(this._statusWrapper.status.url === notification.statusId && notification.isEdited) {
+            if (this._statusWrapper.status.url === notification.statusId && notification.isEdited) {
                 this.statusWrapper = notification.editedStatus;
             }
         });
     }
 
-    ngOnDestroy(){
-        if(this.statusesStateServiceSub) this.statusesStateServiceSub.unsubscribe();
+    ngOnDestroy() {
+        if (this.statusesStateServiceSub) this.statusesStateServiceSub.unsubscribe();
     }
-    
+
     private ensureMentionAreDisplayed(data: string): string {
         const mentions = this.displayedStatus.mentions;
-        if(!mentions || mentions.length === 0) return data;
-        
+        if (!mentions || mentions.length === 0) return data;
+
         let textMentions = '';
         for (const m of mentions) {
-            if(!data.includes(m.url)){
+            if (!data.includes(m.url)) {
                 textMentions += `<span class="h-card"><a class="u-url mention" data-user="${m.id}" href="${m.url}" rel="ugc">@<span>${m.username}</span></a></span> `
             }
         }
-        if(textMentions !== ''){
+        if (textMentions !== '') {
             data = textMentions + data;
         }
         return data;
@@ -157,9 +157,30 @@ export class StatusComponent implements OnInit {
     changeCw(cwIsActive: boolean) {
         this.isContentWarned = cwIsActive;
     }
+   
+
+    @ViewChild('databindedtext') public databindedText: DatabindedTextComponent;
 
     onTranslation(translation: Translation) {
-        this.statusContent = translation.content;
+        let statusContent = translation.content;
+
+        // clean up a bit some issues (not reliable)
+        while (statusContent.includes('<span>@')) {
+            statusContent = statusContent.replace('<span>@', '@<span>');
+        }
+        while (statusContent.includes('h<span class="invisible">')){
+            statusContent = statusContent.replace('h<span class="invisible">', '<span class="invisible">h');
+        }
+        while (statusContent.includes('<span>#')){
+            statusContent = statusContent.replace('<span>#', '#<span>');
+        }
+
+        statusContent = this.emojiConverter.applyEmojis(this.displayedStatus.emojis, statusContent, EmojiTypeEnum.medium);
+        this.statusContent = this.ensureMentionAreDisplayed(statusContent);
+
+        setTimeout(x => {
+            this.databindedText.processEventBindings();
+        }, 500);        
     }
 
     private checkLabels(status: Status) {