Control UI/CEF layers from Inexor Flex

[aschaeffer]

Goal

Make the CEF layers available in Inexor Flex, so it's possible to create, remove or modify layers and their properties.

Tasks

• [ ] Inexor Tree: Link /interfaces into the instance tree: /instances/[:id]/interfaces
• [ ] Inexor Tree: CEF layers /instances/[:id]/ui/layers
  • [ ] Name (string, /instances/[:id]/ui/layers/[:name])
  • [ ] URL (string, /instances/[:id]/ui/layers/[:name]/url)
  • [ ] Visible (bool, /instances/[:id]/ui/layers/[:name]/visible)
  • [ ] x (int32, /instances/[:id]/ui/layers/[:name]/x)
  • [ ] y (int32, /instances/[:id]/ui/layers/[:name]/y)
  • [ ] width (int32, /instances/[:id]/ui/layers/[:name]/width)
  • [ ] height (int32, /instances/[:id]/ui/layers/[:name]/height)
  • [ ] Accepting Mouse Input (bool, /instances/[:id]/ui/layers/[:name]/mouse/acceptinput)
  • [ ] Accepting Keyboard Input (bool, /instances/[:id]/ui/layers/[:name]/keyboard/acceptinput)
• [ ] Flex: Service LayerManager
  • [ ] createLayer (instanceId, name, url, acceptMouseInput, acceptKeyboardInput)
  • [ ] createLayerFromInterface (instanceId, interfaceName)
  • [ ] removeLayer (instanceId, name)
  • [ ] setLayerVisiblity (instanceId, name, visible)
  • [ ] loadLayerConfig (instanceId, filename)
  • [ ] saveLayerConfig (instanceId, filename)
• [ ] REST & CLI-API: Control CEF layers
  • [ ] Command to create a layer
  • [ ] Command to remove a layer
  • [ ] Command to show a layer
  • [ ] Command to hide a layer
  • [ ] Command to set URL of a layer
  • [ ] Command to reload the current URL of a layer
  • [ ] Command to set the position and dimensions of a layer
  • [ ] Command to set whether a layer accepts mouse input
  • [ ] Command to set whether a layer accepts keyboard input
• [ ] Flex UI
  • [ ] Show the list of layers in a tab in the instance
  • [ ] Tab create layer
  • [ ] Button remove layer
  • [ ] Button show/hide layer
  • [ ] Edit layer properties (name, URL, x, y, visible, width, height, acceptingMouseInput, acceptingKeyboardInput) + Load and Save
  • [ ] Button load/reload a layer
• [ ] Flex Tree Events
  • [ ] onWindowResized -> resizeInstanceLayers()

Tree Events

In Inexor Flex it is possible to watch on tree events by watching the postSet event of a tree node.

For example if a layer gets shown or hidden:

let layerName = 'console';
let layerVisibilityNode = root.ui.layers.getChild(layerName).getChild('visible');
layerVisibilityNode.on('postSet', function(oldValue, newValue) {
  [...]
});

The same applies to the other properties of a layer: URL, position and dimensions.

[a-teammate]

This should be done solely on flex side shouldn't it?

[aschaeffer]

I've updated the description.

You can find the Inexor Core counter part in inexor/ui/layer/:

• inexor/ui/layer/InexorLayerProvider.hpp
  • is_visible
  • is_accepting_key_input
  • is_accepting_mouse_input
  • name
  • url
• inexor/ui/layer/InexorLayerManager.hpp:
  • std::list<CefRefPtr > layer_providers

The main work for Inexor Core is to make the properties available in the Inexor Tree.

[a-teammate]

After finishing this, I think it might be an idea to not only manage CEF layers (screen parts), but all rendering layers. I.e. the main ingame screen (where you see your playermodel and the world) just becomes a layer. Same for i.e. the model preview window. The API in flex could stay the same, but core would need some adjustments