|
@@ -1,20 +1,24 @@
|
|
|
<template>
|
|
|
<div class="project-model-interaction-window">
|
|
|
- <div>
|
|
|
+ <h1 class="headline">Model</h1>
|
|
|
+
|
|
|
+ <h2>Predictions</h2>
|
|
|
+ <button-row>
|
|
|
<button-input type="primary"
|
|
|
- @click="predict">predict all images
|
|
|
+ @click="predictUnlabeled">predict unlabeled
|
|
|
</button-input>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div>
|
|
|
<button-input type="primary"
|
|
|
- @click="fit">fit model with new data
|
|
|
+ @click="predictAll">predict all
|
|
|
</button-input>
|
|
|
- </div>
|
|
|
+ <button-input type="primary"
|
|
|
+ @click="download">download predictions
|
|
|
+ </button-input>
|
|
|
+ </button-row>
|
|
|
|
|
|
+ <h2>Fit</h2>
|
|
|
<div>
|
|
|
<button-input type="primary"
|
|
|
- @click="download">download predicted data
|
|
|
+ @click="fit">fit model with new data
|
|
|
</button-input>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -22,13 +26,17 @@
|
|
|
|
|
|
<script>
|
|
|
import ButtonInput from "@/components/base/button-input";
|
|
|
+import ButtonRow from "@/components/base/button-row";
|
|
|
|
|
|
export default {
|
|
|
name: "project-model-interaction-window",
|
|
|
- components: {ButtonInput},
|
|
|
+ components: {ButtonRow, ButtonInput},
|
|
|
props: ['currentProject', 'socket'],
|
|
|
methods: {
|
|
|
- predict: function () {
|
|
|
+ predictUnlabeled: function () {
|
|
|
+ this.socket.post('/projects/' + this.currentProject.id, {'predictUnlabeled': true});
|
|
|
+ },
|
|
|
+ predictAll: function () {
|
|
|
this.socket.post('/projects/' + this.currentProject.id, {'predictAll': true});
|
|
|
},
|
|
|
fit: function () {
|
|
@@ -49,4 +57,8 @@ export default {
|
|
|
.project-model-interaction-window > div {
|
|
|
margin-bottom: 1rem;
|
|
|
}
|
|
|
+
|
|
|
+h2 {
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
+}
|
|
|
</style>
|