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

4
demo-shell/src/app/components/form/form-list.component.html
View File

@@ -1,12 +1,12 @@
<adf-form-list [forms]="formList" (row-dblclick)="onRowDblClick($event)">
</adf-form-list>
<div class="adf-form-container" *ngIf="!isEmptyForm()">
<div class="app-form-container" *ngIf="!isEmptyForm()">
<adf-form #adfForm [form]="form" [data]="restoredData" [showValidationIcon]="showValidationIcon">
</adf-form>
</div>
<button mat-button (click)="store()" color="primary">{{'FORM-LIST.STORE' | translate }}</button>
<button mat-button (click)="restore()" color="primary">{{'FORM-LIST.RESTORE' | translate }}</button>
<section class="adf-form-list-margin">
<section class="app-form-list-margin">
<mat-slide-toggle color="primary" [(ngModel)]="showValidationIcon">
Show Validation Icon
</mat-slide-toggle>

6
demo-shell/src/app/components/form/form-list.component.scss
View File

@@ -1,12 +1,12 @@
.adf-form-container {
.app-form-container {
padding: 10px;
}
.adf-store-form-container {
.app-store-form-container {
width: 80%;
height: 80%;
}
.adf-form-list-margin {
.app-form-list-margin {
margin-left: 26px;
}

2
demo-shell/src/app/components/form/form-loading.component.html
View File

@@ -1,4 +1,4 @@
<div class="adf-form-container">
<div class="app-form-container">
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>

2
demo-shell/src/app/components/form/form-loading.component.scss
View File

@@ -1,3 +1,3 @@
.adf-form-container {
.app-form-container {
padding: 10px;
}

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

@@ -2,7 +2,7 @@
<mat-tab-group>
<mat-tab label="Form">
<div class="adf-form-container">
<div class="app-form-container">
<adf-form
[showRefreshButton]="false"
[form]="form"
@@ -10,7 +10,7 @@
</adf-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>
@@ -19,20 +19,20 @@
<mat-tab label="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/form/form.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;