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

move icon button to common lib

Browse Source
This commit is contained in:
Dan Percic 2021-07-28 22:02:15 +03:00 committed by Timo Bejan
parent da779ffb0b
commit 3afc24c560
139 changed files with 300 additions and 361 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
angular.json
View File

@ -50,9 +50,14 @@
"input": "apps/red-ui/src/assets/",
"output": "/assets/"
},
{
"glob": "**/*",
"input": "libs/common-ui/src/assets/",
"output": "/assets/"
},
"apps/red-ui/src/manifest.webmanifest"
],
"styles": ["apps/red-ui/src/styles.scss"],
"styles": ["apps/red-ui/src/styles.scss", "libs/common-ui/src/assets/styles/common.scss"],
"scripts": ["node_modules/@pdftron/webviewer/webviewer.min.js"],
"vendorChunk": true,
"extractLicenses": false,

2
apps/red-ui/src/app/components/base-screen/base-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../assets/styles/red-variables';
@import '../../../assets/styles/variables';
@import '../../../assets/styles/red-mixins';
.dev-mode {

2
apps/red-ui/src/app/components/logo/logo.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../assets/styles/red-variables';
@import '../../../assets/styles/variables';
:host {
color: $primary;

2
apps/red-ui/src/app/components/notifications/notifications.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../assets/styles/red-variables';
@import '../../../assets/styles/variables';
.mt-2 {
margin-top: 2px;

4
apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.scss
View File

@ -1,4 +1,4 @@
@import 'apps/red-ui/src/assets/styles/red-variables';
@import '../../../assets/styles/variables';
.spotlight-wrapper {
overflow: hidden;
@ -19,7 +19,7 @@
font-weight: 500;
border: none;
outline: none;
color: $grey-1;
color: $accent;
padding: 0 24px;
background-color: $white;
}

2
apps/red-ui/src/app/components/toast/toast.component.scss
View File

@ -1 +1 @@
@import '../../../assets/styles/red-variables';
@import '../../../assets/styles/variables';

2
apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.first-row {
display: flex;

6
apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.html
View File

@ -45,13 +45,13 @@
{{ (user ? 'add-edit-user.actions.save-changes' : 'add-edit-user.actions.save') | translate }}
</button>
<redaction-icon-button
<iqser-icon-button
(action)="delete()"
*ngIf="user"
[label]="'add-edit-user.actions.delete' | translate"
icon="red:trash"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
<div class="all-caps-label cancel" mat-dialog-close translate="add-edit-user.actions.cancel"></div>
</div>

5
apps/red-ui/src/app/modules/admin/dialogs/add-edit-user-dialog/user-details/user-details.component.ts
View File

@ -4,6 +4,7 @@ import { User, UserControllerService } from '@redaction/red-ui-http';
import { AdminDialogService } from '../../../services/admin-dialog.service';
import { LoadingService } from '@services/loading.service';
import { rolesTranslations } from '../../../../../translations/roles-translations';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-user-details',
@ -11,12 +12,14 @@ import { rolesTranslations } from '../../../../../translations/roles-translation
styleUrls: ['./user-details.component.scss']
})
export class UserDetailsComponent implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
@Input() user: User;
@Output() toggleResetPassword = new EventEmitter();
@Output() closeDialog = new EventEmitter<any>();
userForm: FormGroup;
readonly ROLES = ['RED_USER', 'RED_MANAGER', 'RED_USER_ADMIN', 'RED_ADMIN'];
translations = rolesTranslations;
readonly translations = rolesTranslations;
private readonly _ROLE_REQUIREMENTS = { RED_MANAGER: 'RED_USER', RED_ADMIN: 'RED_USER_ADMIN' };
constructor(

2
apps/red-ui/src/app/modules/admin/dialogs/confirm-delete-file-attribute-dialog/confirm-delete-file-attribute-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.dialog-header {
color: $primary;

2
apps/red-ui/src/app/modules/admin/dialogs/confirm-delete-users-dialog/confirm-delete-users-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.dialog-header {
color: $primary;

2
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
redaction-table-col-name::ng-deep {
> div {

2
apps/red-ui/src/app/modules/admin/dialogs/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.sub-header {

6
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
View File

@ -46,13 +46,13 @@
type="search"
></redaction-input-with-action>
<div class="actions">
<redaction-icon-button
<iqser-icon-button
(action)="openAddEditDictionaryDialog()"
*ngIf="permissionsService.isAdmin()"
[label]="'dictionary-listing.add-new' | translate"
icon="red:plus"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
</div>
</div>
</div>

2
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.header-item {

3
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.ts
View File

@ -15,6 +15,7 @@ import { ScreenStateService } from '@shared/services/screen-state.service';
import { SortingService } from '@services/sorting.service';
import { BaseListingComponent } from '@shared/base/base-listing.component';
import { AdminDialogService } from '../../services/admin-dialog.service';
import { IconButtonTypes } from '@iqser/common-ui';
const toChartConfig = (dict: TypeValueWrapper): DoughnutChartConfig => ({
value: dict.entries?.length ?? 0,
@ -29,6 +30,8 @@ const toChartConfig = (dict: TypeValueWrapper): DoughnutChartConfig => ({
providers: [FilterService, SearchService, ScreenStateService, SortingService]
})
export class DictionaryListingScreenComponent extends BaseListingComponent<TypeValueWrapper> implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
chartData: DoughnutChartConfig[] = [];
protected readonly _primaryKey = 'label';

2
apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.right-container {

12
apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
View File

@ -73,21 +73,21 @@
</div>
<div [class.hidden]="!hasDigitalSignatureSet" class="changes-box">
<redaction-icon-button
<iqser-icon-button
(action)="saveDigitalSignature()"
[disabled]="digitalSignatureForm.invalid"
[label]="'digital-signature-screen.action.save' | translate"
icon="red:check"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<redaction-icon-button
<iqser-icon-button
(action)="removeDigitalSignature()"
*ngIf="digitalSignatureExists"
[label]="'digital-signature-screen.action.delete' | translate"
icon="red:trash"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<div
(click)="loadDigitalSignatureAndInitializeForm()"

3
apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.ts
View File

@ -7,6 +7,7 @@ import { lastIndexOfEnd } from '@utils/functions';
import { AutoUnsubscribeComponent } from '@shared/base/auto-unsubscribe.component';
import { LoadingService } from '@services/loading.service';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-digital-signature-screen',
@ -14,6 +15,8 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
styleUrls: ['./digital-signature-screen.component.scss']
})
export class DigitalSignatureScreenComponent extends AutoUnsubscribeComponent implements OnDestroy {
readonly iconButtonTypes = IconButtonTypes;
digitalSignature: DigitalSignature;
digitalSignatureForm: FormGroup;

6
apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.html
View File

@ -49,13 +49,13 @@
type="search"
></redaction-input-with-action>
<redaction-icon-button
<iqser-icon-button
(action)="openAddEditAttributeDialog($event)"
*ngIf="permissionsService.isAdmin()"
[label]="'dossier-attributes-listing.add-new' | translate"
icon="red:plus"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
</div>
</div>

4
apps/red-ui/src/app/modules/admin/screens/dossier-attributes-listing/dossier-attributes-listing-screen.component.ts
View File

@ -12,6 +12,7 @@ import { ScreenStateService } from '@shared/services/screen-state.service';
import { PermissionsService } from '@services/permissions.service';
import { DossierAttributesService } from '@shared/services/controller-wrappers/dossier-attributes.service';
import { dossierAttributeTypesTranslations } from '../../translations/dossier-attribute-types-translations';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
templateUrl: './dossier-attributes-listing-screen.component.html',
@ -19,7 +20,8 @@ import { dossierAttributeTypesTranslations } from '../../translations/dossier-at
providers: [FilterService, SearchService, ScreenStateService, SortingService]
})
export class DossierAttributesListingScreenComponent extends BaseListingComponent<DossierAttributeConfig> implements OnInit {
translations = dossierAttributeTypesTranslations;
readonly iconButtonTypes = IconButtonTypes;
readonly translations = dossierAttributeTypesTranslations;
protected readonly _primaryKey = 'label';
constructor(

6
apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.html
View File

@ -40,13 +40,13 @@
type="search"
></redaction-input-with-action>
<redaction-icon-button
<iqser-icon-button
(action)="openAddDossierTemplateDialog()"
*ngIf="permissionsService.isAdmin() && userPreferenceService.areDevFeaturesEnabled"
[label]="'dossier-templates-listing.add-new' | translate"
icon="red:plus"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
</div>
</div>

2
apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.header-item {

4
apps/red-ui/src/app/modules/admin/screens/dossier-template-listing/dossier-templates-listing-screen.component.ts
View File

@ -11,6 +11,7 @@ import { SearchService } from '@shared/services/search.service';
import { ScreenStateService } from '@shared/services/screen-state.service';
import { BaseListingComponent } from '@shared/base/base-listing.component';
import { SortingService } from '@services/sorting.service';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
templateUrl: './dossier-templates-listing-screen.component.html',
@ -19,7 +20,8 @@ import { SortingService } from '@services/sorting.service';
providers: [FilterService, SearchService, ScreenStateService, SortingService]
})
export class DossierTemplatesListingScreenComponent extends BaseListingComponent<DossierTemplateModelWrapper> implements OnInit {
protected _primaryKey = 'name';
readonly iconButtonTypes = IconButtonTypes;
protected readonly _primaryKey = 'name';
constructor(
private readonly _dialogService: AdminDialogService,

6
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
View File

@ -58,13 +58,13 @@
type="dark-bg"
></redaction-circle-button>
<redaction-icon-button
<iqser-icon-button
(action)="openAddEditAttributeDialog($event)"
*ngIf="permissionsService.isAdmin()"
[label]="'file-attributes-listing.add-new' | translate"
icon="red:plus"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
</div>
</div>

4
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.ts
View File

@ -11,6 +11,7 @@ import { ScreenStateService } from '@shared/services/screen-state.service';
import { SortingService } from '@services/sorting.service';
import { BaseListingComponent } from '@shared/base/base-listing.component';
import { fileAttributeTypesTranslations } from '../../translations/file-attribute-types-translations';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
templateUrl: './file-attributes-listing-screen.component.html',
@ -19,7 +20,8 @@ import { fileAttributeTypesTranslations } from '../../translations/file-attribut
providers: [FilterService, SearchService, ScreenStateService, SortingService]
})
export class FileAttributesListingScreenComponent extends BaseListingComponent<FileAttributeConfig> implements OnInit, OnDestroy {
translations = fileAttributeTypesTranslations;
readonly iconButtonTypes = IconButtonTypes;
readonly translations = fileAttributeTypesTranslations;
protected readonly _primaryKey = 'label';
private _existingConfiguration: FileAttributesConfig;
@ViewChild('fileInput') private _fileInput: ElementRef;

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

@ -164,12 +164,12 @@
{{ 'general-config-screen.actions.save' | translate }}
</button>
<redaction-icon-button
<iqser-icon-button
(action)="testConnection()"
[disabled]="smtpForm.invalid"
[label]="'general-config-screen.actions.test-connection' | translate"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
</div>
</form>
</div>

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

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.content-container {

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

@ -13,6 +13,7 @@ import { AutoUnsubscribeComponent } from '../../../shared/base/auto-unsubscribe.
import { Toaster } from '../../../../services/toaster.service';
import { LoadingService } from '../../../../services/loading.service';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-general-config-screen',
@ -20,6 +21,7 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
styleUrls: ['./general-config-screen.component.scss']
})
export class GeneralConfigScreenComponent extends AutoUnsubscribeComponent implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
configForm: FormGroup;
smtpForm: FormGroup;

2
apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss
View File

@ -1,5 +1,5 @@
@import '../../../../../assets/styles/red-mixins';
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.content-container {
overflow: auto;

8
apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.ts
View File

@ -4,9 +4,9 @@ import { LicenseReport, LicenseReportControllerService } from '@redaction/red-ui
import { AppConfigService } from '@app-config/app-config.service';
import * as moment from 'moment';
import { TranslateService } from '@ngx-translate/core';
import { LoadingService } from '@services/loading.service';
import { ButtonConfig } from '@shared/components/page-header/models/button-config.model';
import { IconButtonTypes } from '@shared/components/buttons/icon-button/icon-button.component';
import { LoadingService } from '../../../../services/loading.service';
import { ButtonConfig } from '../../../shared/components/page-header/models/button-config.model';
import { IconButtonTypes } from '@iqser/common-ui';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
@Component({
@ -38,7 +38,7 @@ export class LicenseInformationScreenComponent implements OnInit {
{
label: _('license-info-screen.email-report'),
action: () => this.sendMail(),
type: IconButtonTypes.PRIMARY
type: IconButtonTypes.primary
}
];

2
apps/red-ui/src/app/modules/admin/screens/reports/reports-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.page-header .actions {

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

@ -23,12 +23,12 @@
<ngx-monaco-editor (init)="onCodeEditorInit($event)" [(ngModel)]="codeEditorText" [options]="editorOptions"></ngx-monaco-editor>
</div>
<div *ngIf="hasChanges && permissionsService.isAdmin()" class="changes-box">
<redaction-icon-button
<iqser-icon-button
(action)="save()"
[label]="'rules-screen.save-changes' | translate"
icon="red:check"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<div (click)="revert()" class="all-caps-label cancel" translate="rules-screen.revert-changes"></div>
</div>
</div>

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

@ -13,6 +13,7 @@ import { LoadingService } from '../../../../services/loading.service';
import ICodeEditor = monaco.editor.ICodeEditor;
import IModelDeltaDecoration = monaco.editor.IModelDeltaDecoration;
import IStandaloneEditorConstructionOptions = monaco.editor.IStandaloneEditorConstructionOptions;
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-rules-screen',
@ -20,7 +21,8 @@ import IStandaloneEditorConstructionOptions = monaco.editor.IStandaloneEditorCon
styleUrls: ['./rules-screen.component.scss']
})
export class RulesScreenComponent extends ComponentHasChanges implements OnInit {
editorOptions: IStandaloneEditorConstructionOptions = {
readonly iconButtonTypes = IconButtonTypes;
readonly editorOptions: IStandaloneEditorConstructionOptions = {
theme: 'vs',
language: 'java',
automaticLayout: true,

2
apps/red-ui/src/app/modules/admin/screens/trash/trash-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.header-item {

6
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
View File

@ -13,13 +13,13 @@
[placeholder]="'user-listing.search' | translate"
type="search"
></redaction-input-with-action>
<redaction-icon-button
<iqser-icon-button
(action)="openAddEditUserDialog($event)"
*ngIf="permissionsService.isUserAdmin()"
[label]="'user-listing.add-new' | translate"
icon="red:plus"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<redaction-circle-button
*ngIf="permissionsService.isUser()"
[tooltip]="'common.close' | translate"

2
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
View File

@ -54,7 +54,7 @@
margin-right: 16px;
}
redaction-icon-button:not(:last-child) {
iqser-icon-button:not(:last-child) {
margin-right: 6px;
}
}

4
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.ts
View File

@ -16,6 +16,7 @@ import { BaseListingComponent } from '@shared/base/base-listing.component';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { rolesTranslations } from '../../../../translations/roles-translations';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
templateUrl: './user-listing-screen.component.html',
@ -23,10 +24,11 @@ import { rolesTranslations } from '../../../../translations/roles-translations';
providers: [FilterService, SearchService, ScreenStateService, SortingService]
})
export class UserListingScreenComponent extends BaseListingComponent<User> implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
readonly canDeleteSelected$ = this._canDeleteSelected$;
collapsedDetails = false;
chartData: DoughnutChartConfig[] = [];
translations = rolesTranslations;
readonly translations = rolesTranslations;
protected readonly _primaryKey = 'userId';
@ViewChildren(InitialsAvatarComponent)
private readonly _avatars: QueryList<InitialsAvatarComponent>;

6
apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
View File

@ -22,13 +22,13 @@
<div class="content-container">
<div #viewer class="viewer"></div>
<div *ngIf="changed && permissionsService.isAdmin()" class="changes-box">
<redaction-icon-button
<iqser-icon-button
(action)="save()"
[disabled]="configForm.invalid"
[label]="'watermark-screen.action.save' | translate"
icon="red:check"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<div (click)="revert()" class="all-caps-label cancel" translate="watermark-screen.action.revert"></div>
</div>
</div>

2
apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.page-header .actions {
display: flex;

4
apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.ts
View File

@ -13,6 +13,7 @@ import { BASE_HREF } from '../../../../tokens';
import { stampPDFPage } from '../../../../utils/page-stamper';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { LoadingService } from '../../../../services/loading.service';
import { IconButtonTypes } from '@iqser/common-ui';
export const DEFAULT_WATERMARK: WatermarkModelRes = {
text: null,
@ -21,7 +22,7 @@ export const DEFAULT_WATERMARK: WatermarkModelRes = {
fontSize: 11,
fontType: 'sans-serif',
orientation: WatermarkModelRes.OrientationEnum.DIAGONAL
};
} as const;
@Component({
selector: 'redaction-watermark-screen',
@ -29,6 +30,7 @@ export const DEFAULT_WATERMARK: WatermarkModelRes = {
styleUrls: ['./watermark-screen.component.scss']
})
export class WatermarkScreenComponent implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
configForm: FormGroup;
private _instance: WebViewerInstance;
private _watermark: WatermarkModelRes = {};

2
apps/red-ui/src/app/modules/dossier/components/annotation-actions/annotation-actions.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.annotation-actions {
display: none;

2
apps/red-ui/src/app/modules/dossier/components/comments/comments.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
display: flex;

2
apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
:host {

2
apps/red-ui/src/app/modules/dossier/components/dossier-details-stats/dossier-details-stats.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-components';
@import '../../../../../assets/styles/red-text-styles';

2
apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.header-wrapper {
display: flex;

2
apps/red-ui/src/app/modules/dossier/components/dossier-listing-details/dossier-listing-details.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
flex: 1;

12
apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.html
View File

@ -147,21 +147,21 @@
</ng-container>
</redaction-empty-state>
<div class="no-annotations-buttons-container mt-32">
<redaction-icon-button
<iqser-icon-button
(action)="jumpToPreviousWithAnnotations()"
[disabled]="activeViewerPage <= displayedPages[0]"
[label]="'file-preview.tabs.annotations.jump-to-previous' | translate"
icon="red:nav-prev"
type="show-bg"
></redaction-icon-button>
<redaction-icon-button
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
<iqser-icon-button
(action)="jumpToNextWithAnnotations()"
[disabled]="activeViewerPage >= displayedPages[displayedPages.length - 1]"
[label]="'file-preview.tabs.annotations.jump-to-next' | translate"
class="mt-8"
icon="red:nav-next"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
</div>
</ng-container>

4
apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.read-only {
@ -41,7 +41,7 @@
align-items: center;
flex-direction: column;
redaction-icon-button {
iqser-icon-button {
width: 100%;
}
}

3
apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.ts
View File

@ -21,6 +21,7 @@ import { FilterModel } from '@shared/components/filters/popup-filter/model/filte
import { CommentsComponent } from '../comments/comments.component';
import { PermissionsService } from '@services/permissions.service';
import { WebViewerInstance } from '@pdftron/webviewer';
import { IconButtonTypes } from '@iqser/common-ui';
const COMMAND_KEY_ARRAY = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Escape'];
const ALL_HOTKEY_ARRAY = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
@ -31,6 +32,8 @@ const ALL_HOTKEY_ARRAY = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
styleUrls: ['./file-workload.component.scss']
})
export class FileWorkloadComponent {
readonly iconButtonTypes = IconButtonTypes;
displayedAnnotations: { [key: number]: { annotations: AnnotationWrapper[] } } = {};
@Input() selectedAnnotations: AnnotationWrapper[];
@Input() activeViewerPage: number;

2
apps/red-ui/src/app/modules/dossier/components/needs-work-badge/needs-work-badge.component.scss
View File

@ -1,4 +1,4 @@
@import 'apps/red-ui/src/assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.needs-work {
display: flex;

2
apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
:host {

8
apps/red-ui/src/app/modules/dossier/components/page-indicator/page-indicator.component.scss
View File

@ -1,7 +1,7 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.page-wrapper {
color: $grey-1;
color: $accent;
position: relative;
padding: 12px 14px 12px 8px;
cursor: pointer;
@ -12,7 +12,7 @@
}
&.active {
border-left: 4px solid $red-1;
border-left: 4px solid $primary;
}
mat-icon {
@ -38,7 +38,7 @@
color: $grey-5;
.text {
color: $grey-1;
color: $accent;
}
}

4
apps/red-ui/src/app/modules/dossier/components/pdf-viewer/pdf-viewer.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.page {
display: flex;
@ -79,7 +79,7 @@
padding-right: 4px;
&:hover {
color: $grey-1;
color: $accent;
}
}
}

2
apps/red-ui/src/app/modules/dossier/components/scroll-button/scroll-button.component.scss
View File

@ -1,4 +1,4 @@
@import 'apps/red-ui/src/assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.scroll-button {
background-color: $white;

2
apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.container {
flex-wrap: wrap;

6
apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html
View File

@ -82,13 +82,13 @@
{{ 'add-dossier-dialog.actions.save' | translate }}
</button>
<redaction-icon-button
<iqser-icon-button
(action)="saveDossierAndAddMembers()"
[disabled]="disabled"
[label]="'add-dossier-dialog.actions.save-and-add-members' | translate"
icon="red:assign"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
</div>
</form>

2
apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.watermark {
margin-top: 24px;

3
apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.ts
View File

@ -5,6 +5,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { AppStateService } from '@state/app-state.service';
import * as moment from 'moment';
import { downloadTypesTranslations } from '../../../../translations/download-types-translations';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-add-dossier-dialog',
@ -12,6 +13,8 @@ import { downloadTypesTranslations } from '../../../../translations/download-typ
styleUrls: ['./add-dossier-dialog.component.scss']
})
export class AddDossierDialogComponent {
readonly iconButtonTypes = IconButtonTypes;
dossierForm: FormGroup;
hasDueDate = false;
downloadTypesEnum: Dossier.DownloadFileTypesEnum[] = ['ORIGINAL', 'PREVIEW', 'REDACTED'];

6
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
View File

@ -50,15 +50,15 @@
<label>{{ attr.label }}</label>
<redaction-icon-button
<iqser-icon-button
(action)="fileInputClick(attr)"
*ngIf="!currentAttrValue(attr)"
[disabled]="!canEdit"
[label]="'edit-dossier-dialog.attributes.upload-image' | translate"
class="upload-button"
icon="red:upload"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
<input
#fileInput

2
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
:host {
display: flex;

3
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.ts
View File

@ -8,6 +8,7 @@ import { FormBuilder, FormGroup } from '@angular/forms';
import * as moment from 'moment';
import { DossierAttributeWithValue } from '@models/dossier-attributes.model';
import { DossierAttributesService } from '@shared/services/controller-wrappers/dossier-attributes.service';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-edit-dossier-attributes',
@ -15,6 +16,8 @@ import { DossierAttributesService } from '@shared/services/controller-wrappers/d
styleUrls: ['./edit-dossier-attributes.component.scss']
})
export class EditDossierAttributesComponent implements EditDossierSectionInterface, OnInit {
readonly iconButtonTypes = IconButtonTypes;
@Input() dossierWrapper: DossierWrapper;
@Output() updateDossier = new EventEmitter<any>();
customAttributes: DossierAttributeWithValue[] = [];

2
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/download-package/edit-dossier-download-package.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
.download-includes {
margin: 16px 0 10px;

2
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.dialog-content {

6
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html
View File

@ -56,12 +56,12 @@
</div>
<div class="dialog-actions">
<redaction-icon-button
<iqser-icon-button
(action)="openDeleteDossierDialog($event)"
*ngIf="permissionsService.canDeleteDossier(dossierWrapper)"
[label]="'dossier-listing.delete.action' | translate"
icon="red:trash"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
</div>
</form>

2
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
.watermark {
margin-top: 24px;

3
apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.ts
View File

@ -12,6 +12,7 @@ import { MatDialogRef } from '@angular/material/dialog';
import { EditDossierDialogComponent } from '../edit-dossier-dialog.component';
import { Toaster } from '@services/toaster.service';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-edit-dossier-general-info',
@ -19,6 +20,8 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
styleUrls: ['./edit-dossier-general-info.component.scss']
})
export class EditDossierGeneralInfoComponent implements OnInit, EditDossierSectionInterface {
readonly iconButtonTypes = IconButtonTypes;
dossierForm: FormGroup;
hasDueDate: boolean;
dossierTemplates: DossierTemplateModel[];

2
apps/red-ui/src/app/modules/dossier/screens/dossier-listing-screen/dossier-listing-screen.component.scss
View File

@ -1,5 +1,5 @@
@import '../../../../../assets/styles/red-mixins';
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.content-container {
position: relative;

10
apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.file-upload-input {
@ -29,7 +29,7 @@ cdk-virtual-scroll-viewport {
}
.error {
color: $red-1;
color: $primary;
}
.extend-cols {
@ -47,7 +47,7 @@ cdk-virtual-scroll-viewport {
align-items: center;
justify-content: flex-start;
opacity: 0.7;
color: $grey-1;
color: $accent;
font-size: 11px;
letter-spacing: 0;
line-height: 14px;
@ -118,7 +118,7 @@ cdk-virtual-scroll-viewport {
.last-opened {
> .selection-column {
padding-left: 6px !important;
border-left: 4px solid $red-1;
border-left: 4px solid $primary;
}
> div {
@ -128,7 +128,7 @@ cdk-virtual-scroll-viewport {
@keyframes red-fading-background {
0% {
background-color: rgba($red-1, 0.1);
background-color: rgba($primary, 0.1);
}
100% {
background-color: inherit;

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

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
.vertical-line {

2
apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.scss
View File

@ -1,5 +1,5 @@
@import 'apps/red-ui/src/assets/styles/red-mixins';
@import 'apps/red-ui/src/assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.content-container {
position: relative;

2
apps/red-ui/src/app/modules/shared/components/annotation-icon/annotation-icon.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.icon {
height: 16px;

2
apps/red-ui/src/app/modules/shared/components/buttons/circle-button/circle-button.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
:host {
height: var(--size);

2
apps/red-ui/src/app/modules/shared/components/buttons/icon-button/icon-button.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
button {
padding: 0 14px;

2
apps/red-ui/src/app/modules/shared/components/buttons/user-button/user-button.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
:host {
button {

2
apps/red-ui/src/app/modules/shared/components/checkbox/round-checkbox.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
cursor: pointer;

6
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
View File

@ -62,12 +62,12 @@
</div>
<div *ngIf="withFloatingActions && hasChanges && canEdit" [class.offset]="compare" class="changes-box">
<redaction-icon-button
<iqser-icon-button
(action)="saveDictionary.emit(currentEntries)"
[label]="'dictionary-overview.save-changes' | translate"
icon="red:check"
type="primary"
></redaction-icon-button>
[type]="iconButtonTypes.primary"
></iqser-icon-button>
<div (click)="revert()" class="all-caps-label cancel" translate="dictionary-overview.revert-changes"></div>
</div>
</div>

4
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
:host {
@ -73,7 +73,7 @@ ngx-monaco-editor {
position: absolute;
right: 12px;
top: 8px;
color: $grey-1;
color: $accent;
.with-input {
display: flex;

3
apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.ts
View File

@ -6,6 +6,7 @@ import { Observable } from 'rxjs';
import { map, take } from 'rxjs/operators';
import { DossierWrapper } from '@state/model/dossier.wrapper';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { IconButtonTypes } from '@iqser/common-ui';
import ICodeEditor = monaco.editor.ICodeEditor;
import IDiffEditor = monaco.editor.IDiffEditor;
import IModelDeltaDecoration = monaco.editor.IModelDeltaDecoration;
@ -21,6 +22,8 @@ const SMOOTH_SCROLL = 0;
styleUrls: ['./dictionary-manager.component.scss']
})
export class DictionaryManagerComponent implements OnChanges, OnInit {
readonly iconButtonTypes = IconButtonTypes;
@Input()
withFloatingActions = true;
@Input()

9
apps/red-ui/src/app/modules/shared/components/empty-state/empty-state.component.html
View File

@ -11,6 +11,11 @@
<ng-content></ng-content>
</div>
<div class="heading-l">{{ text }}</div>
<redaction-icon-button (action)="action.emit()" *ngIf="showButton" [icon]="buttonIcon" [label]="buttonLabel" type="primary">
</redaction-icon-button>
<iqser-icon-button
(action)="action.emit()"
*ngIf="showButton"
[icon]="buttonIcon"
[label]="buttonLabel"
[type]="iconButtonTypes.primary"
></iqser-icon-button>
</div>

2
apps/red-ui/src/app/modules/shared/components/empty-state/empty-state.component.scss
View File

@ -17,7 +17,7 @@
}
> .heading-l,
redaction-icon-button {
iqser-icon-button {
margin-top: 24px;
}

3
apps/red-ui/src/app/modules/shared/components/empty-state/empty-state.component.ts
View File

@ -1,4 +1,5 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-empty-state',
@ -7,6 +8,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output
changeDetection: ChangeDetectionStrategy.OnPush
})
export class EmptyStateComponent implements OnInit {
readonly iconButtonTypes = IconButtonTypes;
@Input() text: string;
@Input() icon: string;
@Input() showButton = true;

4
apps/red-ui/src/app/modules/shared/components/filters/popup-filter/popup-filter.component.html
View File

@ -1,10 +1,10 @@
<redaction-icon-button
<iqser-icon-button
*ngIf="icon"
[icon]="icon"
[label]="filterLabel || ('filter-menu.label' | translate)"
[matMenuTriggerFor]="filterMenu"
[showDot]="hasActiveFilters"
></redaction-icon-button>
></iqser-icon-button>
<redaction-chevron-button
*ngIf="!icon"

2
apps/red-ui/src/app/modules/shared/components/filters/popup-filter/popup-filter.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
.filter-menu-options,
.filter-menu-header {

2
apps/red-ui/src/app/modules/shared/components/filters/quick-filters/quick-filters.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../../assets/styles/red-variables';
@import '../../../../../../assets/styles/variables';
:host {
display: flex;

2
apps/red-ui/src/app/modules/shared/components/full-page-loading-indicator/full-page-loading-indicator.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.full-page-load-section,
.full-page-load-spinner {

2
apps/red-ui/src/app/modules/shared/components/initials-avatar/initials-avatar.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.wrapper {
display: flex;

2
apps/red-ui/src/app/modules/shared/components/page-header/models/button-config.model.ts
View File

@ -1,4 +1,4 @@
import { IconButtonType } from '../../buttons/icon-button/icon-button.component';
import { IconButtonType } from '@iqser/common-ui';
import { BaseHeaderConfig } from './base-config.model';
export interface ButtonConfig extends BaseHeaderConfig {

4
apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
View File

@ -24,13 +24,13 @@
<div *ngIf="showCloseButton || actionConfigs || buttonConfigs" class="actions">
<ng-container *ngFor="let config of buttonConfigs; trackBy: trackByLabel">
<redaction-icon-button
<iqser-icon-button
(action)="config.action($event)"
*ngIf="!config.hide"
[icon]="config.icon"
[label]="config.label | translate"
[type]="config.type"
></redaction-icon-button>
></iqser-icon-button>
</ng-container>
<ng-container *ngFor="let config of actionConfigs; trackBy: trackByLabel">

2
apps/red-ui/src/app/modules/shared/components/pagination/pagination.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
display: flex;

8
apps/red-ui/src/app/modules/shared/components/select/select.component.scss
View File

@ -1,4 +1,4 @@
@import 'apps/red-ui/src/assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
border-radius: 8px;
@ -7,7 +7,7 @@
display: block;
&.ng-invalid {
border-color: rgba($red-1, 0.3);
border-color: rgba($primary, 0.3);
}
}
@ -48,12 +48,12 @@ mat-chip {
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: $grey-6;
color: $grey-1;
color: $accent;
}
.mat-chip.mat-standard-chip {
background-color: $white;
color: $grey-1;
color: $accent;
margin: 0 0 2px 0;
transition: background-color 0.2s;

2
apps/red-ui/src/app/modules/shared/components/side-nav/side-nav.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
@import '../../../../../assets/styles/red-mixins';
:host {

2
apps/red-ui/src/app/modules/shared/components/simple-doughnut-chart/simple-doughnut-chart.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
height: fit-content;

2
apps/red-ui/src/app/modules/shared/components/status-bar/status-bar.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
.rectangle-container {
flex: 1;

2
apps/red-ui/src/app/modules/shared/components/table-col-name/table-col-name.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/variables';
:host {
display: flex;

6
apps/red-ui/src/app/modules/shared/shared.module.ts
View File

@ -9,7 +9,6 @@ import { PaginationComponent } from './components/pagination/pagination.componen
import { ChevronButtonComponent } from './components/buttons/chevron-button/chevron-button.component';
import { CircleButtonComponent } from './components/buttons/circle-button/circle-button.component';
import { FileDownloadBtnComponent } from './components/buttons/file-download-btn/file-download-btn.component';
import { IconButtonComponent } from './components/buttons/icon-button/icon-button.component';
import { UserButtonComponent } from './components/buttons/user-button/user-button.component';
import { MatConfigModule } from '../mat-config/mat-config.module';
import { IconsModule } from '../icons/icons.module';
@ -40,8 +39,9 @@ import { InputWithActionComponent } from '@shared/components/input-with-action/i
import { PageHeaderComponent } from './components/page-header/page-header.component';
import { DatePipe } from '@shared/pipes/date.pipe';
import { TableHeaderComponent } from './components/table-header/table-header.component';
import { CommonUiModule } from '@iqser/common-ui';
const buttons = [ChevronButtonComponent, CircleButtonComponent, FileDownloadBtnComponent, IconButtonComponent, UserButtonComponent];
const buttons = [ChevronButtonComponent, CircleButtonComponent, FileDownloadBtnComponent, UserButtonComponent];
const components = [
FullPageLoadingIndicatorComponent,
@ -71,7 +71,7 @@ const components = [
const utils = [HumanizePipe, DatePipe, SyncWidthDirective, HasScrollbarDirective, NavigateLastDossiersScreenDirective];
const modules = [MatConfigModule, TranslateModule, ScrollingModule, IconsModule, FormsModule, ReactiveFormsModule];
const modules = [MatConfigModule, TranslateModule, ScrollingModule, IconsModule, FormsModule, ReactiveFormsModule, CommonUiModule];
@NgModule({
declarations: [...components, ...utils, TableHeaderComponent],

6
apps/red-ui/src/app/modules/upload-download/dialogs/overwrite-files-dialog/overwrite-files-dialog.component.html
View File

@ -16,11 +16,11 @@
mat-flat-button
translate="overwrite-files-dialog.options.overwrite"
></button>
<redaction-icon-button
<iqser-icon-button
(action)="selectOption('skip')"
[label]="'overwrite-files-dialog.options.skip' | translate"
type="show-bg"
></redaction-icon-button>
[type]="iconButtonTypes.show_bg"
></iqser-icon-button>
<div (click)="cancel()" class="all-caps-label cancel" translate="overwrite-files-dialog.options.cancel"></div>
</div>
</section>

2
apps/red-ui/src/app/modules/upload-download/dialogs/overwrite-files-dialog/overwrite-files-dialog.component.ts
View File

@ -1,6 +1,7 @@
import { Component, Inject } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { IconButtonTypes } from '@iqser/common-ui';
@Component({
selector: 'redaction-overwrite-files-dialog',
@ -8,6 +9,7 @@ import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
styleUrls: ['./overwrite-files-dialog.component.scss']
})
export class OverwriteFilesDialogComponent {
readonly iconButtonTypes = IconButtonTypes;
remember = false;
constructor(

2
apps/red-ui/src/app/modules/upload-download/file-drop/file-drop.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../assets/styles/red-variables.scss';
@import '../../../../assets/styles/variables';
section {
position: fixed;

6
apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.scss
View File

@ -1,4 +1,4 @@
@import '../../../../assets/styles/red-variables';
@import '../../../../assets/styles/variables';
@import '../../../../assets/styles/red-mixins';
.red-upload-download-overlay {
@ -19,14 +19,14 @@
padding: 16px 14px 16px 16px;
cursor: pointer;
color: $grey-1;
color: $accent;
font-size: 13px;
font-weight: 600;
line-height: 16px;
mat-icon {
height: 13px;
color: $grey-1;
color: $accent;
&.collapse-icon {
height: 15px;

Some files were not shown because too many files have changed in this diff Show More