print/templates/reports/supplier-campaign-metrics/assets/css/style.css

@@ -18,3 +18,7 @@ h2 {
 .description strong {
     text-transform: uppercase;
 }
+
+.black {
+    color: black;
+}

print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.html

@@ -37,7 +37,10 @@
             </div>
             <div v-for="entry in entries" v-if="entry.buys">
                 <h2>
-                    <span>{{$t('entry')}} {{entry.id}}</span>
+                    <span>
+                        <span>{{$t('entry')}}</span>
+                        <span class="black"> {{entry.id}}</span>
+                    </span>
                     <span>{{$t('dated')}} {{formatDate(entry.shipped, '%d-%m-%Y')}}</span>
                     <span class="pull-right">{{$t('reference')}} {{entry.reference}}</span>
                 </h2>

print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.js

@@ -7,6 +7,8 @@ module.exports = {
         this.supplier = await this.findOneFromDef('supplier', [this.id]);
         this.checkMainEntity(this.supplier);
         let entries = await this.rawSqlFromDef('entries', [this.id, this.from, this.to]);
+        let totalEntry;
+        let total;
 
         const entriesId = [];
 
@@ -29,6 +31,30 @@ module.exports = {
         }
 
         this.entries = entries;
+
+        // for (let buy of entry.buys)
+        //     total += buy.total;
+
+        // getTotal(entry) {
+        //     if (entry.buys) {
+        //         let total = 0;
+        //         for (let buy of entry.buys)
+        //             total += buy.total;
+
+        //         return total;
+        //     }
+        //     console.log('total', total);
+        // };
+    },
+    getTotal(entry) {
+        if (entry.buys) {
+            let total = 0;
+            for (let buy of entry.buys)
+                total += buy.total;
+
+            return total;
+        }
+        console.log('total', total);
     },
     props: {
         id: {