v-container(column grid-list-md)
v-layout(column)
v-flex
v-card
v-card-title.display-1.pa-2 Export
v-card-text
v-text-field(name="filename"
label="filename"
id="filename" clearable v-model="filename")
v-text-field(name="filter"
label="(optional) filter export by qid prefix"
id="filter" clearable v-model="filter")
v-card-actions
v-spacer
v-btn(@click="start()" id="export") export
v-flex(v-if="exports.length>0")
v-card(id="export-jobs")
v-card-title.headline Exports
v-card-text
v-list
template(v-for="(job,index) in exports")
v-list-tile(:id="'export-job-'+job.id" :data-status="job.status")
v-list-tile-content.job-content
v-list-tile-title {{job.id}}: {{job.status}}
v-list-tile-sub-title
v-progress-linear(v-model="job.progress*100")
v-list-tile-action.job-actions(
style="flex-direction:row;"
)
v-btn(fab block icon @click="remove(index)")
v-icon delete
v-btn(fab block
v-show="job.status==='Completed'"
icon @click="download(index)" :loading="job.loading")
v-icon file_download
v-divider(v-if="index + 1 < exports.length")