canvas: don't reset offset when loading more
This commit is contained in:
parent
11dbf6f8ee
commit
fee5f96cc1
|
@ -57,8 +57,8 @@ const textCache = {};
|
||||||
let textCacheWidth;
|
let textCacheWidth;
|
||||||
let textCacheDpr;
|
let textCacheDpr;
|
||||||
|
|
||||||
export const setupCanvas = (data) => {
|
export const setupCanvas = (data, isUpdate) => {
|
||||||
canvasState.offsetX = (window.innerWidth / dpr) > 600 ? 120 : 60,
|
if (!isUpdate) canvasState.offsetX = (window.innerWidth / dpr) > 600 ? 120 : 60;
|
||||||
canvas = document.getElementById('canvas');
|
canvas = document.getElementById('canvas');
|
||||||
ctx = canvas.getContext('2d');
|
ctx = canvas.getContext('2d');
|
||||||
canvasState.journeys = Object.keys(data.journeys).sort((a, b) => Number(a) - Number(b)).map(k => data.journeys[k]);
|
canvasState.journeys = Object.keys(data.journeys).sort((a, b) => Number(a) - Number(b)).map(k => data.journeys[k]);
|
||||||
|
|
|
@ -93,7 +93,7 @@ const journeyOverviewTemplate = (data, key) => {
|
||||||
</tr>`;
|
</tr>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const journeysView = async (match) => {
|
export const journeysView = async (match, isUpdate) => {
|
||||||
const reqId = match[0];
|
const reqId = match[0];
|
||||||
|
|
||||||
data = getCache('journeys', reqId);
|
data = getCache('journeys', reqId);
|
||||||
|
@ -106,7 +106,7 @@ export const journeysView = async (match) => {
|
||||||
render(journeysTemplate(data), ElementById('content'))
|
render(journeysTemplate(data), ElementById('content'))
|
||||||
|
|
||||||
if (dataStorage.settings.journeysViewMode === 'canvas') {
|
if (dataStorage.settings.journeysViewMode === 'canvas') {
|
||||||
setupCanvas(data);
|
setupCanvas(data, isUpdate);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -144,5 +144,5 @@ export const moreJourneys = async (reqId, mode) => {
|
||||||
data.journeys = {...data.journeys, ...newData.journeys};
|
data.journeys = {...data.journeys, ...newData.journeys};
|
||||||
|
|
||||||
addCache('journeys', data);
|
addCache('journeys', data);
|
||||||
journeysView([reqId]);
|
journeysView([reqId], true);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in a new issue