_Bastler/we_bstly-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

editable jitis rooms

Browse Source
This commit is contained in:
_Bastler 2021-08-17 20:37:09 +02:00
parent 323ce0e885
commit 7a4839b2e6
9 changed files with 264 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
src/app/app.module.ts
View File

@ -1,58 +1,58 @@
import {NgModule, Injectable, APP_INITIALIZER} from '@angular/core'; import { NgModule, Injectable, APP_INITIALIZER } from '@angular/core';
import {BrowserModule} from '@angular/platform-browser'; import { BrowserModule } from '@angular/platform-browser';
import {AppRoutingModule} from './app-routing.module'; import { AppRoutingModule } from './app-routing.module';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import {HttpClientModule, HttpInterceptor, HttpHandler, HttpRequest, HTTP_INTERCEPTORS} from '@angular/common/http'; import { HttpClientModule, HttpInterceptor, HttpHandler, HttpRequest, HTTP_INTERCEPTORS } from '@angular/common/http';
import {MaterialModule} from './material/material.module'; import { MaterialModule } from './material/material.module';
import {QRCodeModule} from 'angularx-qrcode'; import { QRCodeModule } from 'angularx-qrcode';
import {DatePipe} from '@angular/common'; import { DatePipe } from '@angular/common';
import {AutofocusDirective} from './material/autofocus'; import { AutofocusDirective } from './material/autofocus';
import {I18nPipe} from './utils/i18n.pipe'; import { I18nPipe } from './utils/i18n.pipe';
import {ImprintComponent, PrivacyPolicyComponent, TermsOfServiceComponent} from './pages/general/general.component'; import { ImprintComponent, PrivacyPolicyComponent, TermsOfServiceComponent } from './pages/general/general.component';
import {AccountComponent} from './pages/account/account.component'; import { AccountComponent } from './pages/account/account.component';
import {ServicesComponent} from './pages/services/services.component'; import { ServicesComponent } from './pages/services/services.component';
import {AppComponent} from './app.component'; import { AppComponent } from './app.component';
import {LoginComponent} from './pages/login/login.component'; import { LoginComponent } from './pages/login/login.component';
import {FormLoginComponent} from './pages/form-login/form-login.component'; import { FormLoginComponent } from './pages/form-login/form-login.component';
import {FormLogin2FAComponent} from './pages/form-login-2fa/form-login-2fa.component'; import { FormLogin2FAComponent } from './pages/form-login-2fa/form-login-2fa.component';
import {TokensComponent} from './pages/tokens/tokens.component'; import { TokensComponent } from './pages/tokens/tokens.component';
import {InvitesComponent} from './pages/invites/invites.component'; import { InvitesComponent } from './pages/invites/invites.component';
import {PermissionsComponent} from './ui/permissions/permissions.component'; import { PermissionsComponent } from './ui/permissions/permissions.component';
import {ProfileFieldDialog, ProfileFieldsComponent, ProfileFieldBlob} from './ui/profilefields/profilefields.component'; import { ProfileFieldDialog, ProfileFieldsComponent, ProfileFieldBlob } from './ui/profilefields/profilefields.component';
import {ProfileFieldPgpBlob} from './ui/profilefields/binary/pgp/profilefield.pgp-blob'; import { ProfileFieldPgpBlob } from './ui/profilefields/binary/pgp/profilefield.pgp-blob';
import {QuotasComponent} from './ui/quotas/quotas.component'; import { QuotasComponent } from './ui/quotas/quotas.component';
import {SecurityComponent, SecurityTotpDialog} from './pages/account/security/security.component'; import { SecurityComponent, SecurityTotpDialog } from './pages/account/security/security.component';
import {VoucherComponent} from './pages/account/voucher/voucher.component'; import { VoucherComponent } from './pages/account/voucher/voucher.component';
import {VoucherDialog} from './pages/account/voucher/voucher.component'; import { VoucherDialog } from './pages/account/voucher/voucher.component';
import {InfoComponent} from './pages/account/info/info.component'; import { InfoComponent } from './pages/account/info/info.component';
import {AliasesComponent} from './pages/account/aliases/aliases.component'; import { AliasesComponent } from './pages/account/aliases/aliases.component';
import {DomainsComponent} from './pages/account/domains/domains.component'; import { DomainsComponent } from './pages/account/domains/domains.component';
import {ProfileComponent} from './pages/account/profile/profile.component'; import { ProfileComponent } from './pages/account/profile/profile.component';
import {PasswordComponent} from './pages/password/password.component'; import { PasswordComponent } from './pages/password/password.component';
import {PasswordResetComponent} from './pages/password-reset/password-reset.component'; import { PasswordResetComponent } from './pages/password-reset/password-reset.component';
import {RegisterComponent, RegisterDialog} from './pages/register/register.component'; import { RegisterComponent, RegisterDialog } from './pages/register/register.component';
import {UsernameDialog} from './pages/register/username-dialog/username.dialog'; import { UsernameDialog } from './pages/register/username-dialog/username.dialog';
import {UnavailableComponent} from './pages/unavailable/unavailable.component'; import { UnavailableComponent } from './pages/unavailable/unavailable.component';
import {NotfoundComponent} from './pages/notfound/notfound.component'; import { NotfoundComponent } from './pages/notfound/notfound.component';
import {HtmlComponent} from './utils/html/html.component'; import { HtmlComponent } from './utils/html/html.component';
import {ConfirmDialog} from './ui/confirm/confirm.component' import { ConfirmDialog } from './ui/confirm/confirm.component'
import {UserComponent} from './pages/user/user.component' import { UserComponent } from './pages/user/user.component'
import {JitsiComponent, JitsiShareDialog} from './pages/jitsi/jitsi.component' import { JitsiComponent, JitsiEditDialog, JitsiShareDialog } from './pages/jitsi/jitsi.component'
import {ParteyTimeslotsComponent, ParteyTimeslotDialog} from './pages/partey/timeslots/timeslots.compontent' import { ParteyTimeslotsComponent, ParteyTimeslotDialog } from './pages/partey/timeslots/timeslots.compontent'
import {UrlShortenerComponent, UrlShortenerPasswordComponent, UrlShortenerShareDialog, UrlShortenerEditDialog} from './pages/urlshortener/urlshortener.component' import { UrlShortenerComponent, UrlShortenerPasswordComponent, UrlShortenerShareDialog, UrlShortenerEditDialog } from './pages/urlshortener/urlshortener.component'
import {I18nService} from './services/i18n.service'; import { I18nService } from './services/i18n.service';
import {MinetestAccountsComponent} from './pages/minetest/accounts/accounts.component'; import { MinetestAccountsComponent } from './pages/minetest/accounts/accounts.component';
export function init_app(i18n: I18nService) { export function init_app(i18n: I18nService) {
return () => i18n.fetch().then(response => {}, error => {}); return () => i18n.fetch().then(response => { }, error => { });
} }
@Injectable() @Injectable()
@ -100,7 +100,7 @@ export class XhrInterceptor implements HttpInterceptor {
HtmlComponent, HtmlComponent,
ConfirmDialog, ConfirmDialog,
UserComponent, UserComponent,
JitsiComponent, JitsiShareDialog, JitsiComponent, JitsiEditDialog, JitsiShareDialog,
ParteyTimeslotsComponent, ParteyTimeslotDialog, ParteyTimeslotsComponent, ParteyTimeslotDialog,
MinetestAccountsComponent, MinetestAccountsComponent,
UrlShortenerComponent, UrlShortenerShareDialog, UrlShortenerEditDialog, UrlShortenerPasswordComponent UrlShortenerComponent, UrlShortenerShareDialog, UrlShortenerEditDialog, UrlShortenerPasswordComponent
@ -115,9 +115,9 @@ export class XhrInterceptor implements HttpInterceptor {
ReactiveFormsModule, ReactiveFormsModule,
QRCodeModule, QRCodeModule,
], ],
exports: [MaterialModule], exports: [ MaterialModule ],
providers: [{provide: APP_INITIALIZER, useFactory: init_app, deps: [I18nService], multi: true}, {provide: HTTP_INTERCEPTORS, useClass: XhrInterceptor, multi: true}, DatePipe], providers: [ { provide: APP_INITIALIZER, useFactory: init_app, deps: [ I18nService ], multi: true }, { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptor, multi: true }, DatePipe ],
bootstrap: [AppComponent], bootstrap: [ AppComponent ],
}) })
export class AppModule { export class AppModule {
} }

