
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="shortcut icon" href="http://www.xizhi.com/static/favicon.ico" type="image/ico"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CAP</title>
    <script src="http://dbeye.xizhi.com/static/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://dbeye.xizhi.com/static/js/bootstrap.min.js"></script>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <style>
        html,body{height: 100%;}
        body{background: #f7f7f7;}
        .main-container{padding-top: 60px;font-family: "microsoft yahei",arial, sans serif;background: #fff;min-height: 100%;box-sizing: border-box;}

        .btn-primary{width: 120px;}
        .jqgfirstrow td{padding: 0 !important;}
        .ui-jqgrid-resize{display: none;}
        .ui-jqgrid-htable th{border: 1px solid #ddd;background: #f9f9f9;padding: 5px;border-bottom: 0;}
        .form-inline{padding-bottom: 10px;}
        .form-inline .form-group .control-label{display: inline-block;width: 90px;}
        .modal-body{padding: 35px 70px;}

        [class*=icon-] {display: inline-block;background: url(http://cn-style.gcimg.net/i/201505/3uHspSDMoV.png) no-repeat 0 0;}
        .ui-pg-table {line-height: 1}
        .ui-paging-info {text-align: left!important}
        .ui-icon-seek-next,.ui-icon-seek-prev {height: 26px;width: 26px;border: 1px solid #dfe5e7}
        .ui-state-disabled .ui-icon-seek-prev {background-position: -41px -124px}
        .ui-state-disabled .ui-icon-seek-next {background-position: -41px -154px}
        .ui-icon-seek-prev {background-position: -1px -124px}
        .ui-icon-seek-next {background-position: -1px -154px}
        .ui-pg-input {text-align: center;width: 40px}
        .hd{padding: 6px 0 6px 10px;border-left: 2px solid #337ab7;margin-bottom: 20px;}
    </style>
</head>
<body data-spy="scroll" data-target="#myScrollspy">

<div class="navbar navbar-inverse navbar-fixed-top" >
    <div class="container">
        <ul class="nav navbar-nav">
            <li> <a href="#">CAP</a></li>
            <li class="dropdown">
                <a href="/" class="dropdown-toggle" data-toggle="dropdown">VCS<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="/pub/vcs/">发布/回滚</a></li>
                    <li><a href="/pub/history/">操作记录</a></li>
                    <li><a href="#">我的发布</a> </li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">流量分析<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">实时流量</a></li>
                    <li><a href="#">1小时</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">DBeye<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="/data_list.html/?near_time_v=3&tb=slow_query_review_history">Mysql运行状态</a></li>
                    <li><a href="/data_list.html/?near_time_v=4&tb=slow_query_review_history">Mysql数据库信息</a></li>
                    <li><a href="/data_list.html/?near_time_v=5&tb=slow_query_review_history">Mysql连接数统计</a></li>
                    <li><a href="/data_list.html/?near_time_v=0&tb=slow_query_review_history">Mysql慢查询分析</a></li>
                    <li><a href="/data_list.html/?near_time_v=0&tb=slow_query_review_history">Mysql实时SQL展示</a></li>

                </ul>
            </li>

        </ul>
        <div>
            <p class="navbar-text navbar-right">欢迎：admin
                <a href="/logout/" class="navbar-link">注销</a>
            </p>
        </div>
    </div>
</div>

<!-- Content -->
<div class="container main-container">
    <div class="row">
        <div class="col-md-6">
            <h3 class="hd">计划任务（Python）</h3>
        </div>
        <div class="col-md-6">
            <button type="button" id="create-button" class="btn btn-primary" style="float: right;margin-top: 30px;">创建计划任务</button>
        </div>
    </div>
    <table class="table table-striped table-hover table-bordered table-condensed" id="table">
    </table>
    <div id="table-pager"></div>
</div>

<!-- dialog  -->
<script type="text/html" id="exampleModal">
    <form action="http://192.168.12.47/dev-static/sys/cap/examples/b.json" method="post" autocomplete="off" id="form1">
        <div class="modal-body">
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-ip" class="control-label">IP:</label>
                    <input type="text" class="form-control" name="ip" id="cap-ip">
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-name" class="control-label">名称:</label>
                    <input type="text" class="form-control" name="name" id="cap-name">
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-rule" class="control-label">时间规则:</label>
                    <input type="text" class="form-control" name="rule" id="cap-rule">
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label class="control-label">所属项目:</label>
                    <select name="item" class="form-control">
                        <option value="1">工厂网</option>
                        <option value="2">国际站</option>
                        <option value="3">悉知</option>
                        <option value="4">运维</option>
                    </select>
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-url" class="control-label">SVN url:</label>
                    <input type="text" class="form-control" name="url" id="cap-url">
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-version" class="control-label">版本:</label>
                    <input type="text" class="form-control" name="version" id="cap-version">
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label class="control-label">所属应用:</label>
                    <select name="app" id="" class="form-control">
                        <option value="1">zh.app-name</option>
                        <option value="2">en.xxx</option>
                        <option value="3">xz.xxx</option>
                    </select>
                </div>
            </div>
            <div class="form-inline">
                <div class="form-group">
                    <label for="cap-fn" class="control-label">功能:</label>
                    <textarea class="form-control" name="fn" id="cap-fn" style="height: 120px;width: 195px;"></textarea>
                </div>
            </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default">取消</button>
            <button type="submit" class="btn btn-primary">确定</button>
        </div>
    </form>
</script>





<script src="http://cn-style.gcimg.net/static/??seajs/seajs/2.2.1/sea.js,seajs/seajs-style/1.0.2/seajs-style.js,seajs/seajs-plus/1.0.0/seajs-plus.js,jquery/jquery/1.8.2/jquery.js" id="seajsnode"></script>
<script type="text/javascript">
    var gridUrl = 'http://192.168.12.47/dev-static/sys/cap/examples/a.json';
    seajs._use('sys/cap/1.0.0/main');
</script>
</body>
</html>

