@using DataLineM.Models
@model DataLineM.Models.DataNodeModel
@{
    ViewBag.Title = "Edit";
}
<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>

<h2>节点编辑</h2>

<div style="float:left;background-color:#f4f9fd">
    <p>节点编号 @Model.NodeID</p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.ActionLink("模拟发送","About","Home",new {id=@Model.NodeID},null)
    @DLine.NodeDesc(@Model)
    <p>属性列表：</p>
    @DLine.NodeAttrs(@Model)

</div>
<div style="float:left;height:400px;margin-left:20px;"></div>
<div style="height:600px;margin-left:20px;">
  <fieldset>
    <legend>运行信息</legend>
    <p>例子1： <span style='color:red'>zero 20:00 21:00</span>&nbsp;&nbsp;每天晚上8点-9点运行<br />
       例子2： <span style='color:red'>wait 00:05 00:08</span>&nbsp;&nbsp;从结点激活后5-8分钟运行<br />
    </p>
    <div id='idTime' >
        
        <p><span >时间范围配置：</span>@Model.TimeRange &nbsp;&nbsp; <a href='javascript:return' id='butTimeEdit'>编辑</a></p>
    </div>
    <div id='idTimeEdit' style="display:none">
        <input type="text" id="idTimeRange" name="idTimeRange" value="@Model.TimeRange" />
        <input type= "button" id='butTimeSure' name='butTimeSure' value="确定" />
        <input type= "button" id='butTimeCancel' name='butTimeCancel' value="取消" />
    </div>

  </fieldset>
  
  <fieldset>
    <legend>表达式</legend>
    <p>目前只支持简单表达式，比如@a = 7 ,其中@表示属性，<br />
    =为操作符，可以为 = != &lt; &lt;= &gt; &gt;= <br />
    @@Today 表示今天。
    </p>
    <p><a href="javascript:ShowEdit(1)" id="idNewLink">新增</a></p>
    <div id="idNew" style="display:none">
        <input type="text" id="idCalValue" />
        <input type="button" name="butSure" id="butSure" value="确定" />
        <input type="button" name="butCancel" id="butCancel" value="取消" />
    </div>
    <div id="idDesc" style="display:none">
        <input type="text" id="EExpress" />
        <input type="hidden" id="EExpID" readonly="readonly" />
        <input type="button" name="butESure" id="butESure" value="确定"/>
        <input type="button" name="butECancel" id="butECancel" value="取消" />
    </div>
    <table id="idRows" class="Pack1">
    <tr><td>编号</td><td>表达式</td><td>操作</td></tr>
@if (@Model.Calcs != null){
    foreach(DataNodeCalcModel cal in @Model.Calcs){
        <tr> <td>@cal.ExpID</td> 
        <td>@cal.Express</td>
        <td><a href="javascript:DoDescEdit(@cal.ExpID)">编辑</a>&nbsp;&nbsp;
        <a href="javascript:DoDescRemove(@cal.ExpID)">移除</a></td>
        </tr>
    }
}
    </table>
  </fieldset>


</div>

<script type="text/javascript">
    function ShowEdit(bShow) {
        if (bShow == 1)
         { $("#idNew").show(); $("#idNewLink").hide(); }
         else
         { $("#idNew").hide(); $("#idNewLink").show(); }
    };
    function ShowDesc(bShow) {
        if (bShow == 1)
        { $("#idDesc").show(); $("#idRows").hide(); $("#idNewLink").hide(); }
        else 
        { $("#idDesc").hide(); $("#idRows").show(); $("#idNewLink").show(); }
    }
    function ShowTime(bShow) {
        if (bShow == 1)
        { $("#idTime").hide(); $("#idTimeEdit").show(); }
        else
        { $("#idTime").show(); $("#idTimeEdit").hide(); }
    }
    function DoDescEdit(ExpID) {
        $.ajax({
            url: "/Node/ExpGet/" + ExpID,
            datatype: "json",
            success: function (dat) {
                //alert(dat["Express"]);
                $("#EExpress").val(dat["Express"]);
                $("#EExpID").val(dat["ExpID"]);
            }
        });
        ShowDesc(1);
    }
    function DoDescRemove(ExpID) {
        if (!confirm("确定移除表达式？编号=" + ExpID)) return;

        $.ajax({ url: "/Node/ExpRemove/" + ExpID,
            success: function () {
                location.reload();
            }
        });

    }
    //时间范围编辑：
    $(document).ready(function () {
        $("#butTimeEdit").click(function () {
            ShowTime(1);
        });
        $("#butTimeSure").click(function () {
            $.ajax({
                url:"/Node/TimeEdit/@Model.NodeID",
                data:{"TimeRange":$("#idTimeRange").val()},
                success:function(){location.reload();}
            });
        });
        $("#butTimeCancel").click(function () {
            ShowTime(0);
        });
    });
    //表达式编辑。
    $(document).ready(function () {
        $("#butSure").click(function () {

            $.ajax({
                url: "/Node/ExpNew/@Model.NodeID",
                data: {
                    "NewCalc": $("#idCalValue").val()
                },
                datatype: "html",
                success: function (dats) {
                    //alert(dats);
                    location.reload();
                    //$("#idNewLink").html(dats);
                }
            });
            ShowEdit(0);
            //$("#idNewLink").html("ajax");
        });
        $("#butCancel").click(function () {
            ShowEdit(0);
        });
        $("#butESure").click(function () {
            $.ajax({
                url: "/Node/ExpEdit",
                data: {
                    "ExpID": $("#EExpID").val(),
                    "Express": $("#EExpress").val()
                },
                success: function () {
                    //ShowDesc(0);
                    location.reload();
                }
            });
        });
        $("#butECancel").click(function () {
            ShowDesc(0);
        });
    });
</script>