ticketfrei/ticketfrei3
8
1
Fork 0
Code Issues 11 Pull requests 2 Projects 1 Releases Wiki Activity

[frontend] Migrate to material 15 using mdc-migration

Browse source
This commit is contained in:
ogdbd3h5qze42igcv8wcrqk3 2023-03-18 16:06:59 +01:00
parent d1ffcf928d
commit aed5710da7
48 changed files with 71 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
kibicara-frontend/src/app/auth/login/login.component.html
View file

@ -1,5 +1,5 @@
<div class="container"> <div class="container">
<mat-card class="login-form"> <mat-card appearance="outlined" class="login-form">
<mat-card-header> <mat-card-header>
<h2>Log in as hood admin!</h2> <h2>Log in as hood admin!</h2>
</mat-card-header> </mat-card-header>

2
kibicara-frontend/src/app/auth/login/login.component.scss
View file

@ -7,7 +7,7 @@
margin-top: 3%; margin-top: 3%;
} }
.mat-card:not([class*="mat-elevation-z"]) { .mat-mdc-card:not([class*="mat-elevation-z"]) {
box-shadow: none; box-shadow: none;
} }

2
kibicara-frontend/src/app/auth/login/login.component.ts
View file

@ -3,7 +3,7 @@ import { LoginService } from '../../core/auth/login.service';
import { Router, ActivatedRoute } from '@angular/router'; import { Router, ActivatedRoute } from '@angular/router';
import { Validators, UntypedFormGroup, UntypedFormBuilder } from '@angular/forms'; import { Validators, UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-login', selector: 'app-login',

2
kibicara-frontend/src/app/auth/password-reset/password-reset.component.html
View file

@ -1,5 +1,5 @@
<div class="container"> <div class="container">
<mat-card class="login-form"> <mat-card appearance="outlined" class="login-form">
<mat-card-header> <mat-card-header>
<h2>Reset password</h2> <h2>Reset password</h2>
</mat-card-header> </mat-card-header>

2
kibicara-frontend/src/app/auth/password-reset/password-reset.component.scss
View file

@ -6,7 +6,7 @@
margin-top: 3%; margin-top: 3%;
} }
.mat-card:not([class*="mat-elevation-z"]) { .mat-mdc-card:not([class*="mat-elevation-z"]) {
box-shadow: none; box-shadow: none;
} }

2
kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts
View file

@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { AdminService } from 'src/app/core/api/api/admin.service'; import { AdminService } from 'src/app/core/api/api/admin.service';

2
kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.html
View file

@ -1,5 +1,5 @@
<div class="container"> <div class="container">
<mat-card class="login-form"> <mat-card appearance="outlined" class="login-form">
<mat-card-header> <mat-card-header>
<h2>Enter your new password</h2> <h2>Enter your new password</h2>
</mat-card-header> </mat-card-header>

2
kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.scss
View file

@ -6,7 +6,7 @@
margin-top: 3%; margin-top: 3%;
} }
.mat-card:not([class*="mat-elevation-z"]) { .mat-mdc-card:not([class*="mat-elevation-z"]) {
box-shadow: none; box-shadow: none;
} }

2
kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts
View file

@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { AdminService } from 'src/app/core/api/api/admin.service'; import { AdminService } from 'src/app/core/api/api/admin.service';

2
kibicara-frontend/src/app/auth/register/register.component.html
View file

@ -1,6 +1,6 @@
<div class="container"> <div class="container">
<div class="banner"></div> <div class="banner"></div>
<mat-card class="register-form"> <mat-card appearance="outlined" class="register-form">
<mat-card-header> <mat-card-header>
<h2>Register as a hood admin!</h2> <h2>Register as a hood admin!</h2>
</mat-card-header> </mat-card-header>

2
kibicara-frontend/src/app/auth/register/register.component.scss
View file

@ -7,7 +7,7 @@
margin-top: 3%; margin-top: 3%;
} }
.mat-card:not([class*="mat-elevation-z"]) { .mat-mdc-card:not([class*="mat-elevation-z"]) {
box-shadow: none; box-shadow: none;
} }

2
kibicara-frontend/src/app/auth/register/register.component.ts
View file

