|
contezza-apps-community changes
|
|
|
|
upgrade versies in package.json
|
|
vooral gekopieerd vanuit adf, uitzonderingen:
|
|
* "@angular/material-moment-adapter": "17.1.2",
|
|
* "@mat-datetimepicker/moment": "13.0.2",
|
|
|
|
upgrade
|
|
"@azure/msal-angular": "4.0.6",
|
|
"@azure/msal-browser": "3.27.0",
|
|
|
|
let op:
|
|
* @nrwl is nu @nx
|
|
|
|
run nx repair to fix nx.json
|
|
|
|
in tsconfig.base.json
|
|
"es2020" -> "es2022" in "target" en in "lib"
|
|
toevoegen "useDefineForClassFields": false in compilerOptions, zie https://charliegreenman.medium.com/angular-property-is-used-before-its-initialization-error-2e748d775575
|
|
|
|
.eslintrc.json structuur refactored
|
|
|
|
.build-libs.sh: 'nx reset' toegevoegd
|
|
|
|
|
|
in elke lib/project.json
|
|
targets.build.outputs vervangen met "outputs": ["{workspaceRoot}/dist/@contezza/<lib naam>"]
|
|
|
|
**************************************************************
|
|
|
|
contezza-apps changes
|
|
|
|
project files
|
|
|
|
in package.json
|
|
* upgrade versies
|
|
vooral gekopieerd vanuit adf, uitzonderingen:
|
|
** "@angular/material-moment-adapter": "17.1.2",
|
|
** "@mat-datetimepicker/moment": "13.0.2",
|
|
|
|
let op:
|
|
* @nrwl is nu @nx
|
|
|
|
* ngcc verwijderd vanuit postinstall
|
|
|
|
run nx repair to fix nx.json
|
|
|
|
in tsconfig.base.json
|
|
"es2020" -> "es2022" in "target" en in "lib"
|
|
toevoegen "useDefineForClassFields": false in compilerOptions, zie https://charliegreenman.medium.com/angular-property-is-used-before-its-initialization-error-2e748d775575
|
|
|
|
|
|
code
|
|
|
|
variables.scss herschreven om direct mat library te gebruiken en niet meer afhankelijk zijn van alfresco
|
|
|
|
"app.navbar.secondary" disabled in core.fixes.json
|
|
|
|
icon adf:move_file bestaat niet meer, vervangen met drive_file_move
|
|
|
|
extension feature viewer.content heet nu viewer.extensions
|
|
|
|
Dashboard initialization effect vervangen met login/logout effects
|
|
|
|
fixes in LoginComponent (gebruik van specifieke AuthService's)
|
|
|
|
upgrade msteams
|
|
|
|
**************************************************************
|
|
|
|
code changes
|
|
|
|
NG
|
|
|
|
mat-* css classes zijn nu mat-mdc-*
|
|
uitzonderingen:
|
|
* mat-icon
|
|
* mat-sort-header en mat-sort-header-*
|
|
* mat-focused
|
|
|
|
button._getHostElement().click() -> button._elementRef.nativeElement.click()
|
|
|
|
mat-chip-list bestaat niet meer, vervangen:
|
|
|
|
if matChipInputFor:
|
|
|
|
mat-chip-list -> mat-chip-grid
|
|
mat-chip -> mat-chip-row
|
|
|
|
en [selectable] attribute moet weg
|
|
|
|
alternatief (?):
|
|
mat-chip-list -> mat-chip-listbox
|
|
mat-chip -> mat-chip-option
|
|
|
|
floatLabel="never" -> remove ?
|
|
|
|
matTooltip niet herkend -> eigenlijk door een wijziging in ADF, dit is niet meer geimporteerd door 'CoreModule' of 'MaterialModule', dus het moet apart geimporteerd worden; ideaal graag import CoreModule en MaterialModule helemaal verwijderen en de losse mat modules importeren
|
|
|
|
|
|
|
|
ADF/ACA
|
|
|
|
AlfrescoApiService from @adf/core -> @adf/content-services
|
|
|
|
ConfirmDialogComponent from @adf/content-services -> @adf/core
|
|
|
|
AppHookService.reload -> DocumentListService.reload$ (import { DocumentListService } from '@alfresco/adf-content-services';)
|
|
|
|
AuthenticationService.getTicketEcm() -> AlfrescoApiService.getInstance().getTicketEcm()
|
|
|
|
pipe adfMimeTypeIcon bestaat niet meer -> gebruik contezzaAdfMimeTypeIcon met import { MimeTypeIconPipe } from '@contezza/core/pipes';
|
|
in html's: class="main-content" in aca-page-layout-content -> class="aca-main-content"
|
|
|
|
de volgende waren in Store<AppStore> en zijn nu in AppSettingsService (en zijn nu geen observables):
|
|
getLogoPath, getAppName, getSharedUrl
|
|
|
|
import { TaskListModel } from '@alfresco/adf-process-services' -> import { ResultListDataRepresentationTaskRepresentation } from '@alfresco/js-api'
|
|
|
|
import { TaskDetailsModel } from '@alfresco/adf-process-services/lib/task-list/models/task-details.model'; -> import { TaskRepresentation } from '@alfresco/js-api';
|
|
|
|
import { TaskListModule } from '@alfresco/adf-process-services'; -> import { TaskFormComponent } from '@alfresco/adf-process-services'; (of specifieke component)
|
|
|
|
|
|
******************************************************************
|
|
|
|
Changes om een app te kunnen starten:
|
|
|
|
* in project.json
|
|
|
|
** stylePreprocessorOptions.includePaths wordt: "includePaths": ["node_modules", "node_modules/@alfresco/adf-core/lib", "node_modules/@alfresco/aca-content/ui", "libs/core/common/styles/mixins"]
|
|
** vanuit scripts verwijderen "node_modules/raphael/raphael.min.js",
|
|
|
|
* in tsconfig.app.json (nice to have)
|
|
verwijderen "types": ["jasmine", "node"] en "exclude"
|
|
|
|
* in alle app.config.json !important
|
|
application.storagePrefix verwijderen: dit wordt niet meer gebruikt om data op te slaan en wel gebruikt om alf_ticket op te halen, dit maakt preview stuk
|
|
in plugins, toevoegen: "categoriesEnabled": false
|
|
|
|
* in custome-theme.scss
|
|
$app-typography wordt:
|
|
$app-typography: mat.define-typography-config(
|
|
$font-family: 'Open Sans',
|
|
$headline-1: mat.define-typography-level(112px, 112px, 300),
|
|
$headline-2: mat.define-typography-level(56px, 56px, 400),
|
|
$headline-3: mat.define-typography-level(45px, 48px, 400),
|
|
$headline-4: mat.define-typography-level(34px, 40px, 400),
|
|
$headline-5: mat.define-typography-level(24px, 32px, 400),
|
|
$headline-6: mat.define-typography-level(20px, 32px, 500),
|
|
$subtitle-1: mat.define-typography-level(16px, 28px, 400),
|
|
$body-1: mat.define-typography-level(15px, 24px, 400),
|
|
$subtitle-2: mat.define-typography-level(14px, 24px, 500),
|
|
$body-2: mat.define-typography-level(14px, 20px, 400),
|
|
$caption: mat.define-typography-level(12px, 20px, 400),
|
|
$button: mat.define-typography-level(14px, 36px, 500),
|
|
// Line-height must be unit-less fraction of the font-size.,,,,,
|
|
);
|
|
|
|
|
|
* in app.module.ts
|
|
|
|
** de volgende weg:
|
|
relativeLinkResolution: 'legacy',
|
|
|
|
{ provide: AppService, useClass: AppService },
|
|
|
|
{ provide: AppConfigService, useClass: DebugAppConfigService }, <------ soms niet aanwezig
|
|
|
|
{ provide: STORE_INITIAL_APP_DATA, useValue: INITIAL_APP_STATE },
|
|
|
|
** import toeveogen: AuthModule.forRoot({ useHash: true })
|
|
|
|
** in {
|
|
provide: SHELL_AUTH_TOKEN,
|
|
useClass: AuthGuard,
|
|
},
|
|
replace useClass met useValue
|
|
|
|
** (nice to have) vervangen { provide: TRANSLATION_PROVIDER, ...} met provideTranslations(...)
|
|
|
