<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:79:"D:\phpStudy\PHPTutorial\WWW\ceshi/application/index\view\admin\admin_index.html";i:1562826328;s:74:"D:\phpStudy\PHPTutorial\WWW\ceshi\application\index\view\header_admin.html";i:1562826328;}*/ ?>
<!DOCTYPE html>
<html lang="zh_cn">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>管理面板- <?php echo $options['siteName']; ?></title>
  <!-- Bootstrap core CSS-->
  <link href="/static/css/bootstrap4/bootstrap.min.css" rel="stylesheet">
  <!-- Custom fonts for this template-->
  <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <!-- Page level plugin CSS-->
  <link href="/static/css/datatables/dataTables.bootstrap4.css" rel="stylesheet">
  <link href="/static/css/toastr.min.css" rel="stylesheet">

  <!-- Custom styles for this template-->
  <link href="/static/css/sb-admin.css" rel="stylesheet">
</head>

<body class="<?php echo $options['admin_color_body']; ?>" id="page-top">
  <!-- Navigation-->
  <nav class="<?php echo $options['admin_color_nav']; ?>" id="mainNav">
    <a class="navbar-brand" href="index.html">Cloudreve</a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="面板首页">
          <a class="nav-link" href="/Admin">
            <i class="fa fa-fw fa-dashboard"></i>
            <span class="nav-link-text">面板首页</span>
          </a>
        </li>
         <li class="nav-item" data-toggle="tooltip" data-placement="right" title="设置">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseComponents" data-parent="#exampleAccordion">
            <i class="fa fa-fw fa-wrench"></i>
            <span class="nav-link-text">设置</span>
          </a>
          <ul class="sidenav-second-level collapse" id="collapseComponents">
            <li>
              <a href="/Admin/Setting">基础设置</a>
            </li>
            <li>
              <a href="/Admin/SettingReg">注册访问</a>
            </li>
            <li>
              <a href="/Admin/SettingMail">邮件发送</a>
            </li>
            <li>
              <a href="/Admin/Config">配置文件</a>
            </li>
            <li>
              <a href="/Admin/SettingOther">杂项</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip"  data-placement="right" title="模板">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#theme">
            <i class="fa fa-fw fa-paint-brush"></i>
            <span class="nav-link-text">模板</span>
          </a>
          <ul class="sidenav-second-level collapse" id="theme">
            <li>
              <a  href="/Admin/Theme">模板</a>
            </li>
            <li>
              <a href="/Admin/Color">配色方案</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="文件">
          <a class="nav-link" href="/Admin/Files">
            <i class="fa fa-fw fa-folder"></i>
            <span class="nav-link-text">文件</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="分享">
          <a class="nav-link" href="/Admin/Shares">
            <i class="fa fa-fw fa-send"></i>
            <span class="nav-link-text">分享</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="离线下载">
          <a class="nav-link" href="/Admin/RemoteDownload">
            <i class="fa fa-fw fa-cloud-download"></i>
            <span class="nav-link-text">离线下载</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="用户">
          <a class="nav-link" href="/Admin/Users" data-parent="#user">
            <i class="fa fa-fw fa-user"></i>
            <span class="nav-link-text">用户</span>
          </a>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="用户组">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#group" data-parent="#group">
            <i class="fa fa-fw fa-users"></i>
            <span class="nav-link-text">用户组</span>
          </a>
          <ul class="sidenav-second-level collapse" id="group">
            <li>
              <a href="/Admin/GroupList">管理</a>
            </li>
            <li>
              <a href="/Admin/GroupAdd">添加</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="上传策略">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#policy" data-parent="#policy">
            <i class="fa fa-fw fa-upload"></i>
            <span class="nav-link-text">上传策略</span>
          </a>
          <ul class="sidenav-second-level collapse" id="policy">
            <li>
              <a href="/Admin/PolicyList">管理</a>
            </li>
            <li>
              <a href="/Admin/PolicyAdd">添加</a>
            </li>
          </ul>
        </li>
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="其他">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#else" data-parent="#else">
            <i class="fa fa-fw fa-ellipsis-h"></i>
            <span class="nav-link-text">其他</span>
          </a>
          <ul class="sidenav-second-level collapse" id="else">
              <li>
                  <a href="/Admin/Queue">任务队列</a>
                </li>
            <li>
              <a href="/Admin/Cron">定时任务</a>
            </li>
            <li>
              <a href="/Admin/About">关于</a>
            </li>
          </ul>
        </li>
      </ul>
      <ul class="navbar-nav sidenav-toggler">
        <li class="nav-item">
          <a class="nav-link text-center" id="sidenavToggler">
            <i class="fa fa-fw fa-angle-left"></i>
          </a>
        </li>
      </ul>
      <ul class="navbar-nav ml-auto">
       <li class="nav-item">
          <a class="nav-link" href="javascript:void" id="toggleNavColor">
          <i class="fa fa-fw fa-toggle-on" aria-hidden="true"></i>切换配色</a>
        </li>
    
        <li class="nav-item">
          <a class="nav-link" href="/">
            <i class="fa fa-fw fa-home"></i>返回首页</a>
        </li>
    
        <li class="nav-item">
          <a class="nav-link" data-toggle="modal" data-target="#exampleModal">
            <i class="fa fa-fw fa-sign-out"></i>登出</a>
        </li>
      </ul>
    </div>
  </nav>
  
  <div class="content-wrapper">
    <div class="container-fluid">
      <!-- Breadcrumbs-->
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">管理面板</a>
        </li>
        <li class="breadcrumb-item active">数据概况</li>
      </ol>
      <!-- Icon Cards-->
      <?php if($isCronOk == 'true'): else: ?>
        <div class="alert alert-danger" role="alert">
            <strong>警告！Cron定时任务疑似未执行</strong><p>检测到<a href="/Admin/Cron">定时任务</a>未正常执行，请检查您的定时任务配置。您可以通过Crontab或者其他网站监控服务，让 “您的域名/Cron” 此地址每隔一段时间被访问一次。</p>
          </div>
        <?php endif; ?>
      <div class="row">
        
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-primary o-hidden h-100">
            <div class="card-body">
              <div class="card-body-icon">
                <i class="fa fa-fw fa-users"></i>
              </div>
              <div class="mr-5"><?php echo $statics['userNum']; ?> 位用户</div>
            </div>
            <a class="card-footer text-white clearfix small z-1" href="/Admin/Users">
              <span class="float-left">查看详情</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a>
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-warning o-hidden h-100">
            <div class="card-body">
              <div class="card-body-icon">
                <i class="fa fa-fw fa-file"></i>
              </div>
              <div class="mr-5"><?php echo $statics['fileNum']; ?> 个文件</div>
            </div>
            <a class="card-footer text-white clearfix small z-1" href="/Admin/Files">
              <span class="float-left">查看详情</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a>
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-success o-hidden h-100">
            <div class="card-body">
              <div class="card-body-icon">
                <i class="fa fa-fw fa-share-alt"></i>
              </div>
              <div class="mr-5"><?php echo $statics['publicShareNum']; ?> 个公开分享</div>
            </div>
            <a class="card-footer text-white clearfix small z-1" href="/Admin/Shares">
              <span class="float-left">查看详情</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a>
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-danger o-hidden h-100">
            <div class="card-body">
              <div class="card-body-icon">
                <i class="fa fa-fw fa-lock"></i>
              </div>
              <div class="mr-5"><?php echo $statics['privateShareNum']; ?> 个私密分享</div>
            </div>
            <a class="card-footer text-white clearfix small z-1" href="/Admin/Shares">
              <span class="float-left">查看详情</span>
              <span class="float-right">
                <i class="fa fa-angle-right"></i>
              </span>
            </a>
          </div>
        </div>
      </div>
      <!-- Area Chart Example-->
      <div class="card mb-3">
        <div class="card-header">
          <i class="fa fa-area-chart"></i> 近期趋势</div>
        <div class="card-body">
          <canvas id="myAreaChart" width="100%" height="30"></canvas>
        </div>
        
      </div>
      <div class="row">
        <div class="col-lg-8">
          <!-- Example Bar Chart Card-->
          <div class="card mb-3">
            <div class="card-header">
              <i class="fa fa-bell-o"></i> 订阅新闻</div>
            <div class="list-group list-group-flush small" id="news">
              
            </div>
            
          </div>
          <!-- Card Columns Example Social Feed-->
        
       
          
          <!-- /Card Columns-->
        </div>
        <div class="col-lg-4">
          <!-- Example Pie Chart Card-->
          <div class="card mb-3">
            <div class="card-header">
              <i class="fa fa-pie-chart"></i> 文件组成</div>
            <div class="card-body">
              <canvas id="myPieChart" width="100%" height="80"></canvas>
            </div>
            <div class="card-footer small text-muted">*此结果仅供参考</div>
          </div>
          <!-- Example Notifications Card-->
        
        </div>
      </div>
      <!-- Example DataTables Card-->

    </div>
    <!-- /.container-fluid-->
    <!-- /.content-wrapper-->
    <footer class="sticky-footer">
      <div class="container">
        <div class="text-center">
          <small>Copyright © Cloudreve <?php echo date("Y"); ?> </small>
        </div>
      </div>
    </footer>
    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
      <i class="fa fa-angle-up"></i>
    </a>
    <!-- Logout Modal-->
    
    <!-- Bootstrap core JavaScript-->



  <footer class="sticky-footer">
  <div class="container">
    <div class="text-center">
      <small>Copyright © Cloudreve <?php echo date("Y"); ?> </small>
    </div>
  </div>
