Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add setting for displaying players above/below other markers (Fixes #14)

Browse Source
This commit is contained in:
James Lyne 2021-07-20 20:27:07 +01:00
parent 2598f1794e
commit fbe252472f
4 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api.ts
View File

@ -57,7 +57,7 @@ function buildServerConfig(response: any): DynmapServerConfig {
}
function buildMessagesConfig(response: any): LiveAtlasMessageConfig {
const liveAtlasMessages = window.liveAtlasConfig ? window.liveAtlasConfig.messages || {} : {};
const liveAtlasMessages = window.liveAtlasConfig?.messages || {};
return {
chatPlayerJoin: response.joinmessage || '',

11
src/components/map/layer/PlayersLayer.vue
View File

@ -42,12 +42,17 @@ export default defineComponent({
playerPane = props.leaflet.createPane('players'),
players = computed(() => store.state.players),
playerCount = computed(() => store.state.players.size),
playersAboveMarkers = computed(() => store.state.ui.playersAboveMarkers),
componentSettings = computed(() => store.state.components.playerMarkers),
layerGroup = new LayerGroup([],{
pane: 'players'
});
watch(playerCount, (newValue) => playerPane.classList.toggle('no-animations', newValue > 150))
watch(playerCount, (newValue) => playerPane.classList.toggle('no-animations', newValue > 150));
if(playersAboveMarkers.value) {
playerPane.style.zIndex = '600';
}
return {
players,
@ -80,7 +85,3 @@ export default defineComponent({
}
})
</script>
<style scoped>
</style>

4
src/scss/_leaflet.scss
View File

@ -15,7 +15,3 @@
}
}
}
.leaflet-players-pane {
z-index: 600;
}

3
src/store/state.ts
View File

@ -69,6 +69,7 @@ export type State = {
updateTimestamp: Date;
ui: {
playersAboveMarkers: boolean;
smallScreen: boolean;
visibleElements: Set<LiveAtlasUIElement>;
previouslyVisibleElements: Set<LiveAtlasUIElement>;
@ -221,6 +222,8 @@ export const state: State = {
updateTimestamp: new Date(),
ui: {
playersAboveMarkers: window.liveAtlasConfig?.ui?.playersAboveMarkers || false,
smallScreen: false,
visibleElements: new Set(),
previouslyVisibleElements: new Set(),