<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">
<span>Rediger</span>
<h1>Min kontaktinformasjon</h1>
</header>
</div>
<div class="grid-item-half">
<form class="webform-submission-form" action="" method="post" accept-charset="UTF-8">
<div class="form-item form-type-text form-item-first-name">
<label for="edit-first-name">
Fornavn
</label>
<input type="text" id="edit-first-name" name="first-name" class="form-text" value="Ola" />
</div>
<div class="form-item form-type-text form-item-last-name">
<label for="edit-last-name">
Etternavn
</label>
<input type="text" id="edit-last-name" name="last-name" class="form-text" value="Nordmann" />
</div>
<div class="form-item form-type-email form-item-email">
<label for="edit-email">
E-post
</label>
<input type="email" id="edit-email" name="email" class="form-email" value="ola.nordmann@epost.no" />
</div>
<div class="form-item form-type-tel form-item-phone">
<label for="edit-phone">
Mobilnr.
</label>
<input type="tel" id="edit-phone" name="phone" class="form-tel" value="903 43 893" />
</div>
<div class="form-item form-type-text form-item-co-address">
<label for="edit-co-address">
c/o adresse
</label>
<input type="text" id="edit-co-address" name="co-address" class="form-text" value="Petter Nordmann" />
</div>
<div class="form-item form-type-text form-item-address">
<label for="edit-address">
Addresse
</label>
<input type="text" id="edit-address" name="address" class="form-text" value="Torvgaten 64" />
</div>
<div class="webform-flexbox form-wrapper" id="edit-postal-code-city">
<div class="webform-flex webform-flex--1">
<div class="webform-flex--container">
<div class="form-item form-type-tel form-item-postal-code">
<label for="edit-postal-code">
Postnr.
</label>
<input type="tel" id="edit-postal-code" name="postal-code" class="form-tel" value="1632" />
</div>
</div>
</div>
<div class="webform-flex webform-flex--2">
<div class="webform-flex--container">
<div class="form-item form-type-text form-item-postal-place">
<label for="edit-postal-place">
Poststed
</label>
<input type="text" id="edit-postal-place" name="postal-place" class="form-text" value="Gamle Fredrikstad" />
</div>
</div>
</div>
</div>
<div class="form-item form-type-select form-item-gender">
<label for="edit-gender">
Kjønn
</label>
<select id="edit-gender" name="gender" class="form-select">
<option value="male" selected="selected">Mann</option>
<option value="female" >Kvinne</option>
</select>
</div>
<div class="form-item form-type-date form-item-dob">
<label for="edit-dob">
Fødselsdato
</label>
<input type="date" id="edit-dob" name="dob" class="form-date" value="1976-04-13" />
</div>
<div class="form-item form-type-tel form-item-ssn">
<label for="edit-ssn">
Fødselsnummer
</label>
<input type="tel" id="edit-ssn" name="ssn" class="form-tel" value="13047644839" />
<div class="description">
<div id="edit-ssn--description" class="webform-element-description">Påkrevd dersom du ønsker skattegradrag</div>
</div>
</div>
<div class="form-item form-type-hr form-item-horizontal-rule">
<hr id="edit-horizontal-rule" class="webform-horizontal-rule">
</div>
<div class="form-actions webform-actions form-wrapper" id="edit-actions">
<input class="webform-button--submit button button--primary form-submit" type="submit" id="edit-actions-submit" name="op" value="Lagre kontaktinformasjon">
</div>
</form>
</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 %}
{% endblock %}
{% endembed %}
{% embed '@grid-item--half' %}
{% block body %}
{% include '@webform' with form %}
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %}
</div>
</div>
</div>
</main>
</div>
{
"navigation": {
"active": "profile"
},
"title": {
"copy": "Min kontaktinformasjon",
"prefix": "Rediger"
},
"form": {
"fields": [
{
"type": "text",
"name": "first-name",
"label": "Fornavn",
"value": "Ola",
"description": null
},
{
"type": "text",
"name": "last-name",
"label": "Etternavn",
"value": "Nordmann",
"description": null
},
{
"type": "email",
"name": "email",
"label": "E-post",
"value": "ola.nordmann@epost.no",
"description": null
},
{
"type": "tel",
"name": "phone",
"label": "Mobilnr.",
"value": "903 43 893",
"description": null
},
{
"type": "text",
"name": "co-address",
"label": "c/o adresse",
"value": "Petter Nordmann"
},
{
"type": "text",
"name": "address",
"label": "Addresse",
"value": "Torvgaten 64",
"description": null
},
{
"type": "flexbox",
"name": "postal-code-city",
"fields": [
{
"flex": 1,
"type": "tel",
"name": "postal-code",
"label": "Postnr.",
"value": "1632",
"description": null
},
{
"flex": 2,
"type": "text",
"name": "postal-place",
"label": "Poststed",
"value": "Gamle Fredrikstad",
"description": null
}
]
},
{
"type": "select",
"name": "gender",
"label": "Kjønn",
"description": null,
"options": [
{
"value": "male",
"label": "Mann",
"selected": true
},
{
"value": "female",
"label": "Kvinne"
}
]
},
{
"type": "date",
"name": "dob",
"label": "Fødselsdato",
"value": "1976-04-13",
"description": null
},
{
"type": "tel",
"name": "ssn",
"label": "Fødselsnummer",
"value": "13047644839",
"description": "Påkrevd dersom du ønsker skattegradrag"
},
{
"type": "hr",
"name": "horizontal-rule"
}
],
"submit": {
"label": "Lagre kontaktinformasjon"
}
}
}
There are no notes for this item.