Code cleanup.

public/js/ff/budgets/show.js

@@ -0,0 +1,117 @@
+/* globals $, budgeted:true, currencySymbol, budgetIncomeTotal, columnChart,  budgetedMuch, budgetedPercentage, token, budgetID, repetitionID, spent, lineChart */
+
+function drawSpentBar() {
+    "use strict";
+    if ($('.spentBar').length > 0) {
+        var overspent = spent > budgeted;
+        var pct;
+
+        if (overspent) {
+            // draw overspent bar
+            pct = (budgeted / spent) * 100;
+            $('.spentBar .progress-bar-warning').css('width', pct + '%');
+            $('.spentBar .progress-bar-danger').css('width', (100 - pct) + '%');
+        } else {
+            // draw normal bar:
+            pct = (spent / budgeted) * 100;
+            $('.spentBar .progress-bar-info').css('width', pct + '%');
+        }
+    }
+}
+
+function drawBudgetedBar() {
+    "use strict";
+
+    if ($('.budgetedBar').length > 0) {
+        var budgetedMuch = budgeted > budgetIncomeTotal;
+
+        // recalculate percentage:
+
+        var pct;
+        if (budgetedMuch) {
+            // budgeted too much.
+            pct = (budgetIncomeTotal / budgeted) * 100;
+            $('.budgetedBar .progress-bar-warning').css('width', pct + '%');
+            $('.budgetedBar .progress-bar-danger').css('width', (100 - pct) + '%');
+            $('.budgetedBar .progress-bar-info').css('width', 0);
+        } else {
+            pct = (budgeted / budgetIncomeTotal) * 100;
+            $('.budgetedBar .progress-bar-warning').css('width', 0);
+            $('.budgetedBar .progress-bar-danger').css('width', 0);
+            $('.budgetedBar .progress-bar-info').css('width', pct + '%');
+        }
+
+        $('#budgetedAmount').html(currencySymbol + ' ' + budgeted.toFixed(2));
+    }
+}
+
+function updateBudgetedAmounts(e) {
+    "use strict";
+    var target = $(e.target);
+    var id = target.data('id');
+    var value = target.val();
+    var original = target.data('original');
+    var difference = value - original;
+    if (difference !== 0) {
+        // add difference to 'budgeted' var
+        budgeted = budgeted + difference;
+
+        // update original:
+        target.data('original', value);
+        // run drawBudgetedBar() again:
+        drawBudgetedBar();
+
+        // send a post to Firefly to update the amount:
+        $.post('budgets/amount/' + id, {amount: value, _token: token}).done(function (data) {
+            // update the link if relevant:
+            if (data.repetition > 0) {
+                $('.budget-link[data-id="' + id + '"]').attr('href', 'budgets/show/' + id + '/' + data.repetition);
+            } else {
+                $('.budget-link[data-id="' + id + '"]').attr('href', 'budgets/show/' + id);
+            }
+        });
+    }
+
+
+    console.log('Budget id is ' + id);
+    console.log('Difference = ' + (value - original ));
+
+}
+
+$(function () {
+    "use strict";
+
+    $('.updateIncome').on('click', updateIncome);
+
+    /*
+     On start, fill the "spent"-bar using the content from the page.
+     */
+    drawSpentBar();
+    drawBudgetedBar();
+
+    /*
+     When the input changes, update the percentages for the budgeted bar:
+     */
+    $('input[type="number"]').on('input', updateBudgetedAmounts);
+
+
+    /*
+     Draw the charts, if necessary:
+     */
+    if (typeof budgetID !== 'undefined' && typeof repetitionID === 'undefined') {
+        columnChart('chart/budget/' + budgetID, 'budgetOverview');
+    }
+    if (typeof budgetID !== 'undefined' && typeof repetitionID !== 'undefined') {
+        lineChart('chart/budget/' + budgetID + '/' + repetitionID, 'budgetOverview');
+    }
+
+});
+
+function updateIncome() {
+    "use strict";
+    $('#defaultModal').empty().load('budgets/income', function () {
+        $('#defaultModal').modal('show');
+    });
+
+    return false;
+}

public/js/ff/categories/show.js

