Change endpoint schema to support custom page layouts

[mStirner]

To create UI layouts, like a TV remote: OpenHausIO/frontend#125 (comment)

Create a component or handle that in "system"? or how else?

[mStirner]

Add a endpoint property .layout?
Or .styling object in general for "icons", "layouts" and other stuff?

[mStirner]

I think this could/should be done in the endpoint component.
Add a .pages property, where is defined:

• height
• width
• pages

Where in each page entry the items are defined.
Which are again defining the buttons/commands.
Also, add a states values? -> Would be awesome!

[mStirner]

Schema Draft:

    static schema() {
        return Joi.object({
            _id: Joi.string().pattern(/^[0-9a-fA-F]{24}$/).default(() => {
                return String(new mongodb.ObjectId());
            }),
            name: Joi.string().required(),
            enabled: Joi.boolean().default(true),
            room: Joi.string().pattern(/^[0-9a-fA-F]{24}$/).allow(null).default(null),
            device: Joi.string().pattern(/^[0-9a-fA-F]{24}$/).required(),
            commands: Joi.array().items(Command.schema()).default([]),
            states: Joi.array().items(State.schema()).default([]),
            // removed, see #438
            //identifier: Joi.any().allow(null).default(null),   // usefull for ssdp, etc.
            icon: Joi.string().allow(null).default(null),
            pages: Joi.array().items(Joi.object({
                title: Joi.string().required(),
                size: {
                    x: Joi.number().min(1).default(3),
                    y: Joi.number().min(1).default(9),
                    gap: Joi.boolean().default(false)
                },
                items: Joi.array().items(Joi.object({
                    style: {
                        x: Joi.number().min(1).required(),
                        y: Joi.number().min(1).required(),
                        h: Joi.number().min(1).required(),
                        w: Joi.number().min(1).required(),
                    },
                    type: Joi.string().valid("command", "state").default("command"),
                    item: Joi.string().pattern(/^[0-9a-fA-F]{24}$/).required()
                })).default({})
            })).default([])
        });
    }