@ -4,7 +4,7 @@ import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { Router, ActivatedRoute } from '@angular/router'; import { Router, ActivatedRoute } from '@angular/router';
import { LoginService } from 'src/app/core/auth/login.service'; import { LoginService } from 'src/app/core/auth/login.service';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-register', selector: 'app-register',

2
kibicara-frontend/src/app/core/auth/error.interceptor.ts
View file

@ -10,7 +10,7 @@ import { Observable, throwError } from 'rxjs';
import { LoginService } from './login.service'; import { LoginService } from './login.service';
import { catchError } from 'rxjs/operators'; import { catchError } from 'rxjs/operators';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { OverlayComponent } from 'src/app/shared/overlay/overlay.component'; import { OverlayComponent } from 'src/app/shared/overlay/overlay.component';
@Injectable() @Injectable()

4
kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.html
View file

@ -1,7 +1,7 @@
<app-heading-one [title]="title"></app-heading-one> <app-heading-one [title]="title"></app-heading-one>
<div class="container"> <div class="container">
<mat-card> <mat-card appearance="outlined">
<form [formGroup]="form" class="form"> <form [formGroup]="form" class="form">
<mat-form-field appearance="fill"> <mat-form-field appearance="fill">
<mat-label for="email">E-Mail</mat-label> <mat-label for="email">E-Mail</mat-label>
@ -47,7 +47,7 @@
</form> </form>
</mat-card> </mat-card>
<mat-card> <mat-card appearance="outlined">
<div class="delete"> <div class="delete">
<mat-card-title>Danger zone</mat-card-title> <mat-card-title>Danger zone</mat-card-title>
<mat-divider></mat-divider> <mat-divider></mat-divider>

2
kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts
View file

@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { AdminService } from 'src/app/core/api/api/admin.service'; import { AdminService } from 'src/app/core/api/api/admin.service';
import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component'; import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';

2
kibicara-frontend/src/app/dashboard/board/board.component.scss
View file

@ -1,4 +1,4 @@
.mat-card { .mat-mdc-card {
box-shadow: none; box-shadow: none;
} }

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.html
View file

@ -1,4 +1,4 @@
<mat-card> <mat-card appearance="outlined">
<mat-card-title>Badwords</mat-card-title> <mat-card-title>Badwords</mat-card-title>
<mat-card-content> <mat-card-content>
<form class="input" [formGroup]="regexForm" (ngSubmit)="onSubmit()"> <form class="input" [formGroup]="regexForm" (ngSubmit)="onSubmit()">

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.scss
View file

@ -11,7 +11,7 @@
margin: 10px; margin: 10px;
} }
.mat-form-field { .mat-mdc-form-field {
width: 100%; width: 100%;
} }

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts
View file

@ -3,7 +3,7 @@ import { BadwordsService, BodyBadWord } from 'src/app/core/api';
import { Observable } from 'rxjs'; import { Observable } from 'rxjs';
import { UntypedFormGroup, Validators, UntypedFormBuilder } from '@angular/forms'; import { UntypedFormGroup, Validators, UntypedFormBuilder } from '@angular/forms';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-badwords', selector: 'app-badwords',

6
kibicara-frontend/src/app/dashboard/board/hoodsettings/hoodsettings.component.html
View file

@ -36,21 +36,21 @@
<strong>not be distributed</strong>. For example: <strong>not be distributed</strong>. For example:
</p> </p>
<div class="example-container"> <div class="example-container">
<mat-card> <mat-card appearance="outlined">
<mat-card-title>xyz is an asshat!</mat-card-title> <mat-card-title>xyz is an asshat!</mat-card-title>
<mat-card-subtitle <mat-card-subtitle
>This message will >This message will
<strong>not be distributed</strong>.</mat-card-subtitle <strong>not be distributed</strong>.</mat-card-subtitle
> >
</mat-card> </mat-card>
<mat-card> <mat-card appearance="outlined">
<mat-card-title>xyz is an verybigAsshat!</mat-card-title> <mat-card-title>xyz is an verybigAsshat!</mat-card-title>
<mat-card-subtitle <mat-card-subtitle
>This message will >This message will
<strong>not be distributed</strong>.</mat-card-subtitle <strong>not be distributed</strong>.</mat-card-subtitle
> >
</mat-card> </mat-card>
<mat-card> <mat-card appearance="outlined">
<mat-card-title>xyz is nice!</mat-card-title> <mat-card-title>xyz is nice!</mat-card-title>
<mat-card-subtitle <mat-card-subtitle
>This message will be distributed.</mat-card-subtitle >This message will be distributed.</mat-card-subtitle

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.html
View file

