[
    {
        "id": "1351c43d.6fb6bc",
        "type": "http in",
        "z": "33aef25f.2993be",
        "name": "",
        "url": "/data",
        "method": "get",
        "swaggerDoc": "",
        "x": 124,
        "y": 1059,
        "wires": [
            [
                "3089c546.8a0eca"
            ]
        ]
    },
    {
        "id": "c3a67ddc.c1fea",
        "type": "template",
        "z": "33aef25f.2993be",
        "name": "Css",
        "field": "payload.style",
        "fieldType": "msg",
        "format": "handlebars",
        "syntax": "mustache",
        "template": "input[type=text], select {\n    width: 100%;\n    padding: 12px 20px;\n    margin: 8px 0;\n    display: inline-block;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n}\n\ninput[type=submit] {\n    width: 100%;\n    background-color: #4CAF50;\n    color: white;\n    padding: 14px 20px;\n    margin: 8px 0;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n}\n\ninput[type=submit]:hover {\n    background-color: #45a049;\n}\n\nh1 {\n    text-align: center;\n    text-decoration : underline;\n}\n\np {\n    position:relative;\n    text-align: center;\n    top:35%;\n    font-size:200%;\n}\n\n.ligne_verticale\n{\n    position:absolute;\n    left:50%;\n    background-color: black;\n    width : 1px;\n    height : 500px;\n}\n\n.classe1{\n    position:absolute;\n    height : 500px;\n    left:0%;\n    right:50%;\n    border-color : black;\n    border-width:2px;\n    border-style:solid;\n    text-align: center;\n    background-image:url(https://thumbs.dreamstime.com/z/salle-de-classe-4080466.jpg);\n    background-size: 1000px;\n    font-size:150%;\n}\n\n.classe2{\n    position:absolute;\n    height : 500px;\n    left:50%;\n    right:0%;\n    border-color : black;\n    border-width:2px;\n    border-style:solid;\n    text-align: center;\n    background-image:url(http://ekladata.com/pkDkulWd3dWUorCGAReBL7zumRo.jpg);\n    background-size: 1000px;\n    font-size:150%;\n}\n",
        "x": 694.5,
        "y": 1027,
        "wires": [
            [
                "f16732de.311ba8"
            ]
        ]
    },
    {
        "id": "5c204610.4f9638",
        "type": "http response",
        "z": "33aef25f.2993be",
        "name": "http out",
        "x": 1065,
        "y": 1096,
        "wires": []
    },
    {
        "id": "3089c546.8a0eca",
        "type": "function",
        "z": "33aef25f.2993be",
        "name": "Data buffer1",
        "func": "context.data = context.data || new Object();\n\nvar counter1 = global.get(\"counter1\");\nvar name1 = global.get(\"name1\");\nvar counter2 = global.get(\"counter2\");\nvar name2 = global.get(\"name2\");\n\nswitch (msg.topic) {\n    case \"json\":\n        context.data.count1 = counter1;\n        context.data.room1 = name1;\n        context.data.count2 = counter2;\n        context.data.room2 = name2;\n        msg = null;\n        break;\n    case \"test\":\n        context.data.time = msg.payload;\n        msg = null;\n        break;\n    default:\n        msg.data = context.data;\n}\nreturn msg;",
        "outputs": "1",
        "noerr": 0,
        "x": 327,
        "y": 1026,
        "wires": [
            [
                "301db3b1.07028c"
            ]
        ]
    },
    {
        "id": "9fc606f.07c88f8",
        "type": "http in",
        "z": "33aef25f.2993be",
        "name": "",
        "url": "/web",
        "method": "get",
        "swaggerDoc": "",
        "x": 297,
        "y": 1148,
        "wires": [
            [
                "27f46084.269eb"
            ]
        ]
    },
    {
        "id": "27f46084.269eb",
        "type": "template",
        "z": "33aef25f.2993be",
        "name": "Auto Update Script",
        "field": "payload",
        "fieldType": "msg",
        "format": "handlebars",
        "syntax": "mustache",
        "template": "<script>\n    setInterval(function(){\t\n\t    var theUrl = \"https://rediotyomojo.mybluemix.net/data\";\n\t    var xmlHttp = new XMLHttpRequest();\n\t    xmlHttp.open( \"GET\", theUrl, false );\n\t    xmlHttp.send( null );\n\t    document. getElementById('data')\n\t    \t.innerHTML = xmlHttp.responseText;\n    },2000);\n</script>\n<div id=\"data\">... Loading ...</div>",
        "x": 587.9999694824219,
        "y": 1149,
        "wires": [
            [
                "5c204610.4f9638"
            ]
        ]
    },
    {
        "id": "2a06a32.cf6d7dc",
        "type": "cloudant in",
        "z": "33aef25f.2993be",
        "name": "",
        "cloudant": "",
        "database": "classe1",
        "service": "rediotyomojo-cloudantNoSQLDB",
        "search": "_all_",
        "design": "",
        "index": "",
        "x": 127.00003051757812,
        "y": 900,
        "wires": [
            [
                "5bfc500.54047b"
            ]
        ]
    },
    {
        "id": "5bfc500.54047b",
        "type": "function",
        "z": "33aef25f.2993be",
        "name": "setvalues1",
        "func": "var date = msg.payload[0].date;\nvar counter = msg.payload[0].counter;\nvar name = msg.payload[0].name;\n\nglobal.set(\"counter1\",counter);\nglobal.set(\"name1\",name); \n\n    msg.payload = {\"name\":name,\n                    \"counter\":counter};\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "x": 142.00003051757812,
        "y": 982,
        "wires": [
            [
                "1064834c.7888b5"
            ]
        ]
    },
    {
        "id": "301db3b1.07028c",
        "type": "template",
        "z": "33aef25f.2993be",
        "name": "JavaScript",
        "field": "payload.script",
        "fieldType": "msg",
        "format": "javascript",
        "syntax": "plain",
        "template": "$(document).ready(function(e) {\n    \n    $(\"form[ajax=true]\").submit(function(e) {\n        \n        e.preventDefault();\n        \n        var form_data = $(this).serialize();\n        var form_url = $(this).attr(\"action\");\n        var form_method = $(this).attr(\"method\").toUpperCase();\n        \n        $(\"#loadingimg\").show();\n        \n        $.ajax({\n            url: form_url, \n            type: form_method,      \n            data: form_data,     \n            cache: false,\n            success: function(returnhtml){                          \n                $(\"#result\").html(returnhtml); \n                $(\"#loadingimg\").hide();                    \n            }           \n        });    \n        \n    });\n    \n});",
        "x": 532,
        "y": 1027,
        "wires": [
            [
                "c3a67ddc.c1fea"
            ]
        ]
    },
    {
        "id": "f16732de.311ba8",
        "type": "template",
        "z": "33aef25f.2993be",
        "name": "HTML",
        "field": "payload",
        "fieldType": "msg",
        "format": "handlebars",
        "syntax": "mustache",
        "template": "<html>\n  <head>\n    <title>Comptage de personnes</title>\n    <meta charset=\"utf-8\">\n    <script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js\"></script>\n    <style>{{{payload.style}}}</style>\n    <script>{{{payload.script}}}</script>\n  </head>\n  \n<h1>Comptage de personnes</h1>\n\n<div class=\"ligne_verticale\" ></div>\n\n<div class=\"classe1\">\n    Salle 1/{{data.room2}}\n    <p>{{data.count1}} / 30</p>\n</div>\n\n<div class=\"classe2\">\n    Salle 2/{{data.room1}}\n    <p>{{data.count2}} / 45</p>\n</div>\n\n</body>\n</html>",
        "x": 857.8499755859375,
        "y": 1026.9000244140625,
        "wires": [
            [
                "5c204610.4f9638"
            ]
        ]
    },
    {
        "id": "e06bbc2c.0fd59",
        "type": "inject",
        "z": "33aef25f.2993be",
        "name": "",
        "topic": "json",
        "payload": "{}",
        "payloadType": "json",
        "repeat": "1",
        "crontab": "",
        "once": false,
        "x": 152.00003051757812,
        "y": 823,
        "wires": [
            [
                "2a06a32.cf6d7dc"
            ]
        ]
    },
    {
        "id": "1064834c.7888b5",
        "type": "cloudant in",
        "z": "33aef25f.2993be",
        "name": "",
        "cloudant": "",
        "database": "classe2",
        "service": "rediotyomojo-cloudantNoSQLDB",
        "search": "_all_",
        "design": "",
        "index": "",
        "x": 351.8499755859375,
        "y": 888.3499755859375,
        "wires": [
            [
                "cb44a051.504dd8"
            ]
        ]
    },
    {
        "id": "cb44a051.504dd8",
        "type": "function",
        "z": "33aef25f.2993be",
        "name": "setvalues2",
        "func": "var date = msg.payload[0].date;\nvar counter = msg.payload[0].counter;\nvar name = msg.payload[0].name;\n\nglobal.set(\"counter2\",counter);\nglobal.set(\"name2\",name); \n\n    msg.payload = {\"name\":name,\n                    \"counter\":counter};\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "x": 363.8500061035156,
        "y": 952.3499755859375,
        "wires": [
            [
                "3089c546.8a0eca"
            ]
        ]
    }
]