mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-09-17 14:21:29 +00:00
d8f1eda132
* [AAE-9373] Create adf-rich-text-editor into core library, install editorjs and import it into the component, add a basic editorjs configuration * [AAE-9374] create a rich text editor demo page * [AAE-9376] Install header to provide headings blocks * [AAE-9376] Install editorjs List plugin to add ordered and unordered list * [AAE-9376] Install text color plugin to change text color and highlight text * [AAE-9376] Install paragraph plugin to set text alignment to right, left, center and justify * [AAE-9376] Install font size plugin to increase/decrease font size * [AAE-9376] Install @editorjs/underline plugin to underline text * [AAE-9376] Install @editorjs/inline-code to marking code-fragments * [AAE-9376] Set shortcut to underline text * [AAE-9376] Install @editorjs/code to add code examples * [AAE-9376] Enable custom picker to color text changer, add colors codes * [AAE-9376] Add input to fill rich text editor data * [AAE-9376] Demo rich text editor, add sample data to display editor content * [AAE-9376] Demo rich text editor, add sample data to display editor content * [AAE-9376] Install @editorjs/marker plugin to highlight the text, because color plugin doesn't save marker style * [AAE-9373] Send editor text output data onReady and onChange * [AAE-9374] Update editor demo page to show the output on the right side of the page * [AAE-9373] Allow to enable editorjs readOnly mode * [AAE-9373] Return rich text editor save data as promise * [AAE-9480] Add new display-rich-text widget to allow the user add Rich Text into a form * [AAE-9371] Add readonly class if readOnly property is true to remove the editor 300px padding bottom in readonly mode, set a dynamic id to editorjs * [AAE-9371] Destroy editorInstance on component destroy to FIX an error faced when there are multiple editorjs instance in the same page --> Uncaught TypeError: Cannot read property 'updateCurrentInput' of undefined * [AAE-9480] Install editorjs-html utility to parse editorjs clean data to HTML * [AAE-9480] parse editorjs data to HTML to avoid to create a new EditorJS instance for every single widget and improve performance * [AAE-9480] Set pre styles to show show Code block styles correctly * [AAE-9480] Remove space between rules * [AAE-9480] Set editorjs and plugins fixed versions * [AAE-9480] Removed unused editorjs dependency * [AAE-9371] Set is ready property when editor instance is ready, check if is ready to destroy the instance on component destroy * [AAE-9480] Add parse editorjs data to html Test * [AAE-9371] Send rich-text-editor component data only if readOnly mode is false * [AAE-9480] Test if display-rich-text widget is resolved * [AAE-9480] Rename DisplayRichTextComponent into DisplayRichTextWidgetComponent to be compliant with other widget component names * [AAE-9480] update Readme files with DisplayRichTextWidgetComponent * [AAE-9371] Update header text * [AAE-9371] Add Rich text editor component usage documentation * [AAE-9480] Add padding to the widget container * [AAE-9371] Remove plugin that align pragraph text since editorjs-html parser doesn't handle paragraph alignment * [AAE-9371] Set editor autofocus to true * [AAE-9480] Add a display-rich-text widget example to demo cloud form * [AAE-9371] Fix lint issue * [AAE-9371] Remove duplicated import to fix import module issue in a lib build job
497 lines
20 KiB
TypeScript
497 lines
20 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2019 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Routes } from '@angular/router';
|
|
import { AuthGuard, AuthGuardEcm, ErrorContentComponent, AuthGuardBpm, AuthGuardSsoRoleService } from '@alfresco/adf-core';
|
|
import { AppLayoutComponent } from './components/app-layout/app-layout.component';
|
|
import { HomeComponent } from './components/home/home.component';
|
|
import { LogoutComponent } from './components/logout/logout.component';
|
|
import { ProcessServiceComponent } from './components/process-service/process-service.component';
|
|
import { ShowDiagramComponent } from './components/process-service/show-diagram.component';
|
|
import { FormViewerComponent } from './components/process-service/form-viewer.component';
|
|
import { FormNodeViewerComponent } from './components/process-service/form-node-viewer.component';
|
|
import { AppsViewComponent } from './components/process-service/apps-view.component';
|
|
import { SearchResultComponent } from './components/search/search-result.component';
|
|
import { SearchExtendedComponent } from './components/search/search-extended.component';
|
|
import { FilesComponent } from './components/files/files.component';
|
|
import { FormComponent } from './components/form/form.component';
|
|
import { FormListComponent } from './components/form/form-list.component';
|
|
import { OverlayViewerComponent } from './components/overlay-viewer/overlay-viewer.component';
|
|
import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
|
|
import { FormLoadingComponent } from './components/form/form-loading.component';
|
|
import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
|
|
import { AppComponent } from './app.component';
|
|
import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
|
|
import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
|
|
import { PeopleGroupCloudDemoComponent } from './components/cloud/people-groups-cloud-demo.component';
|
|
import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
|
|
import { TasksCloudDemoComponent } from './components/cloud/tasks-cloud-demo.component';
|
|
import { ProcessesCloudDemoComponent } from './components/cloud/processes-cloud-demo.component';
|
|
import { StartTaskCloudDemoComponent } from './components/cloud/start-task-cloud-demo.component';
|
|
import { StartProcessCloudDemoComponent } from './components/cloud/start-process-cloud-demo.component';
|
|
import { TaskDetailsCloudDemoComponent } from './components/cloud/task-details-cloud-demo.component';
|
|
import { CloudViewerComponent } from './components/cloud/cloud-viewer.component';
|
|
import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-details-cloud-demo.component';
|
|
import { TemplateDemoComponent } from './components/template-list/template-demo.component';
|
|
import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
|
|
import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
|
|
import { DemoErrorComponent } from './components/error/demo-error.component';
|
|
import { TaskHeaderCloudDemoComponent } from './components/cloud/task-header-cloud-demo.component';
|
|
import { FilteredSearchComponent } from './components/files/filtered-search.component';
|
|
import { ProcessCloudLayoutComponent } from './components/cloud/process-cloud-layout.component';
|
|
import { ServiceTaskListCloudDemoComponent } from './components/cloud/service-task-list-cloud-demo.component';
|
|
import { AspectListSampleComponent } from './components/aspect-list-sample/aspect-list-sample.component';
|
|
import { SearchFilterChipsComponent } from './components/search/search-filter-chips.component';
|
|
|
|
export const appRoutes: Routes = [
|
|
{ path: 'login', loadChildren: () => import('./components/login/login.module').then(m => m.AppLoginModule) },
|
|
{ path: 'logout', component: LogoutComponent },
|
|
{
|
|
path: 'settings',
|
|
loadChildren: () => import('./components/settings/settings.module').then(m => m.AppSettingsModule)
|
|
},
|
|
{
|
|
path: 'files/:nodeId/view',
|
|
component: AppComponent,
|
|
canActivate: [AuthGuardEcm],
|
|
canActivateChild: [AuthGuardEcm],
|
|
outlet: 'overlay',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/file-view/file-view.module').then(m => m.FileViewModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'files/:nodeId/:versionId/view',
|
|
component: AppComponent,
|
|
canActivate: [AuthGuardEcm],
|
|
canActivateChild: [AuthGuardEcm],
|
|
outlet: 'overlay',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/file-view/file-view.module').then(m => m.FileViewModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'preview/blob',
|
|
component: AppComponent,
|
|
outlet: 'overlay',
|
|
pathMatch: 'full',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/file-view/file-view.module').then(m => m.FileViewModule)
|
|
}
|
|
]
|
|
},
|
|
{ path: 'preview/s/:id', component: SharedLinkViewComponent },
|
|
{
|
|
path: '',
|
|
component: AppLayoutComponent,
|
|
canActivate: [AuthGuard],
|
|
children: [
|
|
{
|
|
path: '',
|
|
redirectTo: `/home`,
|
|
pathMatch: 'full'
|
|
},
|
|
{
|
|
path: 'breadcrumb',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/breadcrumb-demo/breadcrumb-demo.module').then(m => m.AppBreadcrumbModule)
|
|
},
|
|
{
|
|
path: 'notifications',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/notifications/notifications.module').then(m => m.AppNotificationsModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'config-editor',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/config-editor/config-editor.module').then(m => m.AppConfigEditorModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'pipes',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/pipes/pipes.module').then(m => m.AppPipesModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'card-view',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/card-view/card-view.module').then(m => m.AppCardViewModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'sites',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/sites/sites.module').then(m => m.SitesModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'header-data',
|
|
children: [
|
|
{
|
|
path: '',
|
|
loadChildren: () => import('./components/header-data/header-data.module').then(m => m.AppHeaderDataModule)
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: '',
|
|
component: HomeComponent
|
|
},
|
|
{
|
|
path: 'home',
|
|
component: HomeComponent
|
|
},
|
|
{
|
|
path: 'cloud',
|
|
canActivate: [AuthGuardSsoRoleService],
|
|
data: { roles: ['ACTIVITI_ADMIN', 'ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
children: [
|
|
{
|
|
path: '',
|
|
data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
component: AppsCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'people-group-cloud',
|
|
data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
component: PeopleGroupCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'task-header-cloud',
|
|
data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
component: TaskHeaderCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'service-task-list',
|
|
data: { roles: ['ACTIVITI_ADMIN'], redirectUrl: '/error/403' },
|
|
component: ServiceTaskListCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'community',
|
|
data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
loadChildren: () => import('./components/cloud/community/community.module').then(m => m.AppCommunityModule)
|
|
},
|
|
{
|
|
path: ':appName',
|
|
canActivate: [AuthGuardSsoRoleService],
|
|
data: { clientRoles: ['appName'], roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
|
|
component: ProcessCloudLayoutComponent,
|
|
children: [
|
|
{
|
|
path: '',
|
|
component: CloudLayoutComponent,
|
|
children: [
|
|
{
|
|
path: 'tasks',
|
|
component: TasksCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'processes',
|
|
component: ProcessesCloudDemoComponent
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'start-task',
|
|
component: StartTaskCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'start-process',
|
|
component: StartProcessCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'task-details/:taskId',
|
|
component: TaskDetailsCloudDemoComponent
|
|
},
|
|
{
|
|
path: 'task-details/:taskId/files/:nodeId/view',
|
|
component: CloudViewerComponent
|
|
},
|
|
{
|
|
path: 'process-details/:processInstanceId',
|
|
component: ProcessDetailsCloudDemoComponent
|
|
}
|
|
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'node-selector',
|
|
loadChildren: () => import('./components/content-node-selector/content-node-selector.module').then(m => m.AppContentNodeSelectorModule)
|
|
},
|
|
{
|
|
path: 'confirm-dialog',
|
|
component: ConfirmDialogExampleComponent
|
|
},
|
|
{
|
|
path: 'settings-layout',
|
|
loadChildren: () => import('./components/settings/settings.module').then(m => m.AppSettingsModule)
|
|
},
|
|
{
|
|
path: 'trashcan',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/trashcan/trashcan.module').then(m => m.AppTrashcanModule)
|
|
},
|
|
{
|
|
path: 'files',
|
|
component: FilesComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'filtered-search',
|
|
component: FilteredSearchComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'filtered-search/:id',
|
|
component: FilteredSearchComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'filtered-search/:id/display/:mode',
|
|
component: FilteredSearchComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'extensions/document-list/presets',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/document-list/extension-presets/extension-presets.module').then(m => m.ExtensionPresetsModule)
|
|
},
|
|
{
|
|
path: 'files/:id',
|
|
component: FilesComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'files/:id/display/:mode',
|
|
component: FilesComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'dl-custom-sources',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/files/custom-sources.module').then(m => m.AppCustomSourcesModule)
|
|
|
|
},
|
|
{
|
|
path: 'datatable',
|
|
loadChildren: () => import('./components/datatable/datatable.module').then(m => m.AppDataTableModule)
|
|
},
|
|
{
|
|
path: 'datatable/dnd',
|
|
loadChildren: () => import('./components/datatable/drag-and-drop/datatable-dnd.module').then(m => m.AppDataTableDndModule)
|
|
},
|
|
{
|
|
path: 'rich-text-editor',
|
|
loadChildren: () => import('./components/rich-text-editor/rich-text-editor.module').then(m => m.AppRichTextEditorModule)
|
|
},
|
|
{
|
|
path: 'search',
|
|
component: SearchResultComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'search-filter-chips',
|
|
component: SearchFilterChipsComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'extendedSearch',
|
|
component: SearchExtendedComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'activiti',
|
|
component: AppsViewComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps',
|
|
component: AppsViewComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/tasks',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/tasks/:filterId',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/processes',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/processes/:filterId',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/diagram/:processDefinitionId',
|
|
component: ShowDiagramComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'activiti/apps/:appId/report',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
// TODO: check if needed
|
|
{
|
|
path: 'activiti/appId/:appId',
|
|
component: ProcessServiceComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
// TODO: check if needed
|
|
{
|
|
path: 'activiti/tasks/:id',
|
|
component: FormViewerComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
// TODO: check if needed
|
|
{
|
|
/* cspell:disable-next-line */
|
|
path: 'activiti/tasksnode/:id',
|
|
component: FormNodeViewerComponent,
|
|
canActivate: [AuthGuardBpm]
|
|
},
|
|
{
|
|
path: 'webscript',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/webscript/webscript.module').then(m => m.AppWebScriptModule)
|
|
},
|
|
{
|
|
path: 'tag',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/tag/tag.module').then(m => m.AppTagModule)
|
|
},
|
|
{
|
|
path: 'social',
|
|
canActivate: [AuthGuardEcm],
|
|
loadChildren: () => import('./components/social/social.module').then(m => m.AppSocialModule)
|
|
},
|
|
{
|
|
path: 'permissions/:id',
|
|
component: DemoPermissionComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'treeview',
|
|
component: TreeViewSampleComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'expandable-list',
|
|
component: AspectListSampleComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'about',
|
|
loadChildren: () => import('./components/about/about.module').then(m => m.AppAboutModule)
|
|
},
|
|
{
|
|
path: 'icons',
|
|
loadChildren: () => import('./components/icons/icons.module').then(m => m.AppIconsModule)
|
|
},
|
|
{ path: 'form-cloud', component: FormCloudDemoComponent },
|
|
{ path: 'form', component: FormComponent },
|
|
{ path: 'form-list', component: FormListComponent },
|
|
{ path: 'form-loading', component: FormLoadingComponent },
|
|
{
|
|
path: 'overlay-viewer',
|
|
component: OverlayViewerComponent,
|
|
canActivate: [AuthGuardEcm]
|
|
},
|
|
{
|
|
path: 'datatable-lazy',
|
|
loadChildren: () => import('./components/lazy-loading/lazy-loading.module').then(m => m.LazyLoadingModule)
|
|
},
|
|
{
|
|
path: 'copy-content',
|
|
loadChildren: () => import('./components/datatable/copy-content/datatable.module').then(m => m.AppDataTableCopyModule)
|
|
},
|
|
{
|
|
path: 'template-list',
|
|
component: TemplateDemoComponent
|
|
},
|
|
{
|
|
path: 'task-list',
|
|
canActivate: [AuthGuardBpm],
|
|
loadChildren: () => import('./components/task-list-demo/task-list.module').then(m => m.AppTaskListModule)
|
|
},
|
|
{
|
|
path: 'process-list',
|
|
canActivate: [AuthGuardBpm],
|
|
loadChildren: () => import('./components/process-list-demo/process-list.module').then(m => m.AppProcessListModule)
|
|
},
|
|
{
|
|
path: 'error/no-authorization',
|
|
component: ErrorContentComponent
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: 'error',
|
|
component: AppLayoutComponent,
|
|
children: [
|
|
{
|
|
path: '',
|
|
redirectTo: '/error/404',
|
|
pathMatch: 'full'
|
|
},
|
|
{
|
|
path: ':id',
|
|
component: DemoErrorComponent
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: '**',
|
|
redirectTo: 'error/404'
|
|
}
|
|
];
|