r01-container

Details

Container is a VA that works as a container that can house different types of elements:
- Content (recognized by a URL of type / contents .... or friendly URL of content)
- Application (recognized by an application pattern: ... WAR / jsp / asp ....)
- Search results (recognized by a URL with search patterns: ?r01kQry=...)
In principle, if the "preSelectedUrl" field is empty, the browser URL must bring the pattern corresponding to the element it should host.
That is, the page will host one or the other depending on the URL that comes.
If it has a value, then it will contain the element indicated in that parameter.

How to insert this Visual Area in the html of the page

<r01-container id=""></r01-container>

Data structure (JSON)

Values

The content of the data structure is dynamic: it is entered by the user.
This visual area also has a header section made up of a title (textarea) and a subtitle (HTML editor).

{
   "title" : "Contenido destacado",
   "subTitle" : "<p>Entradilla al contenido destacado</p>",
   "preSelectedUrl" : "",
   "showContentTypeInfoContext" : false,
   "showContentOrgInfoContext" : false
}

Description of the items
- title: Title of the header section of the visual area
- subTitle: Subtitle of the header section of the visual area
- preSelectedUrl: Element that the container page must house. It may be empty.
- showContentTypeInfoContext: Indicator to show or not the context header referring to the type of content. Only for content containing page.
- showContentOrgInfoContext: Indicator to show or not the context header referring to the organism associated with the content. Only for content containing page.

How to use the data structure in the html of the Visual Area

Editable by the web designer

The html is editable by the user. But in the case of this VA, IT IS MANDATORY THAT THERE IS NOTHING WITHIN THE EXPRESSIONS. Outside of expressions, it is possible to customize the html.
```
<div class="va{OID}">
    {{#container-content}}
    {{/container-content}}
</div>
```
If in this container, contents with tabs are going to be loaded (for example, information type content with sections), it is necessary to establish a wrapper with this structure on top of "container-content":
```
<div class="va{OID}">
  <div id="containercontContainer" class="r01gContainer r01gContainerContContainer r01informacion r01es r01informacion_es">
       {{#container-content}}
       {{/container-content}}
  </div>
</div>
```
Definition of expressions

{{#container-content}}{{/container-content}}: Insert the content indicated in field "preSelectedUrl". It also evaluates the "showContentTypeInfoContext" and "showContentOrgInfoContext" parameters.

Details

Values

Description of the items

Editable by the web designer

Definition of expressions