<main id="main">
<div class="container">
<div class="row breadcrumbs">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<div class="breadcrumbs-container row">
<div class="col-12 col-lg-8 breadcrumb-col">
<nav aria-label="Breadcrumbs" class="mr-auto">
<ol class="breadcrumb ">
<li class="breadcrumb-item"><a href="/">Hem</a></li>
<li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
<li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
<li class="breadcrumb-item active" aria-current="page">En sjukt lång text som egentligen inte borde vara här. Men så blir det när man behöver testa vissa saker. :)</li>
</ol>
</nav>
</div>
<div class="col-12 col-lg-4 breadcrumb-col enablevue">
<nav class="breadcrumbs-actions float-md-left float-lg-right" aria-label="Page functions" id="breadcrumbs">
<ul class="page-functions-list list-unstyled">
<li v-if="isSetAsFavourite" id='remove-bookmark-container' class="page-functions-list-item">
<a href="javascript:void(0)" id="bookmarkremove" class="small-font" v-on:click="removeFavourite()">
<i class="material-icons blue">favorite</i>
<span>Ta bort favorit</span>
</a>
</li>
<li v-else id="save-bookmark-container" class="page-functions-list-item">
<a href="javascript:void(0)" id="bookmarksave" class="small-font" v-on:click="addFavourite()">
<i class="material-icons">favorite_border</i>
<span>Spara</span>
</a>
</li>
<li class="page-functions-list-item">
<div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
<a rel="nofollow" class="rsbtn_play" accesskey="L" title="webReader" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=5305&lang=sv_se&readid=maincontent;url=">
<span class="rsbtn_left rsimg rspart"><span
class="rsbtn_text"><span>Lyssna</span></span></span>
<span class="rsbtn_right rsimg rsplay rspart"></span>
</a>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row title-container">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 class="heading-level-1">Här kan du ändra dina verktyg</h1>
</div>
</div>
</div>
<form method="POST">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<div class="form-grouping">
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Zoom</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Zoom</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Zoom</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Zoom</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Zoom</label>
</div>
<div class="form-check">
<input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
<label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<button class="button-default mb-md" type="submit">Uppdatera</button>
</div>
</div>
</div>
</form>
</main>
{{!< ../_preview-page}}
<main id="main">
{{render '@breadcrumbs' }}
{{#if title.value}}
<div class="container">
<div class="row title-container">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 class="heading-level-1" {{{title.epiEditAttribute}}}>{{title.value}}</h1>
</div>
</div>
</div>
{{/if}}
<form method="POST">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
{{render '@checkboxinput' checkboxInputModel}}
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<button class="button-default mb-md" type="submit">{{saveButtonText}}</button>
</div>
</div>
</div>
</form>
</main>
{
"pageId": "testID",
"title": {
"value": "Här kan du ändra dina verktyg",
"epiEditAttribute": ""
},
"saveButtonText": "Uppdatera",
"message": "Your tools have been updated",
"checkboxInputModel": {
"items": [
{
"nameId": "129095",
"icon": "fa-video-camera",
"heading": "Zoom",
"value": true
},
{
"nameId": "129095",
"icon": "fa-calendar-times-o",
"heading": "Bokade salar Sundsvall",
"value": true
},
{
"nameId": "129095",
"icon": "fa-video-camera",
"heading": "Zoom",
"value": true
},
{
"nameId": "129095",
"icon": "fa-calendar-times-o",
"heading": "Bokade salar Sundsvall",
"value": true
},
{
"nameId": "129095",
"icon": "fa-video-camera",
"heading": "Zoom",
"value": true
},
{
"nameId": "129095",
"icon": "fa-calendar-times-o",
"heading": "Bokade salar Sundsvall",
"value": true
},
{
"nameId": "129095",
"icon": "fa-video-camera",
"heading": "Zoom",
"value": true
},
{
"nameId": "129095",
"icon": "fa-calendar-times-o",
"heading": "Bokade salar Sundsvall",
"value": true
},
{
"nameId": "129095",
"icon": "fa-video-camera",
"heading": "Zoom",
"value": true
},
{
"nameId": "129095",
"icon": "fa-calendar-times-o",
"heading": "Bokade salar Sundsvall",
"value": true
}
]
}
}
There are no notes for this item.