@@ -0,0 +1,19 @@
+/* globals $, categoryID, columnChart, categoryDate */
+$(function () {
+    "use strict";
+    if (typeof categoryID !== 'undefined') {
+        // more splits:
+        if ($('#all').length > 0) {
+            columnChart('chart/category/' + categoryID + '/all', 'all');
+        }
+        if ($('#period').length > 0) {
+            columnChart('chart/category/' + categoryID + '/period', 'period');
+        }
+
+    }
+    if (typeof categoryID !== 'undefined' && typeof categoryDate !== undefined) {
+        columnChart('chart/category/' + categoryID + '/period/' + categoryDate, 'period-specific-period');
+    }
+
+
+});

public/js/ff/categories/show_with_date.js

@@ -0,0 +1,19 @@
+/* globals $, categoryID, columnChart, categoryDate */
+$(function () {
+    "use strict";
+    if (typeof categoryID !== 'undefined') {
+        // more splits:
+        if ($('#all').length > 0) {
+            columnChart('chart/category/' + categoryID + '/all', 'all');
+        }
+        if ($('#period').length > 0) {
+            columnChart('chart/category/' + categoryID + '/period', 'period');
+        }
+
+    }
+    if (typeof categoryID !== 'undefined' && typeof categoryDate !== undefined) {
+        columnChart('chart/category/' + categoryID + '/period/' + categoryDate, 'period-specific-period');
+    }
+
+
+});

public/js/ff/tags/edit.js

@@ -0,0 +1,104 @@
+/* globals zoomLevel, token, google, latitude, longitude, doPlaceMarker */
+$(function () {
+    "use strict";
+
+    $('#clearLocation').click(clearLocation);
+
+});
+
+/*
+ Some vars as prep for the map:
+ */
+var map;
+var markers = [];
+var setTag = false;
+
+var mapOptions = {
+    zoom: zoomLevel,
+    center: new google.maps.LatLng(latitude, longitude),
+    disableDefaultUI: true
+};
+
+/*
+ Clear location and reset zoomLevel.
+ */
+function clearLocation() {
+    "use strict";
+    deleteMarkers();
+    $('input[name="latitude"]').val("");
+    $('input[name="longitude"]').val("");
+    $('input[name="zoomLevel"]').val("6");
+    setTag = false;
+    $('input[name="setTag"]').val('false');
+    return false;
+}
+
+function initialize() {
+    "use strict";
+    /*
+    Create new map:
+     */
+    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+
+    /*
+    Respond to click event.
+     */
+    google.maps.event.addListener(map, 'rightclick', function (event) {
+        placeMarker(event);
+    });
+
+    /*
+    Respond to zoom event.
+     */
+    google.maps.event.addListener(map, 'zoom_changed', function () {
+        saveZoomLevel(event);
+    });
+    /*
+    Maybe place marker?
+     */
+    if(doPlaceMarker) {
+        var myLatlng = new google.maps.LatLng(latitude,longitude);
+        var fakeEvent = {};
+        fakeEvent.latLng = myLatlng;
+        placeMarker(fakeEvent);
+
+    }
+}
+
+/**
+ * save zoom level of map into hidden input.
+ */
+function saveZoomLevel() {
+    "use strict";
+    $('input[name="zoomLevel"]').val(map.getZoom());
+}
+
+/**
+ * Place marker on map.
+ * @param event
+ */
+function placeMarker(event) {
+    "use strict";
+    deleteMarkers();
+    var marker = new google.maps.Marker({position: event.latLng, map: map});
+    $('input[name="latitude"]').val(event.latLng.lat());
+    $('input[name="longitude"]').val(event.latLng.lng());
+    markers.push(marker);
+    setTag = true;
+    $('input[name="setTag"]').val('true');
+}
+
+
+/**
+ * Deletes all markers in the array by removing references to them.
+ */
+function deleteMarkers() {
+    "use strict";
+    for (var i = 0; i < markers.length; i++) {
+        markers[i].setMap(null);
+    }
+    markers = [];
+}
+
+
+google.maps.event.addDomListener(window, 'load', initialize);

public/js/ff/tags/index.js

