|
@@ -33,9 +33,45 @@
|
|
|
required
|
|
|
/>
|
|
|
|
|
|
+ <v-layout row wrap>
|
|
|
+ <v-flex xs5>
|
|
|
+ <v-checkbox
|
|
|
+ v-model="id.hasUserId"
|
|
|
+ color="primary"
|
|
|
+ :label="`I have an user ID`"
|
|
|
+ />
|
|
|
+ </v-flex>
|
|
|
+ <v-spacer />
|
|
|
+ <v-flex xs6>
|
|
|
+ <v-text-field
|
|
|
+ v-model="id.user"
|
|
|
+ label="User ID"
|
|
|
+ type="text"
|
|
|
+ :disabled="!id.hasUserId"
|
|
|
+ />
|
|
|
+ </v-flex>
|
|
|
+ </v-layout>
|
|
|
|
|
|
- <v-btn color="error" @click="reset">Reset Form</v-btn>
|
|
|
+ <v-layout row wrap>
|
|
|
+ <v-flex xs5>
|
|
|
+ <v-checkbox
|
|
|
+ v-model="id.hasExperimentId"
|
|
|
+ color="primary"
|
|
|
+ :label="`I have an experiment ID`"
|
|
|
+ />
|
|
|
+ </v-flex>
|
|
|
+ <v-spacer />
|
|
|
+ <v-flex xs6>
|
|
|
+ <v-text-field
|
|
|
+ v-model="id.experiment"
|
|
|
+ label="Experiment ID"
|
|
|
+ type="text"
|
|
|
+ :disabled="!id.hasExperimentId"
|
|
|
+ />
|
|
|
+ </v-flex>
|
|
|
+ </v-layout>
|
|
|
|
|
|
+ <v-btn color="error" @click="reset">Reset Form</v-btn>
|
|
|
<v-btn color="success" @click="validate">Submit</v-btn>
|
|
|
|
|
|
<v-slide-y-transition mode="out-in">
|
|
@@ -68,6 +104,13 @@ export default {
|
|
|
port: '80'
|
|
|
},
|
|
|
|
|
|
+ id: {
|
|
|
+ user: null,
|
|
|
+ hasUserId: false,
|
|
|
+ experiment: null,
|
|
|
+ hasExperimentId: false
|
|
|
+ },
|
|
|
+
|
|
|
loadingMessage: null,
|
|
|
configErrorMessage: null
|
|
|
}
|
|
@@ -89,11 +132,15 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- ...mapActions(['setHostConfig']),
|
|
|
+ ...mapActions(['setHostConfig', 'setUserExperimentId']),
|
|
|
reset() {
|
|
|
this.config.ssl = true
|
|
|
this.config.host = ''
|
|
|
this.config.port = null
|
|
|
+ this.id.user = null
|
|
|
+ this.id.hasUserId = false
|
|
|
+ this.id.experiment = null
|
|
|
+ this.id.hasExperimentId = false
|
|
|
this.configErrorMessage = null
|
|
|
this.$refs.form.reset()
|
|
|
},
|
|
@@ -104,6 +151,7 @@ export default {
|
|
|
this.configErrorMessage = null
|
|
|
try {
|
|
|
await this.setHostConfig(this.config)
|
|
|
+ this.setUserExperimentId({ userId: this.id.user, experimentId: this.id.experiment })
|
|
|
}
|
|
|
catch (err) {
|
|
|
console.error(err)
|