Check ml state for all proposals

src/components/PersonInfoRow.vue

@@ -8,7 +8,6 @@
       <a :href="person.url"><b-icon-box-arrow-up-right scale="1.5"></b-icon-box-arrow-up-right></a>
     </div>
     <div class="provider">{{person.provider}}</div>
-    <div class="ml" :class="{'match': person.ml_match}"></div>
   </div>
 </template>
 
@@ -38,15 +37,5 @@ export default {
     .provider {
       width: 15%;
     }
-
-    .ml{
-      &.match {
-        background: green;
-      }
-
-      background: orange;
-      width: 2rem;
-      margin-right: 2rem;
-    }
   }
 </style>

src/components/ProposalList.vue

@@ -25,6 +25,7 @@
                 <template v-slot:header>
                     <div class="action-header">
                         <h6 class="mb-0">Concordance #{{proposal.id}}</h6>
+                        <div class="ml" :class="{'match': proposal.ml_match}"></div>
                         <b-form-checkbox switch v-model="proposal.match" @change="changeProposal(proposal, $event)"></b-form-checkbox>
                     </div>
                 </template>
@@ -41,7 +42,6 @@
           <div class="d-flex justify-content-end list-group-item action-footer">
             <b-btn-group>
               <b-button @click="preSave(ml)">Save</b-button>
-              <b-button @click="train(ml)">Train</b-button>
               <b-button @click="predict(ml)">Predict</b-button>
             </b-btn-group>
           </div>
@@ -59,10 +59,14 @@
     computed: {
       ...mapGetters('proposal', ['list']),
       proposals() {
-        return this.list.map((p) => {
+        const r =  this.list.map((p) => {
           p.base.match = true;
           p.base.persons.forEach((person) => person.match = true);
-        })
+        });
+        r.forEach((p) => {
+          this.machineLearningPredict(p)
+        });
+        return r;
       }
     },
     methods: {
@@ -143,4 +147,13 @@
             border-bottom: 1px solid var(--primary);
         }
     }
+    .ml {
+      &.match {
+        background: green;
+      }
+
+      background: orange;
+      width: 2rem;
+      margin-right: 2rem;
+    }
 </style>

src/store/proposal/index.ts

@@ -2,6 +2,7 @@ import {api, MatchProposal, Match, MetagridError, Concordance, MatchPrediction}
 import { Module} from "vuex"
 import {Actions, Getters, Mutations} from '@/store/proposal/type';
 import {ErrorType} from '@/store/error';
+import Proposal from "@/views/Proposal.vue";
 
 export interface TmpPagination {
     from: number;
@@ -112,7 +113,7 @@ const proposal: Module<ProposalState, any> = {
          * @param query
          * @return number
          */
-        async [Actions.LIST]({commit, state}, pagination: TmpPagination) {
+        async [Actions.LIST]({commit, state, dispatch}, pagination: TmpPagination) {
             commit(Mutations.START_LOAD);
             if(typeof pagination === "undefined") {
                 pagination = {
@@ -140,6 +141,9 @@ const proposal: Module<ProposalState, any> = {
                     commit('error/add', metagridError, { root: true });
                     throw err;
                 });
+            proposals.proposals.forEach((p: MatchProposal) => {
+                dispatch(Actions.MACHINE_LEARNING_PREDICT, p)
+            })
             commit(Mutations.FINISH_LOAD);
             commit(Mutations.LIST, proposals.proposals);
             // todo: return intTotal