BBR

Data gruppe

Parat til dokumentation

<div class="data-view__group">

    <div class="row data-view-row  ">
        <div class="col">
            <h3 class="data-view-row__header">Bygningens opførelsesår</h3>
        </div>
    </div>

    <div class="row data-view-row data-view-row--has-action ">
        <div class="col">
            <h4 class="data-view-row__header h5">Bygningsoplysninger</h4>
            <ul class="data-view-row__list">
                <li>Bygningens opførelsesår
                    : <em class="text-primary">1980</em> <s class="text--removed">1968</s>
                </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  ">
        <div class="col">
            <h4 class="data-view-row__header h5">Materialer</h4>
            <ul class="data-view-row__list">
                <li>Ydervægsmateriale
                    : Mursten
                </li>
                <li>Tagdækningsmateriale
                    : Fibercement herunder asbest
                </li>
            </ul>
        </div>
    </div>
</div>
 
<div class="data-view__group">
    {{ render '@data-view-row--header'}}
    {{#each dataRow}}
    {{> @data-view-row}}
    {{/each}}
</div>
 
{
  "dataRow": [
    {
      "title": "Bygningsoplysninger",
      "list": [
        {
          "listTitle": "Bygningens opførelsesår",
          "listValue": "1968",
          "listValueNew": "1980"
        },
        {
          "listTitle": "Seneste om- eller tilbygningsår",
          "listValue": "1995"
        }
      ],
      "hasAction": true
    },
    {
      "title": "Materialer",
      "list": [
        {
          "listTitle": "Ydervægsmateriale",
          "listValue": "Mursten"
        },
        {
          "listTitle": "Tagdækningsmateriale",
          "listValue": "Fibercement herunder asbest"
        }
      ]
    }
  ]
}