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

RED-5875: Material upgrade - slide toggle

Browse Source
This commit is contained in:
Adina Țeudan 2023-05-30 16:02:17 +03:00
parent f581b83878
commit fc22cd176e
8 changed files with 13 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/add-edit-file-attribute-dialog/add-edit-file-attribute-dialog.component.ts
View File

@ -8,10 +8,10 @@ import { TranslateModule } from '@ngx-translate/core';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSelectModule } from '@angular/material/select';
import { NgForOf } from '@angular/common';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatTooltipModule } from '@angular/material/tooltip';
import { ROLES } from '@users/roles';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
export interface AddEditFileAttributeDialogData {
readonly fileAttribute: IFileAttributeConfig;
@ -30,7 +30,7 @@ export interface AddEditFileAttributeDialogData {
MatFormFieldModule,
MatSelectModule,
NgForOf,
MatLegacySlideToggleModule,
MatSlideToggleModule,
MatCheckboxModule,
MatTooltipModule,
IconButtonComponent,

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

@ -4,11 +4,11 @@ import { ReactiveFormsModule, Validators } from '@angular/forms';
import { FileAttributeEncodingTypes, IFileAttributesConfig } from '@red/domain';
import { fileAttributeEncodingTypesTranslations } from '@translations/file-attribute-encoding-types-translations';
import { BaseDialogComponent, CircleButtonComponent, IconButtonComponent } from '@iqser/common-ui';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { NgForOf, NgIf } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSelectModule } from '@angular/material/select';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@Component({
templateUrl: './file-attributes-configurations-dialog.component.html',
@ -16,7 +16,7 @@ import { MatSelectModule } from '@angular/material/select';
standalone: true,
imports: [
ReactiveFormsModule,
MatLegacySlideToggleModule,
MatSlideToggleModule,
NgIf,
TranslateModule,
MatFormFieldModule,

4
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.module.ts
View File

@ -19,7 +19,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatInputModule } from '@angular/material/input';
import { MatMenuModule } from '@angular/material/menu';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@NgModule({
declarations: [FileAttributesCsvImportDialogComponent, ActiveFieldsListingComponent],
@ -40,7 +40,7 @@ import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggl
ChevronButtonComponent,
EditableInputComponent,
FormsModule,
MatLegacySlideToggleModule,
MatSlideToggleModule,
RoundCheckboxComponent,
],
})

11
apps/red-ui/src/app/modules/admin/screens/permissions/permissions.module.ts
View File

@ -5,20 +5,13 @@ import { PermissionsScreenComponent } from './permissions-screen/permissions-scr
import { ConfigService } from './config.service';
import { TranslateModule } from '@ngx-translate/core';
import { IqserHelpModeModule, IqserListingModule } from '@iqser/common-ui';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
const routes = [{ path: '', component: PermissionsScreenComponent }];
@NgModule({
declarations: [PermissionsScreenComponent],
imports: [
RouterModule.forChild(routes),
CommonModule,
TranslateModule,
IqserListingModule,
IqserHelpModeModule,
MatLegacySlideToggleModule,
],
imports: [RouterModule.forChild(routes), CommonModule, TranslateModule, IqserListingModule, IqserHelpModeModule, MatSlideToggleModule],
providers: [ConfigService],
})
export class PermissionsModule {}

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

@ -25,8 +25,8 @@ import { MatIconModule } from '@angular/material/icon';
import { ReactiveFormsModule } from '@angular/forms';
import { MatSliderModule } from '@angular/material/slider';
import { ColorPickerModule } from 'ngx-color-picker';
import { MatLegacySlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
const routes: IqserRoutes = [
{
@ -69,7 +69,7 @@ const routes: IqserRoutes = [
ReactiveFormsModule,
MatSliderModule,
ColorPickerModule,
MatLegacySlideToggleModule,
MatSlideToggleModule,
CircleButtonComponent,
HasScrollbarDirective,
IqserAllowDirective,

2
apps/red-ui/src/app/modules/mat-config/mat-config.module.ts
View File

@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { MatNativeDateModule } from '@angular/material/core';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatMenuModule } from '@angular/material/menu';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatButtonToggleModule } from '@angular/material/button-toggle';

11
apps/red-ui/src/assets/styles/red-material-theme.scss
View File

@ -1,16 +1,7 @@
@use '@angular/material' as mat;
@use 'variables';
// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
// The following line adds:
// 1. Default typography styles for all components
// 2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
// If you specify typography styles for the components you use elsewhere, you should delete this line.
// If you don't need the default component typographies but still want the hierarchy styles,
// you can delete this line and instead use:
// `@include mat.legacy-typography-hierarchy(mat.define-legacy-typography-config());`
//@include mat.all-legacy-component-typographies();
@include mat.legacy-core();
@include mat.core();
$primary-palette: (
default: variables.$primary,

2
libs/common-ui

@ -1 +1 @@
Subproject commit b50019b01c03ea2a46631edd7771111896ee6682
Subproject commit b50bd54227a143517ce9a97441cbe0db908aad12