span.wrapper
v-dialog(v-model='error', scrollable, width='auto')
v-card#error-modal
v-card-title(primary-title) Error Loading Content
v-card-text
li(v-for='error in errorList') {{ error }}
v-card-actions
v-spacer
v-btn.lighten-3(
@click='error = false; errorList = []; errorMsg = ""; $refs.file.value = []',
:class='{ teal: success }'
) close
v-container#page-import(column, grid-list-md)
v-layout(column)
v-flex
v-card
v-card-title.display-1.pa-2 Import
v-card-text
p
p.title From File
.ml-4.mb-2
input#upload-file(type='file', name='file', v-on:change='Getfile', ref='file')
p.title From url
.d-flex.ml-4
v-text-field#url(
name='url',
label='Type here to import from url',
clearable,
v-model='url'
)
v-btn#import-url(@click='Geturl', style='flex: 0', :disabled='url.length === 0') import
v-flex(v-if='jobs.length > 0')
v-card#import-jobs
v-card-title.headline Import Jobs
v-card-text
v-list
template(v-for='(job, index) in jobs')
v-list-tile(:id='"import-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
v-btn(fab, block, icon, @click='deleteJob(index)', :loading='job.loading')
v-icon delete
v-divider(v-if='index + 1 < jobs.length')
v-flex
v-expansion-panel
v-expansion-panel-content
p#examples-open.headline(slot='header') Examples/Extensions
v-list(two-line)
template(v-for='(example, index) in examples')
v-divider
v-list-tile
v-list-tile-avatar
v-tooltip(bottom)
span(slot='activator')
v-icon.pr-3 info
span.subheading {{ example.text }}
v-list-tile-content
v-list-tile-title.title {{ example.id }}
v-tooltip(bottom)
span(slot='activator')
v-list-tile-sub-title {{ example.text }}
span.subheading {{ example.text }}
v-list-tile-action
v-btn.example(
@click='importExample(example.document.href)',
:id='"example-" + example.id'
) Load