inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

migration for material'

Browse Source
This commit is contained in:
Vito Albano
2023-11-14 00:38:17 +00:00
parent e566ab9a0b
commit 6d1b2448f6
358 changed files with 878 additions and 838 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/process-services/src/lib/app-list/apps-list.component.html
View File

@@ -8,7 +8,7 @@
<div *ngIf="isGrid()" class="adf-app-listgrid">
<div *ngFor="let app of appList"
class="adf-app-listgrid-item">
<mat-card tabindex="0"
<mat-card appearance="outlined" tabindex="0"
role="button"
class="adf-app-listgrid-item-card"
title="{{getAppName(app) | async}}"

4
lib/process-services/src/lib/app-list/apps-list.component.scss
View File

@@ -48,7 +48,7 @@ $tile-themes: (
flex-direction: column;
height: 85vh;
.mat-spinner {
.mat-mdc-progress-spinner {
margin: 0 auto;
}
}
@@ -159,7 +159,7 @@ $tile-themes: (
color: #e9f1f3;
}
&.mat-card-actions {
&.mat-mdc-card-actions {
margin-left: 0;
margin-right: 0;

2
lib/process-services/src/lib/app-list/apps-list.module.ts
View File

@@ -22,7 +22,7 @@ import { CoreModule } from '@alfresco/adf-core';
import { AppsListComponent } from './apps-list.component';
import { SelectAppsDialogComponent } from './select-apps-dialog.component';
import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@NgModule({
imports: [CommonModule, MaterialModule, CoreModule, MatProgressSpinnerModule],

2
lib/process-services/src/lib/app-list/select-apps-dialog.component.spec.ts
View File

@@ -17,7 +17,7 @@
import { Component } from '@angular/core';
import { TestBed, ComponentFixture } from '@angular/core/testing';
import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { OverlayContainer } from '@angular/cdk/overlay';
import { AppsProcessService } from './services/apps-process.service';
import { deployedApps } from '../mock/apps-list.mock';

2
lib/process-services/src/lib/app-list/select-apps-dialog.component.ts
View File

@@ -16,7 +16,7 @@
*/
import { Component, Inject, ViewEncapsulation } from '@angular/core';
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { AppsProcessService } from './services/apps-process.service';
@Component({

2
lib/process-services/src/lib/form/form.component.html
View File

@@ -4,7 +4,7 @@
</div>
<div *ngIf="hasForm()" class="adf-form-container">
<mat-card>
<mat-card appearance="outlined">
<mat-card-header>
<mat-card-title>
<h4>

2
lib/process-services/src/lib/form/start-form.component.html
View File

@@ -1,5 +1,5 @@
<div class="adf-start-form-container" *ngIf="hasForm()">
<mat-card>
<mat-card appearance="outlined">
<mat-card-header>
<mat-card-title>
<h2 *ngIf="isTitleEnabled()" class="mdl-card__title-text">{{form.taskName}}</h2>

16
lib/process-services/src/lib/form/start-form.component.scss
View File

@@ -3,19 +3,19 @@
max-width: 100% !important;
max-height: 100% !important;
& .mat-card {
& .mat-mdc-card {
padding: 16px 24px;
overflow: hidden;
}
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
& .mat-card-header-text {
margin: 0 !important;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-body-content {
overflow: hidden;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-label {
font-size: var(--theme-subheading-2-font-size);
line-height: var(--theme-headline-line-height);
@@ -28,7 +28,7 @@
& .mat-ink-bar {
height: 4px;
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
& .mat-form-field-wrapper {
margin: 0 12px 0 0;
}
@@ -90,11 +90,11 @@
padding-bottom: 25px !important;
padding-right: 25px !important;
& .mat-button {
& .mat-mdc-button {
height: 36px;
border-radius: 5px;
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper {
width: 58px;
height: 20px;
@@ -108,7 +108,7 @@
form-field {
width: 100%;
.mat-input-element {
.mat-mdc-input-element {
font-size: var(--theme-body-2-font-size);
padding-top: 8px;
line-height: normal;

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
View File

@@ -1,5 +1,5 @@
.adf-attach-file-widget-dialog {
.mat-dialog-actions {
.mat-mdc-dialog-actions {
background-color: var(--theme-background-color);
display: flex;
justify-content: flex-end;

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.spec.ts
View File

@@ -16,7 +16,7 @@
*/
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { ContentModule, ContentNodeSelectorPanelComponent, DocumentListService, SitesService, NodesApiService } from '@alfresco/adf-content-services';
import { EventEmitter, NO_ERRORS_SCHEMA } from '@angular/core';
import { ProcessTestingModule } from '../../../testing/process.testing.module';

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.ts
View File

@@ -16,7 +16,7 @@
*/
import { Component, Inject, ViewEncapsulation, ViewChild } from '@angular/core';
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
import { AlfrescoApiService, LoginDialogPanelComponent, TranslationService, AuthenticationService } from '@alfresco/adf-core';
import { AttachFileWidgetDialogComponentData } from './attach-file-widget-dialog-component.interface';
import { DocumentListService, SitesService, SearchService } from '@alfresco/adf-content-services';

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.service.spec.ts
View File

@@ -16,7 +16,7 @@
*/
import { TestBed } from '@angular/core/testing';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
import { MatDialog } from '@angular/material/dialog';
import { AttachFileWidgetDialogService } from './attach-file-widget-dialog.service';
import { Subject, of } from 'rxjs';
import { ProcessTestingModule } from '../../../testing/process.testing.module';

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.service.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License.
*/
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
import { MatDialog } from '@angular/material/dialog';
import { EventEmitter, Injectable, Output } from '@angular/core';
import { AlfrescoApiService, TranslationService } from '@alfresco/adf-core';
import { Observable, of, Subject } from 'rxjs';

7
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss
View File

@@ -38,12 +38,12 @@
&-attach-widget-repo-button {
padding-left: 10px;
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-wrapper {
display: inline;
}
.mat-mini-fab.mat-accent {
.mat-mdc-mini-fab.mat-accent {
background-color: inherit;
}
}
@@ -69,12 +69,13 @@
.mat-line {
margin-bottom: 0;
}
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text {
max-width: 200px;
}
@include layout-bp(lt-md) {
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text {
max-width: 150px;
}

2
lib/process-services/src/lib/form/widgets/document/content.widget.html
View File

@@ -1,4 +1,4 @@
<mat-card class="adf-content-container" *ngIf="content">
<mat-card appearance="outlined" class="adf-content-container" *ngIf="content">
<mat-card-content *ngIf="showDocumentContent">
<div *ngIf="content.isThumbnailSupported()" >
<img id="thumbnailPreview" class="adf-img-upload-widget" [src]="content.thumbnailUrl" alt="{{content.name}}">

2
lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss
View File

@@ -6,7 +6,7 @@
padding-top: 0 !important;
width: 100%;
}
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-value-text {
font-size: var(--theme-body-1-font-size);
}

2
lib/process-services/src/lib/form/widgets/people/people.widget.scss
View File

@@ -1,7 +1,7 @@
.adf {
&-people-widget {
width: 100%;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label-wrapper {
top: 10px;
}

2
lib/process-services/src/lib/form/widgets/radio-buttons/radio-buttons.widget.spec.ts
View File

@@ -28,7 +28,7 @@ import {
} from '@alfresco/adf-core';
import { RadioButtonsWidgetComponent } from './radio-buttons.widget';
import { MatIconModule } from '@angular/material/icon';
import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
import { MatRadioModule } from '@angular/material/radio';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import { TaskFormService } from '../../services/task-form.service';

36
lib/process-services/src/lib/material.module.ts
View File

@@ -16,28 +16,28 @@
*/
import { NgModule } from '@angular/core';
import { MatLegacyAutocompleteModule as MatAutocompleteModule } from '@angular/material/legacy-autocomplete';
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';
import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
import { MatLegacyChipsModule as MatChipsModule } from '@angular/material/legacy-chips';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatChipsModule } from '@angular/material/chips';
import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
import { MatLegacyOptionModule as MatOptionModule } from '@angular/material/legacy-core';
import { MAT_LEGACY_FORM_FIELD_DEFAULT_OPTIONS as MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/legacy-form-field';
import { MatOptionModule } from '@angular/material/core';
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
import { MatDialogModule } from '@angular/material/dialog';
import { MatGridListModule } from '@angular/material/grid-list';
import { MatIconModule } from '@angular/material/icon';
import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
import { MatLegacySlideToggleModule as MatSlideToggleModule } from '@angular/material/legacy-slide-toggle';
import { MatLegacyTableModule as MatTableModule } from '@angular/material/legacy-table';
import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
import { MatInputModule } from '@angular/material/input';
import { MatListModule } from '@angular/material/list';
import { MatMenuModule } from '@angular/material/menu';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatRadioModule } from '@angular/material/radio';
import { MatSelectModule } from '@angular/material/select';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatTableModule } from '@angular/material/table';
import { MatTabsModule } from '@angular/material/tabs';
import { MatTooltipModule } from '@angular/material/tooltip';
@NgModule({
providers: [

2
lib/process-services/src/lib/people/components/people/people.component.html
View File

@@ -1,4 +1,4 @@
<mat-card class="adf-assignment-top-container">
<mat-card appearance="outlined" class="adf-assignment-top-container">
<div mat-card-content class="adf-assignment-top-container-content">
<div class="assignment-header">
<div *ngIf="hasPeople()" class="adf-assignment-count" id="people-title">

2
lib/process-services/src/lib/people/components/people/people.component.scss
View File

@@ -24,7 +24,7 @@
}
}
.adf-assignment-top-container.mat-card {
.adf-assignment-top-container.mat-mdc-card {
border-top: 1px solid var(--adf-theme-foreground-divider-color);
margin: 0;
padding: 0;

6
lib/process-services/src/lib/process-list/components/process-instance-details.component.html
View File

@@ -1,5 +1,5 @@
<div *ngIf="!processInstanceDetails">{{ 'ADF_PROCESS_LIST.DETAILS.MESSAGES.NONE'|translate }}</div>
<mat-card *ngIf="processInstanceDetails">
<mat-card appearance="outlined" *ngIf="processInstanceDetails">
<mat-card-header>
<mat-card-title>{{ getProcessNameOrDescription('medium') }}</mat-card-title>
</mat-card-header>
@@ -18,7 +18,7 @@
[disabled]="!isRunning()"
(click)="onShowProcessDiagram()">{{ 'ADF_PROCESS_LIST.DETAILS.BUTTON.SHOW_DIAGRAM' | translate }}</button>
<mat-card>
<mat-card appearance="outlined">
<mat-card-content>
<adf-process-instance-tasks
#processInstanceTasks
@@ -32,7 +32,7 @@
<button mat-button type="button" (click)="cancelProcess()">{{ 'ADF_PROCESS_LIST.DETAILS.BUTTON.CANCEL' | translate }}</button>
</div>
<mat-card>
<mat-card appearance="outlined">
<mat-card-content>
<adf-process-instance-comments #activitiComments
[readOnly]="false"

2
lib/process-services/src/lib/process-list/components/process-instance-header.component.html
View File

@@ -1,4 +1,4 @@
<mat-card *ngIf="processInstance" class="adf-card-container">
<mat-card appearance="outlined" *ngIf="processInstance" class="adf-card-container">
<mat-card-content>
<adf-card-view [properties]="properties"></adf-card-view>
</mat-card-content>

12
lib/process-services/src/lib/process-list/components/process-instance-tasks.component.html
View File

@@ -6,10 +6,10 @@
<!-- ACTIVE FORM -->
<mat-chip-list>
<mat-chip-listbox>
<span class="adf-chip-label">{{ 'ADF_PROCESS_LIST.DETAILS.LABELS.TASKS_ACTIVE'|translate }}</span>
<mat-chip class="adf-process-badge" color="accent" selected="true">{{activeTasks?.length}}</mat-chip>
</mat-chip-list>
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{activeTasks?.length}}</mat-chip-option>
</mat-chip-listbox>
<div class="menu-container" *ngIf="activeTasks?.length > 0" data-automation-id="active-tasks">
<mat-list>
@@ -48,10 +48,10 @@
</div>
<!-- COMPLETED FORM -->
<mat-chip-list>
<mat-chip-listbox>
<span class="adf-chip-label">{{ 'ADF_PROCESS_LIST.DETAILS.LABELS.TASKS_COMPLETED'|translate }}</span>
<mat-chip class="adf-process-badge" color="accent" selected="true">{{completedTasks?.length}}</mat-chip>
</mat-chip-list>
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{completedTasks?.length}}</mat-chip-option>
</mat-chip-listbox>
<div class="menu-container" *ngIf="completedTasks?.length > 0" data-automation-id="completed-tasks">
<mat-list>

2
lib/process-services/src/lib/process-list/components/process-instance-tasks.component.ts
View File

@@ -18,7 +18,7 @@
import { LogService } from '@alfresco/adf-core';
import { DatePipe } from '@angular/common';
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild, OnDestroy } from '@angular/core';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
import { MatDialog } from '@angular/material/dialog';
import { Observable, Observer, Subject } from 'rxjs';
import { TaskDetailsEvent, TaskDetailsModel } from '../../task-list';
import { ProcessInstance } from '../models/process-instance.model';

6
lib/process-services/src/lib/process-list/components/start-process.component.scss
View File

@@ -10,7 +10,7 @@
mat-form-field {
width: 100%;
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label {
color: var(--adf-theme-mat-grey-color-a200-dark);
}
@@ -19,7 +19,7 @@
text-align: right;
}
.mat-button {
.mat-mdc-button {
text-transform: uppercase !important;
}
}
@@ -51,7 +51,7 @@
}
&-start-form-container {
.mat-card {
.mat-mdc-card {
box-shadow: none !important;
padding: 0 !important;
}

2
lib/process-services/src/lib/process-list/components/start-process.component.spec.ts
View File

@@ -20,7 +20,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AppConfigService } from '@alfresco/adf-core';
import { AppsProcessService } from '../../app-list/services/apps-process.service';
import { of, throwError } from 'rxjs';
import { MatLegacySelectChange as MatSelectChange } from '@angular/material/legacy-select';
import { MatSelectChange } from '@angular/material/select';
import { ProcessInstanceVariable } from '../models/process-instance-variable.model';
import { ProcessService } from '../services/process.service';
import { newProcess, taskFormMock, testProcessDef, testMultipleProcessDefs, testProcessDefWithForm, testProcessDefinitions } from '../../mock';

4
lib/process-services/src/lib/process-list/components/start-process.component.ts
View File

@@ -25,8 +25,8 @@ import { ProcessService } from './../services/process.service';
import { UntypedFormControl, Validators, AbstractControl } from '@angular/forms';
import { Observable, Subject, forkJoin } from 'rxjs';
import { map, takeUntil } from 'rxjs/operators';
import { MatLegacyAutocompleteTrigger as MatAutocompleteTrigger } from '@angular/material/legacy-autocomplete';
import { MatLegacySelectChange as MatSelectChange } from '@angular/material/legacy-select';
import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
import { MatSelectChange } from '@angular/material/select';
import { StartFormComponent } from '../../form';
import { Node, RelatedContentRepresentation } from '@alfresco/js-api';
import { AppDefinitionRepresentationModel } from '../../task-list';

8
lib/process-services/src/lib/process-user-info/process-user-info.component.html
View File

@@ -39,7 +39,7 @@
class="adf-userinfo-tab" [class.adf-hide-tab]="!ecmUser">
<mat-tab label="{{ 'USER_PROFILE.TAB.CS' | translate }}" role="dialog"
*ngIf="mode===userInfoMode.ALL">
<mat-card class="adf-userinfo-card" *ngIf="ecmUser">
<mat-card appearance="outlined" class="adf-userinfo-card" *ngIf="ecmUser">
<mat-card-header class="adf-userinfo-card-header"
[style.background-image]="'url(' + ecmBackgroundImage + ')'">
<div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -52,7 +52,7 @@
[outerHTML]="ecmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
</ng-template>
<div class="mat-title" id="ecm-username">{{ecmUser | fullName}}</div>
<div class="mat-headline-6" id="ecm-username">{{ecmUser | fullName}}</div>
</mat-card-header>
<mat-card-content>
<div class="adf-userinfo-supporting-text">
@@ -73,7 +73,7 @@
</mat-tab>
<mat-tab id="bpm-panel" label="{{ 'USER_PROFILE.TAB.PS' | translate }}" role="dialog"
*ngIf="mode===userInfoMode.PROCESS || mode===userInfoMode.ALL">
<mat-card class="adf-userinfo-card">
<mat-card appearance="outlined" class="adf-userinfo-card">
<mat-card-header class="adf-userinfo-card-header"
[style.background-image]="'url(' + bpmBackgroundImage + ')'">
<img *ngIf="bpmUser.pictureId; else initialTemplate"
@@ -83,7 +83,7 @@
<div
[outerHTML]="bpmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
</ng-template>
<div class="mat-title" id="bpm-username">{{bpmUser | fullName}}</div>
<div class="mat-headline-6" id="bpm-username">{{bpmUser | fullName}}</div>
</mat-card-header>
<mat-card-content>
<div class="adf-userinfo-supporting-text">

14
lib/process-services/src/lib/process-user-info/process-user-info.component.scss
View File

@@ -49,7 +49,7 @@
display: inline-block;
}
&-userinfo-menu_button.mat-button {
&-userinfo-menu_button.mat-mdc-button {
margin-right: 0;
border-radius: 90%;
padding: 0;
@@ -57,12 +57,12 @@
height: 40px;
}
&-userinfo-tab .mat-tab-header {
&-userinfo-tab .mat-mdc-tab-header {
align-self: center;
width: 100%;
min-width: 250px;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
&-userinfo-tab .mat-tab-label {
flex: auto;
font-weight: 500;
@@ -81,7 +81,7 @@
box-sizing: border-box;
}
&-userinfo-card.mat-card {
&-userinfo-card.mat-mdc-card {
padding: 0;
}
@@ -146,14 +146,14 @@
&-userinfo-detail {
text-align: left;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
&-hide-tab .mat-tab-label-active {
display: none !important;
}
}
@media only screen and (min-device-width: 480px) {
.mat-menu-panel.adf-userinfo-menu {
.mat-mdc-menu-panel.adf-userinfo-menu {
max-height: 450px;
min-width: 450px;
overflow: auto;
@@ -161,6 +161,6 @@
}
}
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
.mat-mdc-menu-panel.adf-userinfo-menu .mat-mdc-menu-content {
padding: 0;
}

2
lib/process-services/src/lib/process-user-info/process-user-info.component.spec.ts
View File

@@ -18,7 +18,7 @@
import { CoreTestingModule, UserInfoMode } from '@alfresco/adf-core';
import { fakeEcmUser, fakeEcmUserNoImage } from '@alfresco/adf-content-services';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
import { MatMenuModule } from '@angular/material/menu';
import { By } from '@angular/platform-browser';
import { TranslateModule } from '@ngx-translate/core';
import { BpmUserModel } from '../common/models/bpm-user.model';

2
lib/process-services/src/lib/process-user-info/process-user-info.component.ts
View File

@@ -18,7 +18,7 @@
import { UserInfoMode } from '@alfresco/adf-core';
import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
import { MatLegacyMenuTrigger as MatMenuTrigger, LegacyMenuPositionX as MenuPositionX, LegacyMenuPositionY as MenuPositionY } from '@angular/material/legacy-menu';
import { MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
import { Subject } from 'rxjs';
import { PeopleProcessService } from '../common/services/people-process.service';
import { BpmUserModel } from '../common/models/bpm-user.model';

8
lib/process-services/src/lib/process-user-info/process-user-info.module.ts
View File

@@ -18,10 +18,10 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ProcessUserInfoComponent } from './process-user-info.component';
import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
import { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';
import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { MatMenuModule } from '@angular/material/menu';
import { MatTabsModule } from '@angular/material/tabs';
import { TranslateModule } from '@ngx-translate/core';
import { PipeModule } from '@alfresco/adf-core';

2
lib/process-services/src/lib/task-list/components/attach-form.component.html
View File

@@ -1,5 +1,5 @@
<div class="adf-attach-form">
<mat-card>
<mat-card appearance="outlined">
<mat-card-content>
<div class="adf-attache-form-message-container">
<mat-card-title class="mat-card-title">

2
lib/process-services/src/lib/task-list/components/attach-form.component.scss
View File

@@ -1,5 +1,5 @@
.adf-attach-form {
.mat-form-field {
.mat-mdc-form-field {
width: 100%;
}

14
lib/process-services/src/lib/task-list/components/checklist.component.html
View File

@@ -1,8 +1,8 @@
<div class="adf-checklist-control">
<mat-chip-list data-automation-id="checklist-label">
<mat-chip-listbox data-automation-id="checklist-label">
<span class="adf-activiti-label">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>
<mat-chip class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</mat-chip>
</mat-chip-list>
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</mat-chip-option>
</mat-chip-listbox>
<button mat-icon-button *ngIf="!readOnly" matTooltip="Add a checklist" [matTooltipPosition]="'before'"
@@ -12,14 +12,14 @@
</div>
<div class="adf-checklist-menu-container" *ngIf="checklist?.length > 0">
<mat-chip-list class="mat-chip-list-stacked">
<mat-chip id="check-{{check.id}}" class="adf-checklist-chip" *ngFor="let check of checklist"
<mat-chip-listbox class="mat-chip-list-stacked">
<mat-chip-option id="check-{{check.id}}" class="adf-checklist-chip" *ngFor="let check of checklist"
(removed)="delete(check.id)">
<span>{{check.name}}</span>
<mat-icon *ngIf="!readOnly && !check.endDate" id="remove-{{check.id}}" matChipRemove>cancel
</mat-icon>
</mat-chip>
</mat-chip-list>
</mat-chip-option>
</mat-chip-listbox>
</div>
<div *ngIf="checklist?.length === 0" id="checklist-none-message" class="adf-checklist-none-message">

2
lib/process-services/src/lib/task-list/components/checklist.component.scss
View File

@@ -6,7 +6,7 @@
font-weight: bolder;
}
.mat-form-field {
.mat-mdc-form-field {
width: 100%;
}

2
lib/process-services/src/lib/task-list/components/checklist.component.ts
View File

@@ -16,7 +16,7 @@
*/
import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild } from '@angular/core';
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
import { MatDialog } from '@angular/material/dialog';
import { TaskDetailsModel } from '../models/task-details.model';
import { TaskListService } from './../services/tasklist.service';

2
lib/process-services/src/lib/task-list/components/start-task.component.html
View File

@@ -1,4 +1,4 @@
<mat-card class="adf-new-task-layout-card">
<mat-card appearance="outlined" class="adf-new-task-layout-card">
<mat-card-header class="adf-new-task-heading">
<mat-card-title>{{'ADF_TASK_LIST.START_TASK.FORM.TITLE' | translate}}</mat-card-title>
</mat-card-header>

12
lib/process-services/src/lib/task-list/components/start-task.component.scss
View File

@@ -5,7 +5,7 @@
padding-top: 12px;
border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
.mat-card-title {
.mat-mdc-card-title {
font-weight: bold;
font-size: var(--theme-adf-task-title-font-size);
}
@@ -67,20 +67,20 @@
}
adf-start-task {
.mat-button.adf-uppercase {
.mat-mdc-button.adf-uppercase {
text-transform: uppercase;
}
people-widget {
width: 100%;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label-wrapper {
top: -14px !important;
}
}
.adf-people-widget-content {
.mat-form-field {
.mat-mdc-form-field {
width: 100%;
}
@@ -94,6 +94,7 @@ adf-start-task {
}
.adf {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
&-start-task-input-container .mat-form-field-wrapper {
padding-top: 8px;
}
@@ -130,6 +131,7 @@ adf-start-task {
}
&-invalid {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-underline {
background-color: #f44336 !important;
}
@@ -137,7 +139,7 @@ adf-start-task {
.adf-file {
border-color: var(--theme-warn-color);
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-prefix {
color: var(--theme-warn-color);
}

2
lib/process-services/src/lib/task-list/components/task-details.component.html
View File

@@ -76,7 +76,7 @@
</adf-info-drawer-tab>
<adf-info-drawer-tab label="ADF_TASK_LIST.DETAILS.LABELS.INFO_DRAWER_TAB_ACTIVITY_TITLE">
<mat-card *ngIf="showComments">
<mat-card appearance="outlined" *ngIf="showComments">
<mat-card-content>
<adf-task-comments
#activitiComments

4
lib/process-services/src/lib/task-list/components/task-details.component.scss
View File

@@ -75,7 +75,7 @@ adf-task-details {
flex-direction: column;
padding: 20px 0;
.mat-slide-toggle {
.mat-mdc-slide-toggle {
margin-left: auto;
& + div {
@@ -87,7 +87,7 @@ adf-task-details {
}
}
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-label {
flex-grow: 1;
}

2
lib/process-services/src/lib/task-list/components/task-details.component.ts
View File

@@ -39,7 +39,7 @@ import {
ViewChild,
ViewEncapsulation
} from '@angular/core';
import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { Observable, Observer, of, Subject } from 'rxjs';
import { TaskQueryRequestRepresentationModel } from '../models/filter.model';
import { TaskDetailsModel } from '../models/task-details.model';

2
lib/process-services/src/lib/task-list/components/task-form/task-form.component.html
View File

@@ -32,7 +32,7 @@
(showAttachForm)="onShowAttachForm()">
</adf-task-standalone>
<ng-template #emptyFormMessage>
<mat-card class="adf-task-form-container">
<mat-card appearance="outlined" class="adf-task-form-container">
<mat-card-header>
<mat-card-title>
<h4>

4
lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss
View File

@@ -8,11 +8,11 @@
padding-right: 25px;
padding-bottom: 25px;
& .mat-button {
& .mat-mdc-button {
height: 36px;
border-radius: 5px;
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper {
width: 58px;
height: 20px;

2
lib/process-services/src/lib/task-list/components/task-header.component.html
View File

@@ -1,4 +1,4 @@
<mat-card *ngIf="taskDetails" class="adf-card-container">
<mat-card appearance="outlined" *ngIf="taskDetails" class="adf-card-container">
<mat-card-content>
<adf-card-view [properties]="properties" [editable]="!isCompleted()" [displayClearAction]="displayDateClearAction"></adf-card-view>
</mat-card-content>

2
lib/process-services/src/lib/task-list/components/task-standalone.component.html
View File

@@ -1,4 +1,4 @@
<mat-card class="adf-message-card">
<mat-card appearance="outlined" class="adf-message-card">
<mat-card-content>
<div class="adf-no-form-message-container">
<div class="adf-no-form-message-list">

8
lib/process-services/src/lib/task-list/components/task-standalone.component.scss
View File

@@ -4,7 +4,7 @@
box-sizing: border-box;
margin: 16px auto;
.mat-card-actions {
.mat-mdc-card-actions {
border-top: solid 1px var(--adf-theme-background-status-bar-color);
}
}
@@ -38,15 +38,15 @@
width: fit-content !important;
}
&-no-form-mat-card-actions.mat-card-actions {
&-no-form-mat-card-actions.mat-mdc-card-actions {
display: flex;
justify-content: space-between;
& .mat-button {
& .mat-mdc-button {
text-transform: uppercase;
border-radius: 5px;
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper {
opacity: 0.54;
font-size: var(--theme-button-font-size);