ets2-dashboard-skin/src/store/modules/_skins.js

Euro Truck Simulator 2 dashboard

/**
 * @author:	Emmanuel SMITH <hey@emmanuel-smith.me>
 * project:	ets2-dashboard-skin
 * file: 	skins.js
 * Date: 	02/05/2020
 * Time: 	09:27
 */

import _     from 'lodash';
import skins from '../../data/skins.json';

// initial state
const state = () => ({
	currentSkin: null,
	all:         skins.skins
});

// getters
const getters = {
	current:     state => {
		return state.currentSkin;
	},
	active:      state => {
		return state.all.filter( skin => !skin.disabled );
	},
	firstActive: ( state, getters ) => {
		//console.log( 'plop', getters.active );
		return _.first( getters.active );
	},
	all:         ( state ) => {
		return state.all;
	}
};

// actions
const actions = {
	setFirstActive( { commit, getters } ) {
		const active = getters.firstActive;
		commit( 'setCurrent', active );
	}
};

// mutations
const mutations = {
	setCurrent( state, skin ) {
		state.currentSkin = skin;
	},
	setConfigActive( state, name ) {
		let skin = state.all.filter( skin => skin.id === name );
		
		//console.log( skin, name );
		
		if ( skin.length === 0 )
			throw 'NoSkinFound';
		
		skin = _.first( skin );
		//console.log( skin );
		
		state.currentSkin = skin;
	}
};

export default {
	namespaced: true,
	state,
	getters,
	actions,
	mutations
};