hsufelix-ftpkit
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <title>首页</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <h2 style="-webkit-app-region: drag;cursor: pointer;"><a name="type" class="alink-title"></a>&nbsp;&nbsp;</h2>
  <div class="btn-close-win" id="btnClose" style="-webkit-app-region: no-drag;">X</div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="display-table width-full">
              <div class="display-row">
                <div class="display-cell">
                  FTP配置
                </div>
                <div class="display-cell text-right">
                  <button type="button" class="btn btn-success btn-sm" id="btnLinkFtp">链接FTP服务</button>
                  <button type="button" class="btn btn-danger btn-sm" id="btnCancelFtp">关闭FTP服务</button>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <div class="container-fluid">
              <div class="row">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <label for="fUrl">FTP服务器地址</label>
                    <input type="text" class="form-control animated" id="pfUrl" value="127.0.0.1" placeholder="127.0.0.1">
                  </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <label for="fPort">端口</label>
                    <input type="text" class="form-control animated" id="pfPort" value="21" placeholder="21">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <label for="fname">账号</label>
                    <input type="text" class="form-control animated" id="pfName" value="xzf" placeholder="FTP登录账号">
                  </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <div class="form-group">
                    <label for="fpwd">密码</label>
                    <input type="password" class="form-control animated" id="pfPwd" value="123123" placeholder="FTP登录密码">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="display-table width-full">
              <div class="display-row">
                <div class="display-cell">
                  本地配置
                </div>
                <div class="display-cell text-right">
                  <button type="button" class="btn btn-success btn-sm" id="btnTaskStart">开始定时任务</button>
                  <button type="button" class="btn btn-danger btn-sm" id="btnCancelTask">关闭定时任务</button>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <pre>
              <code>
    *    *    *    *    *    *
    ┬    ┬    ┬    ┬    ┬    ┬
    │    │    │    │    │    │
    │    │    │    │    │    └ day of week (0 - 7) (0 or 7 is Sun)
    │    │    │    │    └───── month (1 - 12)
    │    │    │    └────────── day of month (1 - 31)
    │    │    └─────────────── hour (0 - 23)
    │    └──────────────────── minute (0 - 59)
    └───────────────────────── second (0 - 59, OPTIONAL)</code>
            </pre>
            <blockquote>
              <p style="font-size: 12px;"><strong>Note</strong>: It's worth noting that the default value of a component of a recurrence rule is
                <code>null</code> (except for second, which is 0 for familiarity with cron). <em>If we did not
                  explicitly set <code>minute</code> to 0 above, the message would have instead been logged at
                  5:00pm, 5:01pm, 5:02pm, ..., 5:59pm.</em> Probably not what you want.</p>
            </blockquote>
            <div class="form-group">
              <label for="pschedule">设置间隔时间</label>
              <input type="text" class="form-control animated" id="pschedule" value="0 */30 * * * *" placeholder="设置时间:*/5 * * * * * 每5秒执行">
            </div>
            <div class="form-group">
              <div class="display-table">
                <div class="display-row">
                  <div class="display-cell width-full">
                    <input type="text" class="form-control animated" id="plFolder" value="F:\ftptest" readonly placeholder="C:\uploadfolder">
                  </div>
                  <div class="display-cell">
                    <button type="button" class="btn btn-primary" id="btnPlFolder">本地文件夹</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
        <div class="panel panel-default">
          <div class="panel-heading" >
            操作记录
          </div>
          <div class="panel-body upload-info" style="height: 85.5vh; overflow: auto;"></div>
        </div>
      </div>
    </div>
  </div>

  <script src="./js/index.js"></script>
</body>

</html>