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

wip, waiting for backend endpoint

Browse Source
This commit is contained in:
Dan Percic 2021-06-07 15:54:48 +03:00
parent b70a06cc5f
commit b7df19b790
6 changed files with 73 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
View File

@ -21,7 +21,37 @@
<div class="red-content-inner">
<div class="content-container">
<div class="dialog">
<div class="dialog mb-8">
<div class="dialog-header">
<div class="heading-l" translate="smtp-config-screen.general.title"></div>
<div translate="smtp-config-screen.general.subtitle"></div>
</div>
<div class="dialog-content">
<div class="inline-input-group flex-align-items-center">
<mat-slide-toggle
[(ngModel)]="showForgotPassword"
color="primary"
></mat-slide-toggle>
<span
translate="smtp-config-screen.general.form.forgot-password"
class="ml-8"
></span>
</div>
</div>
<div class="dialog-actions">
<button
[disabled]="!generalConfigChanged"
(click)="saveGeneralConfig()"
color="primary"
mat-flat-button
type="submit"
>
{{ 'smtp-config-screen.actions.save' | translate }}
</button>
</div>
</div>
<div class="dialog mt-16">
<div class="dialog-header">
<div class="heading-l" translate="smtp-config-screen.title"></div>
<div translate="smtp-config-screen.subtitle"></div>

20
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss
View File

@ -4,7 +4,25 @@
.content-container {
background-color: $grey-2;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
@include scroll-bar;
overflow: auto;
}
.w-100 {
min-width: 100px;
width: 100px;
}
.inline-input-group {
background-color: rgba($grey-6, 0.8);
width: 100%;
height: 38px;
border-radius: 4px;
padding: 1px 11px;
}
.dialog {
width: 100%;
}

11
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.ts
View File

@ -14,6 +14,7 @@ import { TranslateService } from '@ngx-translate/core';
export class SmtpConfigScreenComponent implements OnInit {
viewReady = false;
configForm: FormGroup;
showForgotPassword = false;
private _initialValue: SMTPConfigurationModel;
@ -59,6 +60,10 @@ export class SmtpConfigScreenComponent implements OnInit {
return false;
}
get generalConfigChanged(): boolean {
return true;
}
async ngOnInit() {
await this._loadData();
}
@ -72,6 +77,12 @@ export class SmtpConfigScreenComponent implements OnInit {
this.viewReady = true;
}
async saveGeneralConfig() {
this.viewReady = false;
console.log('Saving general configuration...');
this.viewReady = true;
}
openAuthConfigDialog(skipDisableOnCancel?: boolean) {
this._dialogService.openSMTPAuthConfigDialog(this.configForm.getRawValue(), authConfig => {
if (authConfig) {

4
apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.scss
View File

@ -68,10 +68,6 @@
margin-right: 8px;
}
.ml-8 {
margin-left: 8px;
}
.ml-2 {
margin-left: 2px;
}

7
apps/red-ui/src/assets/i18n/en.json
View File

@ -1088,6 +1088,13 @@
},
"configurations": "Configurations",
"smtp-config-screen": {
"general": {
"title": "General Configurations",
"subtitle": "",
"form": {
"forgot-password": "Show Forgot password link on Login screen"
}
},
"title": "Configure SMTP Account",
"subtitle": "SMTP (Simple Mail Transfer Protocol) enables you to send your emails through the specified server settings.",
"actions": {

6
apps/red-ui/src/assets/styles/red-page-layout.scss
View File

@ -234,7 +234,7 @@ section.settings {
}
.mt-16 {
margin-top: 16px;
margin-top: 16px !important;
}
.mt-20 {
@ -253,6 +253,10 @@ section.settings {
margin-bottom: 8px !important;
}
.ml-8 {
margin-left: 8px;
}
.ml-14 {
margin-left: 14px;
}