@using DataLineM.Models
@using DataLineM.Helpers
<link href="@Url.Content("~/Content/DemoShow.css")" rel="Stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js") type="text/javascript"></script>

@model DataLineM.Models.DataLineModel
@{
    ViewBag.Title = "Demo";
    DataNodeModel mod = @Model.curNode();
}


<h2>Demo</h2>

<div style="float:left">
<div>
  <fieldset>
    <legend>数据线描述（编号 @Model.LineID）</legend>    
    @Html.LabelFor(m => m.Name): <span class="Attr1"> @Model.Name</span> <br />
    @Html.LabelFor(m => m.Level):<span class="Attr1"> @Model.Level</span><br />

    @Html.LabelFor(m => m.StartTime):<span class="Attr1"> @Html.ShortTime(@Model.StartTime)</span><br />
    @Html.LabelFor(m => m.EndTime):<span class="Attr1"> @Html.ShortTime(@Model.EndTime)</span><br />
    @Html.LabelFor(m => m.iMarketDay):<span class="Attr1"> @Html.MarketDayDesc(@Model.iMarketDay)</span><br />
    @Html.LabelFor(m => m.iMarketTime):<span class="Attr1"> @Html.MarketTimeDesc(@Model.iMarketTime)</span><br />
    
      <h1 class='TNodeDone' style=' width:20px;background-color:Yellow' id='idSecs'>0</h1>
  </fieldset>

</div>

</div>


<div id="idNodes" style="height:700px;margin:20px;float:right">


</div>


<div style="height:700px">&nbsp;</div>
<script type="text/javascript">
    var ict = 0;
    var imax = 4;
    setInterval(function () {
        ict++;
        if (ict > imax) ict = 0;
        document.getElementById("idSecs").innerHTML = imax - ict;
        if (ict == 1) {
            $.ajax({
                url: "/Line/DemoTim/@Model.LineID",
                success: function (data) {
                    idNodes.innerHTML = data;
                }
            });

        }
    }, 500);

</script>