diff --git a/src/components/Results/Summary.vue b/src/components/Results/Summary.vue new file mode 100644 index 0000000..6ba3573 --- /dev/null +++ b/src/components/Results/Summary.vue @@ -0,0 +1,242 @@ + + + + + {{ question.text }} + + {{ answerTypes[question.type].label }} + + + + + + + {{ option.count }} + + ({{ option.percentage }}%): + + {{ option.text }} + + + + + + + + + {{ answer }} + + + + + + + + diff --git a/src/views/Results.vue b/src/views/Results.vue index 9fc2da7..c3c6095 100644 --- a/src/views/Results.vue +++ b/src/views/Results.vue @@ -38,15 +38,41 @@ - {{ t('forms', 'Responses for {title}', { title: formTitle }) }} - - - - {{ t('forms', 'Export to CSV') }} - + {{ formTitle }} + {{ t('forms', '{amount} responses', { amount: form.submissions.length }) }} + + + + + + + {{ t('forms', 'Summary') }} + + + + {{ t('forms', 'Responses') }} + + + + + + {{ t('forms', 'Export to CSV') }} + {{ t('forms', 'Delete all responses') }} @@ -69,7 +95,17 @@ - + + + + + + +
+ {{ answerTypes[question.type].label }} +
{{ t('forms', '{amount} responses', { amount: form.submissions.length }) }}