207 lines
37 KiB
HTML
207 lines
37 KiB
HTML
<body>
|
|
<div id="app" data-v-app="" aria-hidden="true"><div data-v-04b63562="" class="editor"><div data-v-04b63562="" class="app__topbar" aria-hidden="true"><aside data-v-2be13fb7="" data-v-04b63562="" class="topbar__content"><div data-v-2be13fb7="" class="topbar__left" aria-hidden="true"><!----></div><div data-v-2be13fb7="" class="topbar__right"><div data-v-2be13fb7="" class="preview-toggle" role="group" aria-hidden="true"><div data-v-2be13fb7="" class="preview__toggler" role="presentation"></div><button data-v-2be13fb7="" type="button" role="switch" aria-checked="true" class="button__edit"><div data-v-2be13fb7="" class="icon
|
|
icon--create
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-create" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m19.5 7.5-1.49 1.49-3-3L16.5 4.5c.42-.42.96-.62 1.5-.62s1.08.2 1.5.62c.83.83.83 2.17 0 3Zm-2.19 2.2L6.5 20.5c-.83.83-2.17.83-3 0-.83-.83-.83-2.17 0-3L14.31 6.7l3 3ZM9.95 3.5l.41-1.39c.04-.13 0-.27-.09-.37a.38.38 0 0 0-.38-.1l-1.39.41-1.39-.41c-.13-.04-.27 0-.37.09-.1.1-.13.24-.09.37l.4 1.4-.41 1.39c-.04.13 0 .27.09.37.1.1.24.13.37.09l1.4-.4 1.39.41c.04.01.07.02.11.02.1 0 .19-.04.27-.11.1-.1.13-.24.09-.37l-.41-1.4Zm-4 6 .41-1.39c.04-.13 0-.27-.09-.37-.1-.1-.24-.13-.37-.09l-1.4.4-1.39-.41c-.13-.04-.27 0-.37.09-.1.1-.13.24-.09.37l.4 1.4-.41 1.39c-.04.13 0 .27.09.37.1.1.24.13.37.09l1.39-.41 1.39.41c.03.01.07.01.11.01.1 0 .19-.04.27-.11.1-.1.13-.24.09-.37l-.4-1.38Zm15 5 .41-1.39c.04-.13 0-.27-.09-.37-.1-.1-.24-.13-.37-.09l-1.39.41-1.39-.41c-.13-.04-.27 0-.37.09-.1.1-.13.24-.09.37l.41 1.39-.41 1.39c-.04.13 0 .27.09.37.1.1.24.13.37.09l1.39-.41 1.39.41c.03.01.07.01.11.01.1 0 .19-.04.27-.11.1-.1.13-.24.09-.37l-.42-1.38Z"></path></svg></div><span data-v-2be13fb7="" class="preview-toggle__label">Bewerken</span></button><button data-v-2be13fb7="" type="button" role="switch" aria-checked="false" class="button__preview"><div data-v-2be13fb7="" class="icon
|
|
icon--eye
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-eye" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 14.286c1.216 0 2.2-1.024 2.2-2.286s-.984-2.286-2.2-2.286c-1.215 0-2.2 1.024-2.2 2.286s.985 2.286 2.2 2.286Z"></path><path fill-rule="evenodd" d="M1 12c1.402-4.637 5.573-8 10.5-8s9.098 3.363 10.5 8c-1.402 4.637-5.573 8-10.5 8S2.402 16.637 1 12Zm14.902 0c0 2.525-1.971 4.571-4.402 4.571-2.43 0-4.4-2.046-4.4-4.571s1.97-4.571 4.401-4.571c2.43 0 4.402 2.046 4.402 4.571Z"></path></svg></div><span data-v-2be13fb7="" class="preview-toggle__label">Voorbeeld</span></button></div><span data-v-2be13fb7="" data-v-tippy="" class="popover-wrapper save-button"><button class="button
|
|
button-variant--flat
|
|
button-shape--rounded
|
|
button-size--m
|
|
button-color--brand
|
|
|
|
button-icon-position--start popover__trigger" type="button" aria-hidden="true"><!----><!----><span class="button__text" aria-hidden="false">Opslaan als</span><div class="icon
|
|
icon--dirDown
|
|
icon-size--xs
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-dirDown" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.293 8.793a1 1 0 0 1 1.414 0L12 13.086l4.293-4.293a1 1 0 1 1 1.414 1.414L12 15.914l-5.707-5.707a1 1 0 0 1 0-1.414Z"></path></svg></div></button></span><nav data-v-2be13fb7="" class="user-menu-container" aria-hidden="true"><button type="button" class="user-menu__trigger" aria-controls="v-40" aria-expanded="false"><span class="visuallyhidden">Menu</span><div class="user__initials" aria-hidden="true"><span>NH</span></div><!----><div class="icon
|
|
icon--dirDown
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost user-menu__arrow"><svg data-testId="icon-dirDown" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.293 8.793a1 1 0 0 1 1.414 0L12 13.086l4.293-4.293a1 1 0 1 1 1.414 1.414L12 15.914l-5.707-5.707a1 1 0 0 1 0-1.414Z"></path></svg></div></button><!----></nav></div></aside></div><div data-v-04b63562="" class="app__main" aria-hidden="true"><div data-v-04b63562="" class="course-editor"><div data-v-b8efae08="" data-v-04b63562="" class="sidebar-left" aria-hidden="true"><nav data-v-b8efae08="" class="sidebar-left-content" aria-label="Pagina's"><div data-v-b8efae08="" class="sidebar-left-header" aria-hidden="true"><h2 data-v-b8efae08="" class="sidebar-left-title">Pagina's</h2></div><ol data-v-b8efae08="" role="list"><li data-v-b8efae08="" data-draggable="true"><div data-v-93fe788f="" data-v-b8efae08="" class="editor-chapter-wrapper"><div data-v-93fe788f="" class="chapter-header"><div data-v-93fe788f="" class="input-container
|
|
input-type--text
|
|
has-maxlength
|
|
has-icon page__title" aria-hidden="true"><label for="v-1" class="form__label
|
|
visuallyhidden">Titel hoofdstuk <!----></label><div class="input input-size--l"><input id="v-1" type="text" placeholder="Hoofdstuk 1" maxlength="60" aria-hidden="false" aria-describedby="
|
|
error-v-1 maxlength-v-1
|
|
"><div class="icon
|
|
icon--flag
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--ghost input__icon"><svg data-testId="icon-flag" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.02 12.33-1.22-1.22a1.39 1.39 0 0 1-.47-1.03c-.02-.45.16-.9.49-1.23l1.2-1.2c1.04-1.04 1.43-2.04 1.1-2.83-.32-.78-1.31-1.21-2.77-1.21H5.9v-.86c0-.41-.34-.75-.75-.75s-.75.34-.75.75v18.5c0 .41.34.75.75.75s.75-.34.75-.75v-4.88h10.45c1.44 0 2.41-.44 2.74-1.23.33-.79-.05-1.78-1.07-2.81Z"></path></svg></div><div class="icon
|
|
icon--warning
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--flat
|
|
|
|
icon-color--red input__icon--error"><svg data-testId="icon-warning" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 17.564c0 .793.672 1.436 1.5 1.436s1.5-.643 1.5-1.436c0-.793-.672-1.436-1.5-1.436s-1.5.643-1.5 1.436Zm1.5-3.231c-.621 0-1.125-.482-1.125-1.077v-7.18C10.875 5.483 11.379 5 12 5s1.125.482 1.125 1.077v7.18c0 .594-.504 1.076-1.125 1.076Z"></path></svg></div><div class="input-error-message-wrapper"><div id="error-v-1" aria-live="polite" class="input__error-message"><!----> </div></div><div id="maxlength-v-1" class="input__count">60</div><span aria-live="polite" class="visuallyhidden" style="display: none;">The maximum character limit has been reached.</span></div></div><span data-v-93fe788f="" data-v-tippy="" class="popover-wrapper"><button class="button
|
|
button-variant--ghost
|
|
button-shape--rounded
|
|
button-size--m
|
|
|
|
|
|
button-icon-position--start
|
|
icon-only popover__trigger" type="button" aria-hidden="true"><div class="icon
|
|
icon--kebab
|
|
icon-size--xs
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-kebab" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 7.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM10.5 18a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"></path></svg></div><!----><span class="visuallyhidden"></span><!----></button></span></div><div data-v-93fe788f="" class="leap-divider
|
|
leap-divider-direction--vertical
|
|
leap-divider-thickness--s" style="--divider-size: var(--size-undefined); --divider-padding: var(--size-4xs); --divider-color: var(--color-undefined);" aria-hidden="true"></div><ol data-v-93fe788f="" role="list" aria-hidden="true"><li data-v-93fe788f="" data-draggable="true"><div data-v-934ef5a0="" data-v-93fe788f="" class="page-block page-block--active" chapter="[object Object]"><div data-v-934ef5a0="" class="page-block-link"><button data-v-934ef5a0="" class="button
|
|
button-variant--flat
|
|
button-shape--circle
|
|
button-size--s page-block-button" type="button" aria-label="1 " aria-hidden="false" aria-current="true" data-testid="page-button"><!----><!----><span class="button__text" aria-hidden="false">1</span><!----></button><span data-v-934ef5a0="" class="ellipsis ellipsis--clamp page-block-title" aria-hidden="true" style="--webkit-line-clamp: 2;">Pagina 1</span><div data-v-934ef5a0="" class="icon
|
|
icon--dragHandle
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-dragHandle" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM8 17a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm6-8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM12.5 17a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z"></path></svg></div></div><!----></div></li></ol></div></li></ol><div data-v-041e7e3b="" data-v-b8efae08="" class="exam-page-block" aria-hidden="true"><div data-v-041e7e3b="" class="exam-page-link"><button data-v-041e7e3b="" class="button
|
|
button-variant--flat
|
|
button-shape--circle
|
|
button-size--m
|
|
|
|
|
|
button-icon-position--start
|
|
icon-only exam-page-button" type="button" disabled="" aria-hidden="false"><div class="icon
|
|
icon--exam
|
|
icon-size--xs
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-exam" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.514 3.126a1 1 0 0 1 .972 0l9 5a1 1 0 0 1 0 1.748l-2.1 1.167-6.89 3.927a1 1 0 0 1-.991 0L9 13.54V20a1 1 0 1 1-2 0v-7.208c0-.125.016-.248.045-.366l-2.43-1.385-2.1-1.167a1 1 0 0 1 0-1.748l9-5Zm-.182 17.673c-.267-.24-.545-.465-.832-.675v-4.002l.262.149a2.5 2.5 0 0 0 2.476 0l6.53-3.722c.294 1.538.31 3.122.042 4.678a1 1 0 0 1-.888.825 10.952 10.952 0 0 0-6.254 2.747 1 1 0 0 1-1.336 0Zm-7.1-8.25 1.268.723v4.83c-.14-.02-.28-.036-.42-.05a1 1 0 0 1-.89-.825 13.078 13.078 0 0 1 .043-4.677Z"></path></svg></div><!----><span class="visuallyhidden">Toets</span><!----></button><div data-v-041e7e3b="" class="exam-page-title disabled">Toets</div></div><button data-v-041e7e3b="" id="v-2" type="button" role="switch" class="toggle-container
|
|
toggle-color--brand
|
|
toggle-direction--row" aria-checked="false" value="false"><div class="toggle"><span class="toggle__circle" role="presentation"></span></div><div class="toggle-text"><span class="toggle__label visuallyhidden">Toets inschakelen</span><!----></div></button></div></nav><div data-v-b8efae08="" class="sidebar-left-actions" aria-hidden="true"><button data-v-b8efae08="" class="button
|
|
button-variant--outline
|
|
button-shape--rounded
|
|
button-size--l
|
|
button-color--brand
|
|
|
|
button-icon-position--start" type="button" aria-hidden="false"><div class="icon
|
|
icon--flag
|
|
icon-size--xs
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-flag" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18.02 12.33-1.22-1.22a1.39 1.39 0 0 1-.47-1.03c-.02-.45.16-.9.49-1.23l1.2-1.2c1.04-1.04 1.43-2.04 1.1-2.83-.32-.78-1.31-1.21-2.77-1.21H5.9v-.86c0-.41-.34-.75-.75-.75s-.75.34-.75.75v18.5c0 .41.34.75.75.75s.75-.34.75-.75v-4.88h10.45c1.44 0 2.41-.44 2.74-1.23.33-.79-.05-1.78-1.07-2.81Z"></path></svg></div><!----><span class="button__text" aria-hidden="false">Nieuw hoofdstuk</span><!----></button><button data-v-b8efae08="" class="button
|
|
button-variant--flat
|
|
button-shape--rounded
|
|
button-size--l
|
|
button-color--brand
|
|
|
|
button-icon-position--start" type="button" aria-hidden="false"><div class="icon
|
|
icon--circlePlus
|
|
icon-size--xs
|
|
icon-shape--circle
|
|
icon-variant--ghost"><svg data-testId="icon-circlePlus" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10ZM11 8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8Z"></path></svg></div><!----><span class="button__text" aria-hidden="false">Pagina</span><!----></button></div></div><div data-v-04b63562="" class="editor__main" data-testid="editor-main" aria-hidden="true"><div data-v-04b63562="" class="editor__page" tabindex="-1"><main data-v-e3d0f93b="" data-v-04b63562="" class="page" aria-label="Pagina"><div data-v-e3d0f93b="" class="page__content"><div data-v-e3d0f93b="" class="page-header" aria-hidden="true"><section data-v-e3d0f93b="" class="page-header__input"><div data-v-e3d0f93b="" class="textarea-container
|
|
textarea
|
|
textarea-size--l page__title"><label for="v-3" class="form__label
|
|
visuallyhidden">Titel <!----></label><textarea modelvalue="" label="Titel" id="v-3" placeholder="Pagina 1" size="l" maxlength="60" autoresize="" singleline="true" hidelabel="true" rows="1" value="" style="height: 61px;"></textarea><div class="textarea-count-wrapper"><div class="textarea__count
|
|
blue">0/60</div></div></div></section></div><!----><div data-v-5d4d2481="" data-v-e3d0f93b="" class="dropzone"><div data-v-5d4d2481="" class="icon
|
|
icon--plus
|
|
icon-size--xl
|
|
icon-shape--circle
|
|
icon-variant--flat dropzone__icon"><svg data-testId="icon-plus" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 6a1.2 1.2 0 0 0-1.2 1.2v3.6H7.2a1.2 1.2 0 1 0 0 2.4h3.6v3.6a1.2 1.2 0 0 0 2.4 0v-3.6h3.6a1.2 1.2 0 0 0 0-2.4h-3.6V7.2A1.2 1.2 0 0 0 12 6Z"></path></svg></div><span data-v-5d4d2481="" class="dropzone__text">Sleep en voeg een contentblok toe</span></div></div></main></div><aside data-v-e8a5b879="" data-v-04b63562="" class="editor__sidebar-right" aria-label="Blokken" aria-hidden="true"><div data-v-e8a5b879="" class="sidebar-right__container"><div class="tabs-container
|
|
tabs-variant--default" role="tablist" tabindex="-1"><button id="tab-blocks" type="button" class="tab" role="tab" aria-selected="true" tabindex="0" aria-controls="blocks"><!----><div class="tab__text">Blokken</div></button><button id="tab-settings" type="button" class="tab" role="tab" aria-selected="false" tabindex="-1" aria-controls="settings"><!----><div class="tab__text">Instellingen</div></button></div><div id="blocks" aria-labelledby="tab-blocks" role="tabpanel" class="tabpanel"><div data-v-e8a5b879="" class="sidebar-right__content"><div data-v-e8a5b879="" class="dragblock-group"><div data-v-e8a5b879="" class="dragblock-group__title">Tekst</div><div data-v-e8a5b879="" class="dragblock-group__content"><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="text" data-testid="drag-block-text" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--text
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-text" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.6 11H3a1 1 0 0 0 0 2h14.6a1 1 0 0 0 0-2Zm3-6H3a1 1 0 0 0 0 2h17.6a1 1 0 1 0 0-2Zm-7.3 12H3a1 1 0 0 0 0 2h10.3a1 1 0 0 0 0-2Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Tekst</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="heading" data-testid="drag-block-heading" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--title
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-title" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.787 3 20 7.238h-.533a4.952 4.952 0 0 0-.426-1.605 2.664 2.664 0 0 0-1.162-1.13 4.111 4.111 0 0 0-1.898-.373h-2.686v13.803a3.61 3.61 0 0 0 .373 2.018c.218.198.478.35.763.445.285.096.588.133.89.11h.66V21h-8.09v-.494h.682c.324.028.65-.02.949-.14.3-.12.563-.307.767-.546a3.908 3.908 0 0 0 .31-1.887V4.13H8.305a6.741 6.741 0 0 0-1.897.192A2.643 2.643 0 0 0 5.151 5.33a3.96 3.96 0 0 0-.618 1.907H4L4.224 3h15.563Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Kop</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="quote" data-testid="drag-block-quote" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--quote
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-quote" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.163 13.451c-.604.2-1.247.252-1.874.152a4.044 4.044 0 1 1 3.376-6.939 4.516 4.516 0 0 1 1.283 2.575 8.298 8.298 0 0 1-.616 5.065 9.016 9.016 0 0 1-3.984 4.069c-.195.076-.667.152-.845-.17a.726.726 0 0 1 .313-.843 6.854 6.854 0 0 0 2.347-3.909Zm10.045 0c-.606.2-1.252.252-1.882.152a4.044 4.044 0 1 1 3.376-6.939 4.482 4.482 0 0 1 1.3 2.575 8.239 8.239 0 0 1-.624 5.065 8.973 8.973 0 0 1-3.985 4.069c-.186.076-.667.152-.844-.17a.7.7 0 0 1 .312-.843 6.905 6.905 0 0 0 2.347-3.909Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Quote</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="table" data-testid="drag-block-table" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--grid
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-grid" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97Zm0 11.25v-4.04c0-1.59-.64-2.23-2.23-2.23h-4.04c-1.59 0-2.23.64-2.23 2.23v4.04c0 1.59.64 2.23 2.23 2.23h4.04c1.59 0 2.23-.64 2.23-2.23ZM10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97Zm0 11.25v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Tabel</span></div><!----></header><!----></div></div></div><div data-v-e8a5b879="" class="dragblock-group"><div data-v-e8a5b879="" class="dragblock-group__title">Media</div><div data-v-e8a5b879="" class="dragblock-group__content"><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="image" data-testid="drag-block-image" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--image
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-image" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m2.58 19.01-.02.02c-.27-.59-.44-1.26-.51-2 .07.73.26 1.39.53 1.98ZM9 10.38a2.38 2.38 0 1 0 0-4.76 2.38 2.38 0 0 0 0 4.76Z"></path><path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81v8.38c0 1.09.19 2.04.56 2.84.86 1.9 2.7 2.97 5.25 2.97h8.38c3.64 0 5.81-2.17 5.81-5.81V7.81C22 4.17 19.83 2 16.19 2Zm4.18 10.5c-.78-.67-2.04-.67-2.82 0l-4.16 3.57c-.78.67-2.04.67-2.82 0l-.34-.28c-.71-.62-1.84-.68-2.64-.14l-3.74 2.51c-.22-.56-.35-1.21-.35-1.97V7.81c0-2.82 1.49-4.31 4.31-4.31h8.38c2.82 0 4.31 1.49 4.31 4.31v4.8l-.13-.11Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Afbeelding</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="video" data-testid="drag-block-video" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--video
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-video" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M19.07 4.93A9.99 9.99 0 0 0 12 2C9.35 2 6.8 3.05 4.93 4.93A9.974 9.974 0 0 0 2 12c0 1.31.26 2.61.76 3.83a9.87 9.87 0 0 0 2.17 3.24A9.975 9.975 0 0 0 12 22c1.32 0 2.61-.26 3.83-.76a9.87 9.87 0 0 0 3.24-2.17A9.975 9.975 0 0 0 22 12c0-2.65-1.05-5.2-2.93-7.07Zm-3.14 8.32-4.59 3.06c-1 .67-2.34-.05-2.34-1.25V8.94c0-1.2 1.34-1.92 2.33-1.25l4.59 3.06c.89.59.89 1.9 0 2.5h.01Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Video</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="audio" data-testid="drag-block-audio" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--audio
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-audio" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2ZM6.75 14.14c0 .41-.34.75-.75.75s-.75-.34-.75-.75V9.86c0-.41.34-.75.75-.75s.75.34.75.75v4.28Zm3 1.43c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8.43c0-.41.34-.75.75-.75s.75.34.75.75v7.14Zm3 1.43c0 .41-.34.75-.75.75s-.75-.34-.75-.75V7c0-.41.34-.75.75-.75s.75.34.75.75v10Zm3-1.43c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8.43c0-.41.34-.75.75-.75s.75.34.75.75v7.14Zm3-1.43c0 .41-.34.75-.75.75s-.75-.34-.75-.75V9.86c0-.41.34-.75.75-.75s.75.34.75.75v4.28Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Audio</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="downloads" data-testid="drag-block-downloads" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--download
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-download" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.197 2H7.813C4.17 2 2 4.17 2 7.81v8.37C2 19.83 4.171 22 7.813 22h8.374C19.83 22 22 19.83 22 16.19V7.81C22.01 4.17 19.839 2 16.197 2Zm-7.724 8.98c.29-.29.77-.29 1.06 0l1.722 1.72V6.51c0-.41.34-.75.75-.75s.75.34.75.75v6.19l1.721-1.72c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-3 3a.775.775 0 0 1-.531.22.754.754 0 0 1-.53-.22l-3.002-3a.754.754 0 0 1 0-1.06Zm9.775 6.24a19.763 19.763 0 0 1-6.243 1.01c-2.121 0-4.232-.34-6.243-1.01a.753.753 0 0 1-.47-.95c.13-.39.55-.61.95-.47a18.351 18.351 0 0 0 11.536 0c.39-.13.82.08.95.47.12.4-.09.82-.48.95Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Downloads</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="links" data-testid="drag-block-links" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--newWindow
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-newWindow" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.197 2H7.813C4.17 2 2 4.17 2 7.81v8.37C2 19.83 4.171 22 7.813 22h8.374C19.83 22 22 19.83 22 16.19V7.81C22.01 4.17 19.839 2 16.197 2Zm1.06 10.33c0 .41-.34.75-.75.75s-.75-.34-.75-.75V9.31l-7.724 7.72c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l7.723-7.72h-3.021c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4.832c.41 0 .75.34.75.75v4.83Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Links</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="expert" data-testid="drag-block-expert" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--user
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-user" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C9.38 2 7.25 4.13 7.25 6.75c0 2.57 2.01 4.65 4.63 4.74.08-.01.16-.01.22 0h.07a4.738 4.738 0 0 0 4.58-4.74C16.75 4.13 14.62 2 12 2Zm5.08 12.15c-2.79-1.86-7.34-1.86-10.15 0-1.27.85-1.97 2-1.97 3.23s.7 2.37 1.96 3.21C8.32 21.53 10.16 22 12 22c1.84 0 3.68-.47 5.08-1.41 1.26-.85 1.96-1.99 1.96-3.23-.01-1.23-.7-2.37-1.96-3.21Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Expert</span></div><!----></header><!----></div></div></div><div data-v-e8a5b879="" class="dragblock-group"><div data-v-e8a5b879="" class="dragblock-group__title">Externe tools</div><div data-v-e8a5b879="" class="dragblock-group__content"><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="typeform" data-testid="drag-block-typeform" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--typeformLogo
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-typeformLogo" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M.178 8.124c0-2.56 1.011-3.884 2.706-3.884 1.701 0 2.712 1.324 2.712 3.884v7.752c0 2.56-1.018 3.884-2.712 3.884-1.695 0-2.706-1.324-2.706-3.884V8.124Zm18.24-3.884h-5.6c-5.018 0-5.41 2.167-5.41 5.062L7.4 14.698c0 3.011.378 5.062 5.44 5.062h5.578c5.033 0 5.404-2.16 5.404-5.047V9.309c0-2.902-.386-5.069-5.404-5.069Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Typeform</span></div><!----></header><!----></div></div></div><div data-v-e8a5b879="" class="dragblock-group"><div data-v-e8a5b879="" class="dragblock-group__title">Vragen</div><div data-v-e8a5b879="" class="dragblock-group__content"><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="multiple-choice" data-testid="drag-block-multiple-choice" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--multipleChoice
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-multipleChoice" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.36 20.17a3.36 3.36 0 1 0 0-6.72 3.36 3.36 0 0 0 0 6.72Zm0-15.72C2.45 4.45 1 5.9 1 7.81s1.45 3.36 3.36 3.36 3.36-1.45 3.36-3.36-1.46-3.36-3.36-3.36Zm0 5.03c-.89 0-1.68-.78-1.68-1.68 0-.9.78-1.68 1.68-1.68.9 0 1.68.78 1.68 1.68 0 .9-.67 1.68-1.68 1.68Zm7.14-.17h9.1c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5h-9.1c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5Zm9.1 6h-9.1c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h9.1c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Meerkeuze</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="multiple-response" data-testid="drag-block-multiple-response" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--multipleResponse
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-multipleResponse" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.3 8.72h9.1c.8 0 1.5-.7 1.5-1.5s-.6-1.5-1.5-1.5h-9.1c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5Zm9.1 6h-9.1c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5h9.1c.8 0 1.5-.7 1.5-1.5s-.6-1.5-1.5-1.5ZM6.95 4H3.61C2.69 4 2 4.69 2 5.61v3.34c0 .81.81 1.5 1.61 1.5h3.34c.92 0 1.61-.69 1.61-1.61V5.61C8.56 4.69 7.87 4 6.95 4Zm0 9H3.61C2.69 13 2 13.69 2 14.61v3.34c0 .81.81 1.5 1.61 1.5h3.34c.92 0 1.61-.69 1.61-1.61v-3.22c0-.92-.69-1.61-1.61-1.61V13Zm.11 4.83c0 .09-.02.11-.11.11H3.62s-.09-.04-.12-.07V14.6c0-.09.02-.11.11-.11h3.34c.09 0 .11.02.11.11v3.23Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Multi antwoord</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="open-question" data-testid="drag-block-open-question" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--openQuestion
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-openQuestion" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.409 1.996a3.097 3.097 0 0 0-3.093 3.093V18.91a3.097 3.097 0 0 0 3.093 3.093H19.23a3.097 3.097 0 0 0 3.093-3.093V5.09a3.097 3.097 0 0 0-3.093-3.093H5.41Zm15.139 16.906c0 .734-.592 1.326-1.326 1.326H5.41a1.324 1.324 0 0 1-1.326-1.326V5.09c0-.734.592-1.326 1.326-1.326h13.82c.734 0 1.326.592 1.326 1.326v13.82l-.009-.009Z"></path><path d="M6.955 8.182H8.3V15.8H6.955v1.768h4.455V15.8h-1.344V8.182h1.344V6.415H6.955v1.767Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Open vraag</span></div><!----></header><!----></div><div data-v-e566cffb="" data-v-e8a5b879="" id="" class="content-block content-block--new" data-type="matching-pairs" data-testid="drag-block-matching-pairs" tabindex="0" data-draggable="true"><header data-v-e566cffb="" class="content-block__header"><div data-v-e566cffb="" class="content-block__type"><div data-v-e566cffb="" class="icon
|
|
icon--matchingPairs
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--ghost content-block__icon"><svg data-testId="icon-matchingPairs" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 6.724c0-.2-.08-.39-.22-.53l-3.72-3.72a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l2.45 2.45H3c-.41 0-.75.34-.75.75s.34.74.75.74h16.19l-2.44 2.44c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22l3.71-3.71c.07-.07.13-.16.17-.26 0-.01 0-.02.01-.03.03-.08.05-.16.05-.25Zm-.75 9.79H4.81l2.44-2.44c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-3.71 3.71c-.07.07-.13.16-.17.26 0 .01 0 .02-.01.03-.03.08-.05.17-.05.26 0 .2.08.39.22.53l3.72 3.72c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06l-2.45-2.45H21c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"></path></svg></div><span data-v-e566cffb="" class="content-block__text">Koppelvraag</span></div><!----></header><!----></div></div></div></div></div><div id="settings" aria-labelledby="tab-settings" role="tabpanel" class="tabpanel" style="display: none;"><div data-v-92d4553c="" data-v-e8a5b879="" class="exam-settings"><h2 data-v-92d4553c="" class="exam-settings__title">Toetsinstellingen</h2><p data-v-92d4553c="" class="exam-settings__body">In deze sectie kun je instellingen configureren om het meeste uit je examen te halen.</p><div data-v-92d4553c="" class="exam-settings__section"><button data-v-92d4553c="" id="v-34" type="button" role="switch" class="toggle-container
|
|
toggle-color--brand
|
|
toggle-direction--row" aria-checked="false" value="false"><div class="toggle"><span class="toggle__circle" role="presentation"></span></div><div class="toggle-text"><span class="toggle__label">Toets inschakelen</span><!----></div></button><button data-v-92d4553c="" id="v-35" type="button" role="switch" class="toggle-container
|
|
toggle-color--brand
|
|
toggle-direction--row
|
|
disabled" aria-checked="false" disabled="" value="false"><div class="toggle"><span class="toggle__circle" role="presentation"></span></div><div class="toggle-text"><span class="toggle__label">Toon feedback na afronding</span><!----></div></button></div><h2 data-v-92d4553c="" class="exam-settings__heading">Vragen</h2><div data-v-92d4553c="" class="exam-settings__section"><button data-v-92d4553c="" id="v-36" type="button" role="switch" class="toggle-container
|
|
toggle-color--brand
|
|
toggle-direction--row
|
|
disabled" aria-checked="false" disabled="" value="false"><div class="toggle"><span class="toggle__circle" role="presentation"></span></div><div class="toggle-text"><span class="toggle__label">Vragenbank</span><!----></div></button><div data-v-92d4553c="" class="input-container
|
|
input-type--number" modelmodifiers="[object Object]"><label for="v-37" class="form__label
|
|
|
|
form__label--disabled">Aantal vragen in de toets <!----></label><div class="input input-size--l"><input id="v-37" type="number" disabled="" min="1" max="0" aria-hidden="false" aria-describedby="
|
|
error-v-37 maxlength-v-37
|
|
" value="0"><!----><div class="icon
|
|
icon--warning
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--flat
|
|
|
|
icon-color--red input__icon--error"><svg data-testId="icon-warning" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 17.564c0 .793.672 1.436 1.5 1.436s1.5-.643 1.5-1.436c0-.793-.672-1.436-1.5-1.436s-1.5.643-1.5 1.436Zm1.5-3.231c-.621 0-1.125-.482-1.125-1.077v-7.18C10.875 5.483 11.379 5 12 5s1.125.482 1.125 1.077v7.18c0 .594-.504 1.076-1.125 1.076Z"></path></svg></div><div class="input-error-message-wrapper"><div id="error-v-37" aria-live="polite" class="input__error-message"><!----> </div></div><!----><!----></div></div><section data-v-92d4553c="" role="region" class="callout-container
|
|
callout-color--blue
|
|
callout-size--s"><div class="icon
|
|
icon--info
|
|
icon-size--m
|
|
icon-shape--circle
|
|
icon-variant--outline
|
|
|
|
icon-color--blue callout__icon"><svg data-testId="icon-info" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.436C13.5 5.643 12.828 5 12 5s-1.5.643-1.5 1.436c0 .793.672 1.436 1.5 1.436s1.5-.643 1.5-1.436ZM12 9.667c.621 0 1.125.482 1.125 1.077v7.18c0 .594-.504 1.076-1.125 1.076s-1.125-.482-1.125-1.077v-7.18c0-.594.504-1.076 1.125-1.076Z"></path></svg></div><div class="callout__content"><div class="callout__top"><!----><div class="callout__text">Voeg minimaal 2 vragen toe om deze optie te activeren.</div></div><!----></div></section></div><h2 data-v-92d4553c="" class="exam-settings__heading">Score</h2><div data-v-92d4553c="" class="exam-settings__section"><div data-v-92d4553c="" class="input-container
|
|
input-type--number" modelmodifiers="[object Object]"><label for="v-38" class="form__label">Minimumscore (%) <!----></label><div class="input input-size--l"><input id="v-38" type="number" min="50" max="100" aria-hidden="false" aria-describedby="
|
|
error-v-38 maxlength-v-38
|
|
" value="60"><!----><div class="icon
|
|
icon--warning
|
|
icon-size--s
|
|
icon-shape--circle
|
|
icon-variant--flat
|
|
|
|
icon-color--red input__icon--error"><svg data-testId="icon-warning" aria-hidden="true" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 17.564c0 .793.672 1.436 1.5 1.436s1.5-.643 1.5-1.436c0-.793-.672-1.436-1.5-1.436s-1.5.643-1.5 1.436Zm1.5-3.231c-.621 0-1.125-.482-1.125-1.077v-7.18C10.875 5.483 11.379 5 12 5s1.125.482 1.125 1.077v7.18c0 .594-.504 1.076-1.125 1.076Z"></path></svg></div><div class="input-error-message-wrapper"><div id="error-v-38" aria-live="polite" class="input__error-message"><!----> </div></div><!----><!----></div></div></div></div><div data-v-68010b24="" data-v-e8a5b879="" class="public-preview-settings"><h2 data-v-68010b24="" class="public-preview-settings__title">Openbare Preview</h2><p data-v-68010b24="" class="public-preview-settings__body">Schakel dit in als je een preview van de laatste versie van deze cursus openbaar wilt maken</p><div data-v-68010b24="" class="public-preview-settings__section"><button data-v-68010b24="" id="v-39" type="button" role="switch" class="toggle-container
|
|
toggle-color--brand
|
|
toggle-direction--row" aria-checked="false" value="false"><div class="toggle"><span class="toggle__circle" role="presentation"></span></div><div class="toggle-text"><span class="toggle__label">Schakel openbare preview in</span><!----></div></button><!----></div><button data-v-68010b24="" class="button
|
|
button-variant--flat
|
|
button-shape--rounded
|
|
button-size--m
|
|
button-color--brand" type="button" disabled="" aria-hidden="false"><!----><!----><span class="button__text" aria-hidden="false">Kopieer link</span><!----></button></div></div></div></aside></div></div></div><!----></div><!----></div>
|
|
|
|
|
|
<!----><!----><div class="toast-manager" aria-live="polite"></div><!----></body> |