<?xml version="1.0" encoding="UTF-8"?>
<h:screen xmlns:h="http://www.hand-china.com/hap">
    <style>
        html, body {
            background-color: rgb(233, 236, 243);
        }

        #content {
            margin-left: 10%;
            margin-right: 10%;
            box-shadow: 3px 3px 3px rgb(204, 204, 204);
            background-color: white;
            border-radius: 5px;
            height: 80%;
            min-height: 1050px;
            font-size: 38px;
        }
    </style>
    <script><![CDATA[
    var id = ${RequestParameters.id!};
    viewModel = kendo.observable({
        data: {
            content: ''
        }
    });
    $.ajax({
        url: '${base.contextPath}/notification/content/query?id=' + id,
        dataType: 'json',
        async: false,
        success: function (datas) {
            debugger;
            var rows = datas.rows[0];
            for (var k in rows) {
                viewModel.data.set(k, rows[k]);
            }
        }
    })

    ]]></script>
    <h1 id="title" style="text-align: center"></h1>
    <div style="margin-left: 50%;"><span id="date"></span><span id="author"></span></div>
    <div id="content"></div>

    <script><![CDATA[
    document.getElementById("content").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + viewModel.data.content;

    ]]></script>
</h:screen>