timetable view demo

timetable.json

{
    "type": "a.adminview",
    "path": "/timetable",
    "title": "@@Ocupación",
    "children": {
        "body": {
            "type": "dashboard",
            "children": [
                {
                    "type": "row",
                    "children": [
                        {
                            "type": "column",
                            "children": [
                                {
                                    "type": "tile",
                                    "children": [
                                        {
                                            "type": "a.timetable",
                                            "id": "timetable",
                                            "pixelsPerMin": 5,
                                            "hourColumnInterval": 10,
                                            "columns": [
                                                {
                                                    "width": 40,
                                                    "idResourceType": 2
                                                },
                                                {
                                                    "width": 40,
                                                    "idResourceType": 3
                                                },
                                                {
                                                    "idResourceType": 1,
                                                    "idResource": 1
                                                },
                                                {
                                                    "idResourceType": 1,
                                                    "idResource": 2
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "type": "column",
                            "children": [
                                {
                                    "type": "tile",
                                    "height": "330px",
                                    "children": [
                                        {
                                            "type": "a.dayselect",
                                            "onClick": { "target": "timetable", "command": "setDate" }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    }
}