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

* [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

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>

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;