<div class="page-wrapper">
<aside class="page-nav">
<button class="icon-close btn-borderless p-0 close-nav" data-overlay-close>
Lukk meny
</button>
<ul class="list-reset list-md">
<li>
<a class="icon-account-circle is-active" href="/components/preview/page-profile">Min profil</a>
</li>
<li>
<a class="icon-people " href="/components/preview/page-members">Medlemmer</a>
</li>
<li>
<a class="icon-calendar-today " href="">Aktiviteter</a>
</li>
<li>
<a class="icon-person " href="">Likeperson</a>
</li>
<li>
<a class="icon-arrow-forward " href="">Logg inn</a>
</li>
<li>
<a class="icon-arrow-back " href="">Logg ut</a>
</li>
</ul>
</aside>
<main class="page-main">
<header class="page-header">
<div class="container">
<div class="row">
<div class="logo-group">
<button class="btn-icon btn-borderless toggle-nav" data-toggle-selector=".page-nav" data-toggle-class="is-open" data-overlay-selector=".page-nav" data-overlay-class="is-open">
<span class="icon-menu"></span>
<span class="visually-hidden">Toggle navigation</span>
</button>
<a href="/" class="block">
<svg class="logo">
<use xlink:href="/svg/spritemap.svg#logo-barnekreftforeningen"></use>
</svg>
<span class="visually-hidden">Barnekreftforeningen</span>
</a>
</div>
<span class="text-sm color-dark-grey icon-account-circle">Ola Nordmann</span>
</div>
</div>
</header>
<div class="page-body">
<div class="container">
<div class="row">
<div class="grid-base">
<div class="grid-item-two-third">
<header class="section-header">
<h1>Min profil</h1>
</header>
<div class="member">
<header>
<div>
<h4 class="member__title">Min kontaktinformasjon</h4>
<a class="member__edit" href="/components/preview/page-edit-profile">Rediger</a> </div>
<div>
<span class="member__name">Ola Nordmann</span>
<span class="member__primary">(Hovedkontakt)</span> </div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-mail">
<a href="mailto:ola.nordmann@epost.no">ola.nordmann@epost.no</a>
</li>
<li class="icon-call icon-align-top">
<a href="tel:90343893">903 43 893</a>
</li>
<li class="icon-">
<span>c/o Petter Nordmann</span>
</li>
<li class="icon-home icon-align-top">
<span>Torvgaten 64<br> 1632 Gamle Fredrikstad</span>
</li>
<li class="icon-male-colored">
<span data-title="Fødselsdato">13.04.1976</span>
</li>
<li class="icon-id-card">
<span data-title="Fødselsnummer">130476 44839</span>
</li>
</ul>
</div>
<a href="/components/preview/page-edit-main-contact" class="btn mb-md">Endre hovedkontakt</a>
<div class="member">
<header>
<div>
<h4 class="member__title">Barnet med kreft</h4>
<a class="member__edit" href="/components/preview/page-edit-profile">Rediger</a> </div>
<div>
<span class="member__name">Hans Nordmann</span>
</div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-male-colored">
<span data-title="Fødselsdato">30.10.2010</span>
</li>
</ul>
</div>
<a href="http://testlenke.no" class="btn mb-md icon-add">Legg til barnet med kreft</a>
<div class="member">
<header>
<div>
<h4 class="member__title">Behandingsstatus</h4>
<a class="member__edit" href="">Rediger</a> </div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-assignment">
<span>Under behandling</span>
</li>
<li class="icon-calendar-today">
<span data-title="Behandlinsstart">Høsten 2019</span>
</li>
</ul>
</div>
<a href="http://testlenke.no" class="btn mb-md icon-add">Legg til behandlingsstatus</a>
<div class="accordion ">
<a class="accordion__header" href="">
<h2 class="icon-lg icon-after icon-chevron-down">Flere familiemedlemmer</h2>
</a>
<div class="accordion__body">
<div class="member">
<header>
<div>
<h4 class="member__title">Foresatt</h4>
<a class="member__edit" href="/components/preview/page-edit-profile">Rediger</a> </div>
<div>
<span class="member__name">Kari Nordmann</span>
</div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-mail">
<a href="mailto:kari.nordmann@epost.no">kari.nordmann@epost.no</a>
</li>
<li class="icon-call">
<a href="tel:90343893">903 43 893</a>
</li>
<li class="icon-female-colored">
<span data-title="Fødselsdato">27.11.1978</span>
</li>
<li class="icon-id-card">
<span data-title="Fødselsnummer">271178 48396</span>
</li>
</ul>
</div>
<a href="http://testlenke.no" class="btn mb-md icon-add">Legg til en voksen</a>
<a href="/components/preview/page-edit-main-contact" class="btn mb-md">Endre hovedkontakt</a>
<div class="member">
<header>
<div>
<h4 class="member__title">Søsken</h4>
<a class="member__edit" href="/components/preview/page-edit-profile">Rediger</a> </div>
<div>
<span class="member__name">Ola Nordmann</span>
</div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-">
<span data-title="Fødselsdato">28.04.2005</span>
</li>
</ul>
</div>
<div class="member">
<header>
<div>
<h4 class="member__title">Søsken</h4>
<a class="member__edit" href="/components/preview/page-edit-profile">Rediger</a> </div>
<div>
<span class="member__name">Hanne Nordmann</span>
</div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-female-colored">
<span data-title="Fødselsdato">28.04.2005</span>
</li>
</ul>
</div>
<a href="http://testlenke.no" class="btn mb-md icon-add">Legg til et barn</a>
</div>
</div>
<div class="accordion ">
<a class="accordion__header" href="">
<h2 class="icon-lg icon-after icon-chevron-down">Medlemskap og abonnement</h2>
</a>
<div class="accordion__body">
<div class="member">
<header>
<div>
<h4 class="member__title">Medlemskap</h4>
</div>
</header>
<ul class="details-list list-reset list-sm ">
<li class="icon-place">
<span>Oslo fylkesforening</span>
</li>
<li class="icon-bullet-warning">
<a class="icon-arrow-forward icon-after" href="page-payment-info">Ikke betalt – Betalingsinformasjon</a>
</li>
<li class="icon-credit-card">
<a class="icon-arrow-forward icon-after" href="#">Betalingshistorikk</a>
</li>
</ul>
</div>
<div class="member">
<header>
<div>
<h4 class="member__title">Magasinet Våre Barn</h4>
<a class="member__edit" href="/components/preview/page-edit-subscription">Rediger</a> </div>
</header>
<p class="member__description">Magasinet Våre Barn kommer ut med tre utgaver i året, og tar opp temaer som er viktige for medlemmer og andre som er interessert i barnekreftsaken.</p>
<ul class="details-list list-reset list-sm ">
<li class="icon-bullet-new">
<span>Abonnemantet er aktivt</span>
</li>
<li class="icon-local-shipping">
<span>2 eksemplarer sendes ut</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<div class="page-wrapper">
{% include '@page-nav' with navigation %}
<main class="page-main">
{% include '@page-header' %}
<div class="page-body">
<div class="container">
<div class="row">
{% embed '@grid' with grid %}
{% block grid_items %}
{% embed '@grid-item--two-third' %}
{% block body %}
{% include '@header' with title %}
{% include '@member' with parent_1 %}
{% include '@button' with edit_parent_1 %}
{% include '@member' with child %}
{% include '@button' with add_child %}
{% include '@member' with treatment %}
{% include '@button' with add_treatment %}
{% embed '@accordion' with accordion_1 %}
{% block accordion_items %}
{% include '@member' with parent_2 %}
{% include '@button' with add_parent %}
{% include '@button' with edit_parent_2 %}
{% include '@member' with sibling_1 %}
{% include '@member' with sibling_2 %}
{% include '@button' with add_sibling %}
{% endblock %}
{% endembed %}
{% embed '@accordion' with accordion_2 %}
{% block accordion_items %}
{% include '@member' with membership %}
{% include '@member' with subscription %}
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %}
</div>
</div>
</div>
</main>
</div>
{
"navigation": {
"active": "profile"
},
"title": {
"copy": "Min profil"
},
"parent_1": {
"title": "Min kontaktinformasjon",
"editable": true,
"editLink": "/components/preview/page-edit-profile",
"name": "Ola Nordmann",
"primary": true,
"details": {
"items": [
{
"icon": "mail",
"text": "ola.nordmann@epost.no",
"link": "mailto:ola.nordmann@epost.no"
},
{
"icon": "call icon-align-top",
"text": "903 43 893",
"link": "tel:90343893"
},
{
"icon": null,
"text": "c/o Petter Nordmann"
},
{
"icon": "home icon-align-top",
"text": "Torvgaten 64<br> 1632 Gamle Fredrikstad"
},
{
"icon": "male-colored",
"text": "13.04.1976",
"tooltip": "Fødselsdato"
},
{
"icon": "id-card",
"text": "130476 44839",
"tooltip": "Fødselsnummer"
}
]
}
},
"edit_parent_1": {
"copy": "Endre hovedkontakt",
"href": "/components/preview/page-edit-main-contact",
"class": "btn mb-md"
},
"child": {
"title": "Barnet med kreft",
"editable": true,
"editLink": "/components/preview/page-edit-profile",
"name": "Hans Nordmann",
"details": {
"items": [
{
"icon": "male-colored",
"text": "30.10.2010",
"tooltip": "Fødselsdato"
}
]
}
},
"add_child": {
"copy": "Legg til barnet med kreft",
"class": "btn mb-md icon-add"
},
"treatment": {
"title": "Behandingsstatus",
"editable": true,
"name": false,
"details": {
"items": [
{
"icon": "assignment",
"text": "Under behandling"
},
{
"icon": "calendar-today",
"text": "Høsten 2019",
"tooltip": "Behandlinsstart"
}
]
}
},
"add_treatment": {
"copy": "Legg til behandlingsstatus",
"class": "btn mb-md icon-add"
},
"accordion_1": {
"title": "Flere familiemedlemmer",
"open": false
},
"parent_2": {
"title": "Foresatt",
"editable": true,
"editLink": "/components/preview/page-edit-profile",
"name": "Kari Nordmann",
"details": {
"items": [
{
"icon": "mail",
"text": "kari.nordmann@epost.no",
"link": "mailto:kari.nordmann@epost.no"
},
{
"icon": "call",
"text": "903 43 893",
"link": "tel:90343893"
},
{
"icon": "female-colored",
"text": "27.11.1978",
"tooltip": "Fødselsdato"
},
{
"icon": "id-card",
"text": "271178 48396",
"tooltip": "Fødselsnummer"
}
]
}
},
"add_parent": {
"copy": "Legg til en voksen",
"class": "btn mb-md icon-add"
},
"edit_parent_2": {
"copy": "Endre hovedkontakt",
"href": "/components/preview/page-edit-main-contact",
"class": "btn mb-md"
},
"sibling_1": {
"title": "Søsken",
"editable": true,
"editLink": "/components/preview/page-edit-profile",
"name": "Ola Nordmann",
"details": {
"items": [
{
"icon": null,
"text": "28.04.2005",
"tooltip": "Fødselsdato"
}
]
}
},
"sibling_2": {
"title": "Søsken",
"editable": true,
"editLink": "/components/preview/page-edit-profile",
"name": "Hanne Nordmann",
"details": {
"items": [
{
"icon": "female-colored",
"text": "28.04.2005",
"tooltip": "Fødselsdato"
}
]
}
},
"add_sibling": {
"copy": "Legg til et barn",
"class": "btn mb-md icon-add"
},
"accordion_2": {
"title": "Medlemskap og abonnement",
"open": false
},
"membership": {
"title": "Medlemskap",
"editable": false,
"name": false,
"details": {
"items": [
{
"icon": "place",
"text": "Oslo fylkesforening"
},
{
"icon": "bullet-warning",
"text": "Ikke betalt – Betalingsinformasjon",
"link": "page-payment-info",
"link_arrow": true
},
{
"icon": "credit-card",
"text": "Betalingshistorikk",
"link": "#",
"link_arrow": true
}
]
}
},
"subscription": {
"title": "Magasinet Våre Barn",
"editable": true,
"editLink": "/components/preview/page-edit-subscription",
"name": false,
"description": "Magasinet Våre Barn kommer ut med tre utgaver i året, og tar opp temaer som er viktige for medlemmer og andre som er interessert i barnekreftsaken.",
"details": {
"items": [
{
"icon": "bullet-new",
"text": "Abonnemantet er aktivt"
},
{
"icon": "local-shipping",
"text": "2 eksemplarer sendes ut"
}
]
}
}
}
There are no notes for this item.