@ -1,4 +1,4 @@
<mat-card> <mat-card appearance="outlined">
<mat-card-title>Triggers</mat-card-title> <mat-card-title>Triggers</mat-card-title>
<mat-card-content> <mat-card-content>
<form class="input" [formGroup]="regexForm" (ngSubmit)="onSubmit()"> <form class="input" [formGroup]="regexForm" (ngSubmit)="onSubmit()">

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.scss
View file

@ -11,7 +11,7 @@
margin: 10px; margin: 10px;
} }
.mat-form-field { .mat-mdc-form-field {
width: 100%; width: 100%;
} }

2
kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts
View file

@ -4,7 +4,7 @@ import { Observable } from 'rxjs';
import { ResourceLoader } from '@angular/compiler'; import { ResourceLoader } from '@angular/compiler';
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-trigger', selector: 'app-trigger',

4
kibicara-frontend/src/app/dashboard/board/settings/settings.component.html
View file

@ -1,5 +1,5 @@
<div class="container"> <div class="container">
<mat-card> <mat-card appearance="outlined">
<form [formGroup]="form" class="form"> <form [formGroup]="form" class="form">
<mat-form-field> <mat-form-field>
<mat-label>Update hood name</mat-label> <mat-label>Update hood name</mat-label>
@ -11,7 +11,7 @@
</form> </form>
</mat-card> </mat-card>
<mat-card> <mat-card appearance="outlined">
<div class="delete"> <div class="delete">
<mat-card-title>Danger zone</mat-card-title> <mat-card-title>Danger zone</mat-card-title>
<mat-divider></mat-divider> <mat-divider></mat-divider>

4
kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts
View file

@ -1,11 +1,11 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { HoodsService } from 'src/app/core/api'; import { HoodsService } from 'src/app/core/api';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component'; import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms'; import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-settings', selector: 'app-settings',

2
kibicara-frontend/src/app/dashboard/hoods/hoods.component.ts
View file

@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
import { AdminService, BodyHood } from 'src/app/core/api'; import { AdminService, BodyHood } from 'src/app/core/api';
import { map } from 'rxjs/operators'; import { map } from 'rxjs/operators';
import { Observer } from 'rxjs'; import { Observer } from 'rxjs';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { NewHoodDialogComponent } from './new-hood-dialog/new-hood-dialog.component'; import { NewHoodDialogComponent } from './new-hood-dialog/new-hood-dialog.component';
import { Router } from '@angular/router'; import { Router } from '@angular/router';

4
kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts
View file

@ -1,9 +1,9 @@
import { Component, OnInit, Inject } from '@angular/core'; import { Component, OnInit, Inject } from '@angular/core';
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { HoodsService } from 'src/app/core/api'; import { HoodsService } from 'src/app/core/api';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms'; import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-new-hood-dialog', selector: 'app-new-hood-dialog',

2
kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.html
View file

@ -1,6 +1,6 @@
<div *ngIf="emails$ | loading | async as emails"> <div *ngIf="emails$ | loading | async as emails">
<ng-template [ngIf]="emails.value"> <ng-template [ngIf]="emails.value">
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="email"></div> <div mat-card-avatar class="email"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

4
kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts
View file

@ -3,9 +3,9 @@ import { EmailService } from 'src/app/core/api';
import { environment } from 'src/environments/environment'; import { environment } from 'src/environments/environment';
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms'; import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
import { EmailBotInfoDialogComponent } from './email-bot-info-dialog/email-bot-info-dialog.component'; import { EmailBotInfoDialogComponent } from './email-bot-info-dialog/email-bot-info-dialog.component';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-email-bot-card', selector: 'app-email-bot-card',

4
kibicara-frontend/src/app/platforms/email/email-confirmation/email-confirmation.component.ts
View file

@ -1,8 +1,8 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { EmailService } from 'src/app/core/api'; import { EmailService } from 'src/app/core/api';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-email-confirmation', selector: 'app-email-confirmation',