@@ -0,0 +1,104 @@
+/* globals zoomLevel, token, google, latitude, longitude, doPlaceMarker */
+$(function () {
+    "use strict";
+
+    $('#clearLocation').click(clearLocation);
+
+});
+
+/*
+ Some vars as prep for the map:
+ */
+var map;
+var markers = [];
+var setTag = false;
+
+var mapOptions = {
+    zoom: zoomLevel,
+    center: new google.maps.LatLng(latitude, longitude),
+    disableDefaultUI: true
+};
+
+/*
+ Clear location and reset zoomLevel.
+ */
+function clearLocation() {
+    "use strict";
+    deleteMarkers();
+    $('input[name="latitude"]').val("");
+    $('input[name="longitude"]').val("");
+    $('input[name="zoomLevel"]').val("6");
+    setTag = false;
+    $('input[name="setTag"]').val('false');
+    return false;
+}
+
+function initialize() {
+    "use strict";
+    /*
+    Create new map:
+     */
+    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+
+    /*
+    Respond to click event.
+     */
+    google.maps.event.addListener(map, 'rightclick', function (event) {
+        placeMarker(event);
+    });
+
+    /*
+    Respond to zoom event.
+     */
+    google.maps.event.addListener(map, 'zoom_changed', function () {
+        saveZoomLevel(event);
+    });
+    /*
+    Maybe place marker?
+     */
+    if(doPlaceMarker) {
+        var myLatlng = new google.maps.LatLng(latitude,longitude);
+        var fakeEvent = {};
+        fakeEvent.latLng = myLatlng;
+        placeMarker(fakeEvent);
+
+    }
+}
+
+/**
+ * save zoom level of map into hidden input.
+ */
+function saveZoomLevel() {
+    "use strict";
+    $('input[name="zoomLevel"]').val(map.getZoom());
+}
+
+/**
+ * Place marker on map.
+ * @param event
+ */
+function placeMarker(event) {
+    "use strict";
+    deleteMarkers();
+    var marker = new google.maps.Marker({position: event.latLng, map: map});
+    $('input[name="latitude"]').val(event.latLng.lat());
+    $('input[name="longitude"]').val(event.latLng.lng());
+    markers.push(marker);
+    setTag = true;
+    $('input[name="setTag"]').val('true');
+}
+
+
+/**
+ * Deletes all markers in the array by removing references to them.
+ */
+function deleteMarkers() {
+    "use strict";
+    for (var i = 0; i < markers.length; i++) {
+        markers[i].setMap(null);
+    }
+    markers = [];
+}
+
+
+google.maps.event.addDomListener(window, 'load', initialize);

resources/views/accounts/index.twig

@@ -49,5 +49,5 @@
     <script type="text/javascript">
         var what = '{{ what }}';
     </script>
-    <script type="text/javascript" src="js/bootstrap-sortable.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-sortable.js"></script>
 {% endblock %}

resources/views/accounts/show.twig

@@ -53,9 +53,9 @@
         var accountID = {{ account.id }};
     </script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
     <script src="js/lib/jquery-ui.min.js" type="text/javascript"></script>
     <script src="js/lib/jquery.color-2.1.2.min.js" type="text/javascript"></script>
-    <script src="js/accounts/show.js" type="text/javascript"></script>
+    <script src="js/ff/accounts/show.js" type="text/javascript"></script>
 
 {% endblock %}

resources/views/admin/index.twig

@@ -21,7 +21,3 @@
 </div>
 
 {% endblock %}
-{% block scripts %}
-{% endblock %}
-{% block styles %}
-{% endblock %}

resources/views/admin/users/index.twig

@@ -82,7 +82,3 @@
         </div>
     </div>
 {% endblock %}
-{% block scripts %}
-{% endblock %}
-{% block styles %}
-{% endblock %}

resources/views/auth/confirmation/error.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!-- favicons -->

resources/views/auth/confirmation/no-resent.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!-- favicons -->

resources/views/auth/confirmation/resent.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!-- favicons -->

resources/views/auth/lost-two-factor.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!-- favicons -->

resources/views/bills/create.twig

@@ -64,5 +64,5 @@
     <link href="css/bootstrap-tagsinput.css" type="text/css" rel="stylesheet" media="all">
 {% endblock %}
 {% block scripts %}
-    <script type="text/javascript" src="js/bootstrap-tagsinput.min.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-tagsinput.min.js"></script>
 {% endblock %}

resources/views/bills/edit.twig

