diff --git a/lib/process-services/src/lib/process-list/components/start-process.component.html b/lib/process-services/src/lib/process-list/components/start-process.component.html index 7f00fdd464..ec441f7560 100644 --- a/lib/process-services/src/lib/process-list/components/start-process.component.html +++ b/lib/process-services/src/lib/process-list/components/start-process.component.html @@ -1,24 +1,13 @@
-
{{ title | translate}}
+
{{ title | translate}}
{{errorMessageId|translate}}
- - - - {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }} - - - + + {{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.TYPE' | translate}} + + {{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}} + + + {{ 'ADF_PROCESS_LIST.START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxProcessNameLength } }} + + + { }); })); + it('should have labels for process name and type', async(() => { + component.processDefinitionInput.setValue('My Default Name'); + component.processNameInput.setValue('claim'); + const inputLabelsNodes = document.querySelectorAll('.adf-start-process .adf-process-input-container mat-label'); + expect(inputLabelsNodes.length).toBe(2); + })); + + it('should have floating labels for process name and type', async(() => { + component.processDefinitionInput.setValue('My Default Name'); + component.processNameInput.setValue('claim'); + const inputLabelsNodes = document.querySelectorAll('.adf-start-process .adf-process-input-container'); + inputLabelsNodes.forEach(labelNode => { + expect(labelNode.getAttribute('ng-reflect-float-label')).toBe('always'); + }); + })); + it('should load start form from service', async(() => { fixture.detectChanges(); fixture.whenStable().then(() => { diff --git a/lib/process-services/src/lib/process-list/components/start-process.component.ts b/lib/process-services/src/lib/process-list/components/start-process.component.ts index a629b471b1..449dcd1cae 100644 --- a/lib/process-services/src/lib/process-list/components/start-process.component.ts +++ b/lib/process-services/src/lib/process-list/components/start-process.component.ts @@ -37,7 +37,6 @@ import { MinimalNode, RelatedContentRepresentation } from '@alfresco/js-api'; @Component({ selector: 'adf-start-process', templateUrl: './start-process.component.html', - styleUrls: ['./start-process.component.scss'], encapsulation: ViewEncapsulation.None }) export class StartProcessInstanceComponent implements OnChanges, OnInit, OnDestroy { diff --git a/lib/process-services/src/lib/styles/_index.scss b/lib/process-services/src/lib/styles/_index.scss index 40dc42af32..c1ab2ec474 100644 --- a/lib/process-services/src/lib/styles/_index.scss +++ b/lib/process-services/src/lib/styles/_index.scss @@ -10,6 +10,7 @@ @import '../app-list/apps-list.component'; @import '../content-widget/attach-file-widget-dialog.component'; @import '../form/start-form.component'; +@import '../process-list/components/start-process.component'; @mixin adf-process-services-theme($theme) { @include adf-process-filters-theme($theme); @@ -24,4 +25,5 @@ @include adf-task-standalone-component-theme($theme); @include adf-attach-file-widget-dialog-component-theme($theme); @include adf-start-form-component-theme($theme); + @include adf-process-services-create-theme($theme); }