added context filtering

This commit is contained in:
Nicolas Constant 2024-03-09 00:40:37 -05:00
parent 7a6eb9c3d2
commit 12ce0a3a4a
6 changed files with 69 additions and 21 deletions

View File

@ -70,17 +70,29 @@
</div> </div>
<app-status *ngIf="notification.status && notification.type === 'update'" class="stream__status" <app-status *ngIf="notification.status && notification.type === 'update'" class="stream__status"
[statusWrapper]="notification.status" [notificationAccount]="notification.account" [statusWrapper]="notification.status"
[notificationType]="notification.type" (browseAccountEvent)="browseAccount($event)" [notificationAccount]="notification.account"
(browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status> [notificationType]="notification.type"
[context]="'notifications'"
(browseAccountEvent)="browseAccount($event)"
(browseHashtagEvent)="browseHashtag($event)"
(browseThreadEvent)="browseThread($event)"></app-status>
<app-status *ngIf="notification.status && notification.type === 'mention'" class="stream__status" <app-status *ngIf="notification.status && notification.type === 'mention'" class="stream__status"
[statusWrapper]="notification.status" (browseAccountEvent)="browseAccount($event)" [statusWrapper]="notification.status"
(browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status> [context]="'notifications'"
(browseAccountEvent)="browseAccount($event)"
(browseHashtagEvent)="browseHashtag($event)"
(browseThreadEvent)="browseThread($event)"></app-status>
<app-status *ngIf="notification.status && notification.type !== 'mention' && notification.type !== 'update'" <app-status *ngIf="notification.status && notification.type !== 'mention' && notification.type !== 'update'"
class="stream__status" [statusWrapper]="notification.status" [notificationAccount]="notification.account" class="stream__status"
[notificationType]="notification.type" (browseAccountEvent)="browseAccount($event)" [statusWrapper]="notification.status"
(browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-status> [notificationAccount]="notification.account"
[notificationType]="notification.type"
[context]="'notifications'"
(browseAccountEvent)="browseAccount($event)"
(browseHashtagEvent)="browseHashtag($event)"
(browseThreadEvent)="browseThread($event)"></app-status>
</div> </div>

View File

@ -128,15 +128,13 @@ export class StatusComponent implements OnInit {
} }
private validateFilteringStatus(){ private validateFilteringStatus(){
// console.warn(this.displayedStatus);
//TODO: finish this
const filterStatus = this.displayedStatus.filtered; const filterStatus = this.displayedStatus.filtered;
if(!filterStatus || filterStatus.length === 0) return; if(!filterStatus || filterStatus.length === 0) return;
console.warn(filterStatus); // if(!this.context){
console.warn(this.context); // console.warn('this.context not found');
// console.warn(this.context);
// }
for (let filter of filterStatus) { for (let filter of filterStatus) {
if(this.context && filter.filter.context && filter.filter.context.length > 0){ if(this.context && filter.filter.context && filter.filter.context.length > 0){
@ -144,7 +142,14 @@ export class StatusComponent implements OnInit {
} }
if(filter.filter.filter_action === 'warn'){ if(filter.filter.filter_action === 'warn'){
this.isContentWarned = true;
let filterTxt = `FILTERED:`;
for(let w of filter.filter.keywords){
filterTxt += ` ${w}`;
}
this.contentWarningText = filterTxt;
} else if (filter.filter.filter_action === 'hide'){ } else if (filter.filter.filter_action === 'hide'){
this.hideStatus = true; this.hideStatus = true;
} }

View File

@ -17,8 +17,11 @@
<div class="stream-toots__status" *ngFor="let statusWrapper of statuses" #status> <div class="stream-toots__status" *ngFor="let statusWrapper of statuses" #status>
<app-status <app-status
[statusWrapper]="statusWrapper" [isThreadDisplay]="isThread" [statusWrapper]="statusWrapper"
(browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)" [isThreadDisplay]="isThread"
[context]="context"
(browseAccountEvent)="browseAccount($event)"
(browseHashtagEvent)="browseHashtag($event)"
(browseThreadEvent)="browseThread($event)"></app-status> (browseThreadEvent)="browseThread($event)"></app-status>
</div> </div>

View File

@ -3,7 +3,7 @@ import { HttpErrorResponse } from '@angular/common/http';
import { Observable, Subscription } from 'rxjs'; import { Observable, Subscription } from 'rxjs';
import { Store } from '@ngxs/store'; import { Store } from '@ngxs/store';
import { StreamElement } from '../../../states/streams.state'; import { StreamElement, StreamTypeEnum } from '../../../states/streams.state';
import { AccountInfo } from '../../../states/accounts.state'; import { AccountInfo } from '../../../states/accounts.state';
import { StreamingService, EventEnum, StatusUpdate } from '../../../services/streaming.service'; import { StreamingService, EventEnum, StatusUpdate } from '../../../services/streaming.service';
import { Status } from '../../../services/models/mastodon.interfaces'; import { Status } from '../../../services/models/mastodon.interfaces';
@ -20,9 +20,11 @@ import { SettingsService } from '../../../services/settings.service';
templateUrl: './stream-statuses.component.html', templateUrl: './stream-statuses.component.html',
styleUrls: ['./stream-statuses.component.scss'] styleUrls: ['./stream-statuses.component.scss']
}) })
export class StreamStatusesComponent extends TimelineBase { export class StreamStatusesComponent extends TimelineBase {
protected _streamElement: StreamElement; protected _streamElement: StreamElement;
context: 'home' | 'notifications' | 'public' | 'thread' | 'account';
@Input() @Input()
set streamElement(streamElement: StreamElement) { set streamElement(streamElement: StreamElement) {
this._streamElement = streamElement; this._streamElement = streamElement;
@ -32,6 +34,8 @@ export class StreamStatusesComponent extends TimelineBase {
this.hideReplies = streamElement.hideReplies; this.hideReplies = streamElement.hideReplies;
this.load(this._streamElement); this.load(this._streamElement);
this.setContext(this._streamElement);
} }
get streamElement(): StreamElement { get streamElement(): StreamElement {
return this._streamElement; return this._streamElement;
@ -112,6 +116,24 @@ export class StreamStatusesComponent extends TimelineBase {
if (this.deleteStatusSubscription) this.deleteStatusSubscription.unsubscribe(); if (this.deleteStatusSubscription) this.deleteStatusSubscription.unsubscribe();
} }
private setContext(streamElement: StreamElement) {
switch(streamElement.type){
case StreamTypeEnum.global:
case StreamTypeEnum.local:
case StreamTypeEnum.tag:
this.context = 'public';
break;
case StreamTypeEnum.personnal:
case StreamTypeEnum.list:
this.context = 'home';
break;
case StreamTypeEnum.activity:
case StreamTypeEnum.directmessages:
this.context = 'notifications';
break;
}
}
refresh(): any { refresh(): any {
this.load(this._streamElement); this.load(this._streamElement);
} }

View File

@ -28,6 +28,8 @@ export class ThreadComponent extends BrowseBase {
hasContentWarnings = false; hasContentWarnings = false;
private remoteStatusFetchingDisabled = false; private remoteStatusFetchingDisabled = false;
context = 'thread';
numNewItems: number; //html compatibility only numNewItems: number; //html compatibility only
bufferStream: Status[] = []; //html compatibility only bufferStream: Status[] = []; //html compatibility only
streamPositionnedAtTop: boolean = true; //html compatibility only streamPositionnedAtTop: boolean = true; //html compatibility only

View File

@ -196,8 +196,12 @@
<div *ngIf="statusSection === 'status' && !statusLoading"> <div *ngIf="statusSection === 'status' && !statusLoading">
<div *ngFor="let statusWrapper of pinnedStatuses"> <div *ngFor="let statusWrapper of pinnedStatuses">
<app-status [statusWrapper]="statusWrapper" (browseHashtagEvent)="browseHashtag($event)" <app-status
(browseAccountEvent)="browseAccount($event)" (browseThreadEvent)="browseThread($event)"> [statusWrapper]="statusWrapper"
[context]="'account'"
(browseHashtagEvent)="browseHashtag($event)"
(browseAccountEvent)="browseAccount($event)"
(browseThreadEvent)="browseThread($event)">
</app-status> </app-status>
</div> </div>
</div> </div>
@ -206,7 +210,7 @@
<div *ngIf="statusSection !== 'media'"> <div *ngIf="statusSection !== 'media'">
<app-status <app-status
[statusWrapper]="statusWrapper" [statusWrapper]="statusWrapper"
[context]="account" [context]="'account'"
(browseHashtagEvent)="browseHashtag($event)" (browseHashtagEvent)="browseHashtag($event)"
(browseAccountEvent)="browseAccount($event)" (browseAccountEvent)="browseAccount($event)"
(browseThreadEvent)="browseThread($event)"> (browseThreadEvent)="browseThread($event)">