- Source:
Members
(inner) DetailViewer
render a panel for detail information about a resource inside the viewer pages
Properties:
| Name | Type | Description |
|---|---|---|
tabs |
array | array of tab object representing the structure of the displayed info properties |
- Source:
Example
{
"name": "DetailViewer",
"cfg": {
"tabs": [
{
"type": "tab",
"id": "info",
"labelId": "gnviewer.info",
"items": [
{
"type": "text",
"labelId": "gnviewer.title",
"value": "{context.get(state('gnResourceData'), 'title')}"
},
{
"type": "link",
"labelId": "gnviewer.owner",
"href": "{'/people/profile/' + context.get(state('gnResourceData'), 'owner.username')}",
"value": "{context.getUserResourceName(context.get(state('gnResourceData'), 'owner'))}",
"disableIf": "{!context.get(state('gnResourceData'), 'owner.username')}"
},
{
"type": "date",
"format": "MMMM Do YYYY",
"labelId": "gnviewer.published",
"value": "{context.get(state('gnResourceData'), 'date')}"
},
{
"type": "query",
"labelId": "gnviewer.resourceType",
"value": "{context.get(state('gnResourceData'), 'resource_type')}",
"pathname": "/",
"query": {
"f": "{context.get(state('gnResourceData'), 'resource_type')}"
}
},
{
"type": "html",
"labelId": "gnviewer.supplementalInformation",
"value": "{context.get(state('gnResourceData'), 'supplemental_information')}"
}
]
}
]
}
}