@{
    ViewBag.Title = "北京空飘物";
}

@section styles {
    <link href="~/Content/thirds/leaflet-velocity/leaflet-velocity.min.css" rel="stylesheet" />
    <link href="~/Content/thirds/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" />
    <link href="~/Content/thirds/leaflet.draw-0.4.14/leaflet.draw.css" rel="stylesheet" />
}

<div class="main">
    <div class="map" id="map"></div>
    @*<div class="switch particle-switch" id="particle-switch">
            风场粒子<a href="javascript:;"></a>
        </div>*@
    <div class="switch switch-on label-switch" id="label-switch">
        时间标签<a href="javascript:;"></a>
    </div>
    <a id="mark-button" class="info-mark btn">信息点标绘...</a>
    <a id="draw-button" class="draw btn">画线...</a>
    <a id="clear-button" class="clear-btn btn">清除...</a>
    <a id="capture-button" class="export btn">导出图片...</a>
    <a id="download-button" href="~/Content/thirds/niuniu-capture/CaptureInstall.exe" class="export btn" style="display:none;" title="安装成功后，手动刷新本页面">安装插件...</a>
</div>

<div class="right">
    <div class="right-title clearfix">
        <a href="javascript:;" class="active" id="real-time">实时</a>
        <a href="javascript:;" id="history-time">历史</a>
    </div>
    <div class="right-content">
        @{
            Html.RenderPartial("Controls/RealtimeTabPage");
            Html.RenderPartial("Controls/HistoryTabPage");
        }
    </div>
</div>

<div class="shrink" id="shrink"></div>

<div class="bg"></div>

<div class="dialog dialog-info-point" id="dialog-info-point">
    <div class="dialog-content">
        <div class="dialog-title">
            <h2>添加信息点</h2>
        </div>
        <a href="javascript:;" class="close-dialog" id="close-info-dialog"></a>
        <div class="item">
            <label>标题:</label>
            <input type="text" id="title" class="easyui-textbox" prompt="请输入标题" />
        </div>
        <div class="icon-view clearfix">
            <div class="icon-col fl">
                <img src="~/Content/images/markers/1.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/2.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/3.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/4.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/5.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/6.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/7.png" />
            </div>
            <div class="icon-col fl">
                <img src="~/Content/images/markers/8.png" />
            </div>
        </div>
        <div class="line"></div>
        <div class="dialog-btn-group fr">
            <button class="btn dialog-btn dialog-sure-btn" id="dialog-info-point-sure">确定</button>
            <button class="btn dialog-btn" id="dialog-info-point-cancel">取消</button>
        </div>
    </div>
</div>

<div class="dialog dialog-manage">
    <div class="dialog-content">
        <div class="dialog-title">
            <h2>标签管理</h2>
        </div>
        <a href="javascript:;" class="close-dialog" id="dialog-close"></a>
        <div class="dialog-block param-text param-label clearfix">
            <div class="param-input fl">
                <input type="text" id="label">
            </div>
            <button class="btn" id="dialog-add-label">添加标签</button>
        </div>
        <div class="line"></div>
        <div class="dialog-block label-list clearfix" id="dialog-label-list">
            <h2 class="dialog-no-tags" style="display: none;">暂无标签</h2>
        </div>
    </div>
</div>

<div class="dialog dialog-delete">
    <div class="dialog-content">
        <div class="dialog-title">
            <h2>确认删除</h2>
        </div>
        <a href="javascript:;" class="close-dialog" id="delete-dialog-close"></a>
        <div class="dialog-clear clearfix">
            <h2>确定删除释放时间为的任务吗？</h2>
            <div class="line"></div>
            <div class="dialog-btn-group fr">
                <button class="btn dialog-btn dialog-sure-btn" id="dialog-sure">确定</button>
                <button class="btn dialog-btn" id="dialog-cancel">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="shade">
    <div class="load">
        正在计算任务(编号:<span id="task-id-span"></span>)，请稍后...
        <div class="load-animate">
            <div class="animate"></div>
            <div class="animate"></div>
            <div class="animate"></div>
        </div>
    </div>
</div>

@section scripts {
    <script src="~/Content/thirds/leaflet-velocity/leaflet-velocity.min.js"></script>
    <script src="~/Content/thirds/leaflet.draw-0.4.14/leaflet.draw.js"></script>
    <script src="~/Content/thirds/niuniu-capture/niuniucapture.js"></script>
    <script src="~/Content/thirds/niuniu-capture/capturewrapper.js"></script>
    <script src="~/Content/thirds/niuniu-capture/jquery.json-2.3.min.js"></script>
    <script src="~/Content/thirds/bootstrap-fileinput/js/fileinput.min.js"></script>
    <script src="~/Content/thirds/bootstrap-fileinput/js/locales/zh.js"></script>

    <script src="~/Content/scripts/beijing/history-panel.js"></script>
    <script src="~/Content/scripts/beijing/realtime-panel.js"></script>
    <script src="~/Content/scripts/beijing/result-list.js"></script>
    <script src="~/Content/scripts/beijing/info-point.js"></script>
    <script src="~/Content/scripts/beijing/map.js"></script>
    <script src="~/Content/scripts/beijing/app.js"></script>
}