[jira] [Updated] (AIRAVATA-3527) Fix custom bootstrap vue table cell rendering

["Marcus Christie (Jira)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/AIRAVATA-3527?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Marcus Christie updated AIRAVATA-3527:
--------------------------------------
    Description: 
We recently upgraded to a newer version of Bootstrap Vue (AIRAVATA-2809) and in more recent versions the way you provide custom rendering of table cells changed.

The old style was to provide a scoped slot with the name of the field (column) that you want to provide rendering for:

{code}
<template slot="creationDate" slot-scope="data">
...
</template>
{code}

But [the new style is use {{'cell(' + field key + ')'}}|https://bootstrap-vue.org/docs/components/table#scoped-field-slots]:

{code}
<template slot="cell(creationDate)" slot-scope="data">
...
</template>
{code}

We missed a few of these places and in some cases there is just no rendering like in the Sharing Editor, and in some cases there is unformatted data.


  was:
We recently upgraded to a newer version of Bootstrap Vue (AIRAVATA-2809) and in more recent versions the way you provide custom rendering of table cells changed.

The old style was to provide a scoped slot with the name of the field (column) that you want to provide rendering for:

```
<template slot="creationDate" slot-scope="data">
...
</template>
```

But [the new style is use `'cell(' + field key + ')'`](https://bootstrap-vue.org/docs/components/table#scoped-field-slots):

```
<template slot="cell(creationDate)" slot-scope="data">
...
</template>
```

We missed a few of these places and in some cases there is just no rendering like in the Sharing Editor, and in some cases there is unformatted data.


> Fix custom bootstrap vue table cell rendering
> ---------------------------------------------
>
>                 Key: AIRAVATA-3527
>                 URL: https://issues.apache.org/jira/browse/AIRAVATA-3527
>             Project: Airavata
>          Issue Type: Bug
>          Components: Django Portal
>            Reporter: Marcus Christie
>            Assignee: Marcus Christie
>            Priority: Blocker
>
> We recently upgraded to a newer version of Bootstrap Vue (AIRAVATA-2809) and in more recent versions the way you provide custom rendering of table cells changed.
> The old style was to provide a scoped slot with the name of the field (column) that you want to provide rendering for:
> {code}
> <template slot="creationDate" slot-scope="data">
> ...
> </template>
> {code}
> But [the new style is use {{'cell(' + field key + ')'}}|https://bootstrap-vue.org/docs/components/table#scoped-field-slots]:
> {code}
> <template slot="cell(creationDate)" slot-scope="data">
> ...
> </template>
> {code}
> We missed a few of these places and in some cases there is just no rendering like in the Sharing Editor, and in some cases there is unformatted data.



--
This message was sent by Atlassian Jira
(v8.3.4#803005)