Fix #1860

app/Http/Controllers/Json/BoxController.php

@@ -131,6 +131,7 @@ class BoxController extends Controller
         $incomes  = [];
         $expenses = [];
         $sums     = [];
+        $currency = app('amount')->getDefaultCurrency();
 
         // collect income of user:
         /** @var GroupCollectorInterface $collector */
@@ -182,6 +183,7 @@ class BoxController extends Controller
             'expenses'  => $expenses,
             'sums'      => $sums,
             'size'      => count($sums),
+            'preferred' => $currency->id,
         ];
 
 

public/v1/js/ff/index.js

@@ -113,9 +113,23 @@ function getBalanceBox() {
         // do not use "sums", only use list.
         $('#box-balance-progress').remove();
         var expense, string, sum, income, current;
+
+        // first loop, echo only "preferred".
+        for (x in data.sums) {
+            current = $('#box-balance-list').html();
+            sum = data.sums[x];
+            expense = data.expenses[x];
+            income = data.incomes[x];
+            string = income + ' / ' + expense + ': ' + sum;
+            if (data.preferred == x) {
+                $('#box-balance-list').html(current + '<span title="' + string + '">' + string + '</span>' + '<br>');
+            }
+        }
+        // then list the others (only 1 space)
+
         var count = 0;
         for (x in data.sums) {
-            if (count > 1) {
+            if (count > 2) {
                 return;
             }
             current = $('#box-balance-list').html();
@@ -123,9 +137,11 @@ function getBalanceBox() {
             expense = data.expenses[x];
             income = data.incomes[x];
             string = income + ' / ' + expense + ': ' + sum;
-
+            if (data.preferred != x) {
                 $('#box-balance-list').html(current + '<span title="' + string + '">' + string + '</span>' + '<br>');
+            }
             count++;
+
         }
     });
 }

resources/views/v1/partials/boxes.twig

@@ -1,5 +1,5 @@
 <div class="row hidden-xs">
-    {# box for in and out#}
+    {# box for in and out (balance) #}
     <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
         <div class="info-box bg-aqua-gradient" id="box_out_holder">
             <span class="info-box-icon"><i class="fa fa-balance-scale"></i></span>