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

update clipboard, fix timeslots

Browse Source
This commit is contained in:
_Bastler 2021-11-18 17:48:28 +01:00
parent 2cede86ea8
commit 86d352f549
7 changed files with 103 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@ import { HttpClientModule, HttpInterceptor, HttpHandler, HttpRequest, HTTP_INTER
import { MaterialModule } from './material/material.module'; import { MaterialModule } from './material/material.module';
import { QrCodeModule } from 'ng-qrcode'; import { QrCodeModule } from 'ng-qrcode';
import { DatePipe } from '@angular/common'; import { DatePipe } from '@angular/common';
import { ClipboardModule } from '@angular/cdk/clipboard';
import { AutofocusDirective } from './material/autofocus'; import { AutofocusDirective } from './material/autofocus';
@ -125,6 +125,7 @@ export class XhrInterceptor implements HttpInterceptor {
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
ClipboardModule,
AppRoutingModule, AppRoutingModule,
BrowserAnimationsModule, BrowserAnimationsModule,
MaterialModule, MaterialModule,
@ -132,6 +133,7 @@ export class XhrInterceptor implements HttpInterceptor {
FormsModule, FormsModule,
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,

60
src/app/pages/account/domains/domains.component.ts
View File

@ -1,16 +1,17 @@
import {Component, OnInit, ViewChild} from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import {I18nService} from '../../../services/i18n.service'; import { I18nService } from '../../../services/i18n.service';
import {Sort} from '@angular/material/sort'; import { Sort } from '@angular/material/sort';
import {UserDomainService} from '../../../services/userdomain.service'; import { UserDomainService } from '../../../services/userdomain.service';
import {FormBuilder, FormGroup, Validators, NgForm} from '@angular/forms'; import { FormBuilder, FormGroup, Validators, NgForm } from '@angular/forms';
import {MatDialog} from '@angular/material/dialog'; import { MatDialog } from '@angular/material/dialog';
import {ConfirmDialog} from '../../../ui/confirm/confirm.component'; import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
import {MatSnackBar} from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { Clipboard } from '@angular/cdk/clipboard';
@Component({ @Component({
selector: 'app-account-domains', selector: 'app-account-domains',
templateUrl: './domains.component.html', templateUrl: './domains.component.html',
styleUrls: ['./domains.component.scss'] styleUrls: [ './domains.component.scss' ]
}) })
export class DomainsComponent implements OnInit { export class DomainsComponent implements OnInit {
@ -23,19 +24,20 @@ export class DomainsComponent implements OnInit {
success: boolean; success: boolean;
working: boolean; working: boolean;
domainsColumns = ["domain", "secret", "validated", "delete"]; domainsColumns = [ "domain", "secret", "validated", "delete" ];
visibilities = ["PRIVATE", "PROTECTED", "PUBLIC"]; visibilities = [ "PRIVATE", "PROTECTED", "PUBLIC" ];
constructor( constructor(
private formBuilder: FormBuilder, private formBuilder: FormBuilder,
private userDomainService: UserDomainService, private userDomainService: UserDomainService,
private i18n: I18nService, private i18n: I18nService,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
public dialog: MatDialog) {} public dialog: MatDialog,
private clipboard: Clipboard) { }
ngOnInit(): void { ngOnInit(): void {
this.form = this.formBuilder.group({ this.form = this.formBuilder.group({
domain: ['', Validators.required], domain: [ '', Validators.required ],
// visibility: ['', Validators.required], // visibility: ['', Validators.required],
}); });
@ -53,15 +55,15 @@ export class DomainsComponent implements OnInit {
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 ]);
} }
} }
}) })
@ -83,12 +85,12 @@ export class DomainsComponent implements OnInit {
const dialogRef = this.dialog.open(ConfirmDialog, { const dialogRef = this.dialog.open(ConfirmDialog, {
data: { data: {
'label': 'user.domains.confirmDelete', 'label': 'user.domains.confirmDelete',
'args': [domain.domain] 'args': [ domain.domain ]
} }
}) })
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
if(result) { if (result) {
this.userDomainService.delete(domain.id).subscribe((result: any) => { this.userDomainService.delete(domain.id).subscribe((result: any) => {
this.update(); this.update();
}) })
@ -97,13 +99,7 @@ export class DomainsComponent implements OnInit {
} }
copySecret(domain: any) { copySecret(domain: any) {
const selBox = document.createElement('textarea'); this.clipboard.copy(domain.secret);
selBox.value = domain.secret;
document.body.appendChild(selBox);
selBox.focus();
selBox.select();
document.execCommand('copy');
document.body.removeChild(selBox);
this.snackBar.open(this.i18n.get("user.domains.secret.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("user.domains.secret.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });
@ -111,14 +107,14 @@ export class DomainsComponent implements OnInit {
sortData(sort: Sort) { sortData(sort: Sort) {
const data = this.domains.slice(); const data = this.domains.slice();
if(!sort.active || sort.direction === '') { if (!sort.active || sort.direction === '') {
this.domains = data; this.domains = data;
return; return;
} }
this.domains = data.sort((a, b) => { this.domains = data.sort((a, b) => {
const isAsc = sort.direction === 'asc'; const isAsc = sort.direction === 'asc';
switch(sort.active) { switch (sort.active) {
case 'domain': return this.compare(a.domain, b.domain, isAsc); case 'domain': return this.compare(a.domain, b.domain, isAsc);
case 'validated': return this.compare(a.validated, b.validated, isAsc); case 'validated': return this.compare(a.validated, b.validated, isAsc);
default: return 0; default: return 0;
@ -126,9 +122,9 @@ export class DomainsComponent implements OnInit {
}); });
} }
compare(a: number | string , b: number | string , isAsc: boolean) { compare(a: number | string, b: number | string, isAsc: boolean) {
if (typeof a === 'string' && typeof b === 'string') { if (typeof a === 'string' && typeof b === 'string') {
return a.localeCompare(b,undefined, { sensitivity: 'accent' } ) * (isAsc ? 1 : -1); return a.localeCompare(b, undefined, { sensitivity: 'accent' }) * (isAsc ? 1 : -1);
} }
return (a < b ? -1 : 1) * (isAsc ? 1 : -1); return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
} }

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

@ -5,10 +5,10 @@ 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 { Clipboard } from '@angular/cdk/clipboard';
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 { 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';
@ -39,7 +39,8 @@ 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,
private clipboard: Clipboard) { }
ngOnInit(): void { ngOnInit(): void {
this.datetimeformat = this.i18n.get('format.datetime', []); this.datetimeformat = this.i18n.get('format.datetime', []);
@ -157,13 +158,7 @@ export class JitsiComponent implements OnInit {
} }
copyRoomUrlToClipboard(jitsiRoom: any) { copyRoomUrlToClipboard(jitsiRoom: any) {
const selBox = document.createElement('textarea'); this.clipboard.copy(jitsiRoom.url);
selBox.value = jitsiRoom.url;
document.body.appendChild(selBox);
selBox.focus();
selBox.select();
document.execCommand('copy');
document.body.removeChild(selBox);
this.snackBar.open(this.i18n.get("jitsi.rooms.clipboard.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("jitsi.rooms.clipboard.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });
@ -259,6 +254,7 @@ export class JitsiShareDialog {
constructor( constructor(
private i18n: I18nService, private i18n: I18nService,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
private clipboard: Clipboard,
private datePipe: DatePipe, private datePipe: DatePipe,
public dialogRef: MatDialogRef<JitsiShareDialog>, public dialogRef: MatDialogRef<JitsiShareDialog>,
@Inject(MAT_DIALOG_DATA) public data: any) { @Inject(MAT_DIALOG_DATA) public data: any) {
@ -279,13 +275,7 @@ export class JitsiShareDialog {
} }
copyToClipboard(text) { copyToClipboard(text) {
const selBox = document.createElement('textarea'); this.clipboard.copy(text);
selBox.value = text;
document.body.appendChild(selBox);
selBox.focus();
selBox.select();
document.execCommand('copy');
document.body.removeChild(selBox);
this.snackBar.open(this.i18n.get("jitsi.share.clipboard.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("jitsi.share.clipboard.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });

19
src/app/pages/partey/timeslots/timeslots.compontent.ts
View File

@ -7,6 +7,7 @@ import { DatePipe } from '@angular/common';
import { FormControl } from '@angular/forms'; import { FormControl } from '@angular/forms';
import { debounceTime } from 'rxjs/operators'; import { debounceTime } from 'rxjs/operators';
import { PageEvent } from '@angular/material/paginator'; import { PageEvent } from '@angular/material/paginator';
import { Clipboard } from '@angular/cdk/clipboard';
import { ParteyTimeslotsService } from '../../../services/partey.service'; import { ParteyTimeslotsService } from '../../../services/partey.service';
import { ConfirmDialog } from '../../../ui/confirm/confirm.component'; import { ConfirmDialog } from '../../../ui/confirm/confirm.component';
@ -49,7 +50,8 @@ export class ParteyTimeslotsComponent implements OnInit {
private i18n: I18nService, private i18n: I18nService,
private datePipe: DatePipe, private datePipe: DatePipe,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
public dialog: MatDialog) { } public dialog: MatDialog,
private clipboard: Clipboard) { }
ngOnInit(): void { ngOnInit(): void {
@ -182,13 +184,7 @@ export class ParteyTimeslotsComponent implements OnInit {
} }
copySecretToClipboard(secret) { copySecretToClipboard(secret) {
const selBox = document.createElement('textarea'); this.clipboard.copy(secret);
selBox.value = secret;
document.body.appendChild(selBox);
selBox.focus();
selBox.select();
document.execCommand('copy');
document.body.removeChild(selBox);
this.snackBar.open(this.i18n.get("partey.timeslots.secret.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("partey.timeslots.secret.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });
@ -209,7 +205,7 @@ export class ParteyTimeslotDialog {
timeslot; timeslot;
visibilities = [ "PRIVATE", "PROTECTED", "PUBLIC" ]; visibilities = [ "PRIVATE", "PROTECTED", "PUBLIC" ];
types = [ "VIDEO", "AUDIO" ]; types = [ "VIDEO", "AUDIO", "AUDIO_STREAM", "VIDEO_STREAM" ];
constructor( constructor(
private parteyTimeslotsService: ParteyTimeslotsService, private parteyTimeslotsService: ParteyTimeslotsService,
@ -226,12 +222,11 @@ export class ParteyTimeslotDialog {
ends: [ '', Validators.required ], ends: [ '', Validators.required ],
title: [ '', Validators.nullValidator ], title: [ '', Validators.nullValidator ],
description: [ '', Validators.nullValidator ], description: [ '', Validators.nullValidator ],
stream: [ '', this.timeslot.type == 'VIDEO' ? Validators.required : Validators.nullValidator ], stream: [ '', this.timeslot.type == 'VIDEO_STREAM' ? Validators.required : Validators.nullValidator ],
share: [ '', (this.timeslot.type == 'VIDEO' || this.timeslot.type == 'AUDIO') ? Validators.required : Validators.nullValidator ],
}); });
} }
create(timeslot) { create(timeslot) {
this.parteyTimeslotsService.create(timeslot).subscribe((result: any) => { this.parteyTimeslotsService.create(timeslot).subscribe((result: any) => {
this.dialogRef.close(timeslot); this.dialogRef.close(timeslot);

85
src/app/pages/register/register.component.ts
View File

@ -1,24 +1,25 @@
import {Component, OnInit, Inject, ViewChild, ElementRef} from '@angular/core'; import { Component, OnInit, Inject, ViewChild, ElementRef } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms'; import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import {Router} from '@angular/router'; import { Router } from '@angular/router';
import {MatSnackBar} from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { Clipboard } from '@angular/cdk/clipboard';
import {UserService} from './../../services/user.service'; import { UserService } from './../../services/user.service';
import {ItemService} from './../../services/item.service'; import { ItemService } from './../../services/item.service';
import {I18nService} from './../../services/i18n.service'; import { I18nService } from './../../services/i18n.service';
import {MatchingValidator} from './../../utils/matching.validator'; import { MatchingValidator } from './../../utils/matching.validator';
import {PermissionService} from './../../services/permission.service'; import { PermissionService } from './../../services/permission.service';
import {QuotaService} from './../../services/quota.service'; import { QuotaService } from './../../services/quota.service';
import {uniqueNamesGenerator, Config, adjectives, colors, animals} from 'unique-names-generator'; import { uniqueNamesGenerator, Config, adjectives, colors, animals } from 'unique-names-generator';
var openpgp = require('openpgp'); var openpgp = require('openpgp');
@Component({ @Component({
selector: 'app-register', selector: 'app-register',
templateUrl: './register.component.html', templateUrl: './register.component.html',
styleUrls: ['./register.component.scss'] styleUrls: [ './register.component.scss' ]
}) })
export class RegisterComponent implements OnInit { export class RegisterComponent implements OnInit {
@ -50,11 +51,11 @@ export class RegisterComponent implements OnInit {
async ngOnInit() { async ngOnInit() {
this.form = this.formBuilder.group({ this.form = this.formBuilder.group({
username: ['', Validators.required], username: [ '', Validators.required ],
email: ['', Validators.email], email: [ '', Validators.email ],
primaryEmail: [false, Validators.nullValidator], primaryEmail: [ false, Validators.nullValidator ],
password: ['', Validators.nullValidator], password: [ '', Validators.nullValidator ],
password2: ['', Validators.required] password2: [ '', Validators.required ]
}, { }, {
validator: MatchingValidator('password', 'password2') validator: MatchingValidator('password', 'password2')
}); });
@ -76,8 +77,8 @@ export class RegisterComponent implements OnInit {
let mailControl = this.form.get('email'); let mailControl = this.form.get('email');
mailControl.clearAsyncValidators(); mailControl.clearAsyncValidators();
mailControl.clearValidators(); mailControl.clearValidators();
if(this.model.primaryEmail) { if (this.model.primaryEmail) {
mailControl.setValidators([Validators.email, Validators.required]); mailControl.setValidators([ Validators.email, Validators.required ]);
} }
mailControl.updateValueAndValidity(); mailControl.updateValueAndValidity();
} }
@ -85,7 +86,7 @@ export class RegisterComponent implements OnInit {
genUsername() { genUsername() {
const config: Config = { const config: Config = {
dictionaries: [adjectives, colors, animals], dictionaries: [ adjectives, colors, animals ],
separator: "", separator: "",
style: "capital", style: "capital",
length: 3 length: 3
@ -97,10 +98,10 @@ export class RegisterComponent implements OnInit {
register() { register() {
this.missingToken = false; this.missingToken = false;
this.lockedToken = false; this.lockedToken = false;
if(this.form.valid && !this.working) { if (this.form.valid && !this.working) {
this.working = true; this.working = true;
let pgpOption = { let pgpOption = {
userIds: [{name: this.model.username, email: this.model.username + "@we.bstly.de"}], userIds: [ { name: this.model.username, email: this.model.username + "@we.bstly.de" } ],
curve: "ed25519", curve: "ed25519",
} }
@ -110,12 +111,12 @@ export class RegisterComponent implements OnInit {
pubKey = key.publicKeyArmored; pubKey = key.publicKeyArmored;
this.model.profileFields = [ this.model.profileFields = [
{"name": "publicKey", "type": "BLOB", "visibility": "PROTECTED", "blob": pubKey} { "name": "publicKey", "type": "BLOB", "visibility": "PROTECTED", "blob": pubKey }
] ]
if(this.model.primaryEmail) { if (this.model.primaryEmail) {
this.model.profileFields.push({"name": "email", "type": "EMAIL", "visibility": "PRIVATE", "value": this.model.email}); this.model.profileFields.push({ "name": "email", "type": "EMAIL", "visibility": "PRIVATE", "value": this.model.email });
this.model.profileFields.push({"name": "primaryEmail", "type": "BOOL", "visibility": "PRIVATE", "value": this.model.primaryEmail}); this.model.profileFields.push({ "name": "primaryEmail", "type": "BOOL", "visibility": "PRIVATE", "value": this.model.primaryEmail });
} }
this.userService.register(this.model).subscribe((result: any) => { this.userService.register(this.model).subscribe((result: any) => {
@ -128,7 +129,7 @@ export class RegisterComponent implements OnInit {
}); });
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
if(result) { if (result) {
this.success = true; this.success = true;
} }
}); });
@ -136,19 +137,19 @@ export class RegisterComponent implements OnInit {
this.working = false; this.working = false;
}, (error) => { }, (error) => {
this.working = false; this.working = false;
if(error.status == 401) { if (error.status == 401) {
this.missingToken = true; this.missingToken = true;
} if(error.status == 423) { } if (error.status == 423) {
this.lockedToken = true; this.lockedToken = true;
} else if(error.status == 409) { } else 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 ]);
} }
} }
}) })
@ -162,17 +163,18 @@ export class RegisterComponent implements OnInit {
@Component({ @Component({
selector: 'app-register-dialog', selector: 'app-register-dialog',
templateUrl: 'register.dialog.html', templateUrl: 'register.dialog.html',
styleUrls: ['./register.dialog.scss'] styleUrls: [ './register.dialog.scss' ]
}) })
export class RegisterDialog { export class RegisterDialog {
public downloaded: boolean = false; public downloaded: boolean = false;
@ViewChild("downloadKey", {read: ElementRef}) downloadKey: ElementRef; @ViewChild("downloadKey", { read: ElementRef }) downloadKey: ElementRef;
constructor(private router: Router, constructor(private router: Router,
private i18n : I18nService, private i18n: I18nService,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
private clipboard: Clipboard,
public dialogRef: MatDialogRef<RegisterDialog>, public dialogRef: MatDialogRef<RegisterDialog>,
@Inject(MAT_DIALOG_DATA) public data: any) { @Inject(MAT_DIALOG_DATA) public data: any) {
} }
@ -187,10 +189,7 @@ export class RegisterDialog {
} }
copyKey(inputElement) { copyKey(inputElement) {
inputElement.select(); this.clipboard.copy(inputElement.value);
document.execCommand('copy');
inputElement.setSelectionRange(0, 0);
this.downloaded = true;
this.snackBar.open(this.i18n.get("pgp.privateKey.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("pgp.privateKey.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });

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

@ -5,6 +5,7 @@ import { FormBuilder, FormGroup, Validators, NgForm, FormControl } from '@angula
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { PageEvent } from '@angular/material/paginator'; import { PageEvent } from '@angular/material/paginator';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { Clipboard } from '@angular/cdk/clipboard';
import { MatchingValidator } from './../../utils/matching.validator'; import { MatchingValidator } from './../../utils/matching.validator';
import { QuotaService } from '../../services/quota.service'; import { QuotaService } from '../../services/quota.service';
@ -268,6 +269,7 @@ export class UrlShortenerShareDialog {
constructor( constructor(
private i18n: I18nService, private i18n: I18nService,
private snackBar: MatSnackBar, private snackBar: MatSnackBar,
private clipboard: Clipboard,
public dialogRef: MatDialogRef<UrlShortenerShareDialog>, public dialogRef: MatDialogRef<UrlShortenerShareDialog>,
@Inject(MAT_DIALOG_DATA) public data: any) { @Inject(MAT_DIALOG_DATA) public data: any) {
this.shortenedUrl = data; this.shortenedUrl = data;
@ -279,13 +281,7 @@ export class UrlShortenerShareDialog {
} }
copyToClipboard(text) { copyToClipboard(text) {
const selBox = document.createElement('textarea'); this.clipboard.copy(text);
selBox.value = text;
document.body.appendChild(selBox);
selBox.focus();
selBox.select();
document.execCommand('copy');
document.body.removeChild(selBox);
this.snackBar.open(this.i18n.get("urlshortener.share.clipboard.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("urlshortener.share.clipboard.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });

31
src/app/ui/profilefields/binary/pgp/profilefield.pgp-blob.ts
View File

@ -1,17 +1,16 @@
import {Component, OnInit, ElementRef, ViewChild} from '@angular/core'; import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
import {MatDialogRef} from '@angular/material/dialog'; import { MatDialogRef } from '@angular/material/dialog';
import {MatSnackBar} from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { Clipboard } from '@angular/cdk/clipboard';
import {AuthService} from '../../../../services/auth.service';
import {I18nService} from '../../../../services/i18n.service';
import { AuthService } from '../../../../services/auth.service';
import { I18nService } from '../../../../services/i18n.service';
var openpgp = require('openpgp'); var openpgp = require('openpgp');
@Component({ @Component({
templateUrl: './profilefield.pgp-blob.html', templateUrl: './profilefield.pgp-blob.html',
styleUrls: ['./profilefield.pgp-blob.scss'] styleUrls: [ './profilefield.pgp-blob.scss' ]
}) })
export class ProfileFieldPgpBlob implements OnInit { export class ProfileFieldPgpBlob implements OnInit {
@ -19,23 +18,24 @@ export class ProfileFieldPgpBlob implements OnInit {
data: any; data: any;
@ViewChild("downloadKey", {read: ElementRef}) downloadKey: ElementRef; @ViewChild("downloadKey", { read: ElementRef }) downloadKey: ElementRef;
constructor( constructor(
public dialogRef: MatDialogRef<ProfileFieldPgpBlob>, public dialogRef: MatDialogRef<ProfileFieldPgpBlob>,
private i18n : I18nService, private i18n: I18nService,
private authService: AuthService, private authService: AuthService,
private snackBar: MatSnackBar) { private snackBar: MatSnackBar,
private clipboard: Clipboard) {
this.data = {}; this.data = {};
} }
ngOnInit(): void { ngOnInit(): void {
this.authService.auth.subscribe((auth: any) => { this.authService.auth.subscribe((auth: any) => {
if(!auth.authenticated) { if (!auth.authenticated) {
return; return;
} }
let pgpOption = { let pgpOption = {
userIds: [{name: auth.principal.username, email: auth.principal.username + "@we.bstly.de"}], userIds: [ { name: auth.principal.username, email: auth.principal.username + "@we.bstly.de" } ],
curve: "ed25519", curve: "ed25519",
} }
@ -56,10 +56,7 @@ export class ProfileFieldPgpBlob implements OnInit {
} }
copyKey(inputElement) { copyKey(inputElement) {
inputElement.select(); this.clipboard.copy(inputElement.value);
document.execCommand('copy');
inputElement.setSelectionRange(0, 0);
this.downloaded = true;
this.snackBar.open(this.i18n.get("pgp.privateKey.copied", []), this.i18n.get("close", []), { this.snackBar.open(this.i18n.get("pgp.privateKey.copied", []), this.i18n.get("close", []), {
duration: 3000 duration: 3000
}); });