ObfuscateDetailComponent
This component allows you to create a obfuscate detail modal
Example

this.$buefy.modal.open({
parent: this,
component: ObfuscateDetailComponent,
props: {
locale: this.$i18n.locale,
title: row.name,
originalDataDefs: {
title: this.$t("details"),
headerIcon: "text-box-outline",
headers:
row.mediaType === 0
? this.AudioAndVideoHeaders
: row.mediaType === 1
? this.ImageAndVideoHeaders.concat(
this.AudioAndVideoHeaders.slice(-1)
)
: this.ImageAndVideoHeaders,
records: [row],
},
},
hasModalCard: true,
destroyOnHide: true,
trapFocus: true,
});
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| title | - | String | true | "" |
| originalDataDefs | Original table data | Object | true | - |
| obfuscateDataDefs | Obfuscate table data | Object | false | - |
| originalDataHeader | Original table header | String | false | "" |
| obfuscateDataHeader | Obfuscate table header | String | false | "" |
| tdStyle | - | String | false | "td-50" |
| showLabels | - | Boolean | false | false |
| locale | - | String | false | "en" |