import * as PIXI from 'pixi.js'; import * as TWEEDLE from 'tweedle.js'; import { DEVICE_TYPE, DEVICE_Z_INDEX, } from './constants'; import shelf from '/map/shelf.svg'; import charge from '/map/charge.svg'; import direction from '/map/direction.svg'; let app, mapContainer; export function setApp(param) { app = param; } export function setMapContainer(param) { mapContainer = param; } export function getApp() { return app; } export function getMapContainer() { return mapContainer; } export const getRealPosition = (x, y) => { const rect = app.view.getBoundingClientRect(); return { mapX: (x - rect.left) / mapContainer.scale.x - mapContainer.x / mapContainer.scale.x, mapY: (y - rect.top) / mapContainer.scale.y - mapContainer.y / mapContainer.scale.y } } export const generateSprite = (deviceType) => { let sprite; switch (deviceType) { case DEVICE_TYPE.SHELF: sprite = new PIXI.Sprite(PIXI.Texture.from(shelf, { resourceOptions: { scale: 5 } })); sprite.width = 50; sprite.height = 50; sprite.zIndex = DEVICE_Z_INDEX.SHELF; break; case DEVICE_TYPE.CHARGE: sprite = new PIXI.Sprite(PIXI.Texture.from(charge, { resourceOptions: { scale: 1 } })); sprite.width = 60; sprite.height = 60; sprite.zIndex = DEVICE_Z_INDEX.CHARGE; break; case DEVICE_TYPE.DIRECTION: sprite = new PIXI.Sprite(PIXI.Texture.from(direction, { resourceOptions: { scale: 5 } })); sprite.width = 112; sprite.height = 63; sprite.zIndex = DEVICE_Z_INDEX.DIRECTION; break; default: break; } return sprite; } export const patchRaLayout = (param) => { const parentElement = document.getElementById('main-content'); if (parentElement && parentElement.classList.contains('RaLayout-content')) { parentElement.style.paddingLeft = param; parentElement.style.paddingRight = param; } }