11
src/app/pages/jitsi/jitsi.component.html
View File

@ -65,6 +65,15 @@
</td> </td>
</ng-container> </ng-container>
<ng-container matColumnDef="edit">
<th mat-header-cell *matHeaderCellDef> {{'jitsi.rooms.edit' | i18n}} </th>
<td mat-cell *matCellDef="let jitsiRoom" class="text-right">
<a mat-icon-button>
<mat-icon (click)="edit(jitsiRoom)">edit</mat-icon>
</a>
</td>
</ng-container>
<ng-container matColumnDef="delete"> <ng-container matColumnDef="delete">
<th mat-header-cell *matHeaderCellDef class="align-right"> {{'jitsi.rooms.delete' | i18n}} </th> <th mat-header-cell *matHeaderCellDef class="align-right"> {{'jitsi.rooms.delete' | i18n}} </th>
<td mat-cell *matCellDef="let jitsiRoom" class="text-right"> <td mat-cell *matCellDef="let jitsiRoom" class="text-right">
@ -99,7 +108,7 @@
<mat-form-field> <mat-form-field>
<input matInput [ngxMatDatetimePicker]="startsPicker" [(ngModel)]="jitsiRoom.starts" formControlName="starts" <input matInput [ngxMatDatetimePicker]="startsPicker" [(ngModel)]="jitsiRoom.starts" formControlName="starts"
placeholder="{{'jitsi.rooms.starts' | i18n}}"> placeholder="{{'jitsi.rooms.starts' | i18n}}" (dateChange)="clearModeration(jitsiRoom)">
<mat-datepicker-toggle matSuffix [for]="startsPicker"></mat-datepicker-toggle> <mat-datepicker-toggle matSuffix [for]="startsPicker"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #startsPicker></ngx-mat-datetime-picker> <ngx-mat-datetime-picker #startsPicker></ngx-mat-datetime-picker>
<mat-error> <mat-error>

