teach/atsebay.t
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Activity

In live session, radio are big buttons

Browse Source
This commit is contained in:
nemunaire 2022-09-01 19:15:53 +02:00
parent 89f61d1046
commit ed42f2eaeb
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/QuestionForm.svelte
View File

@ -91,6 +91,7 @@
kind={question.kind} kind={question.kind}
{proposals} {proposals}
readonly readonly
live={survey.direct !== null}
bind:value={value} bind:value={value}
on:change={() => { dispatch("change"); }} on:change={() => { dispatch("change"); }}
/> />
@ -108,6 +109,7 @@
kind={question.kind} kind={question.kind}
{proposals} {proposals}
{readonly} {readonly}
live={survey.direct !== null}
bind:value={value} bind:value={value}
on:change={() => { dispatch("change"); }} on:change={() => { dispatch("change"); }}
/> />

11
ui/src/components/QuestionProposals.svelte
View File

@ -5,6 +5,7 @@
export let edit = false; export let edit = false;
export let proposals = []; export let proposals = [];
export let live = false;
export let kind = 'mcq'; export let kind = 'mcq';
export let prefixid = ''; export let prefixid = '';
export let readonly = false; export let readonly = false;
@ -28,6 +29,7 @@
} }
</script> </script>
<div class:d-flex={live} class:justify-content-around={live}>
{#each proposals as proposal, pid (proposal.id)} {#each proposals as proposal, pid (proposal.id)}
<div class="form-check"> <div class="form-check">
{#if kind == 'mcq'} {#if kind == 'mcq'}
@ -44,7 +46,8 @@
{:else} {:else}
<input <input
type="radio" type="radio"
class="form-check-input" class:btn-check={live}
class:form-check-input={!live}
disabled={readonly} disabled={readonly}
name={prefixid + 'proposal' + proposal.id_question} name={prefixid + 'proposal' + proposal.id_question}
id={prefixid + 'p' + proposal.id} id={prefixid + 'p' + proposal.id}
@ -84,7 +87,10 @@
</form> </form>
{:else} {:else}
<label <label
class="form-check-label" class:form-check-label={!live}
class:btn={live}
class:btn-lg={live}
class:btn-primary={live}
for={prefixid + 'p' + proposal.id} for={prefixid + 'p' + proposal.id}
> >
{proposal.label} {proposal.label}
@ -92,6 +98,7 @@
{/if} {/if}
</div> </div>
{/each} {/each}
</div>
{#if edit} {#if edit}
{#if kind == 'mcq'} {#if kind == 'mcq'}
<input <input