@@ -62,5 +62,5 @@
     <link href="css/bootstrap-tagsinput.css" type="text/css" rel="stylesheet" media="all">
 {% endblock %}
 {% block scripts %}
-    <script type="text/javascript" src="js/bootstrap-tagsinput.min.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-tagsinput.min.js"></script>
 {% endblock %}

resources/views/bills/index.twig

@@ -34,5 +34,5 @@
 {% endblock %}
 
 {% block scripts %}
-    <script type="text/javascript" src="js/bootstrap-sortable.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-sortable.js"></script>
 {% endblock %}

resources/views/bills/show.twig

@@ -111,6 +111,6 @@
         var billID = {{ bill.id }};
     </script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/bills.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/bills/show.js"></script>
 {% endblock %}

resources/views/budgets/index.twig

@@ -188,5 +188,5 @@
         var budgetIncomeTotal = {{ budgetIncomeTotal }};
     </script>
 
-    <script type="text/javascript" src="js/budgets.js"></script>
+    <script type="text/javascript" src="js/ff/budgets/index.js"></script>
 {% endblock %}

resources/views/budgets/show.twig

@@ -104,7 +104,7 @@
     </script>
 
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/budgets.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/budgets/show.js"></script>
 
 {% endblock %}

resources/views/categories/index.twig

@@ -36,7 +36,7 @@
 
 {% block scripts %}
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/bootstrap-sortable.js"></script>
-    <script type="text/javascript" src="js/categories.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-sortable.js"></script>
+    <script type="text/javascript" src="js/ff/categories/index.js"></script>
 {% endblock %}

resources/views/categories/show.twig

@@ -76,7 +76,7 @@
         var categoryID = {{ category.id }};
     </script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/categories.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/categories/show.js"></script>
 
 {% endblock %}

resources/views/categories/show_with_date.twig

@@ -44,7 +44,7 @@
         var categoryDate = "{{ carbon.format('Y-m-d') }}";
     </script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/categories.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/categories/show_with_date.js"></script>
 
 {% endblock %}

resources/views/csv/column-roles.twig

@@ -45,10 +45,12 @@
 
                         <table class="table">
                             <thead>
-                            <th style="width:20%;">{{ 'csv_column_name'|_ }}</th>
-                            <th style="width:40%;">{{ 'csv_column_example'|_ }}</th>
-                            <th style="width:30%;">{{ 'csv_column_role'|_ }}</th>
-                            <th style="width:10%;">{{ 'csv_do_map_value'|_ }}</th>
+                            <tr>
+                                <th style="width:20%;">{{ 'csv_column_name'|_ }}</th>
+                                <th style="width:40%;">{{ 'csv_column_example'|_ }}</th>
+                                <th style="width:30%;">{{ 'csv_column_role'|_ }}</th>
+                                <th style="width:10%;">{{ 'csv_do_map_value'|_ }}</th>
+                            </tr>
                             </thead>
                             {% for index,header in headers %}
                                 <tr>

resources/views/csv/map.twig

@@ -48,8 +48,10 @@
                         <div class="box-body no-padding">
                             <table class="table table-hover">
                                 <thead>
-                                <th style="width:50%;">{{ 'csv_field_value'|_ }}</th>
-                                <th>{{ 'csv_field_mapped_to'|_ }}</th>
+                                <tr>
+                                    <th style="width:50%;">{{ 'csv_field_value'|_ }}</th>
+                                    <th>{{ 'csv_field_mapped_to'|_ }}</th>
+                                </tr>
                                 </thead>
                                 <tbody>
                                 {% for value in values[index] %}

resources/views/errors/500.twig

@@ -11,7 +11,7 @@
             color: #B0BEC5;
             display: table;
             font-weight: 100;
