/* * index.js * Copyright (C) 2016 thegrumpydictator@gmail.com * * This software may be modified and distributed under the terms of the * Creative Commons Attribution-ShareAlike 4.0 International License. * * See the LICENSE file for details. */ /** global: minDate, nonSelectedText, allSelectedText, filterPlaceholder */ var defaultMultiSelect = { disableIfEmpty: true, nonSelectedText: nonSelectedText, allSelectedText: allSelectedText, includeSelectAllOption: true, enableFiltering: true, enableCaseInsensitiveFiltering: true, filterPlaceholder: filterPlaceholder }; $(function () { "use strict"; if ($('#inputDateRange').length > 0) { $('#inputDateRange').daterangepicker( { locale: { format: 'YYYY-MM-DD', firstDay: 1 }, minDate: minDate, drops: 'up' } ); // set report type from cookie, if any: if (!(readCookie('report-type') === null)) { $('select[name="report_type"]').val(readCookie('report-type')); } // set accounts from cookie if ((readCookie('report-accounts') !== null)) { var arr = readCookie('report-accounts').split(','); arr.forEach(function (val) { $('#inputAccounts').find('option[value="' + val + '"]').prop('selected', true); }); } // make account select a hip new bootstrap multi-select thing. $('#inputAccounts').multiselect(defaultMultiSelect); // set date from cookie var startStr = readCookie('report-start'); var endStr = readCookie('report-end'); if (startStr !== null && endStr !== null && startStr.length == 8 && endStr.length == 8) { var startDate = moment(startStr, "YYYY-MM-DD"); var endDate = moment(endStr, "YYYY-MM-DD"); var datePicker = $('#inputDateRange').data('daterangepicker'); datePicker.setStartDate(startDate); datePicker.setEndDate(endDate); } } $('.date-select').on('click', preSelectDate); $('#report-form').on('submit', catchSubmit); $('select[name="report_type"]').on('change', getReportOptions); getReportOptions(); }); function getReportOptions() { "use strict"; var reportType = $('select[name="report_type"]').val(); var boxBody = $('#extra-options'); var box = $('#extra-options-box'); boxBody.empty(); box.find('.overlay').show(); $.getJSON('reports/options/' + reportType, function (data) { boxBody.html(data.html); setOptionalFromCookies(); box.find('.overlay').hide(); }).fail(function () { boxBody.addClass('error'); box.find('.overlay').hide(); }); } function setOptionalFromCookies() { var arr; // categories if ((readCookie('report-categories') !== null)) { arr = readCookie('report-categories').split(','); arr.forEach(function (val) { $('#inputCategories').find('option[value="' + val + '"]').prop('selected', true); }); } $('#inputCategories').multiselect(defaultMultiSelect); // and budgets! if ((readCookie('report-budgets') !== null)) { arr = readCookie('report-budgets').split(','); arr.forEach(function (val) { $('#inputBudgets').find('option[value="' + val + '"]').prop('selected', true); }); } $('#inputBudgets').multiselect(defaultMultiSelect); // and tags! if ((readCookie('report-tags') !== null)) { arr = readCookie('report-tags').split(','); arr.forEach(function (val) { $('#inputBudgets').find('option[value="' + val + '"]').prop('selected', true); }); } $('#inputTags').multiselect(defaultMultiSelect); } function catchSubmit() { "use strict"; // date, processed: var picker = $('#inputDateRange').data('daterangepicker'); // all account ids: var accounts = $('#inputAccounts').val(); var categories = $('#inputCategories').val(); var budgets = $('#inputBudgets').val(); var tags = $('#inputTags').val(); // remember all // set cookie to remember choices. createCookie('report-type', $('select[name="report_type"]').val(), 365); createCookie('report-accounts', accounts, 365); createCookie('report-categories', categories, 365); createCookie('report-budgets', budgets, 365); createCookie('report-tags', tags, 365); createCookie('report-start', moment(picker.startDate).format("YYYYMMDD"), 365); createCookie('report-end', moment(picker.endDate).format("YYYYMMDD"), 365); return true; } function preSelectDate(e) { "use strict"; var link = $(e.target); var picker = $('#inputDateRange').data('daterangepicker'); picker.setStartDate(moment(link.data('start'), "YYYY-MM-DD")); picker.setEndDate(moment(link.data('end'), "YYYY-MM-DD")); return false; } function createCookie(name, value, days) { "use strict"; var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/"; } function readCookie(name) { "use strict"; var nameEQ = encodeURIComponent(name) + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1, c.length); } if (c.indexOf(nameEQ) === 0) { return decodeURIComponent(c.substring(nameEQ.length, c.length)); } } return null; }