|
|
@@ -13,7 +13,7 @@
|
|
|
<script type="text/javascript" src="<%=base%>/js/rwgl/task/task.js"></script>
|
|
|
</head>
|
|
|
|
|
|
-<body class="no-skin">
|
|
|
+<body class="no-skin" style="overflow:hidden">
|
|
|
<!-- #section:basics/navbar.layout -->
|
|
|
<%@ include file="../layouts/navbar.jsp"%>
|
|
|
|
|
|
@@ -56,7 +56,239 @@
|
|
|
|
|
|
<!-- /section:basics/content.breadcrumbs -->
|
|
|
<div class="page-content">
|
|
|
-
|
|
|
+ <div class="page-header">
|
|
|
+ <h1>
|
|
|
+ 首页 <small> <i class="ace-icon fa fa-angle-double-right"></i> 概览
|
|
|
+ </small>
|
|
|
+ </h1>
|
|
|
+ </div>
|
|
|
+ <!-- /.page-header -->
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <!-- PAGE CONTENT BEGINS -->
|
|
|
+
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <div class="space-6"></div>
|
|
|
+
|
|
|
+ <div class="col-sm-7 infobox-container">
|
|
|
+ <!-- #section:pages/dashboard.infobox -->
|
|
|
+ <div class="infobox infobox-green">
|
|
|
+ <div class="infobox-icon">
|
|
|
+ <i class="ace-icon fa fa-comments"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-data-number">32</span>
|
|
|
+ <div class="infobox-content">comments + 2 reviews</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- #section:pages/dashboard.infobox.stat -->
|
|
|
+ <div class="stat stat-success">8%</div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.stat -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-blue">
|
|
|
+ <div class="infobox-icon">
|
|
|
+ <i class="ace-icon fa fa-twitter"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-data-number">11</span>
|
|
|
+ <div class="infobox-content">new followers</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="badge badge-success">
|
|
|
+ +32% <i class="ace-icon fa fa-arrow-up"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-pink">
|
|
|
+ <div class="infobox-icon">
|
|
|
+ <i class="ace-icon fa fa-shopping-cart"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-data-number">8</span>
|
|
|
+ <div class="infobox-content">new orders</div>
|
|
|
+ </div>
|
|
|
+ <div class="stat stat-important">4%</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-red">
|
|
|
+ <div class="infobox-icon">
|
|
|
+ <i class="ace-icon fa fa-flask"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-data-number">7</span>
|
|
|
+ <div class="infobox-content">experiments</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-orange2">
|
|
|
+ <!-- #section:pages/dashboard.infobox.sparkline -->
|
|
|
+ <div class="infobox-chart">
|
|
|
+ <span class="sparkline" data-values="196,128,202,177,154,94,100,170,224"></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.sparkline -->
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-data-number">6,251</span>
|
|
|
+ <div class="infobox-content">pageviews</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="badge badge-success">
|
|
|
+ 7.2% <i class="ace-icon fa fa-arrow-up"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-blue2">
|
|
|
+ <div class="infobox-progress">
|
|
|
+ <!-- #section:pages/dashboard.infobox.easypiechart -->
|
|
|
+ <div class="easy-pie-chart percentage" data-percent="42" data-size="46">
|
|
|
+ <span class="percent">42</span>%
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.easypiechart -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <span class="infobox-text">traffic used</span>
|
|
|
+
|
|
|
+ <div class="infobox-content">
|
|
|
+ <span class="bigger-110">~</span> 58GB remaining
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox -->
|
|
|
+ <div class="space-6"></div>
|
|
|
+
|
|
|
+ <!-- #section:pages/dashboard.infobox.dark -->
|
|
|
+ <div class="infobox infobox-green infobox-small infobox-dark">
|
|
|
+ <div class="infobox-progress">
|
|
|
+ <!-- #section:pages/dashboard.infobox.easypiechart -->
|
|
|
+ <div class="easy-pie-chart percentage" data-percent="61" data-size="39">
|
|
|
+ <span class="percent">61</span>%
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.easypiechart -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <div class="infobox-content">Task</div>
|
|
|
+ <div class="infobox-content">Completion</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-blue infobox-small infobox-dark">
|
|
|
+ <!-- #section:pages/dashboard.infobox.sparkline -->
|
|
|
+ <div class="infobox-chart">
|
|
|
+ <span class="sparkline" data-values="3,4,2,3,4,4,2,2"></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.sparkline -->
|
|
|
+ <div class="infobox-data">
|
|
|
+ <div class="infobox-content">Earnings</div>
|
|
|
+ <div class="infobox-content">$32,000</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox infobox-grey infobox-small infobox-dark">
|
|
|
+ <div class="infobox-icon">
|
|
|
+ <i class="ace-icon fa fa-download"></i>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="infobox-data">
|
|
|
+ <div class="infobox-content">Downloads</div>
|
|
|
+ <div class="infobox-content">1,205</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:pages/dashboard.infobox.dark -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="vspace-12-sm"></div>
|
|
|
+
|
|
|
+ <div class="col-sm-5">
|
|
|
+ <div class="widget-box">
|
|
|
+ <div class="widget-header widget-header-flat widget-header-small">
|
|
|
+ <h5 class="widget-title">
|
|
|
+ <i class="ace-icon fa fa-signal"></i> Traffic Sources
|
|
|
+ </h5>
|
|
|
+
|
|
|
+ <div class="widget-toolbar no-border">
|
|
|
+ <div class="inline dropdown-hover">
|
|
|
+ <button class="btn btn-minier btn-primary">
|
|
|
+ This Week <i class="ace-icon fa fa-angle-down icon-on-right bigger-110"></i>
|
|
|
+ </button>
|
|
|
+
|
|
|
+ <ul class="dropdown-menu dropdown-menu-right dropdown-125 dropdown-lighter dropdown-close dropdown-caret">
|
|
|
+ <li class="active"><a href="#" class="blue"> <i class="ace-icon fa fa-caret-right bigger-110"> </i> This Week
|
|
|
+ </a></li>
|
|
|
+
|
|
|
+ <li><a href="#"> <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i> Last Week
|
|
|
+ </a></li>
|
|
|
+
|
|
|
+ <li><a href="#"> <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i> This Month
|
|
|
+ </a></li>
|
|
|
+
|
|
|
+ <li><a href="#"> <i class="ace-icon fa fa-caret-right bigger-110 invisible"> </i> Last Month
|
|
|
+ </a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="widget-body">
|
|
|
+ <div class="widget-main">
|
|
|
+ <!-- #section:plugins/charts.flotchart -->
|
|
|
+ <div id="piechart-placeholder"></div>
|
|
|
+
|
|
|
+ <!-- /section:plugins/charts.flotchart -->
|
|
|
+ <div class="hr hr8 hr-double"></div>
|
|
|
+
|
|
|
+ <div class="clearfix">
|
|
|
+ <!-- #section:custom/extra.grid -->
|
|
|
+ <div class="grid3">
|
|
|
+ <span class="grey"> <i class="ace-icon fa fa-facebook-square fa-2x blue"></i> likes
|
|
|
+ </span>
|
|
|
+ <h4 class="bigger pull-right">1,255</h4>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="grid3">
|
|
|
+ <span class="grey"> <i class="ace-icon fa fa-twitter-square fa-2x purple"></i> tweets
|
|
|
+ </span>
|
|
|
+ <h4 class="bigger pull-right">941</h4>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="grid3">
|
|
|
+ <span class="grey"> <i class="ace-icon fa fa-pinterest-square fa-2x red"></i> pins
|
|
|
+ </span>
|
|
|
+ <h4 class="bigger pull-right">1,050</h4>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- /section:custom/extra.grid -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /.widget-main -->
|
|
|
+ </div>
|
|
|
+ <!-- /.widget-body -->
|
|
|
+ </div>
|
|
|
+ <!-- /.widget-box -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
+
|
|
|
+ <!-- PAGE CONTENT ENDS -->
|
|
|
+ </div>
|
|
|
+ <!-- /.col -->
|
|
|
+ </div>
|
|
|
+ <!-- /.row -->
|
|
|
</div>
|
|
|
<!-- /.page-content -->
|
|
|
</div>
|
ld_zhoutl