Barmer Fractal

Downloadlist 

<ul class="o-downloadlist ">
    <li class="downloadlist__item">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Dokument

            </div>
            <div class="download__size">DOCX 350.56 KB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </li>
    <li class="downloadlist__item">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Dokument My only complaint would be the o
                &nbsp;<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
            </div>
            <div class="download__size">PDF 1.2 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </li>
    <li class="downloadlist__item">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat

            </div>
            <div class="download__size">PNG 3.66 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </li>
    <li class="downloadlist__item">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
                &nbsp;<i class="a-icon icon--lock" aria-label="Geschützter Inhalt"></i>
            </div>
            <div class="download__size">PNG 3.66 MB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </li>
    <li class="downloadlist__item">
        <a class="m-download " href="#">
            <div class="download__title">
                BARMER Dokument

            </div>
            <div class="download__size">DOCX 350.56 KB</div>
            <div class="download__icon">
                <i class="a-icon icon--download" aria-hidden="true"></i>
            </div>
        </a>

    </li>
</ul>
 
<ul class="o-downloadlist {{viewtypes.specifier}}">
  {{#each partials.listitems as |download| }}
    <li class="downloadlist__item">
    {{ render (stringToPartial content.downloadType) download merge=true }}
    </li>
  {{/each}}
</ul>
 
{
  "switches": {},
  "viewtypes": {},
  "partials": {
    "listitems": [
      {
        "content": {
          "title": "BARMER Dokument",
          "meta": "DOCX 350.56 KB",
          "downloadType": "download"
        }
      },
      {
        "switches": {
          "isProtected": true
        },
        "content": {
          "title": "BARMER Dokument My only complaint would be the o",
          "meta": "PDF 1.2 MB",
          "downloadType": "download"
        }
      },
      {
        "content": {
          "title": "BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat",
          "meta": "PNG 3.66 MB",
          "downloadType": "download"
        }
      },
      {
        "switches": {
          "isProtected": true
        },
        "content": {
          "title": "BARMER Image mit einem langen Name - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat",
          "meta": "PNG 3.66 MB",
          "downloadType": "download"
        }
      },
      {
        "content": {
          "title": "BARMER Dokument",
          "meta": "DOCX 350.56 KB",
          "downloadType": "download"
        }
      }
    ]
  }
}

No notes defined.