2022-02-28 09:52:27 +00:00
|
|
|
<script>
|
|
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
|
2022-11-18 14:38:50 +00:00
|
|
|
import { user } from '$lib/stores/user';
|
2022-02-28 09:52:27 +00:00
|
|
|
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
|
|
|
|
let className = '';
|
|
|
|
export { className as class };
|
|
|
|
export let question = null;
|
|
|
|
export let qid = null;
|
|
|
|
export let edit = false;
|
2022-09-23 07:59:23 +00:00
|
|
|
export let nodescription = false;
|
2022-02-28 09:52:27 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="card-header {className}">
|
|
|
|
<slot></slot>
|
|
|
|
|
|
|
|
{#if edit}
|
|
|
|
<div class="card-title row">
|
|
|
|
<label for="q{qid}title" class="col-auto col-form-label font-weight-bold">Titre :</label>
|
|
|
|
<div class="col"><input id="q{qid}title" class="form-control" bind:value={question.title}></div>
|
|
|
|
</div>
|
|
|
|
{:else}
|
|
|
|
<h4 class="card-title mb-0">{#if qid !== null}{qid + 1}. {/if}{question.title}</h4>
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
{#if edit}
|
|
|
|
<div class="form-group row">
|
|
|
|
<label class="col-2 col-form-label" for="q{qid}kind">Type de réponse</label>
|
|
|
|
<div class="col">
|
|
|
|
<select class="form-select" id="q{qid}kind" bind:value={question.kind}>
|
|
|
|
<option value="text">Texte</option>
|
2022-09-02 11:09:39 +00:00
|
|
|
<option value="list">Liste de champs de texte</option>
|
2022-09-05 16:39:01 +00:00
|
|
|
<option value="list1">Liste de champs de texte (1 champ)</option>
|
|
|
|
<option value="list2">Liste de champs de texte (2 champs)</option>
|
2022-09-02 11:09:39 +00:00
|
|
|
<option value="list5">Liste de champs de texte (5 champs)</option>
|
2022-02-28 09:52:27 +00:00
|
|
|
<option value="int">Entier</option>
|
|
|
|
<option value="ucq">QCU</option>
|
|
|
|
<option value="mcq">QCM</option>
|
2022-09-05 16:39:01 +00:00
|
|
|
<option value="none">Rien</option>
|
2022-02-28 09:52:27 +00:00
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<textarea class="form-control mb-2" bind:value={question.desc_raw} placeholder="Description de la question"></textarea>
|
2022-09-23 07:59:23 +00:00
|
|
|
{:else if question.description && !nodescription}
|
2022-02-28 09:52:27 +00:00
|
|
|
<p class="card-text mt-2">{@html question.description}</p>
|
|
|
|
{/if}
|
|
|
|
</div>
|