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

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));