Barmer Fractal

Navigation Item: Session Timer 

<li class="m-nav__item nav__item--session-timer ">
    <a href="homepage--default" class="a-link link--logout">
        Logout

    </a>

    <span class="a-separator" aria-hidden="true">|</span>

    <span class="a-session-timer session-timer--nav-item">
        <span class="session-timer__time js-session-timer">10</span>
        <span aria-hidden="true">min</span>
        <span class="sr-only">Minuten</span>
    </span>
    <button class="a-btn btn--refresh js-refresh-button" type="button" title="Sitzung verlängern"><i class="a-icon icon--restore" aria-hidden="true"></i></button>

</li>
 
<{{content.tag}} class="m-nav__item {{viewtypes.specifier}} {{viewtypes.numberOfCols}}">
  {{#if switches.isLoggedInNav}}
    {{ render '@button--login-with-user-initials' }}
  {{else}}
    {{# each partials.links as |link| }}
      {{ render '@link--navigation' link merge=true }}
    {{/each }}
  {{/if}}

  {{# switches.hasSessionTimer }}
    {{ render '@separator' }}
    {{ render '@session-timer' partials.sessionTimer merge=true }}
  {{/switches.hasSessionTimer}}

	{{# switches.hasSubnav }}
		<div class="navigation__level navigation__level--sub">
      {{# switches.hasBackButton }}{{ render '@button--back' partials.btnBack merge=true }}{{/ switches.hasBackButton}}
      {{# switches.hasOverviewLink }}{{ render '@navigation-level-header' partials.navSubHeader merge=true }} {{/ switches.hasOverviewLink }}
      {{# switches.hasCloseButton }}{{ render '@button--close' partials.btnClose merge=true }}{{/ switches.hasCloseButton}}
			{{ render '@navigation-list' partials.navSubLink merge=true }}
		</div>
	{{/ switches.hasSubnav }}
</{{content.tag}}>
 
{
  "switches": {
    "isLoggedInNav": false,
    "hasSessionTimer": true
  },
  "viewtypes": {
    "specifier": "nav__item--session-timer"
  },
  "content": {
    "tag": "li"
  },
  "partials": {
    "links": [
      {
        "viewtypes": {
          "specifier": "link--logout"
        },
        "switches": {
          "hasAriaExpanded": false,
          "hasAriaPopup": false,
          "hasAriaLabel": false
        },
        "content": {
          "url": "homepage--default",
          "text": "Logout"
        },
        "partials": {}
      }
    ],
    "sessionTimer": {
      "viewtypes": {
        "specifier": "session-timer--nav-item"
      }
    }
  }
}

No notes defined.