diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html index f51d41b2e73c1ca0033d6f60867ce952f7ef9781..0b6dbf9e9c496a45bb4be28c3e5ae9d4720bb6a3 100644 --- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html +++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html @@ -81,24 +81,24 @@ </mat-form-field> </div> - <div fxLayoutAlign="center center" style="margin-left: 52%;" > - <p [ngClass]="{'resCount': searchMode}">{{searchMode ? filteredKeywords.length : keywords.length}}</p> + <div fxLayoutAlign="center center" style="margin-left: 52%; font-weight: bold;" > + <p [ngClass]="{'animation-blink': searchMode}">{{searchMode ? filteredKeywords.length : keywords.length}}</p> </div> <div fxLayoutAlign="end" *ngIf="!searchMode"> - <button mat-button [matMenuTriggerFor]="sortMenu" mat-ripple> + <button [ngClass]="{'animation-blink': sortMode!=='alphabetic'}" mat-button [matMenuTriggerFor]="sortMenu" mat-ripple> <mat-icon>sort</mat-icon> </button> </div> </div> <mat-menu #sortMenu> - <button mat-menu-item (click)="sortQuestions('alphabetic')"> + <button [ngClass]="{'animation-blink': sortMode==='alphabetic'}" mat-menu-item (click)="sortQuestions('alphabetic')"> <mat-icon>sort_by_alpha</mat-icon> {{'topic-cloud-dialog.sort-alpha' | translate}} </button> - <button mat-menu-item (click)="sortQuestions('questionsCount')"> + <button [ngClass]="{'animation-blink': sortMode==='questionsCount'}" mat-menu-item (click)="sortQuestions('questionsCount')"> <mat-icon>swap_vert</mat-icon> {{'topic-cloud-dialog.sort-count' | translate}} </button> - <button mat-menu-item (click)="sortQuestions('voteCount')"> + <button [ngClass]="{'animation-blink': sortMode==='voteCount'}" mat-menu-item (click)="sortQuestions('voteCount')"> <mat-icon>swap_vert</mat-icon> {{'topic-cloud-dialog.sort-vote' | translate}} </button> </mat-menu> @@ -119,7 +119,7 @@ *ngFor="let keyword of (searchMode ? filteredKeywords : keywords); let i = index" [attr.data-index]="i"> <mat-expansion-panel-header class="color-surface"> - <mat-panel-title [ngClass]="{'edit-keyword': editedKeyword}"> + <mat-panel-title> {{profanityFilter ? getKeywordWithoutProfanity(keyword.keyword) : keyword.keyword}} </mat-panel-title> <mat-panel-description> diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss index 13ce3fe5c056138aa7e189a3571eb3bef83ff447..e6d6ca2313bcc6ebf54716c73dd126e3b0714a87 100644 --- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss +++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss @@ -46,15 +46,17 @@ mat-icon { } .search{ - width: 240%; - color: var(--red) !important; + box-sizing: border-box; + padding: 0 10px 0 5px; + border: none; + outline: none; + min-height: 60px; + font-size: large; + border-radius: 5px; + color: var(--on-surface); + transition: width 300ms linear; } -.resCount{ - color: var(--red) !important; - font-weight: bold; - -} #send_to_spacy{ color: khaki; background-color: blueviolet; @@ -81,7 +83,7 @@ mat-panel-title, mat-panel-description { } } -.edit-keyword .mat-panel-title { +.animation-blink{ color: var(--red) !important; animation-name: animation_blink_5s; animation-timing-function: ease-in; diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts index 89c6dd912f12edd600fe17dbdf03c0fbb4b28620..bc4bd36bacbf57f06ae685ea7ca5125b6ccba388 100644 --- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts +++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.ts @@ -27,7 +27,6 @@ export class TopicCloudAdministrationComponent implements OnInit { newBadWord: string = undefined; sortMode = 'alphabetic'; - editedKeyword = false; searchedKeyword = undefined; searchMode = false; filteredKeywords: Keyword[] = []; @@ -189,7 +188,6 @@ export class TopicCloudAdministrationComponent implements OnInit { } }); this.edit = false; - this.editedKeyword = true; this.newKeyword = undefined; this.sortQuestions(); if (this.searchMode){ diff --git a/src/app/services/util/topic-cloud-admin.service.ts b/src/app/services/util/topic-cloud-admin.service.ts index 1289bc992959b99ee7ae3f96303c8640e15b0a7d..c2a861cc5694c7d4c2143a6f2ef1331573a5b523 100644 --- a/src/app/services/util/topic-cloud-admin.service.ts +++ b/src/app/services/util/topic-cloud-admin.service.ts @@ -20,7 +20,6 @@ export class TopicCloudAdminService { filterProfanityWords(str: string): string { let questionWithProfanity = str; - const questionLowerCase = questionWithProfanity.toLowerCase(); // German Profanity this.badWords['de'].map(word =>{