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-3746] Add style lint rules (#3975)

Browse Source 
* add stylelint

* fix style first part

*  fix style second part

*  fix style third part

*  fix style fourth part

* Fix e2e tests first part

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* fix insights

* fix style abotu component

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* [ADF-3746] Rebase branch

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

* Fix list error

* fix new style added

* tslint fix

* [ADF-3746] Fix scss errors on Process Filters Cloud component
This commit is contained in:
davidcanonieto
2018-11-28 14:43:18 +00:00
committed by Eugenio Romano
parent 5fc03cf26b
commit 1a21f234b6
234 changed files with 2328 additions and 1058 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,7 @@
<h1>{{applicationInstance.name}}</h1>
</div>
<mat-card-subtitle class="adf-app-listgrid-item-card-subtitle" fxFlex="1 0 auto">
<div class="line-clamp">{{applicationInstance.description}}</div>
<div class="adf-line-clamp">{{applicationInstance.description}}</div>
</mat-card-subtitle>
</mat-card>
</div>

19
lib/process-services-cloud/src/lib/app-list-cloud/components/app-details-cloud.component.scss
View File

@@ -31,12 +31,15 @@
}
outline: none;
transition: transform 280ms cubic-bezier(.4,0,.2,1), box-shadow 280ms cubic-bezier(.4,0,.2,1);
transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
min-height: 200px;
padding: 0 !important;
&:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12),
0 5px 5px -3px rgba(0, 0, 0, 0.2);
cursor: pointer;
transform: scale(1.015);
}
@@ -84,14 +87,14 @@
z-index: 9999;
padding: 16px;
.line-clamp {
@include line-clamp(1.25, 3);
.adf-line-clamp {
@include adf-line-clamp(1.25, 3);
}
}
&-actions {
padding: 0 16px 16px 16px !important;
border-top: 1px solid rgba(0,0,0,.1);
padding: 0 16px 16px !important;
border-top: 1px solid rgba(0, 0, 0, 0.1);
min-height: 48px;
box-sizing: border-box;
@@ -100,8 +103,8 @@
}
&.mat-card-actions {
margin-left: 0px;
margin-right: 0px;
margin-left: 0;
margin-right: 0;
&:last-child {
margin-bottom: 0 !important;

8
lib/process-services-cloud/src/lib/process-cloud/process-filters-cloud/process-filters-cloud.component.scss
View File

@@ -7,7 +7,7 @@
cursor: pointer;
font-size: 14px!important;
font-weight: bold;
opacity: .54;
opacity: 0.54;
padding-left: 30px;
.mat-list-item-content {
@@ -17,18 +17,18 @@
&-filters__entry-icon {
padding-right: 12px !important;
padding-left: 0px !important;
padding-left: 0 !important;
}
&-filters__entry {
&.active, &:hover {
&.adf-active, &:hover {
color: mat-color($primary);
opacity: 1;
}
}
&-menu-list {
padding-top: 0px!important;
padding-top: 0 !important;
}
}
}

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

@@ -9,7 +9,7 @@
}
.no-content-message {
.adf-no-content-message {
font-size: 16px;
font-weight: bold;
text-align: center;

9
lib/process-services-cloud/src/lib/process-list-cloud/components/process-list-cloud.component.spec.ts
View File

@@ -30,9 +30,9 @@ import { ProcessListCloudModule } from '../process-list-cloud.module';
template: `
<adf-cloud-process-list #processListCloud>
<data-columns>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden"></data-column>
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="desktop-only dw-dt-col-3 ellipsis-cell">
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden"></data-column>
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="adf-desktop-only dw-dt-col-3 adf-ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{getFullName(entry.row.obj.startedBy)}}</div>
</ng-template>
@@ -57,6 +57,7 @@ class CustomTaskListComponent {
class EmptyTemplateComponent {
}
describe('ProcessListCloudComponent', () => {
let component: ProcessListCloudComponent;
let fixture: ComponentFixture<ProcessListCloudComponent>;
@@ -173,7 +174,7 @@ describe('ProcessListCloudComponent', () => {
}
});
let rowEvent = new DataRowEvent(row, null);
component.rowClick.subscribe( (taskId) => {
component.rowClick.subscribe((taskId) => {
expect(taskId).toEqual('999');
expect(component.getCurrentId()).toEqual('999');
done();

2
lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.html
View File

@@ -1,7 +1,7 @@
<div class="menu-container">
<mat-list class="adf-menu-list" *ngIf="filters$ | async as filterList; else loading">
<mat-list-item (click)="selectFilterAndEmit({id: filter.id})" *ngFor="let filter of filterList"
class="adf-filters__entry" [class.active]="currentFilter === filter">
class="adf-filters__entry" [class.adf-active]="currentFilter === filter">
<mat-icon *ngIf="showIcons && filter.icon" matListIcon class="adf-filters__entry-icon">{{filter.icon}}
</mat-icon>
<span matLine [attr.data-automation-id]="filter.key + '-filter'">{{filter.name | translate}}</span>

7
lib/process-services-cloud/src/lib/task-cloud/task-filters-cloud/task-filters-cloud.component.scss
View File

@@ -7,7 +7,8 @@
cursor: pointer;
font-size: 14px!important;
font-weight: bold;
opacity: .54;
opacity: 0.54;
padding-left: 30px;
.mat-list-item-content {
height: 34px;
@@ -16,11 +17,11 @@
&-filters__entry-icon {
padding-right: 12px !important;
padding-left: 0px !important;
padding-left: 0 !important;
}
&-filters__entry {
&.active, &:hover {
&.adf-active, &:hover {
color: mat-color($primary);
opacity: 1;
}

6
lib/process-services-cloud/src/lib/task-list-cloud/components/task-list-cloud.component.spec.ts
View File

@@ -30,9 +30,9 @@ import { TaskListCloudModule } from '../task-list-cloud.module';
template: `
<adf-cloud-task-list #taskListCloud>
<data-columns>
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="full-width name-column"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="hidden"></data-column>
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="desktop-only dw-dt-col-3 ellipsis-cell">
<data-column key="name" title="ADF_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column"></data-column>
<data-column key="created" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden"></data-column>
<data-column key="startedBy" title="ADF_TASK_LIST.PROPERTIES.CREATED" class="adf-desktop-only dw-dt-col-3 adf-ellipsis-cell">
<ng-template let-entry="$implicit">
<div>{{getFullName(entry.row.obj.startedBy)}}</div>
</ng-template>