4
kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts
View file

@ -1,9 +1,9 @@
import { Component, OnInit, Input, Inject } from '@angular/core'; import { Component, OnInit, Input, Inject } from '@angular/core';
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Validators, UntypedFormBuilder } from '@angular/forms'; import { Validators, UntypedFormBuilder } from '@angular/forms';
import { EmailService } from 'src/app/core/api'; import { EmailService } from 'src/app/core/api';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-email-dialog', selector: 'app-email-dialog',

2
kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.html
View file

@ -1,4 +1,4 @@
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="email"></div> <div mat-card-avatar class="email"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

4
kibicara-frontend/src/app/platforms/email/email-settings/email-settings.component.ts
View file

@ -1,11 +1,11 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { Observable } from 'rxjs/internal/Observable'; import { Observable } from 'rxjs/internal/Observable';
import { EmailService, HoodsService } from 'src/app/core/api'; import { EmailService, HoodsService } from 'src/app/core/api';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { EmailDialogComponent } from './email-dialog/email-dialog.component'; import { EmailDialogComponent } from './email-dialog/email-dialog.component';
import { EmailInfoDialogComponent } from './email-info-dialog/email-info-dialog.component'; import { EmailInfoDialogComponent } from './email-info-dialog/email-info-dialog.component';
import { BotStatus } from '../../../core/model/status'; import { BotStatus } from '../../../core/model/status';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { environment } from 'src/environments/environment'; import { environment } from 'src/environments/environment';
@Component({ @Component({

2
kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.html
View file

@ -1,3 +1,3 @@
<mat-card class="card"> <mat-card appearance="outlined" class="card">
<p>{{ status }}</p> <p>{{ status }}</p>
</mat-card> </mat-card>

2
kibicara-frontend/src/app/platforms/email/email-unsubscribe/email-unsubscribe.component.ts
View file

@ -1,7 +1,7 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { EmailService } from 'src/app/core/api'; import { EmailService } from 'src/app/core/api';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-email-unsubscribe', selector: 'app-email-unsubscribe',

2
kibicara-frontend/src/app/platforms/platforms-info-page/platforms-info-page.component.ts
View file

@ -1,5 +1,5 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
@Component({ @Component({
selector: 'app-platforms-info-page', selector: 'app-platforms-info-page',

2
kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.html
View file

@ -1,6 +1,6 @@
<div *ngIf="telegrams$ | loading | async as telegrams"> <div *ngIf="telegrams$ | loading | async as telegrams">
<ng-template [ngIf]="telegrams.value"> <ng-template [ngIf]="telegrams.value">
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="telegram"></div> <div mat-card-avatar class="telegram"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

2
kibicara-frontend/src/app/platforms/telegram/telegram-bot-card/telegram-bot-card.component.ts
View file

@ -1,7 +1,7 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { TelegramService } from 'src/app/core/api'; import { TelegramService } from 'src/app/core/api';
import { TelegramBotInfoDialogComponent } from './telegram-bot-info-dialog/telegram-bot-info-dialog.component'; import { TelegramBotInfoDialogComponent } from './telegram-bot-info-dialog/telegram-bot-info-dialog.component';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
@Component({ @Component({
selector: 'app-telegram-bot-card', selector: 'app-telegram-bot-card',

4
kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts
View file

@ -1,8 +1,8 @@
import { Component, OnInit, Inject } from '@angular/core'; import { Component, OnInit, Inject } from '@angular/core';
import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms'; import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { TelegramService, BodyTelegram } from 'src/app/core/api'; import { TelegramService, BodyTelegram } from 'src/app/core/api';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { first } from 'rxjs/operators'; import { first } from 'rxjs/operators';
@Component({ @Component({

2
kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.html
View file

@ -1,4 +1,4 @@
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="telegram"></div> <div mat-card-avatar class="telegram"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

4
kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-settings.component.ts
View file

@ -2,10 +2,10 @@ import { Component, OnInit, Input } from '@angular/core';
import { TelegramService } from 'src/app/core/api'; import { TelegramService } from 'src/app/core/api';
import { Observable } from 'rxjs'; import { Observable } from 'rxjs';
import { TelegramInfoDialogComponent } from './telegram-info-dialog/telegram-info-dialog.component'; import { TelegramInfoDialogComponent } from './telegram-info-dialog/telegram-info-dialog.component';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { TelegramDialogComponent } from './telegram-dialog/telegram-dialog.component'; import { TelegramDialogComponent } from './telegram-dialog/telegram-dialog.component';
import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component'; import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-telegram-settings', selector: 'app-telegram-settings',

2
kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.html
View file

@ -1,6 +1,6 @@
<div *ngIf="twitters$ | loading | async as twitters"> <div *ngIf="twitters$ | loading | async as twitters">
<ng-template [ngIf]="twitters.value"> <ng-template [ngIf]="twitters.value">
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="twitter"></div> <div mat-card-avatar class="twitter"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

2
kibicara-frontend/src/app/platforms/twitter/twitter-bot-card/twitter-bot-card.component.ts
View file

@ -1,7 +1,7 @@
import { Component, OnInit, Input } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { TwitterService } from 'src/app/core/api'; import { TwitterService } from 'src/app/core/api';
import { TwitterBotInfoDialogComponent } from './twitter-bot-info-dialog/twitter-bot-info-dialog.component'; import { TwitterBotInfoDialogComponent } from './twitter-bot-info-dialog/twitter-bot-info-dialog.component';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
@Component({ @Component({
selector: 'app-twitter-bot-card', selector: 'app-twitter-bot-card',

2
kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.html
View file

@ -1,4 +1,4 @@
<mat-card> <mat-card appearance="outlined">
<mat-card-header> <mat-card-header>
<div mat-card-avatar class="twitter"></div> <div mat-card-avatar class="twitter"></div>
<mat-card-title class="platform-title"> <mat-card-title class="platform-title">

4
kibicara-frontend/src/app/platforms/twitter/twitter-settings/twitter-settings.component.ts
View file

@ -2,8 +2,8 @@ import { Component, OnInit, Input } from '@angular/core';
import { Observable } from 'rxjs'; import { Observable } from 'rxjs';
import { TwitterService } from 'src/app/core/api'; import { TwitterService } from 'src/app/core/api';
import { TwitterInfoDialogComponent } from './twitter-info-dialog/twitter-info-dialog.component'; import { TwitterInfoDialogComponent } from './twitter-info-dialog/twitter-info-dialog.component';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'; import { MatDialog } from '@angular/material/dialog';
import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
@Component({ @Component({
selector: 'app-twitter-settings', selector: 'app-twitter-settings',

22
kibicara-frontend/src/app/shared/material/material.module.ts
View file

@ -1,18 +1,18 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { MatToolbarModule } from '@angular/material/toolbar'; import { MatToolbarModule } from '@angular/material/toolbar';
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button'; import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu'; import { MatMenuModule } from '@angular/material/menu';
import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs'; import { MatTabsModule } from '@angular/material/tabs';
import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card'; import { MatCardModule } from '@angular/material/card';
import { MatExpansionModule } from '@angular/material/expansion'; import { MatExpansionModule } from '@angular/material/expansion';
import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list'; import { MatListModule } from '@angular/material/list';
import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input'; import { MatInputModule } from '@angular/material/input';
import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog'; import { MatDialogModule } from '@angular/material/dialog';
import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar'; import { MatSnackBarModule } from '@angular/material/snack-bar';
import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle'; import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip'; import { MatTooltipModule } from '@angular/material/tooltip';
import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner'; import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@NgModule({ @NgModule({
declarations: [], declarations: [],

2
kibicara-frontend/src/app/shared/yes-no-dialog/yes-no-dialog.component.ts
View file

@ -1,5 +1,5 @@
import { Component, OnInit, Inject } from '@angular/core'; import { Component, OnInit, Inject } from '@angular/core';
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog'; import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({ @Component({
selector: 'app-yes-no-dialog', selector: 'app-yes-no-dialog',

1
kibicara-frontend/src/sass/styles.scss
View file

@ -11,6 +11,7 @@ body {
font-family: Roboto, "Helvetica Neue", sans-serif; font-family: Roboto, "Helvetica Neue", sans-serif;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-body-content { .mat-tab-body-content {
overflow: hidden !important; overflow: hidden !important;
} }