Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

mastodon text parsing functionnal

Browse Source
This commit is contained in:
Nicolas Constant 2018-10-28 00:45:32 -04:00
parent 667e843b07
commit 17e781b363
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 95 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
import { Component, OnInit, Input, EventEmitter, Output, Renderer2 } from '@angular/core';
import { forEach } from '@angular/router/src/utils/collection';
@Component({
selector: 'app-databinded-text',
@ -7,7 +8,7 @@ import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
})
export class DatabindedTextComponent implements OnInit {
private accounts: string[] = [];
private hastags: string[] = [];
private hashtags: string[] = [];
processedText: string;
@ -16,13 +17,90 @@ export class DatabindedTextComponent implements OnInit {
@Output() textSelected = new EventEmitter();
@Input('text')
set text(value: string){
this.processedText = value;
set text(value: string) {
let linksSections = value.split('<a ');
console.warn(linksSections);
this.processedText = '';
for (let section of linksSections) {
if (!section.includes('href')) {
this.processedText += section;
console.log('continue');
continue;
}
if (section.includes('class="mention hashtag"')) {
let extractedLinkAndNext = section.split('</a>');
let extractedHashtag = extractedLinkAndNext[0].split('#')[1].replace('<span>', '').replace('</span>', '');
this.processedText += ` <a href class="${extractedHashtag}">#${extractedHashtag}</a>`;
if(extractedLinkAndNext[1]) this.processedText += extractedLinkAndNext[1];
this.hashtags.push(extractedHashtag);
} else if (section.includes('class="u-url mention"')) {
console.log('user');
console.log(section);
let extractedAccountAndNext = section.split('</a></span>');
console.log(extractedAccountAndNext[0].split('@<span>'));
let extractedAccountName = extractedAccountAndNext[0].split('@<span>')[1].replace('<span>', '').replace('</span>', '');
let extractedAccountLink = extractedAccountAndNext[0].split('" class="u-url mention"')[0].replace('href="https://', '').replace(' ', '').replace('@', '').split('/');
let extractedAccount = `@${extractedAccountLink[1]}@${extractedAccountLink[0]}`;
this.processedText += ` <a href class="${extractedAccountName}" title="${extractedAccount}">@${extractedAccountName}</a>`;
if(extractedAccountAndNext[1]) this.processedText += extractedAccountAndNext[1];
this.accounts.push(extractedAccount);
console.error(extractedAccountName);
console.error(extractedAccount);
} else {
this.processedText += `<a ${section}`;
}
}
// this.processedText = value;
}
constructor() { }
constructor(private renderer: Renderer2) { }
ngOnInit() {
}
ngAfterViewInit() {
// let el = this.contentElement.nativeElement.querySelector('.test');
// console.log(this.contentElement.nativeElement);
// console.log(el);
// if (el)
// this.renderer.listen(el, 'click', (el2) => {
// console.log(el2);
// console.warn('YOOOOO');
// return false;
// });
}
selectAccount(account: string) {
console.warn(`select @${account}`);
this.accountSelected.next(account);
}
selectHashtag(hashtag: string) {
console.warn(`select #${hashtag}`);
this.hashtagSelected.next(hashtag);
}
selectText() {
this.textSelected.next();
}
}

34
src/app/components/stream/status/status.component.ts
View File

@ -56,32 +56,22 @@ export class StatusComponent implements OnInit {
}
constructor(
private renderer: Renderer2,
@Inject(LOCALE_ID) private locale: string) { }
constructor(@Inject(LOCALE_ID) private locale: string) { }
ngOnInit() {
}
ngAfterViewInit() {
//this.contentElement.nativeElement.querySelector('my-element').addEventListener('click',this.test.bind(this));
let el = this.contentElement.nativeElement.querySelector('.test');
console.log(this.contentElement.nativeElement);
console.log(el);
if(el)
this.renderer.listen(el, 'click', (el2) => {
console.log(el2);
console.warn('YOOOOO');
return false;
});
// setTimeout(() => {
// this.contentElement.nativeElement.querySelector('a.test')[0].onclick(this.test());
// }, 100);
}
// ngAfterViewInit() {
// let el = this.contentElement.nativeElement.querySelector('.test');
// console.log(this.contentElement.nativeElement);
// console.log(el);
// if (el)
// this.renderer.listen(el, 'click', (el2) => {
// console.log(el2);
// console.warn('YOOOOO');
// return false;
// });
// }
openAccount(account: Account): boolean {
this.browseAccount.next(account);