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-4394] - add suport for copy clipboard on JSON cell type (#4611)

Browse Source 
* [ADF-4394] - add suport for copy clipboard  on JSON cell type

* [ADF-4394] - lint

* [ADF-4394] - change translation keys
This commit is contained in:
Silviu Popa
2019-04-17 12:23:36 +03:00
committed by Maurizio Vitale
parent e1a0475dfc
commit 550c0006c9
6 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/datatable/components/datatable/datatable-cell.component.ts
View File

@@ -36,8 +36,8 @@ import { Node } from '@alfresco/js-api';
template: `
<ng-container>
<span *ngIf="copyContent; else defaultCell"
adf-clipboard="DATATABLE.CLICK_TO_COPY"
[clipboard-notification]="'DATATABLE.SUCCESS_COPY'"
adf-clipboard="CLIPBOARD.CLICK_TO_COPY"
[clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'"
[attr.aria-label]="value$ | async"
[title]="tooltip"
class="adf-datatable-cell-value"

1
lib/core/datatable/components/datatable/datatable.component.html
View File

@@ -162,6 +162,7 @@
<div *ngSwitchCase="'json'" class="adf-cell-value"
[attr.data-automation-id]="'text_' + data.getValue(row, col)">
<adf-json-cell
[copyContent]="col.copyContent"
[data]="data"
[column]="col"
[row]="row">

4
lib/core/datatable/components/datatable/json-cell.component.scss
View File

@@ -2,3 +2,7 @@
white-space: pre-wrap;
word-wrap: break-word;
}
.adf-datatable-cell-value {
position: relative;
}

18
lib/core/datatable/components/datatable/json-cell.component.ts
View File

@@ -15,7 +15,7 @@
* limitations under the License.
*/
import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation, Input } from '@angular/core';
import { DataTableCellComponent } from './datatable-cell.component';
@Component({
@@ -23,10 +23,20 @@ import { DataTableCellComponent } from './datatable-cell.component';
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
<ng-container>
<span *ngIf="copyContent; else defaultJsonTemplate" class="adf-datatable-cell-value">
<pre
class="adf-datatable-json-cell"
[adf-clipboard]="'CLIPBOARD.CLICK_TO_COPY'"
[clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'">
{{ value$ | async | json }}
</pre>
</span>
</ng-container>
<ng-template #defaultJsonTemplate>
<span class="adf-datatable-cell-value">
<pre class="adf-datatable-json-cell">{{ value$ | async | json }}</pre>
</span>
</ng-container>
</ng-template>
`,
styleUrls: ['./json-cell.component.scss'],
encapsulation: ViewEncapsulation.None,
@@ -34,6 +44,10 @@ import { DataTableCellComponent } from './datatable-cell.component';
})
export class JsonCellComponent extends DataTableCellComponent implements OnInit {
/** Enables/disables a Clipboard directive to allow copying of the cell's content. */
@Input()
copyContent: boolean;
ngOnInit() {
if (this.column && this.column.key && this.row && this.data) {
this.value$.next(this.data.getValue(this.row, this.column));