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

[ADF-4595] Change demo-shell style classes prefix (#5132)

Browse Source 
* [ADF-4595] Change demo-shell style classes prefix

* Change more files

* Trigger e2e tests

* Fix e2e selectors

* Fix e2e tests

* Fix e2e tests
This commit is contained in:
davidcanonieto
2019-10-18 17:35:01 +01:00
committed by Eugenio Romano
parent 83094b43ff
commit f2c1778eda
101 changed files with 576 additions and 562 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo-shell/src/app/components/cloud/cloud-breadcrumb-component.html
View File

@@ -1,8 +1,8 @@
<adf-toolbar>
<div fxLayout="column" fxLayoutAlign="center">
<div fxLayout="row">
<div class="adf-app-crumb">{{appName + ' >'}} </div>
<div class="adf-filter-crumb"> {{filterName | translate}}</div>
<div class="app-crumb">{{appName + ' >'}} </div>
<div class="app-filter-crumb"> {{filterName | translate}}</div>
</div>
</div>
</adf-toolbar>

4
demo-shell/src/app/components/cloud/cloud-breadcrumb-component.scss
View File

@@ -1,8 +1,8 @@
.adf-app-crumb {
.app-app-crumb {
opacity: 0.5;
}
.adf-filter-crumb {
.app-filter-crumb {
opacity: 0.8;
margin-left: 5px;
}

2
demo-shell/src/app/components/cloud/cloud-filters-demo.component.scss
View File

@@ -1,3 +1,3 @@
adf-cloud-task-filters .adf-filters__entry, adf-cloud-process-filters .adf-filters__entry {
app-cloud-task-filters .app-filters__entry, app-cloud-process-filters .app-filters__entry {
padding-left: 0 !important;
}

2
demo-shell/src/app/components/cloud/cloud-layout.component.html
View File

@@ -1,4 +1,4 @@
<mat-tab-group fxFill class="adf-cloud-layout-tab-body">
<mat-tab-group fxFill class="app-cloud-layout-tab-body">
<mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
<div fxFill fxLayout>
<adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">

4
demo-shell/src/app/components/cloud/cloud-layout.component.scss
View File

@@ -1,7 +1,7 @@
.adf-cloud-layout-overflow {
.app-cloud-layout-overflow {
overflow: auto;
}
.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
.app-cloud-layout-tab-body .mat-tab-body-wrapper {
height: 100%;
}

2
demo-shell/src/app/components/cloud/community/community-cloud.component.html
View File

@@ -1,4 +1,4 @@
<mat-tab-group fxFill class="adf-cloud-layout-tab-body">
<mat-tab-group fxFill class="app-cloud-layout-tab-body">
<mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
<div fxFill fxLayout>
<adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">

4
demo-shell/src/app/components/cloud/community/community-cloud.component.ts
View File

@@ -21,11 +21,11 @@ import { CloudLayoutService } from '../services/cloud-layout.service';
@Component({
templateUrl: './community-cloud.component.html',
styles: [`.adf-cloud-layout-overflow {
styles: [`.app-cloud-layout-overflow {
overflow: auto;
}
.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
.app-cloud-layout-tab-body .mat-tab-body-wrapper {
height: 100% !important;
}
`],

6
demo-shell/src/app/components/cloud/community/community-process-details-cloud.component.html
View File

@@ -5,11 +5,11 @@
<h4 data-automation-id="process-details-header">Simple page to show the process instance: {{ processInstanceId }} of the app: {{ appName }}</h4>
<div class="adf-process-cloud-container">
<div class="app-process-cloud-container">
<adf-cloud-task-list
fxFlex
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[appName]="''"
[processInstanceId]="processInstanceId"
(rowClick)="onRowClick($event)"
@@ -17,7 +17,7 @@
</adf-cloud-task-list>
<adf-cloud-process-header
class="adf-process-cloud-header"
class="app-process-cloud-header"
[appName]="''"
[processInstanceId]="processInstanceId">
</adf-cloud-process-header>

2
demo-shell/src/app/components/cloud/community/community-process-details-cloud.component.scss
View File

@@ -1,4 +1,4 @@
.adf {
.app {
&-process-cloud-container {
display: flex;
}

2
demo-shell/src/app/components/cloud/community/community-processes-cloud.component.html
View File

@@ -12,7 +12,7 @@
<adf-cloud-process-list #processCloud
fxFlex
[appName]="''"
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[initiator]="editedFilter.initiator"
[processDefinitionId]="editedFilter.processDefinitionId"
[processDefinitionKey]="editedFilter.processDefinitionKey"

2
demo-shell/src/app/components/cloud/community/community-task-cloud.component.html
View File

@@ -12,7 +12,7 @@
<adf-cloud-task-list #taskCloud
fxFlex
[appName]="''"
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[processDefinitionId]="editedFilter.processDefinitionId"
[processInstanceId]="editedFilter.processInstanceId"
[name]="editedFilter.taskName"

2
demo-shell/src/app/components/cloud/community/community-task-details-cloud.component.scss
View File

@@ -1,5 +1,5 @@
.adf {
.app {
&-task-detail-container {
display: flex;

54
demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.html
View File

@@ -1,4 +1,4 @@
<mat-card class="adf-section">
<mat-card class="app-section">
<mat-card-title>
{{ 'APP_LAYOUT.PEOPLE_CLOUD' | translate}}
</mat-card-title>
@@ -6,31 +6,31 @@
<mat-card-content>
<br>
<mat-radio-group (change)="onChangePeopleMode($event)">
<mat-radio-button checked="true" class="adf-people-single-mode" data-automation-id="adf-people-single-mode" value="{{ peopleSingleMode }}">{{
<mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-people-single-mode" value="{{ peopleSingleMode }}">{{
'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
<mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-people-multiple-mode" value="{{ peopleMultipleMode }}">{{
<mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-multiple-mode" value="{{ peopleMultipleMode }}">{{
'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
</mat-radio-group>
<div class="people-control-options">
<div class="app-people-control-options">
<mat-radio-group (change)="onChangePeopleFilterMode($event)">
<mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
<mat-radio-button checked="true" class="app-people-single-mode" value="appName">{{
'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
<mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-people-filter-role" value="role">{{
<mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-filter-role" value="role">{{
'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
</mat-radio-group>
<mat-form-field *ngIf="!isPeopleAppNameSelected()" class="adf-preselect-value">
<mat-form-field *ngIf="!isPeopleAppNameSelected()" class="app-preselect-value">
<mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
<input matInput (input)="setPeopleRoles($event)" data-automation-id="adf-people-roles-input" />
<input matInput (input)="setPeopleRoles($event)" data-automation-id="app-people-roles-input" />
</mat-form-field>
<mat-form-field *ngIf="isPeopleAppNameSelected()" class="adf-preselect-value">
<mat-form-field *ngIf="isPeopleAppNameSelected()" class="app-preselect-value">
<mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
<input matInput (input)="setPeopleAppName($event)" data-automation-id="adf-people-app-input" />
<input matInput (input)="setPeopleAppName($event)" data-automation-id="app-people-app-input" />
</mat-form-field>
<mat-form-field class="adf-preselect-value-full">
<mat-form-field class="app-preselect-value-full">
<mat-label>{{ 'PEOPLE_GROUPS_CLOUD.PRESELECTED_VALUE' | translate }} {{ DEFAULT_PEOPLE_PLACEHOLDER }}</mat-label>
<input matInput (input)="setPeoplePreselectValue($event)" data-automation-id="adf-people-preselect-input" />
<input matInput (input)="setPeoplePreselectValue($event)" data-automation-id="app-people-preselect-input" />
</mat-form-field>
<mat-checkbox class="adf-preselect-value" (change)="onChangePeopleValidation($event)">{{
<mat-checkbox class="app-preselect-value" (change)="onChangePeopleValidation($event)">{{
'PEOPLE_GROUPS_CLOUD.PRESELECT_VALIDATION' | translate }}</mat-checkbox>
</div>
<div>
@@ -44,7 +44,7 @@
[mode]="peopleMode"></adf-cloud-people>
</div>
<div class="adf-people-list" *ngIf="canShowPeopleList()">
<div class="app-people-list" *ngIf="canShowPeopleList()">
<mat-list role="list">
<mat-list-item *ngFor="let item of preSelectUsers" role="listitem">
<mat-icon mat-list-icon>person</mat-icon>
@@ -55,7 +55,7 @@
</mat-card-content>
</mat-card>
<mat-card class="adf-section">
<mat-card class="app-section">
<mat-card-title>
{{ 'APP_LAYOUT.GROUPS_CLOUD' | translate}}
</mat-card-title>
@@ -63,29 +63,29 @@
<mat-card-content>
<br>
<mat-radio-group (change)="onChangeGroupsMode($event)">
<mat-radio-button checked="true" class="adf-people-single-mode" data-automation-id="adf-group-single-mode" value="{{ groupSingleMode }}">{{
<mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-group-single-mode" value="{{ groupSingleMode }}">{{
'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
<mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-group-multiple-mode" value="{{ groupMultipleMode }}">{{
<mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-multiple-mode" value="{{ groupMultipleMode }}">{{
'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
</mat-radio-group>
<div class="groups-control-options">
<div class="app-groups-control-options">
<mat-radio-group (change)="onChangeGroupsFilterMode($event)">
<mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
<mat-radio-button checked="true" class="app-people-single-mode" value="appName">{{
'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
<mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-group-filter-role" value="role">{{
<mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-filter-role" value="role">{{
'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
</mat-radio-group>
<mat-form-field *ngIf="!isGroupAppNameSelected()" class="adf-preselect-value">
<mat-form-field *ngIf="!isGroupAppNameSelected()" class="app-preselect-value">
<mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
<input matInput (input)="setGroupRoles($event)" data-automation-id="adf-group-roles-input"/>
<input matInput (input)="setGroupRoles($event)" data-automation-id="app-group-roles-input"/>
</mat-form-field>
<mat-form-field *ngIf="isGroupAppNameSelected()" class="adf-preselect-value">
<mat-form-field *ngIf="isGroupAppNameSelected()" class="app-preselect-value">
<mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
<input matInput (input)="setGroupAppName($event)" data-automation-id="adf-group-app-input"/>
<input matInput (input)="setGroupAppName($event)" data-automation-id="app-group-app-input"/>
</mat-form-field>
<mat-form-field class="adf-preselect-value-full">
<mat-form-field class="app-preselect-value-full">
<mat-label>Preselect: {{ DEFAULT_GROUP_PLACEHOLDER }}</mat-label>
<input matInput (input)="setGroupsPreselectValue($event)" data-automation-id="adf-group-preselect-input" />
<input matInput (input)="setGroupsPreselectValue($event)" data-automation-id="app-group-preselect-input" />
</mat-form-field>
</div>
<div>
@@ -93,7 +93,7 @@
(selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
</div>
<div class="adf-group-list" *ngIf="canShowGroupList()">
<div class="app-group-list" *ngIf="canShowGroupList()">
<mat-list role="list">
<mat-list-item *ngFor="let item of preSelectGroup" role="listitem">
<mat-icon mat-list-icon>group</mat-icon>

4
demo-shell/src/app/components/cloud/people-groups-cloud-demo.component.scss
View File

@@ -1,4 +1,4 @@
.adf {
.app {
&-section {
mat-card-title {
font-size:18px;
@@ -14,7 +14,7 @@
mat-card-content {
.adf-preselect-value {
.app-preselect-value {
margin-right: 15px;
min-width: 25%;

6
demo-shell/src/app/components/cloud/process-details-cloud-demo.component.html
View File

@@ -5,11 +5,11 @@
<h4 data-automation-id="process-details-header">Simple page to show the process instance: {{ processInstanceId }} of the app: {{ appName }}</h4>
<div class="adf-process-cloud-container">
<div class="app-process-cloud-container">
<adf-cloud-task-list
fxFlex
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[appName]="appName"
[processInstanceId]="processInstanceId"
(rowClick)="onRowClick($event)"
@@ -17,7 +17,7 @@
</adf-cloud-task-list>
<adf-cloud-process-header
class="adf-process-cloud-header"
class="app-process-cloud-header"
[appName]="appName"
[processInstanceId]="processInstanceId">
</adf-cloud-process-header>

2
demo-shell/src/app/components/cloud/process-details-cloud-demo.component.scss
View File

@@ -1,4 +1,4 @@
.adf {
.app {
&-process-cloud-container {
display: flex;
}

2
demo-shell/src/app/components/cloud/processes-cloud-demo.component.html
View File

@@ -11,7 +11,7 @@
<div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
<adf-cloud-process-list #processCloud
fxFlex
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[appName]="editedFilter.appName"
[initiator]="editedFilter.initiator"
[processDefinitionId]="editedFilter.processDefinitionId"

2
demo-shell/src/app/components/cloud/shared/cloud-settings.component.html
View File

@@ -1,4 +1,4 @@
<div fxFlex fxLayout="column" class="adf-settings-container">
<div fxFlex fxLayout="column" class="app-settings-container">
<mat-slide-toggle [color]="'primary'" [checked]="multiselect" (change)="toggleMultiselect()" data-automation-id="multiSelection">
{{ 'SETTINGS_CLOUD.MULTISELECTION' | translate }}
</mat-slide-toggle>

4
demo-shell/src/app/components/cloud/shared/cloud-settings.component.scss
View File

@@ -1,7 +1,7 @@
.adf-settings-container {
.app-settings-container {
padding: 20px 30px;
}
.adf-settings-container mat-form-field {
.app-settings-container mat-form-field {
max-width: 200px;
}

2
demo-shell/src/app/components/cloud/task-details-cloud-demo.component.scss
View File

@@ -1,5 +1,5 @@
.adf {
.app {
&-task-detail-container {
display: flex;

2
demo-shell/src/app/components/cloud/tasks-cloud-demo.component.html
View File

@@ -11,7 +11,7 @@
<div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
<adf-cloud-task-list #taskCloud
fxFlex
class="adf-cloud-layout-overflow"
class="app-cloud-layout-overflow"
[appName]="editedFilter.appName"
[processDefinitionId]="editedFilter.processDefinitionId"
[processInstanceId]="editedFilter.processInstanceId"