116 lines
3.2 KiB
JavaScript
116 lines
3.2 KiB
JavaScript
|
|
function newDesignSpace() {
|
|
const MODULE_NAME = 'Designe Space'
|
|
let thisObject = {
|
|
container: undefined,
|
|
iconCollection: undefined,
|
|
iconByUiObjectType: undefined,
|
|
workspace: undefined,
|
|
physics: physics,
|
|
draw: draw,
|
|
getContainer: getContainer,
|
|
makeVisible: makeVisible,
|
|
makeInvisible: makeInvisible,
|
|
initialize: initialize
|
|
}
|
|
|
|
let container = newContainer()
|
|
container.initialize()
|
|
thisObject.container = container
|
|
|
|
container.isDraggeable = false
|
|
|
|
thisObject.iconCollection = new Map()
|
|
thisObject.iconByUiObjectType = new Map()
|
|
|
|
return thisObject
|
|
|
|
function initialize() {
|
|
loadIconCollection(onIconsReady)
|
|
|
|
function onIconsReady() {
|
|
buildIconByUiObjectTypeMap()
|
|
thisObject.workspace = newWorkspace()
|
|
thisObject.workspace.initialize()
|
|
}
|
|
|
|
function buildIconByUiObjectTypeMap() {
|
|
/* Take types-icons relationships defined at the schema */
|
|
for (let i = 0; i < APP_SCHEMA_ARRAY.length; i++) {
|
|
let nodeDefinition = APP_SCHEMA_ARRAY[i]
|
|
let iconName = nodeDefinition.icon
|
|
if (iconName === undefined) {
|
|
iconName = nodeDefinition.type.toLowerCase()
|
|
iconName = iconName.split(" ").join("-")
|
|
}
|
|
let icon = thisObject.iconCollection.get(iconName)
|
|
if (icon !== undefined) {
|
|
thisObject.iconByUiObjectType.set(nodeDefinition.type, icon)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function loadIconCollection(callBack) {
|
|
|
|
callServer(undefined, 'ImagesNames', onResponse)
|
|
|
|
function onResponse(err, data) {
|
|
if (err.result !== GLOBAL.DEFAULT_OK_RESPONSE.result) {
|
|
console.log('Failed to Fetch Image Names from the Backend')
|
|
return
|
|
}
|
|
|
|
let imageNames = JSON.parse(data)
|
|
let imageLoadedCounter = 0
|
|
|
|
for (let i = 0; i < imageNames.length; i++) {
|
|
let name = imageNames[i]
|
|
loadImage(name)
|
|
}
|
|
|
|
function loadImage(name) {
|
|
imageLoadedCounter++
|
|
const PATH = 'Images/Icons/style-01/'
|
|
let image = new Image()
|
|
image.onload = onImageLoad
|
|
image.fileName = name
|
|
|
|
function onImageLoad() {
|
|
image.canDrawIcon = true
|
|
}
|
|
image.src = PATH + name
|
|
let key = name.substring(0, name.length - 4)
|
|
thisObject.iconCollection.set(key, image)
|
|
|
|
if (imageLoadedCounter === imageNames.length) {
|
|
callBack()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function physics() {
|
|
if (thisObject.workspace === undefined) { return }
|
|
thisObject.workspace.physics()
|
|
}
|
|
|
|
function makeVisible() {
|
|
visible = true
|
|
}
|
|
|
|
function makeInvisible() {
|
|
visible = false
|
|
}
|
|
|
|
function getContainer(point) {
|
|
|
|
}
|
|
|
|
function draw() {
|
|
if (thisObject.workspace === undefined) { return }
|
|
if (canWeDraw === false) { return }
|
|
thisObject.workspace.draw()
|
|
}
|
|
}
|