</footer>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
  <i class="fa fa-angle-up"></i>
</a>
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">确认</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">点击“登出”按钮退出当前账户。</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
            <a class="btn btn-primary" href="/Member/LogOut">登出</a>
          </div>
        </div>
      </div>
    </div>
   <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap4/bootstrap.bundle.min.js"></script>
    <!-- Core plugin JavaScript-->
    <script src="/static/js/chart.js/Chart.min.js"></script>
    <!-- Custom scripts for all pages-->
    <script src="/static/js/sb-admin.min.js"></script>
    <script type="text/javascript" src="/static/js/toastr.min.js"></script>
    
<script type="text/javascript">
$(document).ready(function() {
  $.getJSON("https://cloudreve.org/api/notice/?callback=?",  function(data){
    
  $("#news").html(data[0]);
    
  })
})
Chart.defaults.global.defaultFontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif',
Chart.defaults.global.defaultFontColor = "#292b2c";
var ctx = document.getElementById("myAreaChart"),
myLineChart = new Chart(ctx, {
    type: "line",
    data: {
        labels: [<?php echo $statics['trendDate']; ?>],
        datasets: [{
            label: "上传文件",
            lineTension: .3,
            backgroundColor: "rgba(2,117,216,0.2)",
            borderColor: "rgba(2,117,216,1)",
            pointRadius: 5,
            pointBackgroundColor: "rgba(2,117,216,1)",
            pointBorderColor: "rgba(255,255,255,0.8)",
            pointHoverRadius: 5,
            pointHoverBackgroundColor: "rgba(2,117,216,1)",
            pointHitRadius: 20,
            pointBorderWidth: 2,
            data: [<?php echo $statics['trendFile']; ?>]
        },{
            label: "注册用户",
            lineTension: .3,
            backgroundColor: "rgba(83, 216, 2, 0.2)",
            borderColor: "#4CAF50",
            pointRadius: 5,
            pointBackgroundColor: "#4CAF50",
            pointBorderColor: "rgba(255,255,255,0.8)",
            pointHoverRadius: 5,
            pointHoverBackgroundColor: "#4CAF50",
            pointHitRadius: 20,
            pointBorderWidth: 2,
            data: [<?php echo $statics['trendUser']; ?>]
        },

        ]
    },
    options: {
        scales: {
            xAxes: [{
                time: {
                    unit: "date"
                },
                gridLines: {
                    display: !1
                },
                ticks: {
                    maxTicksLimit: 7
                }
            }],
            yAxes: [{
                ticks: {
                   
                    maxTicksLimit: 5
                },
                gridLines: {
                    color: "rgba(0, 0, 0, .125)"
                }
            }]
        },
        legend: {
            display: !1
        }
    }
}),

ctx = document.getElementById("myPieChart"),
myPieChart = new Chart(ctx, {
    type: "pie",
    data: {
        labels: ["其他", "图片", "音频", "视频"],
        datasets: [{
            data: [<?php echo $statics['otherRate']; ?>, <?php echo $statics['imgRate']; ?>, <?php echo $statics['audioRate']; ?>, <?php echo $statics['videoRate']; ?>],
            backgroundColor: ["#007bff", "#dc3545", "#ffc107", "#28a745"]
        }]
    }
});
</script>

  </div>
</body>

</html>