Add targetValue property.

Rearrange properties in infoBox.
Don't show 'code' if same as 'name'.

src/components/Tree.vue

@@ -7,20 +7,21 @@
       <p v-if="hoveredNode?.state == 'UNSELECTED'"><b>State:</b> Unselected</p>
       <p v-if="hoveredNode?.state == 'SET' && hoveredNode?.conformant"><b>State:</b> Compliant</p>
       <p v-if="hoveredNode?.state == 'SET' && !hoveredNode?.conformant"><b>State:</b> Non compliant</p>
-      <p v-if="hoveredNode?.value != null"><b>Value:</b> {{hoveredNode.value}}</p>
-      <p v-if="hoveredNode?.weight != null"><b>Weight:</b> {{hoveredNode.weight}}</p>
-      <p v-if="hoveredNode?.code != null"><b>Code:</b> {{hoveredNode.code}}</p>
-      <p v-if="hoveredNode?.description != null"><b>Description:</b> {{hoveredNode.description}}</p>
+      <p v-if="hoveredNode?.code != null && hoveredNode.code != hoveredNode.name"><b>Code:</b> {{hoveredNode.code}}</p>
+      <p v-if="hoveredNode?.timestamp != null"><b>Timestamp:</b> {{formatDate(hoveredNode.timestamp)}}</p>
       <p v-if="hoveredNode?.id != null"><b>Assesment result id:</b> {{hoveredNode.id}}</p>
       <p v-if="hoveredNode?.metricId != null"><b>Metric id:</b> {{hoveredNode.metricId}}</p>
       <p v-if="hoveredNode?.assessmentResult != null"><b>Assessment result:</b> {{hoveredNode.assessmentResult}}</p>
       <p v-if="hoveredNode?.evidenceId != null"><b>Evidence id:</b> {{hoveredNode.evidenceId}}</p>
+      <p v-if="hoveredNode?.targetValue != null"><b>Target value:</b> {{hoveredNode.targetValue}}</p>
       <p v-if="hoveredNode?.noncomplianceComments != null"><b>Noncompliance comments:</b> {{hoveredNode.noncomplianceComments}}</p>
-      <p v-if="hoveredNode?.timestamp != null"><b>Timestamp:</b> {{formatDate(hoveredNode.timestamp)}}</p>
+      <p v-if="hoveredNode?.value != null"><b>Value:</b> {{hoveredNode.value}}</p>
+      <p v-if="hoveredNode?.weight != null"><b>Weight:</b> {{hoveredNode.weight}}</p>
       <p v-if="hoveredNode?.threshold != null"><b>Threshold:</b> {{hoveredNode.threshold}}</p>
       <p v-if="hoveredNode?.resource?.id != null"><b>Resource id:</b> {{hoveredNode.resource.id}}</p>
       <p v-if="hoveredNode?.resource?.resourceType != null"><b>Resource type:</b> {{hoveredNode.resource.resourceType}}</p>
       <p v-if="hoveredNode?.resource?.weight != null"><b>Resource weight:</b> {{hoveredNode.resource.weight}}</p>
+      <p v-if="hoveredNode?.description != null"><b>Description:</b> {{hoveredNode.description}}</p>
     </div>
     <div style="display: flex;">
       <button class="btn btn-outline-primary" @click="controlScale('bigger')">Zoom in</button>