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

#1085 disabled dynamic table fields

Browse Source
This commit is contained in:
mauriziovitale84
2016-11-24 12:16:08 +00:00
committed by Mario Romano
parent f23ed9d774
commit 224d6ef476
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
View File

@@ -6,6 +6,12 @@
padding: 8px; padding: 8px;
} }
.display-value-widget__dynamic-table .is-disabled {
background-color: transparent;
border-bottom: 1px dotted rgba(0,0,0,.12);
color: rgba(0,0,0,.26);
}
.display-value-widget__dynamic-table table { .display-value-widget__dynamic-table table {
width: 100%; width: 100%;
} }

6
ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
View File

@@ -40,12 +40,12 @@
</div> </div>
<div *ngSwitchCase="'dynamic-table'"> <div *ngSwitchCase="'dynamic-table'">
<div class="display-value-widget__dynamic-table"> <div class="display-value-widget__dynamic-table">
<div>{{field.name}}</div> <div class="is-disabled">{{field.name}}</div>
<table class="mdl-data-table mdl-js-data-table"> <table class="mdl-data-table mdl-js-data-table">
<thead> <thead>
<tr> <tr>
<th *ngFor="let column of visibleColumns" <th *ngFor="let column of visibleColumns"
class="mdl-data-table__cell--non-numeric"> class="mdl-data-table__cell--non-numeric is-disabled">
{{column.name}} {{column.name}}
</th> </th>
</tr> </tr>
@@ -53,7 +53,7 @@
<tbody> <tbody>
<tr *ngFor="let row of rows"> <tr *ngFor="let row of rows">
<td *ngFor="let column of visibleColumns" <td *ngFor="let column of visibleColumns"
class="mdl-data-table__cell--non-numeric"> class="mdl-data-table__cell--non-numeric is-disabled">
{{ getCellValue(row, column) }} {{ getCellValue(row, column) }}
</td> </td>
</tr> </tr>