-            font-family: 'Lato';
+            font-family: 'Lato', sans-serif;
         }
 
         .container {

resources/views/errors/FireflyException.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!-- favicons -->

resources/views/export/index.twig

@@ -101,5 +101,5 @@
     <script type="text/javascript">
         var jobKey = "{{ job.key }}";
     </script>
-    <script type="text/javascript" src="js/export/index.js"></script>
+    <script type="text/javascript" src="js/ff/export/index.js"></script>
 {% endblock %}

resources/views/index.twig

@@ -251,10 +251,9 @@
         {% endif %}
     </script>
 
-
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/index.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/index.js"></script>
 {% endblock %}
 {% block styles %}
 {% endblock %}

resources/views/layout/default.twig

@@ -15,10 +15,10 @@
     <base href="{{ route('index') }}/">
 
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
-    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
-    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
-    <link href="dist/css/skins/skin-blue-light.min.css" rel="stylesheet" type="text/css"/>
+    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
+    <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link href="lib/adminlte/css/skins/skin-blue-light.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/daterangepicker.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
     <link href="css/bootstrap-tour.min.css" rel="stylesheet" type="text/css"/>
@@ -156,10 +156,10 @@
 </div>
 
 <script src="js/lib/jquery-2.2.3.min.js" type="text/javascript"></script>
-<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+<script src="lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
 <script src="js/lib/moment.min.js" type="text/javascript"></script>
 <script src="js/lib/daterangepicker.js" type="text/javascript"></script>
-<script src="dist/js/app.min.js" type="text/javascript"></script>
+<script src="lib/adminlte/js/app.min.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/lib/accounting.min.js"></script>
 <script src="js/lib/bootstrap-tour.min.js" type="text/javascript"></script>
 
@@ -194,8 +194,8 @@
 
 </script>
 
-<script type="text/javascript" src="js/global/firefly.js"></script>
-<script type="text/javascript" src="js/global/help.js"></script>
+<script type="text/javascript" src="js/ff/firefly.js"></script>
+<script type="text/javascript" src="js/ff/help.js"></script>
 {% block scripts %}{% endblock %}
 
 {% if env('ANALYTICS_ID','') != '' %}

resources/views/layout/empty.twig

@@ -7,9 +7,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
 
     <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -28,8 +28,8 @@
     {% block content %}{% endblock %}
 </div>
 <!-- /.login-box -->
-<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
-<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="js/lib/jquery-2.2.3.min.js"></script>
+<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
 
 {% if env('ANALYTICS_ID','') != '' %}
     <script>

resources/views/layout/guest.twig

@@ -16,9 +16,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
     <base href="{{ route('index') }}/">
-    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
-    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
-    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
+    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all"/>
+    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all"/>
+    <link href="lib/adminlte/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
     <link href="css/firefly.css" rel="stylesheet" type="text/css"/>
 
     <!--[if lt IE 9]>
@@ -38,9 +38,9 @@
     {% block content %}{% endblock %}
 </div>
 <!-- /.login-box -->
-<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
-<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="js/guest.js"></script>
+<script type="text/javascript" src="js/lib/jquery-2.2.3.min.js"></script>
+<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="js/ff/guest.js"></script>
 
 {% if env('ANALYTICS_ID','') != '' %}
     <script>

resources/views/piggy-banks/index.twig

@@ -58,5 +58,5 @@
 {% endblock %}
 {% block scripts %}
     <script src="js/lib/jquery-ui.min.js" type="text/javascript"></script>
-    <script type="text/javascript" src="js/piggy-banks/index.js"></script>
+    <script type="text/javascript" src="js/ff/piggy-banks/index.js"></script>
 {% endblock %}

resources/views/piggy-banks/show.twig

@@ -93,6 +93,6 @@
     </script>
 
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
-    <script type="text/javascript" src="js/piggy-banks/show.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
+    <script type="text/javascript" src="js/ff/piggy-banks/show.js"></script>
 {% endblock %}

resources/views/profile/change-password.twig

@@ -17,11 +17,9 @@
 
                     {% if errors|length > 0 %}
                         <ul>
-                            <ul>
-                                {% for error in errors.all %}
-                                    <li class="text-danger">{{ error }}</li>
-                                {% endfor %}
-                            </ul>
+                            {% for error in errors.all %}
+                                <li class="text-danger">{{ error }}</li>
+                            {% endfor %}
                         </ul>
 
                     {% endif %}

resources/views/profile/delete-account.twig

@@ -26,11 +26,9 @@
 
                     {% if errors|length > 0 %}
                         <ul>
-                            <ul>
-                                {% for error in errors.all %}
-                                    <li class="text-danger">{{ error }}</li>
-                                {% endfor %}
-                            </ul>
+                            {% for error in errors.all %}
+                                <li class="text-danger">{{ error }}</li>
+                            {% endfor %}
                         </ul>
 
                     {% endif %}

resources/views/reports/audit/report.twig

@@ -88,5 +88,5 @@
     <script type="text/javascript">
         var hideable = {{ hideable|json_encode|raw }};
     </script>
-    <script type="text/javascript" src="js/reports/audit/all.js"></script>
+    <script type="text/javascript" src="js/ff/reports/audit/all.js"></script>
 {% endblock %}

resources/views/reports/default/month.twig

@@ -72,9 +72,9 @@
 {% endblock %}
 {% block scripts %}
 
-    <script type="text/javascript" src="js/bootstrap-sortable.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-sortable.js"></script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
     <script type="text/javascript">
         var year = {{ start.year }};
         var month = {{ start.month }};
@@ -94,6 +94,6 @@
         var showTheRestExpense = '{{ trans('firefly.showTheRest',{number:expenseTopLength}) }}';
         var hideTheRestExpense = '{{ trans('firefly.hideTheRest',{number:expenseTopLength}) }}';
     </script>
-    <script type="text/javascript" src="js/reports/default/all.js"></script>
-    <script type="text/javascript" src="js/reports/default/month.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/all.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/month.js"></script>
 {% endblock %}

resources/views/reports/default/multi-year.twig

@@ -153,9 +153,9 @@
 {% endblock %}
 {% block scripts %}
 
-    <script type="text/javascript" src="js/bootstrap-sortable.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-sortable.js"></script>
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
     <script type="text/javascript">
         var year = {{ start.year }};
         var month = {{ start.month }};
@@ -176,6 +176,6 @@
         var hideTheRestExpense = '{{ trans('firefly.hideTheRest',{number:expenseTopLength}) }}';
 
     </script>
-    <script type="text/javascript" src="js/reports/default/all.js"></script>
-    <script type="text/javascript" src="js/reports/default/multi-year.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/all.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/multi-year.js"></script>
 {% endblock %}

resources/views/reports/default/year.twig

@@ -103,7 +103,7 @@
 {% endblock %}
 {% block scripts %}
     <script type="text/javascript" src="js/lib/Chart.bundle.min.js"></script>
-    <script type="text/javascript" src="js/global/charts.js"></script>
+    <script type="text/javascript" src="js/ff/charts.js"></script>
     <script type="text/javascript">
         var year = '{{ start.year }}';
 
@@ -124,7 +124,7 @@
         var hideTheRestExpense = '{{ trans('firefly.hideTheRest',{number:expenseTopLength}) }}';
     </script>
 
-    <script type="text/javascript" src="js/reports/default/all.js"></script>
-    <script type="text/javascript" src="js/reports/default/year.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/all.js"></script>
+    <script type="text/javascript" src="js/ff/reports/default/year.js"></script>
 
 {% endblock %}

resources/views/reports/index.twig

@@ -154,5 +154,5 @@
         var picker;
     </script>
 
-    <script type="text/javascript" src="js/reports/index.js"></script>
+    <script type="text/javascript" src="js/ff/reports/index.js"></script>
 {% endblock %}

resources/views/rules/index.twig

@@ -195,6 +195,6 @@
 
 {% endblock %}
 {% block scripts %}
-    <script src="js/lib/jquery-ui.min.js" type="text/javascript"></script>
-    <script type="text/javascript" src="js/rules/index.js"></script>
+    <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
+    <script type="text/javascript" src="js/ff/rules/index.js"></script>
 {% endblock %}

resources/views/rules/rule/create.twig

@@ -125,10 +125,10 @@
 
 {% endblock %}
 {% block scripts %}
-    <script type="text/javascript" src="js/rules/create-edit.js"></script>
+    <script type="text/javascript" src="js/ff/rules/create-edit.js"></script>
     <script type="text/javascript">
         var triggerCount = {{ triggerCount }};
         var actionCount = {{ actionCount }};
     </script>
-    <script type="text/javascript" src="js/rules/create.js"></script>
+    <script type="text/javascript" src="js/ff/rules/create.js"></script>
 {% endblock %}

resources/views/rules/rule/edit.twig

@@ -126,10 +126,10 @@
 
 {% endblock %}
 {% block scripts %}
-    <script type="text/javascript" src="js/rules/create-edit.js"></script>
+    <script type="text/javascript" src="js/ff/rules/create-edit.js"></script>
     <script type="text/javascript">
         var triggerCount = {{ triggerCount }};
         var actionCount = {{ actionCount }};
     </script>
-    <script type="text/javascript" src="js/rules/edit.js"></script>
+    <script type="text/javascript" src="js/ff/rules/edit.js"></script>
 {% endblock %}

resources/views/tags/create.twig

@@ -54,16 +54,18 @@
 {% endblock %}
 {% block scripts %}
     <script type="text/javascript">
+        var latitude;
         {% if Input.old('latitude') %}
-        var latitude = "{{ Input.old('latitude') }}";
+        latitude = "{{ Input.old('latitude') }}";
         {% else %}
-        var latitude = "52.3167";
+        latitude = "52.3167";
         {% endif %}
 
+        var doPlaceMarker;
         {% if Input.old('latitude') and Input.old('longitude') and Input.old('zoomLevel') %}
-        var doPlaceMarker = true;
+        doPlaceMarker = true;
         {% else %}
-        var doPlaceMarker = false;
+        doPlaceMarker = false;
         {% endif %}
 
         {% if Input.old('longitude') %}
@@ -80,5 +82,5 @@
 
     </script>
     <script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
-    <script src="js/tags.js"></script>
+    <script src="js/ff/tags/create.js"></script>
 {% endblock %}

resources/views/tags/edit.twig

@@ -84,5 +84,5 @@
 
     </script>
     <script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
-    <script src="js/tags.js"></script>
+    <script src="js/ff/tags/edit.js"></script>
 {% endblock %}

resources/views/tags/index.twig

@@ -81,5 +81,5 @@
 
 {% endblock %}
 {% block scripts %}
-    <script type="text/javascript" src="js/tags.js"></script>
+    <script src="js/ff/tags/index.js"></script>
 {% endblock %}

resources/views/transactions/create.twig

@@ -132,10 +132,10 @@
         {% endfor %}
 
     </script>
-    <script type="text/javascript" src="js/bootstrap3-typeahead.min.js"></script>
-    <script type="text/javascript" src="js/bootstrap-tagsinput.min.js"></script>
-    <script type="text/javascript" src="js/transactions/create-edit.js"></script>
-    <script type="text/javascript" src="js/transactions/create.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap3-typeahead.min.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-tagsinput.min.js"></script>
+    <script type="text/javascript" src="js/ff/transactions/create-edit.js"></script>
+    <script type="text/javascript" src="js/ff/transactions/create.js"></script>
 {% endblock %}
 
 {% block styles %}

resources/views/transactions/edit.twig

@@ -114,10 +114,10 @@
     <script type="text/javascript">
         var what = "{{ what }}";
     </script>
-    <script type="text/javascript" src="js/bootstrap3-typeahead.min.js"></script>
-    <script type="text/javascript" src="js/bootstrap-tagsinput.min.js"></script>
-    <script type="text/javascript" src="js/transactions/create-edit.js"></script>
-    <script type="text/javascript" src="js/transactions/edit.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap3-typeahead.min.js"></script>
+    <script type="text/javascript" src="js/lib/bootstrap-tagsinput.min.js"></script>
+    <script type="text/javascript" src="js/ff/transactions/create-edit.js"></script>
+    <script type="text/javascript" src="js/ff/transactions/edit.js"></script>
 {% endblock %}
 {% block styles %}
     <link href="css/bootstrap-tagsinput.css" type="text/css" rel="stylesheet" media="all">

resources/views/transactions/show.twig

@@ -118,7 +118,7 @@
                                     </td>
                                     <td>
                                         <i class="fa {{ att.mime|mimeIcon }}"></i>
-                                        <a href="{{ route('attachments.download', att.id) }}" tle="{{ att.filename }}">
+                                        <a href="{{ route('attachments.download', att.id) }}" title="{{ att.filename }}">
                                             {% if att.title %}
                                                 {{ att.title }}
                                             {% else %}
@@ -132,7 +132,7 @@
                                         {% endif %}
                                     </td>
                                     <td style="width:100px;">
-                                        <img src="{{ route('attachments.preview', att.id) }}"></img>
+                                        <img src="{{ route('attachments.preview', att.id) }}" />
                                     </td>
                                 </tr>
                             {% endfor %}