174
src/app/pages/jitsi/jitsi.component.ts
View File

@ -1,21 +1,21 @@
import {Component, OnInit, ViewChild, Inject} from '@angular/core'; import { Component, OnInit, ViewChild, Inject } from '@angular/core';
import {MatSnackBar} from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import {Sort} from '@angular/material/sort'; import { Sort } from '@angular/material/sort';
import {FormBuilder, FormGroup, Validators, NgForm} from '@angular/forms'; import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import {DatePipe} from '@angular/common'; import { DatePipe } from '@angular/common';
import {PageEvent} from '@angular/material/paginator'; import { PageEvent } from '@angular/material/paginator';
import {QuotaService} from '../../services/quota.service'; import { QuotaService } from '../../services/quota.service';
import {JitsiService} from '../../services/jitsi.service'; import { JitsiService } from '../../services/jitsi.service';
import {UrlShortenerService} from '../../services/urlshortener.service'; import { UrlShortenerService } from '../../services/urlshortener.service';
import {ConfirmDialog} from '../../ui/confirm/confirm.component'; import { ConfirmDialog } from '../../ui/confirm/confirm.component';
import {I18nService} from './../../services/i18n.service'; import { I18nService } from './../../services/i18n.service';
@Component({ @Component({
selector: 'app-account-jitsi', selector: 'app-account-jitsi',
templateUrl: './jitsi.component.html', templateUrl: './jitsi.component.html',
styleUrls: ['./jitsi.component.scss'] styleUrls: [ './jitsi.component.scss' ]
}) })
export class JitsiComponent implements OnInit { export class JitsiComponent implements OnInit {
@ -28,10 +28,10 @@ export class JitsiComponent implements OnInit {
working: boolean; working: boolean;
shortenedUrlQuota: number = 0; shortenedUrlQuota: number = 0;
datetimeformat: String; datetimeformat: String;
page: any = {page: 0, size: 10, sort: "id", desc: false}; page: any = { page: 0, size: 10, sort: "id", desc: false };
pageSizeOptions: number[] = [5, 10, 25, 50]; pageSizeOptions: number[] = [ 5, 10, 25, 50 ];
jitsiRoomsColumns = ["share", "room", "starts", "moderationStarts", "expires", "moderationUrl", "delete"]; jitsiRoomsColumns = [ "share", "room", "starts", "moderationStarts", "expires", "moderationUrl", "edit", "delete" ];
constructor( constructor(
private quotaService: QuotaService, private quotaService: QuotaService,
@ -39,56 +39,56 @@ export class JitsiComponent implements OnInit {
private jitsiService: JitsiService, private jitsiService: JitsiService,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
private i18n: I18nService, private i18n: I18nService,
public dialog: MatDialog) {} public dialog: MatDialog) { }
ngOnInit(): void { ngOnInit(): void {
this.datetimeformat = this.i18n.get('format.datetime', []); this.datetimeformat = this.i18n.get('format.datetime', []);
this.form = this.formBuilder.group({ this.form = this.formBuilder.group({
room: ['', Validators.required], room: [ '', Validators.required ],
starts: ['', Validators.nullValidator], starts: [ '', Validators.nullValidator ],
moderationStarts: ['', Validators.nullValidator], moderationStarts: [ '', Validators.nullValidator ],
expires: ['', Validators.nullValidator], expires: [ '', Validators.nullValidator ],
}); });
this.update(); this.refresh();
} }
create(): void { create(): void {
this.working = true; this.working = true;
if(!this.jitsiRoom.starts) { if (!this.jitsiRoom.starts) {
this.jitsiRoom.moderationStarts = null; this.jitsiRoom.moderationStarts = null;
} }
this.jitsiService.create(this.jitsiRoom).subscribe(response => { this.jitsiService.create(this.jitsiRoom).subscribe(response => {
this.update(); this.refresh();
this.formDirective.resetForm(); this.formDirective.resetForm();
this.jitsiRoom = {}; this.jitsiRoom = {};
this.working = false; this.working = false;
}, (error) => { }, (error) => {
this.working = false; this.working = false;
if(error.status == 409) { if (error.status == 409) {
let errors = {}; let errors = {};
for(let code of error.error) { for (let code of error.error) {
errors[code.field] = errors[code.field] || {}; errors[ code.field ] = errors[ code.field ] || {};
errors[code.field][code.code] = true; errors[ code.field ][ code.code ] = true;
} }
for(let code in errors) { for (let code in errors) {
this.form.get(code).setErrors(errors[code]); this.form.get(code).setErrors(errors[ code ]);
} }
} }
}) })
} }
update() { refresh() {
this.jitsiRoomsQuota = 0; this.jitsiRoomsQuota = 0;
this.shortenedUrlQuota = 0; this.shortenedUrlQuota = 0;
this.quotaService.quotas().subscribe((data: any) => { this.quotaService.quotas().subscribe((data: any) => {
for(let quota of data) { for (let quota of data) {
if(quota.name == "jitsi") { if (quota.name == "jitsi") {
this.jitsiRoomsQuota = quota.value; this.jitsiRoomsQuota = quota.value;
} else if(quota.name == "url_shortener") { } else if (quota.name == "url_shortener") {
this.shortenedUrlQuota = quota.value; this.shortenedUrlQuota = quota.value;
} }
} }
@ -104,11 +104,11 @@ export class JitsiComponent implements OnInit {
this.page.size = event.pageSize; this.page.size = event.pageSize;
this.jitsiService.get(this.page.page, this.page.size, this.page.sort, this.page.desc).subscribe((data: any) => { this.jitsiService.get(this.page.page, this.page.size, this.page.sort, this.page.desc).subscribe((data: any) => {
this.jitsiRooms = data; this.jitsiRooms = data;
}, (error) => {}) }, (error) => { })
} }
updateSort(sort: Sort) { updateSort(sort: Sort) {
if(sort.direction == "") { if (sort.direction == "") {
this.page.sort = "id"; this.page.sort = "id";
this.page.desc = false; this.page.desc = false;
} else { } else {
@ -117,21 +117,21 @@ export class JitsiComponent implements OnInit {
} }
this.jitsiService.get(this.page.page, this.page.size, this.page.sort, this.page.desc).subscribe((data: any) => { this.jitsiService.get(this.page.page, this.page.size, this.page.sort, this.page.desc).subscribe((data: any) => {
this.jitsiRooms = data; this.jitsiRooms = data;
}, (error) => {}) }, (error) => { })
} }
confirmDelete(jitsiRoom) { confirmDelete(jitsiRoom) {
const dialogRef = this.dialog.open(ConfirmDialog, { const dialogRef = this.dialog.open(ConfirmDialog, {
data: { data: {
'label': 'jitsi.rooms.confirmDelete', 'label': 'jitsi.rooms.confirmDelete',
'args': [jitsiRoom.room] 'args': [ jitsiRoom.room ]
} }
}) })
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
if(result) { if (result) {
this.jitsiService.delete(jitsiRoom.id).subscribe((result: any) => { this.jitsiService.delete(jitsiRoom.id).subscribe((result: any) => {
this.update(); this.refresh();
}) })
} }
}); });
@ -150,17 +150,93 @@ export class JitsiComponent implements OnInit {
createShortenedUrl(jitsiRoom: any) { createShortenedUrl(jitsiRoom: any) {
this.jitsiService.createShortUrl(jitsiRoom.id).subscribe((result: any) => { this.jitsiService.createShortUrl(jitsiRoom.id).subscribe((result: any) => {
this.update(); this.refresh();
}, (error: any) => { }, (error: any) => {
this.snackBar.open(this.i18n.get("urlshortener.noQuota", []), this.i18n.get("close", [])); this.snackBar.open(this.i18n.get("urlshortener.noQuota", []), this.i18n.get("close", []));
}); });
} }
clearModeration(jitsiRoom) {
if (!jitsiRoom.starts) {
jitsiRoom.moderationStarts = null;
}
}
edit(jitsiRoom) {
const dialogRef = this.dialog.open(JitsiEditDialog, {
data: jitsiRoom,
minWidth: '400px',
});
dialogRef.afterClosed().subscribe(result => {
if (result) {
this.refresh();
}
});
}
}
@Component({
selector: 'app-jitsi-edit-dialog',
templateUrl: 'jitsi.edit.html',
styleUrls: [ './jitsi.edit.scss' ]
})
export class JitsiEditDialog {
form: FormGroup;
jitsiRoom: any;
datetimeformat: string;
constructor(
private i18n: I18nService,
private jitsiService: JitsiService,
public dialogRef: MatDialogRef<JitsiEditDialog>,
private formBuilder: FormBuilder,
@Inject(MAT_DIALOG_DATA) public data: any) {
this.jitsiRoom = JSON.parse(JSON.stringify(data));
}
ngOnInit(): void {
this.datetimeformat = this.i18n.get('format.datetime', []);
this.form = this.formBuilder.group({
room: [ '', Validators.required ],
starts: [ '', Validators.nullValidator ],
moderationStarts: [ '', Validators.nullValidator ],
expires: [ '', Validators.nullValidator ],
});
}
clearModeration(jitsiRoom) {
if (!jitsiRoom.starts) {
jitsiRoom.moderationStarts = null;
}
}
save() {
this.jitsiService.update(this.jitsiRoom).subscribe((result: any) => {
this.dialogRef.close(result);
}, (error) => {
if (error.status == 409) {
let errors = {};
for (let code of error.error) {
errors[ code.field ] = errors[ code.field ] || {};
errors[ code.field ][ code.code ] = true;
}
for (let code in errors) {
this.form.get(code).setErrors(errors[ code ]);
}
}
});
}
} }
@Component({ @Component({
selector: 'app-jitsi-share-dialog', selector: 'app-jitsi-share-dialog',
templateUrl: 'jitsi.share.html', templateUrl: 'jitsi.share.html',
styleUrls: ['./jitsi.share.scss'] styleUrls: [ './jitsi.share.scss' ]
}) })
export class JitsiShareDialog { export class JitsiShareDialog {
@ -179,14 +255,14 @@ export class JitsiShareDialog {
ngOnInit(): void { ngOnInit(): void {
this.datetimeformat = this.i18n.get('format.datetime', []); this.datetimeformat = this.i18n.get('format.datetime', []);
this.jitsiRoom.shareText = this.i18n.get('jitsi.share.text.intro', []); this.jitsiRoom.shareText = this.i18n.get('jitsi.share.text.intro', []);
if(this.jitsiRoom.starts && !this.jitsiRoom.expires) { if (this.jitsiRoom.starts && !this.jitsiRoom.expires) {
this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.starts', [this.datePipe.transform(new Date(this.jitsiRoom.starts), this.datetimeformat)]); this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.starts', [ this.datePipe.transform(new Date(this.jitsiRoom.starts), this.datetimeformat) ]);
} else if(!this.jitsiRoom.starts && this.jitsiRoom.expires) { } else if (!this.jitsiRoom.starts && this.jitsiRoom.expires) {
this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.expires', [this.datePipe.transform(new Date(this.jitsiRoom.expires), this.datetimeformat)]); this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.expires', [ this.datePipe.transform(new Date(this.jitsiRoom.expires), this.datetimeformat) ]);
} else if(this.jitsiRoom.starts && this.jitsiRoom.expires) { } else if (this.jitsiRoom.starts && this.jitsiRoom.expires) {
this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.both', [this.datePipe.transform(new Date(this.jitsiRoom.starts), this.datetimeformat), this.datePipe.transform(new Date(this.jitsiRoom.expires), this.datetimeformat)]); this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.both', [ this.datePipe.transform(new Date(this.jitsiRoom.starts), this.datetimeformat), this.datePipe.transform(new Date(this.jitsiRoom.expires), this.datetimeformat) ]);
} }
this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.outro', [this.jitsiRoom.url]); this.jitsiRoom.shareText += "\n\n" + this.i18n.get('jitsi.share.text.outro', [ this.jitsiRoom.url ]);
} }
copyToClipboard(text) { copyToClipboard(text) {

49
src/app/pages/jitsi/jitsi.edit.html Normal file
View File

@ -0,0 +1,49 @@
<h1 mat-dialog-title>
<mat-icon inline="true">edit</mat-icon> {{'jitsi.rooms.edit' | i18n}}
</h1>
<mat-dialog-content>
<form [formGroup]="form">
<mat-form-field>
<input matInput placeholder="{{'jitsi.rooms.room' | i18n}}" formControlName="room" [(ngModel)]="jitsiRoom.room"
required pattern="[a-zA-Z0-9]+">
<mat-error>
{{'jitsi.rooms.error.room' | i18n}}
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput [ngxMatDatetimePicker]="startsPicker" [(ngModel)]="jitsiRoom.starts" formControlName="starts"
placeholder="{{'jitsi.rooms.starts' | i18n}}" (dateChange)="clearModeration(jitsiRoom)">
<mat-datepicker-toggle matSuffix [for]="startsPicker"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #startsPicker></ngx-mat-datetime-picker>
<mat-error>
{{'jitsi.rooms.error.starts' | i18n}}
</mat-error>
</mat-form-field>
<mat-form-field *ngIf="jitsiRoom.starts">
<input matInput [ngxMatDatetimePicker]="moderationStartsPicker" [(ngModel)]="jitsiRoom.moderationStarts"
formControlName="moderationStarts" placeholder="{{'jitsi.rooms.moderationStarts' | i18n}}">
<mat-datepicker-toggle matSuffix [for]="moderationStartsPicker"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #moderationStartsPicker></ngx-mat-datetime-picker>
<mat-error>
{{'jitsi.rooms.error.moderationStarts' | i18n}}
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput [ngxMatDatetimePicker]="expiresPicker" [(ngModel)]="jitsiRoom.expires" formControlName="expires"
placeholder="{{'jitsi.rooms.expires' | i18n}}">
<mat-datepicker-toggle matSuffix [for]="expiresPicker"></mat-datepicker-toggle>
<ngx-mat-datetime-picker #expiresPicker></ngx-mat-datetime-picker>
<mat-error>
{{'jitsi.rooms.error.expires' | i18n}}
</mat-error>
</mat-form-field>
</form>
</mat-dialog-content>
<mat-dialog-actions>
<button mat-button [mat-dialog-close]="false">{{'cancel' | i18n}}</button>
<button [disabled]="form.invalid" mat-raised-button (click)="save()" color="accent">{{ 'jitsi.rooms.save' |
i18n}}</button>
</mat-dialog-actions>

7
src/app/pages/jitsi/jitsi.edit.scss Normal file
View File

@ -0,0 +1,7 @@
mat-form-field {
display: block;
}
mat-slide-toggle {
margin-bottom: 24px;
}

7
src/app/pages/urlshortener/urlshortener.component.html
View File

@ -36,7 +36,7 @@
<ng-container matColumnDef="url"> <ng-container matColumnDef="url">
<th mat-header-cell *matHeaderCellDef mat-sort-header="url"> {{'urlshortener.url' | i18n}} </th> <th mat-header-cell *matHeaderCellDef mat-sort-header="url"> {{'urlshortener.url' | i18n}} </th>
<td mat-cell *matCellDef="let shortenedUrl"> <td mat-cell *matCellDef="let shortenedUrl">
<a mat-button color="primary" href="{{ shortenedUrl.url }}" target="_blank"> <a mat-button color="primary" href="{{ shortenedUrl.url }}" target="_blank">
<span class="url">{{ shortenedUrl.url }}</span> <span class="url">{{ shortenedUrl.url }}</span>
<mat-icon style="font-size: 1em;">open_in_new <mat-icon style="font-size: 1em;">open_in_new
</mat-icon> </mat-icon>
@ -133,6 +133,11 @@
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
<mat-slide-toggle [(ngModel)]="shortenedUrl.queryParameters" formControlName="queryParameters">
{{'urlshortener.queryParameters' | i18n}}
<mat-icon inline="true" matTooltip="{{'urlshortener.queryParameters.info' | i18n}}">info</mat-icon>
</mat-slide-toggle>
<mat-form-field> <mat-form-field>
<input matInput placeholder="{{'urlshortener.code' | i18n}}" formControlName="code" <input matInput placeholder="{{'urlshortener.code' | i18n}}" formControlName="code"
[(ngModel)]="shortenedUrl.code"> [(ngModel)]="shortenedUrl.code">

16
src/app/pages/urlshortener/urlshortener.component.ts
View File

@ -52,6 +52,7 @@ export class UrlShortenerComponent implements OnInit {
password: [ '', Validators.nullValidator ], password: [ '', Validators.nullValidator ],
password2: [ '', Validators.nullValidator ], password2: [ '', Validators.nullValidator ],
expires: [ '', Validators.nullValidator ], expires: [ '', Validators.nullValidator ],
queryParameters: [ '', Validators.nullValidator ],
}, { }, {
validator: MatchingValidator('password', 'password2') validator: MatchingValidator('password', 'password2')
}); });
@ -64,14 +65,14 @@ export class UrlShortenerComponent implements OnInit {
}) })
}) })
this.update(); this.refresh();
} }
create(): void { create(): void {
this.working = true; this.working = true;
this.urlShortenerService.create(this.shortenedUrl).subscribe(response => { this.urlShortenerService.create(this.shortenedUrl).subscribe(response => {
this.update(); this.refresh();
this.formDirective.resetForm(); this.formDirective.resetForm();
this.shortenedUrl = {}; this.shortenedUrl = {};
this.working = false; this.working = false;
@ -91,7 +92,7 @@ export class UrlShortenerComponent implements OnInit {
}) })
} }
update() { refresh() {
this.shortenedUrlQuota = 0; this.shortenedUrlQuota = 0;
this.quotaService.quotas().subscribe((data: any) => { this.quotaService.quotas().subscribe((data: any) => {
for (let quota of data) { for (let quota of data) {
@ -149,7 +150,7 @@ export class UrlShortenerComponent implements OnInit {
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
if (result) { if (result) {
this.urlShortenerService.delete(shortenedUrl.code).subscribe((result: any) => { this.urlShortenerService.delete(shortenedUrl.code).subscribe((result: any) => {
this.update(); this.refresh();
}) })
} }
}); });
@ -169,15 +170,13 @@ export class UrlShortenerComponent implements OnInit {
}); });
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
console.log(result);
if (result) { if (result) {
this.update(); this.refresh();
} }
}); });
} }
} }
@Component({ @Component({
selector: 'app-urlshortener-edit-dialog', selector: 'app-urlshortener-edit-dialog',
templateUrl: 'urlshortener.edit.html', templateUrl: 'urlshortener.edit.html',
@ -192,7 +191,6 @@ export class UrlShortenerEditDialog {
constructor( constructor(
private i18n: I18nService, private i18n: I18nService,
private urlShortenerService: UrlShortenerService, private urlShortenerService: UrlShortenerService,
private snackBar: MatSnackBar,
public dialogRef: MatDialogRef<UrlShortenerShareDialog>, public dialogRef: MatDialogRef<UrlShortenerShareDialog>,
private formBuilder: FormBuilder, private formBuilder: FormBuilder,
@Inject(MAT_DIALOG_DATA) public data: any) { @Inject(MAT_DIALOG_DATA) public data: any) {
@ -202,6 +200,7 @@ export class UrlShortenerEditDialog {
this.shortenedUrlModel.newCode = data.code; this.shortenedUrlModel.newCode = data.code;
this.shortenedUrlModel.note = data.note; this.shortenedUrlModel.note = data.note;
this.shortenedUrlModel.expires = data.expires; this.shortenedUrlModel.expires = data.expires;
this.shortenedUrlModel.queryParameters = data.queryParameters;
} }
ngOnInit(): void { ngOnInit(): void {
@ -214,6 +213,7 @@ export class UrlShortenerEditDialog {
password: [ '', Validators.nullValidator ], password: [ '', Validators.nullValidator ],
password2: [ '', Validators.nullValidator ], password2: [ '', Validators.nullValidator ],
expires: [ '', Validators.nullValidator ], expires: [ '', Validators.nullValidator ],
queryParameters: [ '', Validators.nullValidator ],
}); });
} }

5
src/app/pages/urlshortener/urlshortener.edit.html
View File

@ -58,6 +58,11 @@
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
<mat-slide-toggle [(ngModel)]="shortenedUrlModel.queryParameters" formControlName="queryParameters">
{{'urlshortener.queryParameters' | i18n}}
<mat-icon inline="true" matTooltip="{{'urlshortener.queryParameters.info' | i18n}}">info</mat-icon>
</mat-slide-toggle>
<mat-form-field> <mat-form-field>
<input matInput placeholder="{{'urlshortener.code' | i18n}}" formControlName="code" <input matInput placeholder="{{'urlshortener.code' | i18n}}" formControlName="code"
[(ngModel)]="shortenedUrlModel.newCode"> [(ngModel)]="shortenedUrlModel.newCode">

4
src/app/services/jitsi.service.ts
View File

@ -35,6 +35,10 @@ export class JitsiService {
return this.http.post(environment.apiUrl + "/jitsi/rooms", jitsiRoom); return this.http.post(environment.apiUrl + "/jitsi/rooms", jitsiRoom);
} }
update(jitsiRoom) {
return this.http.patch(environment.apiUrl + "/jitsi/rooms", jitsiRoom);
}
createShortUrl(id) { createShortUrl(id) {
return this.http.patch(environment.apiUrl + "/jitsi/rooms/" + id, null); return this.http.patch(environment.apiUrl + "/jitsi/rooms/" + id, null);
} }