BBR

Med handling

Parat til dokumentation

<div class="row data-view-row data-view-row--has-action ">
    <div class="col">
        <h4 class="data-view-row__header h5">Bygningens opførelsesår</h4>
        <ul class="data-view-row__list">
            <li>Bygningens opførelsesår
                : 1980
            </li>
            <li>Seneste om- eller tilbygningsår
                : 1995
            </li>
        </ul>
    </div>
    <div class="col-12 col-sm-2 mt-3 mt-sm-0">
        <a class="btn btn-primary btn-sm btn-block" href="#">
            Ret
        </a>
    </div>
</div>
 
<div
    class="row data-view-row {{#if hasAction }}data-view-row--has-action{{/if}} {{#if isInlineEdit}}data-view-row--is-inline-edit{{/if}}">
    {{#if hasWarning}}
        <div class="col-12 mb-3">
            {{> @callout calloutType="warning" calloutTitle="En heading hvis nødvendigt" content="En generisk besked der viser brugeren at de skal tage stilling her" noMarginTopBottom=true}}
        </div>
    {{/if}}
    {{#if isInlineEdit}}
    <div class="col-lg mb-2 mb-lg-0">
        {{#if select}}
        {{> @select }}
        {{else}}
        {{> @input }}
        {{/if}}
        {{#if oldValue}}
        <p class="data-view-row__old-value">{{oldValue}}</p>
        {{/if}}
    </div>
    <div class="col-lg">
        <div class="data-view-row__help-text">
            <small class="text-muted">{{{inlineHelpText}}}</small>
            {{#if hasReadMore}}
            <small>
                {{> @read-more}}
            </small>
            {{/if}}
        </div>
    </div>
    {{else}}
    <div class="col">
        {{#if content}}
        {{{content}}}
        {{else}}
        {{#if header}}
        <h3 class="data-view-row__header">{{title}}</h3>
        {{#if headerDescription}}
        <p>{{headerDescription}}</p>
        {{/if}}
        {{else}}
        {{#if title}}<h4 class="data-view-row__header h5">{{title}}</h4>{{/if}}
        {{#if list}}
        <ul class="data-view-row__list">
            {{#each list}}
            <li>{{listTitle}}
                {{#if listValueNew }}
                : <em class="text-primary">{{listValueNew}}</em> <s class="text--removed">{{listValue}}</s>
                {{else}}
                {{#if listValue}}
                : {{listValue}}
                {{/if}}
                {{/if}}
            </li>
            {{/each}}
        </ul>
        {{/if}}
        {{/if}}
        {{/if}}
    </div>
    {{#if hasAction }}
    <div class="col-12 col-sm-2 mt-3 mt-sm-0">
        <a class="btn btn-primary btn-sm btn-block" href="#">
            {{#if actionLabel}}
            {{actionLabel}}
            {{else}}
            Ret
            {{/if}}
        </a>
    </div>
    {{/if}}
    {{/if}}
</div>
 
{
  "title": "Bygningens opførelsesår",
  "list": [
    {
      "listTitle": "Bygningens opførelsesår",
      "listValue": "1980"
    },
    {
      "listTitle": "Seneste om- eller tilbygningsår",
      "listValue": "1995"
    }
  ],
  "hasAction": true,
  "actionLabe": "Ret eller tilføj"
}