Action.vue in fitting-2.15.0

- old
+ new

@@ -15,21 +15,31 @@
                 <div class="tests_without_responses accordion-item-head" v-on:click="accordion">
                   tests without responses: {{ action.responses.tests_without_responses.length }} ✖
                 </div>
                 <div class="accordion-item-body">
                   <div v-for="test_without_responses in action.responses.tests_without_responses">
-                    <div class="test_without_responses">{{ test_without_responses }} ✖</div>
+                    <div class="test_without_responses">
+                      {{ test_without_responses }} ✖
+                      {{tests[test_without_responses]}}
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
 
             <div v-for="response in action.responses.responses_details">
               <div class="response">
                 <div class="accordion-item">
                   <div class="accordion-item-head" v-on:click="accordion">
-                    {{ response.combinations.cover_percent }} {{ response.method }}
+                    <div v-if="response.combinations.cover_percent == '100%'" class="response_good">
+                      {{ response.combinations.cover_percent }}
+                      {{ response.method }}
+                    </div>
+                    <div v-else class="response_bad">
+                      {{ response.combinations.cover_percent }}
+                      {{ response.method }}
+                    </div>
                   </div>
                   <div class="accordion-item-body">
                     <vue-json-compare :oldData="jsonSchemas[response.json_schema]"
                                       :newData="jsonSchemas[response.json_schema]"></vue-json-compare>
                   </div>
@@ -70,11 +80,12 @@
   },
   data() {
     return {
       myJson: {'stub': 'for action page'},
       jsonSchemas: {'stub': 'json-schemas'},
-      combinations: {'stub': 'combinations'}
+      combinations: {'stub': 'combinations'},
+      tests: {'stub': 'tests'}
     }
   },
   methods: {
     accordion: function (event) {
       event.target.classList.toggle('active');
@@ -122,9 +133,17 @@
   margin: 2px 0px 0px 24px;
 }
 
 .response:hover {
   background-color: #2b2b2b;
+}
+
+.response_good {
+  color: #42b983;
+}
+
+.response_bad {
+  color: #b94283;
 }
 
 .combination {
   text-align: left;
   padding: 0px 0px 0px 8px;
\ No newline at end of file