Select Git revision
FeatureExtraction-All.ipynb
ModelEdit.vue 2.40 KiB
<template>
<div class="modelEdit container">
<div class="box">
<h1 class="title">Model name</h1>
<b-field>
<b-input maxlength="30" size="is-large" v-model="model.name"/>
</b-field>
<hr>
<h1 class="title">Description</h1>
<b-field label="Short description">
<b-input maxlength="200" type="textarea" v-model="model.shortDescription"/>
</b-field>
<b-field label="Long description">
<markdownEditor v-bind:input="model.longDescription"/>
</b-field>
<hr>
<h1 class="title">Tags</h1>
<tagEditor v-bind:tags="model.tags"/>
<hr>
<h1 class="title">Files</h1>
<div class="columns">
<div class="column">
<b-field label="Model">
<b-upload v-model="model.file" drag-drop expanded>
<section class="section">
<div class="content has-text-centered">
<p>
<b-icon icon="upload" size="is-large"/>
</p>
<p>Drop your model here or click to upload</p>
</div>
</section>
</b-upload>
</b-field>
</div>
<div class="column rightColumn">
<layersEditor v-bind:layers="model.customLayers"/>
</div>
</div>
</div>
<div class="box">
<b-button tag="router-link" :to="{ name: 'Account' }">Cancel</b-button>
<b-button type="is-success" @click="openUploadModal">Save</b-button>
</div>
<b-modal :active.sync="isUploadModalActive" has-modal-card trap-focus aria-role="dialog" aria-modal>
<ModelUpload v-bind:model="model"/>
</b-modal>
</div>
</template>
<script>
import markdownEditor from '@/components/MarkdownEditor.vue'
import tagEditor from '@/components/TagEditor.vue'
import layersEditor from '@/components/LayersEditor.vue'
import ModelUpload from '@/components/ModelUpload.vue'
export default {
name: 'ModelEdit',
components: {
markdownEditor,
tagEditor,
layersEditor,
ModelUpload
},
props: {
model: {
type: Object,
default: function () {
return {}
}
}
},
data () {
return {
isUploadModalActive: false
}
},
methods: {
openUploadModal () {
this.isUploadModalActive = true
}
}
}
</script>
<style scoped>
.modelEdit{
margin-top: 20px;
}
.rightColumn {
border-left: 2px solid whitesmoke;
}
</style>