132 lines
3.8 KiB
JavaScript
132 lines
3.8 KiB
JavaScript
import moment from 'moment';
|
|
import Vue from 'vue';
|
|
|
|
import { messages, getBrowserLocales } from '@/i18n';
|
|
import { storageAvailable } from '@/tools';
|
|
import { TILE_SERVERS, DEFAULT_TILE_SERVER } from '@/constants';
|
|
import * as types from './mutations-types';
|
|
|
|
function loadSettingFromStorage(name) {
|
|
try {
|
|
const value = localStorage.getItem(name);
|
|
if (value) {
|
|
return JSON.parse(value);
|
|
}
|
|
return null;
|
|
} catch (e) {
|
|
console.error(`Unable to load setting ${name}: ${e}.`);
|
|
return null;
|
|
}
|
|
}
|
|
|
|
// Load settings from storage
|
|
let locale = null;
|
|
let preventSuspend = null;
|
|
let skipOnboarding = null;
|
|
let tileServer = null;
|
|
if (storageAvailable('localStorage')) {
|
|
preventSuspend = loadSettingFromStorage('preventSuspend');
|
|
skipOnboarding = loadSettingFromStorage('skipOnboarding');
|
|
|
|
tileServer = loadSettingFromStorage('tileServer');
|
|
if (!TILE_SERVERS[tileServer]) {
|
|
tileServer = null;
|
|
}
|
|
|
|
locale = localStorage.getItem('locale');
|
|
if (!messages[locale]) {
|
|
locale = null;
|
|
}
|
|
if (!locale) {
|
|
// Get best matching locale from browser
|
|
const locales = getBrowserLocales();
|
|
for (let i = 0; i < locales.length; i += 1) {
|
|
if (messages[locales[i]]) {
|
|
locale = locales[i];
|
|
break; // Break at first matching locale
|
|
}
|
|
}
|
|
}
|
|
// Set moment locale
|
|
moment.locale(locale);
|
|
}
|
|
|
|
export const initialState = {
|
|
hasGoneThroughIntro: false,
|
|
isLoading: false,
|
|
location: {
|
|
accuracy: null,
|
|
currentLatLng: [null, null],
|
|
error: null,
|
|
heading: null, // in degrees, clockwise wrt north
|
|
positionHistory: [],
|
|
watcherID: null,
|
|
},
|
|
map: {
|
|
center: [null, null],
|
|
zoom: null,
|
|
},
|
|
reportDetails: {
|
|
id: null,
|
|
userAsked: null,
|
|
},
|
|
reports: [],
|
|
settings: {
|
|
locale: locale || 'en',
|
|
preventSuspend: preventSuspend || true,
|
|
skipOnboarding: skipOnboarding || false,
|
|
tileServer: tileServer || DEFAULT_TILE_SERVER,
|
|
},
|
|
};
|
|
|
|
export const mutations = {
|
|
[types.INTRO_WAS_SEEN](state) {
|
|
state.hasGoneThroughIntro = true;
|
|
},
|
|
[types.IS_DONE_LOADING](state) {
|
|
state.isLoading = false;
|
|
},
|
|
[types.IS_LOADING](state) {
|
|
state.isLoading = true;
|
|
},
|
|
[types.PUSH_REPORT](state, { report }) {
|
|
const reportIndex = state.reports.findIndex(item => item.id === report.id);
|
|
if (reportIndex === -1) {
|
|
state.reports.push(report);
|
|
} else {
|
|
Vue.set(state.reports, reportIndex, report);
|
|
}
|
|
},
|
|
[types.SET_CURRENT_MAP_CENTER](state, { center }) {
|
|
Vue.set(state.map, 'center', center);
|
|
},
|
|
[types.SET_CURRENT_MAP_ZOOM](state, { zoom }) {
|
|
Vue.set(state.map, 'zoom', zoom);
|
|
},
|
|
[types.SET_CURRENT_POSITION](state, { accuracy, heading, latLng }) {
|
|
Vue.set(state.location, 'accuracy', accuracy);
|
|
Vue.set(state.location, 'currentLatLng', latLng);
|
|
Vue.set(state.location, 'heading', heading);
|
|
state.location.positionHistory.push(latLng);
|
|
},
|
|
[types.SET_LOCATION_ERROR](state, { error }) {
|
|
Vue.set(state.location, 'error', error);
|
|
},
|
|
[types.SET_LOCATION_WATCHER_ID](state, { id }) {
|
|
Vue.set(state.location, 'watcherID', id);
|
|
},
|
|
[types.SET_SETTING](state, { setting, value }) {
|
|
if (storageAvailable('localStorage')) {
|
|
localStorage.setItem(setting, JSON.stringify(value));
|
|
}
|
|
state.settings[setting] = value;
|
|
},
|
|
[types.SHOW_REPORT_DETAILS](state, { id, userAsked }) {
|
|
Vue.set(state.reportDetails, 'id', id);
|
|
Vue.set(state.reportDetails, 'userAsked', userAsked);
|
|
},
|
|
[types.STORE_REPORTS](state, { reports }) {
|
|
state.reports = reports;
|
|
},
|
|
};
|