- Full move to high charts.

- Cleanup homepage.
- Expanded libraries
- Added limits (for budgets)
- Extended models
- Added popups for charts.
- [skip-ci]

app/views/charts/info.blade.php

@@ -0,0 +1,12 @@
+<table class="table table-condensed">
+    <tr>
+        <th>Total</th>
+        <th>{{mf($sum*-1)}}</th>
+    </tr>
+    @foreach($rows as $name => $amount)
+    <tr>
+        <td><a href="#">{{{$name}}}</a></td>
+        <td>{{mf($amount*-1)}}</td>
+    </tr>
+    @endforeach
+</table>

app/views/index.blade.php

@@ -35,6 +35,7 @@
         </p>
     </div>
 </div>
+<div id="something">Bla bla</div>
 <div class="row">
     <div class="col-lg-6 col-md-6 col-sm-12">
         <h2><a href="{{route('migrate')}}">Migrate from Firefly II</a></h2>
@@ -54,64 +55,27 @@
 
     <!-- ACCOUNTS -->
     <div class="row">
-    @foreach($accounts as $index => $account)
-        <div class="col-lg-6">
-            <div id="chart_{{{$account->id}}}" data-id="{{{$account->id}}}" style="width:100%;" class="homeChart" data-title="{{{$account->name}}}"></div>
-            <p>
-                Go to <a href="#" title="Overview for {{{$account->name}}}">{{{$account->name}}}</a>
-            </p>
-
+        <div class="col-lg-12 col-md-12 col-sm-12">
+            <div id="chart"></div>
         </div>
-        @if($index % 2 == 1)
-        </div><div class="row">
-        @endif
-    @endforeach
     </div>
 
-    <!-- TRANSACTIONS -->
     <div class="row">
-        @foreach($accounts as $index => $account)
-        <div class="col-lg-6">
-            <h4>{{$account->name}}</h4>
-            @include('transactions.journals',['journals' => $account->transactionList])
-        </div>
-        @if($index % 2 == 1)
-    </div><div class="row">
-        @endif
-        @endforeach
-    </div>
-
-
-    <!-- week / month / year navigation -->
-    <div class="row">
-        <div class="col-lg-2 col-sm-6 col-md-2">
-            <a href="#" class="btn btn-default btn-xs">Previous [period]</a>
-        </div>
-
-        <div class="col-lg-offset-8 col-lg-2 col-sm-6 col-md-offset-8 col-md-2" style="text-align: right;">
-            <a href="#" class="btn btn-default btn-xs">Next [period]</a>
+        <div class="col-lg-12 col-md-12 col-sm-12">
+            <div id="categories"></div>
         </div>
     </div>
 
-    <!-- Beneficiaries, categories and budget pie charts: -->
-    <div class="row">
-        <div class="col-lg-4 col-sm-6 col-md-6">
-            <div style="width:80%;margin:0 auto;" id="beneficiaryChart"></div>
-        </div>
-        <div class="col-lg-4 col-sm-6 col-md-6">
-            <div style="width:80%;margin:0 auto;" id="categoryChart"></div>
-        </div>
-        <div class="col-lg-4 col-sm-6 col-md-6">
-            <div style="width:80%;margin:0 auto;" id="budgetChart"></div>
-        </div>
-    </div>
-    <br /><br /><br /><br /><br />
-
-
 @endif
 
 @stop
 @section('scripts')
     <script src="assets/javascript/highcharts.js"></script>
-    <script src="assets/javascript/index.new.js"></script>
+    <script src="assets/javascript/highcharts-more.js"></script>
+    <script src="assets/javascript/highslide-full.min.js"></script>
+    <script src="assets/javascript/highslide.config.js"></script>
+    <script src="assets/javascript/index.js"></script>
+@stop
+@section('styles')
+    <link href="assets/css/highslide.css" rel="stylesheet">
 @stop

app/views/layouts/default.blade.php

@@ -10,6 +10,7 @@
     <!-- Bootstrap -->
     <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
     <link href="assets/css/site.css" rel="stylesheet">
+    @yield('styles')
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

app/views/partials/menu/home.blade.php

@@ -21,8 +21,8 @@ $r = Route::current()->getName();
                 <li class="dropdown">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Go to...<span class="caret"></span></a>
                     <ul class="dropdown-menu" role="menu">
-                        <li><a href="{{route('accounts.index')}}">Accounts</a></li>
-                        <li><a href="#">Another action</a></li>
+                        <li><a href="{{route('accounts.index')}}"><span class="glyphicon glyphicon-inbox"></span> Accounts</a></li>
+                        <li><a href="{{route('budgets.index')}}"><span class="glyphicon glyphicon-euro"></span> Budgets</a></li>
                         <li><a href="#">Something else here</a></li>
                         <li class="divider"></li>
                         <li><a href="#">Separated link</a></li>