Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Upload rules and dictionary

Browse Source
This commit is contained in:
Adina Țeudan 2020-12-09 14:38:26 +02:00
parent 3b4dfd07d9
commit fdd551f361
4 changed files with 64 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/red-ui/src/app/screens/admin/dictionary-overview-screen/dictionary-overview-screen.component.html
View File

@ -13,13 +13,6 @@
>
</redaction-circle-button>
<redaction-circle-button
(action)="download()"
tooltip="dictionary-overview.action.download"
tooltipPosition="below"
icon="red:download"
></redaction-circle-button>
<redaction-circle-button
(action)="openEditDictionaryDialog($event)"
*ngIf="permissionsService.isAdmin()"
@ -30,6 +23,23 @@
>
</redaction-circle-button>
<redaction-circle-button
(action)="download()"
tooltip="dictionary-overview.action.download"
tooltipPosition="below"
icon="red:download"
></redaction-circle-button>
<redaction-circle-button
*ngIf="permissionsService.isAdmin()"
(action)="fileInput.click()"
tooltip="dictionary-overview.action.upload"
tooltipPosition="below"
icon="red:upload"
></redaction-circle-button>
<input #fileInput (change)="upload($event)" hidden class="file-upload-input" type="file" accept="text/plain" />
<redaction-circle-button
class="ml-6"
[routerLink]="['/ui/admin/dictionaries/']"

18
apps/red-ui/src/app/screens/admin/dictionary-overview-screen/dictionary-overview-screen.component.ts
View File

@ -1,4 +1,4 @@
import { Component, ViewChild } from '@angular/core';
import { Component, ElementRef, ViewChild } from '@angular/core';
import { DictionaryControllerService, TypeValue } from '@redaction/red-ui-http';
import { DialogService } from '../../../dialogs/dialog.service';
import { AppStateService } from '../../../state/app-state.service';
@ -42,6 +42,9 @@ export class DictionaryOverviewScreenComponent {
processing = true;
@ViewChild('fileInput')
private _fileInput: ElementRef;
constructor(
public readonly permissionsService: PermissionsService,
private readonly _notificationService: NotificationService,
@ -249,4 +252,17 @@ export class DictionaryOverviewScreenComponent {
});
saveAs(blob, `${this.dictionary.label}.txt`);
}
public upload($event): void {
const file = $event.target.files[0];
const fileReader = new FileReader();
if (file) {
fileReader.onload = () => {
this.editorComponent.getEditor().setValue(fileReader.result);
this._fileInput.nativeElement.value = null;
};
fileReader.readAsText(file);
}
}
}

14
apps/red-ui/src/app/screens/admin/rules-screen/rules-screen.component.html
View File

@ -5,9 +5,21 @@
<redaction-circle-button
(action)="download()"
tooltip="rules-screen.action.download"
tooltipPosition="before"
tooltipPosition="below"
icon="red:download"
></redaction-circle-button>
<redaction-circle-button
(action)="fileInput.click()"
*ngIf="permissionsService.isAdmin()"
tooltip="rules-screen.action.upload"
tooltipPosition="below"
icon="red:upload"
>
</redaction-circle-button>
<input #fileInput (change)="upload($event)" hidden class="file-upload-input" type="file" accept="text/plain" />
<redaction-circle-button
class="ml-6"
*ngIf="permissionsService.isUser()"

18
apps/red-ui/src/app/screens/admin/rules-screen/rules-screen.component.ts
View File

@ -1,4 +1,4 @@
import { Component, ViewChild } from '@angular/core';
import { Component, ElementRef, ViewChild } from '@angular/core';
import { PermissionsService } from '../../../common/service/permissions.service';
import { AceEditorComponent } from 'ng2-ace-editor';
import { RulesControllerService } from '@redaction/red-ui-http';
@ -26,6 +26,9 @@ export class RulesScreenComponent {
@ViewChild('editorComponent', { static: true })
editorComponent: AceEditorComponent;
@ViewChild('fileInput')
private _fileInput: ElementRef;
constructor(
public readonly permissionsService: PermissionsService,
private readonly _rulesControllerService: RulesControllerService,
@ -104,4 +107,17 @@ export class RulesScreenComponent {
});
saveAs(blob, 'rules.txt');
}
public upload($event): void {
const file = $event.target.files[0];
const fileReader = new FileReader();
if (file) {
fileReader.onload = () => {
this.editorComponent.getEditor().setValue(fileReader.result);
this._fileInput.nativeElement.value = null;
};
fileReader.readAsText(file);
}
}
}