inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +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

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

@@ -8,11 +8,11 @@
[tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [color]="color" [position]="position"
(clicked)=toggleMenu($event)>
<div class="adf-app-layout-menu-spacer"></div>
<div class="app-layout-menu-spacer"></div>
<app-search-bar fxFlex="0 1 auto"></app-search-bar>
<div class="adf-header-delimiexpandedSidenavter"></div>
<div class="app-header-delimiexpandedSidenavter"></div>
<adf-userinfo [menuPositionX]="'before'" [menuPositionY]="'above'">
</adf-userinfo>
@@ -21,7 +21,7 @@
<button data-automation-id="language-menu-button" mat-icon-button [matMenuTriggerFor]="langMenu">
<mat-icon>language</mat-icon>
</button>
<mat-menu #langMenu="matMenu" class="adf-menu">
<mat-menu #langMenu="matMenu" class="app-menu">
<adf-language-menu></adf-language-menu>
</mat-menu>
@@ -33,13 +33,13 @@
<adf-sidenav-layout-navigation>
<ng-template let-isMenuMinimized="isMenuMinimized">
<mat-nav-list class="adf-sidenav-linklist">
<mat-nav-list class="app-sidenav-linklist">
<ng-container *ngFor="let link of links">
<ng-container *ngIf="link.children">
<mat-list-item (click)="trigger.openMenu()" [attr.data-automation-id]="link.title | translate" class="adf-sidenav-link">
<mat-list-item (click)="trigger.openMenu()" [attr.data-automation-id]="link.title | translate" class="app-sidenav-link">
<mat-icon matListIcon>{{link.icon}}</mat-icon>
<span matLine *ngIf="!isMenuMinimized()">{{link.title | translate }}</span>
<mat-icon class="adf-sidenav-link__expand-button" [matMenuTriggerData]="{links: link.children}"
<mat-icon class="app-sidenav-link__expand-button" [matMenuTriggerData]="{links: link.children}"
rippleTrigger mat-icon-button #trigger="matMenuTrigger"
[matMenuTriggerFor]="nestedMenu">arrow_right</mat-icon>
</mat-list-item>
@@ -47,15 +47,15 @@
<ng-container *ngIf="!link.children">
<mat-list-item [routerLink]="link.href"
routerLinkActive="adf-sidenav-link--active" [routerLinkActiveOptions]="{ exact: true }"
[attr.data-automation-id]="link.title | translate" class="adf-sidenav-link">
routerLinkActive="app-sidenav-link--active" [routerLinkActiveOptions]="{ exact: true }"
[attr.data-automation-id]="link.title | translate" class="app-sidenav-link">
<mat-icon matListIcon >{{link.icon}}</mat-icon>
<span matLine *ngIf="!isMenuMinimized()">{{link.title | translate }}</span>
</mat-list-item>
</ng-container>
</ng-container>
<mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout" class="adf-sidenav-link" data-automation-id="Logout" >
<mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout" class="app-sidenav-link" data-automation-id="Logout" >
<mat-icon matListIcon>exit_to_app</mat-icon>
<span matLine *ngIf="!isMenuMinimized()">Logout</span>
</mat-list-item>
@@ -76,9 +76,9 @@
<mat-menu #nestedMenu="matMenu" xPosition="after" class="nestedMenu">
<ng-template matMenuContent let-links="links">
<button mat-menu-item *ngFor="let link of links"
class="adf-sidenav-link"
class="app-sidenav-link"
[attr.data-automation-id]="link.title | translate"
routerLinkActive="adf-sidenav-link--active"
routerLinkActive="app-sidenav-link--active"
[routerLink]="link.href"
[routerLinkActiveOptions]="{ exact: true }">

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

@@ -1,4 +1,4 @@
@mixin adf-app-layout-theme($theme) {
@mixin app-layout-theme($theme) {
$primary: map-get($theme, primary);
$minimumAppWidth: 320px;
@@ -14,17 +14,17 @@
}
}
.adf-app-layout {
.app-layout {
display: flex;
flex: 1;
min-width: $minimumAppWidth;
height: 100%;
.adf-sidenav-link--active {
.app-sidenav-link--active {
color: mat-color($primary);
}
.adf-sidenav-link {
.app-sidenav-link {
.mat-list-text {
font-size: 14px;
white-space: nowrap;
@@ -33,7 +33,7 @@
}
}
.mat-nav-list .mat-list-item.adf-sidenav-link {
.mat-nav-list .mat-list-item.app-sidenav-link {
height: 40px;
}
@@ -47,7 +47,7 @@
display: none;
}
.adf-menu {
.app-menu {
padding-top: 0;
}
}
@@ -63,7 +63,7 @@
}
}
[dir='rtl'] .adf-sidenav-link__expand-button {
[dir='rtl'] .app-sidenav-link__expand-button {
transform: rotateY(180deg);
}
}

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

@@ -25,7 +25,7 @@ import { takeUntil } from 'rxjs/operators';
templateUrl: 'app-layout.component.html',
styleUrls: ['app-layout.component.scss'],
host: {
'class': 'adf-app-layout'
'class': 'app-layout'
},
encapsulation: ViewEncapsulation.None
})

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

@@ -2,7 +2,7 @@
<mat-tab-group>
<mat-tab label="Form" class="form-cloud-render">
<div class="adf-form-container">
<div class="app-form-container">
<adf-cloud-form
[showRefreshButton]="false"
[form]="form"
@@ -11,7 +11,7 @@
</adf-cloud-form>
</div>
<div class="adf-console" #console>
<div class="app-console" #console>
<h3>Error log:</h3>
<p *ngFor="let error of errorFields">Error {{ error.name }} {{error.validationSummary.message |
translate}}</p>
@@ -20,20 +20,20 @@
<mat-tab label="Editor" class="form-cloud-editor">
<ngx-monaco-editor
id="adf-form-config-editor"
class="adf-form-config-editor"
class="app-form-config-editor"
[options]="editorOptions"
[(ngModel)]="formConfig"
(onInit)="onInitFormEditor($event)">
</ngx-monaco-editor>
<div class="adf-form-editor-buttons">
<button mat-raised-button id="adf-form-config-save" (click)="onSaveFormConfig()" color="primary">Save
<div class="app-form-editor-buttons">
<button mat-raised-button id="app-form-config-save" (click)="onSaveFormConfig()" color="primary">Save
form config
</button>
<button mat-raised-button id="adf-form-config-clear" (click)="onClearFormConfig()" color="primary">Clear
<button mat-raised-button id="app-form-config-clear" (click)="onClearFormConfig()" color="primary">Clear
form config
</button>
</div>
<div class="adf-upload-config-button">
<div class="app-upload-config-button">
<a mat-raised-button color="primary" >
<mat-icon>file_upload</mat-icon>
<label for="upload-config-file">Upload JSON File</label>

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

@@ -1,17 +1,17 @@
.adf-form-container {
.app-form-container {
padding: 10px;
}
.adf-main-content {
.app-main-content {
padding: 0 15px;
}
.adf-card-view {
.app-card-view {
width: 30%;
display: inline-block;
}
.adf-console {
.app-console {
width: 60%;
display: inline-block;
vertical-align: top;
@@ -31,16 +31,16 @@
}
}
.adf-form-config-editor {
.app-form-config-editor {
height: 500px !important;
}
.adf-form-editor-buttons {
.app-form-editor-buttons {
display: flex;
justify-content: space-evenly;
}
.adf-upload-config-button {
.app-upload-config-button {
display: flex;
justify-content: center;