Fix results heading design

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2020-04-23 15:06:04 +02:00 committed by Jonas Rittershofer
parent ea460e9612
commit d4e2d51ede

View file

@ -24,31 +24,31 @@
<template> <template>
<AppContent> <AppContent>
<div> <div class="section">
<h2>{{ t('forms', 'Results of {title}', { title: form.title }) }}</h2>
<button class="button btn primary" @click="download"> <button class="button btn primary" @click="download">
<span>{{ "Export to CSV" }}</span> {{ t('forms', 'Export to CSV') }}
</button> </button>
</div> <div v-for="sum in stats" :key="sum">
<h1>{{ "Statistics" }}</h1> {{ sum }}
<div v-for="sum in stats" :key="sum"> </div>
{{ sum }} <div id="app-content" :class="{'icon-loading': loading}">
</div> <transition-group
<div id="app-content" :class="{'icon-loading': loading}"> name="list"
<transition-group tag="div"
name="list" class="table">
tag="div" <ResultItem
class="table"> key="0"
<ResultItem :header="true" />
key="0" <li
:header="true" /> is="resultItem"
<li v-for="(answer, index) in answers"
is="resultItem" :key="answer.id"
v-for="(answer, index) in answers" :answer="answer"
:key="answer.id" @viewResults="viewFormResults(index, form.form, 'results')" />
:answer="answer" </transition-group>
@viewResults="viewFormResults(index, form.form, 'results')" /> <modal-dialog />
</transition-group> </div>
<modal-dialog />
</div> </div>
</AppContent> </AppContent>
</template> </template>