Skip to content
Snippets Groups Projects
Select Git revision
  • edf3f9db60cc55bab92cc1db01da4b6781234cce
  • master default
  • object
  • develop protected
  • private_algos
  • cuisine
  • SMOTE
  • revert-76c4cca5
  • archive protected
  • no_graphviz
  • 0.0.1
11 results

FeatureExtraction-All.ipynb

Blame
  • 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>