PackageHelper/www/routes.js

/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

var routes = [
    {
        path: '/home',
        name: 'home',
        async: function (routeTo, routeFrom, resolve, reject) {
            var total = countPackages();
            var undelivered = countRemainingPackages();
            var delivered = total - undelivered;
            var percent = (total > 0 ? (delivered / total) : 1);
            resolve({
                templateUrl: './pages/home.html'
            }, {
                context: {
                    packageTotal: total,
                    packageLeft: undelivered,
                    packageDelivered: delivered,
                    packagePercent: percent
                }
            });
        }
    },
    {
        path: '/manage',
        url: './pages/manage.html',
        name: 'manage',
        on: {
            pageAfterIn: function () {
                app.autocomplete.create({
                    inputEl: '#streetInput',
                    openIn: 'dropdown',
                    /* If we set valueProperty to "id" then input value on select will be set according to this property */
                    valueProperty: 'name', //object's "value" property name
                    textProperty: 'name', //object's "text" property name
                    limit: 10, //limit to 10 results
                    typeahead: true,
                    dropdownPlaceholderText: '',
                    source: function (query, render) {
                        var streets = searchAutofill(query, $("input[name=number]").val());

                        render(streets);
                    }
                });
            }
        }
    },
    {
        path: '/list',
        templateUrl: './pages/list.html',
        name: 'list',
        on: {
            pageAfterIn: function () {
                loadPackageList();

                searchbar = app.searchbar.create({
                    el: '.package-list-searchbar',
                    searchContainer: '#addresslist',
                    searchIn: '.item-title',
                    backdrop: false,
                    on: {
                        search(sb, query, previousQuery) {
                            console.log(query, previousQuery);
                        }
                    }
                });
            }
        },
        keepAlive: true
    },
    {
        path: '/map',
        url: './pages/map.html',
        name: 'map',
        keepAlive: true,
        on: {
            pageAfterIn: function () {
                reloadMap();
            }
        }
    },
    {
        path: '/credits',
        url: './pages/credits.html',
        name: 'credits'
    },
    {
        path: '/settings',
        name: 'settings',
        async: function (routeTo, routeFrom, resolve, reject) {
            var mapstyles = [];
            for (var id in SETTINGS.maptileurls) {
                if (SETTINGS.maptileurls.hasOwnProperty(id)) {
                    mapstyles.push({
                        value: id,
                        label: SETTINGS.maptileurls[id].name,
                        selected: localStorage.getItem("mapsource") == id
                    });
                }
            }

            var settings = [
                {
                    setting: "alerts",
                    title: "Package Alerts",
                    text: "Change the alert sound, volume, and distance.",
                    onclick: "router.navigate('/settings/alerts')",
                    link: true
                }
            ];

            if (platform_type == "cordova") {
                settings.push({
                    setting: "wakelock",
                    title: "Keep screen on",
                    text: "Improves GPS accuracy and alert sound reliability, but uses more battery.",
                    toggle: true,
                    checked: localStorage.getItem("wakelock") == "true",
                    onclick: ""
                });
            }

            settings.push(
                    {
                        setting: "darktheme",
                        title: "Use dark theme",
                        text: "Saves power on phones with OLED screens.",
                        toggle: true,
                        checked: localStorage.getItem("darktheme") == "true",
                        onclick: ""
                    },
                    {
                        setting: "units",
                        title: "Measurement units",
                        select: true,
                        options: [
                            {
                                value: "metric",
                                label: "Meters/Kilometers",
                                selected: localStorage.getItem("units") == "metric"
                            },
                            {
                                value: "imperial",
                                label: "Feet/Miles",
                                selected: localStorage.getItem("units") == "imperial"
                            }
                        ]
                    },
                    {
                        setting: "mapsource",
                        title: "Map style",
                        select: true,
                        options: mapstyles,
                        text: "Choose which map style to use."
                    },
                    {
                        setting: "versions",
                        title: "PackageHelper app v" + app_version,
                        text: "Copyright © 2019 Netsyms Technologies.  Licensed under the Mozilla Public License 2.0.",
                        onclick: ""
                    },
                    {
                        setting: "opensource",
                        title: "Credits and open source info",
                        text: "",
                        onclick: "router.navigate('/credits')"
                    },
                    {
                        setting: "privacy",
                        title: "Privacy policy and legal",
                        text: "",
                        onclick: "openBrowser('https://netsyms.com/legal?pk_campaign=PackageHelpterApp')"
                    });

            resolve({
                templateUrl: './pages/settings.html'
            }, {
                context: {
                    settings: settings
                }
            });
        }
    },
    {
        path: '/settings/alerts',
        name: 'alertsettings',
        async: function (routeTo, routeFrom, resolve, reject) {
            var alertsounds = [];
            for (var id in SETTINGS.alertsounds) {
                if (SETTINGS.alertsounds.hasOwnProperty(id)) {
                    alertsounds.push({
                        value: id,
                        label: SETTINGS.alertsounds[id].name,
                        selected: localStorage.getItem("alertsound") == id
                    });
                }
            }

            var settings = [{
                    setting: "alertsound",
                    title: "Alert sound",
                    text: "Select which sound to play when a package is nearby.",
                    select: true,
                    options: alertsounds
                },
                {
                    setting: "alertvolume",
                    title: "Alert volume",
                    min: 0,
                    max: 100,
                    step: 1,
                    value: localStorage.getItem("alertvolume"),
                    slider: true
                },
                {
                    setting: "alertradius",
                    title: "Alert radius (meters)",
                    min: 50,
                    max: 500,
                    step: 50,
                    value: localStorage.getItem("alertradius"),
                    slider: true
                },
                {
                    setting: "alertinterval",
                    title: "Alert interval (seconds)",
                    min: 15,
                    max: 120,
                    step: 15,
                    value: localStorage.getItem("alertinterval") == null ? 30 : localStorage.getItem("alertinterval"),
                    slider: true
                }];

            resolve({
                templateUrl: './pages/alertsettings.html'
            }, {
                context: {
                    settings: settings
                }
            });
        }
    },
];