<?xml version="1.0" encoding="UTF-8"?>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!--
|
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.2
|
Version: 1.5.4
|
Author: KeenThemes
|
Website: http://www.keenthemes.com/
|
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
|
-->
|
<f:view xmlns="http://www.w3.org/1999/xhtml"
|
xmlns:c="http://java.sun.com/jsp/jstl/core"
|
xmlns:h="http://java.sun.com/jsf/html"
|
xmlns:f="http://java.sun.com/jsf/core"
|
xmlns:ui="http://java.sun.com/jsf/facelets">
|
<f:verbatim>
|
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
<!--[if !IE]><!-->
|
</f:verbatim>
|
<html lang="en" class="no-js" >
|
<f:verbatim>
|
<!--<![endif]-->
|
<!-- BEGIN HEAD -->
|
</f:verbatim>
|
<h:head>
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
<meta content="" name="description" />
|
<meta content="" name="author" />
|
<meta name="MobileOptimized" content="320" />
|
<!-- BEGIN GLOBAL MANDATORY STYLES -->
|
<link href="#{request.contextPath}/template/metro/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
|
|
<!-- END GLOBAL MANDATORY STYLES -->
|
<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
|
<!-- <link href="assets/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
|
<link href="assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
|
<link href="assets/plugins/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
|
<link href="assets/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
|
<link href="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css"/> -->
|
<!-- END PAGE LEVEL PLUGIN STYLES -->
|
<!-- BEGIN THEME STYLES -->
|
<link href="#{request.contextPath}/template/metro/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/style.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/pages/tasks.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
|
<link href="#{request.contextPath}/template/metro/assets/css/custom.css" rel="stylesheet" type="text/css"/>
|
<link href="#{request.contextPath}/goods/css/goods.css" rel="stylesheet" type="text/css"/>
|
<ui:insert name="title">
|
<title>
|
Metronic | Admin Dashboard Template
|
</title>
|
</ui:insert>
|
<!-- END THEME STYLES -->
|
<link rel="shortcut icon" href="favicon.ico" />
|
</h:head>
|
<!-- END HEAD -->
|
<!-- BEGIN BODY -->
|
<h:body class="page-header-fixed">
|
<!-- BEGIN HEADER -->
|
<div class="header navbar navbar-inverse navbar-fixed-top">
|
<!-- BEGIN TOP NAVIGATION BAR -->
|
<div class="header-inner">
|
<!-- BEGIN LOGO -->
|
<a class="navbar-brand" href="http://www.sanyingsoft.com">
|
<span style="cursor: pointer;position: relative;top:-2px;font-weight:bold;font-size:18px;font-style:italic;">佳 源 农 庄</span>
|
</a>
|
<!-- END LOGO -->
|
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
|
<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
<img src="#{request.contextPath}/template/metro/assets/img/menu-toggler.png" alt="" />
|
</a>
|
<!-- END RESPONSIVE MENU TOGGLER -->
|
<!-- BEGIN TOP NAVIGATION MENU -->
|
<ul class="nav navbar-nav pull-right">
|
<!-- BEGIN NOTIFICATION DROPDOWN -->
|
<li class="dropdown" id="header_notification_bar">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
|
data-close-others="true">
|
<i class="fa fa-warning"></i>
|
<span class="badge">0</span>
|
</a>
|
<ul class="dropdown-menu extended notification">
|
<li>
|
<p>你有0个新通知</p>
|
</li>
|
<li>
|
<ul class="dropdown-menu-list scroller" style="height: 250px;">
|
|
</ul>
|
</li>
|
<li class="external">
|
<a href="#">查看所有通知 <i class="m-icon-swapright"></i></a>
|
</li>
|
</ul>
|
</li>
|
<!-- END NOTIFICATION DROPDOWN -->
|
<!-- BEGIN INBOX DROPDOWN -->
|
<li class="dropdown" id="header_inbox_bar">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
|
data-close-others="true">
|
<i class="fa fa-envelope"></i>
|
<span class="badge">0</span>
|
</a>
|
<ul class="dropdown-menu extended inbox">
|
<li>
|
<p>你有0个新邮件</p>
|
</li>
|
<li>
|
<ul class="dropdown-menu-list scroller" style="height: 250px;">
|
|
</ul>
|
</li>
|
<li class="external">
|
<a href="inbox.html">查看那所有邮件 <i class="m-icon-swapright"></i></a>
|
</li>
|
</ul>
|
</li>
|
<!-- END INBOX DROPDOWN -->
|
<!-- BEGIN TODO DROPDOWN -->
|
<li class="dropdown" id="header_task_bar">
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
<i class="fa fa-tasks"></i>
|
<span class="badge">0</span>
|
</a>
|
<ul class="dropdown-menu extended tasks">
|
<li>
|
<p>你有0个未完成的任务</p>
|
</li>
|
<li>
|
<ul class="dropdown-menu-list scroller" style="height: 250px;">
|
|
</ul>
|
</li>
|
<li class="external">
|
<a href="#">查看所有任务 <i class="m-icon-swapright"></i></a>
|
</li>
|
</ul>
|
</li>
|
<!-- END TODO DROPDOWN -->
|
<!-- BEGIN USER LOGIN DROPDOWN -->
|
<ul class="nav pull-right" style="line-height:20px;margin-top:5px;">
|
<!--<span style="cursor: pointer;position: relative;top:5px;"><a href="/mandi/configure/changepwd.jsf"><i class="icon-user icon-dark"></i>Administrator </a>|<a href="" >退出</a></span> -->
|
<a class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;position: relative;top:5px;">
|
<i class="icon-user icon-dark"></i>
|
欢迎您：#{sessionScope.login_sess_username}
|
<span class="caret"></span>
|
</a>
|
<ul class="dropdown-menu">
|
<li><a href="#"><i class="icon-pencil"></i>个人信息</a></li>
|
<li><a href="#{request.contextPath}/administrate/system/changepwd.jsf"><i class="icon-edit"></i>密码修改</a></li>
|
<li class="divider"></li>
|
<li><a href="/syslogin/logout.htm"><i class="i"></i>退出</a></li>
|
</ul>
|
</ul>
|
<!-- END USER LOGIN DROPDOWN -->
|
</ul>
|
<!-- END TOP NAVIGATION MENU -->
|
</div>
|
<!-- END TOP NAVIGATION BAR -->
|
</div>
|
<!-- END HEADER -->
|
<div class="clearfix"></div>
|
<!-- BEGIN CONTAINER -->
|
<div class="page-container">
|
<!-- BEGIN SIDEBAR -->
|
<div class="page-sidebar navbar-collapse collapse">
|
<!-- BEGIN SIDEBAR MENU -->
|
<ul class="page-sidebar-menu" id="menuulroot">
|
<!--更换背景色-->
|
<li>
|
<div class="theme-panel hidden-xs hidden-sm">
|
<div class="toggler"></div>
|
<div class="toggler-close"></div>
|
<div class="theme-options">
|
<div class="theme-option theme-colors clearfix">
|
<span>主题颜色</span>
|
<ul>
|
<li class="color-black current color-default" data-style="default"></li>
|
<li class="color-blue" data-style="blue"></li>
|
<li class="color-brown" data-style="brown"></li>
|
<li class="color-purple" data-style="purple"></li>
|
<li class="color-grey" data-style="grey"></li>
|
<li class="color-white color-light" data-style="light"></li>
|
</ul>
|
</div>
|
<div class="theme-option">
|
<span>布局</span>
|
<select class="layout-option form-control input-small">
|
<option value="fluid" selected="selected">流体</option>
|
<option value="boxed">盒装</option>
|
</select>
|
</div>
|
<div class="theme-option">
|
<span>顶部</span>
|
<select class="header-option form-control input-small">
|
<option value="fixed" selected="selected">固定</option>
|
<option value="default">默认</option>
|
</select>
|
</div>
|
<div class="theme-option">
|
<span>Sidebar</span>
|
<select class="sidebar-option form-control input-small">
|
<option value="fixed">固定</option>
|
<option value="default" selected="selected">默认</option>
|
</select>
|
</div>
|
<div class="theme-option">
|
<span>Footer</span>
|
<select class="footer-option form-control input-small">
|
<option value="fixed">固定</option>
|
<option value="default" selected="selected">默认</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
<div class="sidebar-toggler hidden-phone"></div>
|
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
|
</li>
|
<li style="margin-top:15px;"></li>
|
<!-- <li>
|
<a href="">
|
<i class="fa fa-home"></i>
|
<span class="title">首页</span>
|
</a>
|
<a href="#{request.contextPath}/goods/ck.jsf">
|
<i class="fa fa-home"></i>
|
<span class="title">仓储管理</span>
|
</a>
|
<a href="#{request.contextPath}/goods/kc.jsf">
|
<i class="fa fa-home"></i>
|
<span class="title">产品管理</span>
|
</a>
|
<a href="#{request.contextPath}/goods/spfl.jsf">
|
<i class="fa fa-home"></i>
|
<span class="title">商品分类管理</span>
|
</a>
|
<a href="#{request.contextPath}/goods/spyx.jsf">
|
<i class="fa fa-home"></i>
|
<span class="title">商品管理</span>
|
</a>
|
</li> -->
|
|
</ul>
|
<!-- END SIDEBAR MENU -->
|
</div>
|
<!-- END SIDEBAR -->
|
<!-- BEGIN PAGE -->
|
<div class="page-content">
|
|
<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
|
<!-- /.modal -->
|
<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
|
<!-- BEGIN STYLE CUSTOMIZER -->
|
|
<!-- END BEGIN STYLE CUSTOMIZER -->
|
<!-- BEGIN PAGE HEADER-->
|
<div class="row">
|
<div class="col-md-12">
|
<!-- BEGIN PAGE TITLE & BREADCRUMB-->
|
<ul class="page-breadcrumb breadcrumb">
|
<ui:insert name="bread">
|
<li>
|
<i class="fa fa-home"></i>
|
<a href="index.html">主页</a>
|
<i class="fa fa-angle-right"></i>
|
</li>
|
<li><a href="#">指示板</a></li>
|
<li class="pull-right">
|
<div id="dashboard-report-range" class="dashboard-date-range tooltips" data-placement="top" data-original-title="Change dashboard date range">
|
<i class="fa fa-calendar"></i>
|
<span></span>
|
<i class="fa fa-angle-down"></i>
|
</div>
|
</li>
|
</ui:insert>
|
</ul>
|
<!-- END PAGE TITLE & BREADCRUMB-->
|
</div>
|
</div>
|
<ui:insert name="rgt-content">
|
|
<!-- END PAGE HEADER-->
|
<!-- BEGIN DASHBOARD STATS -->
|
<div class="row">
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
<div class="dashboard-stat blue">
|
<div class="visual">
|
<i class="fa fa-comments"></i>
|
</div>
|
<div class="details">
|
<div class="number">
|
1349
|
</div>
|
<div class="desc">
|
新的反馈
|
</div>
|
</div>
|
<a class="more" href="#">
|
View more <i class="m-icon-swapright m-icon-white"></i>
|
</a>
|
</div>
|
</div>
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
<div class="dashboard-stat green">
|
<div class="visual">
|
<i class="fa fa-shopping-cart"></i>
|
</div>
|
<div class="details">
|
<div class="number">549</div>
|
<div class="desc">新订单</div>
|
</div>
|
<a class="more" href="#">
|
View more <i class="m-icon-swapright m-icon-white"></i>
|
</a>
|
</div>
|
</div>
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
<div class="dashboard-stat purple">
|
<div class="visual">
|
<i class="fa fa-globe"></i>
|
</div>
|
<div class="details">
|
<div class="number">+89%</div>
|
<div class="desc">品牌知名度</div>
|
</div>
|
<a class="more" href="#">
|
View more <i class="m-icon-swapright m-icon-white"></i>
|
</a>
|
</div>
|
</div>
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
<div class="dashboard-stat yellow">
|
<div class="visual">
|
<i class="fa fa-bar-chart-o"></i>
|
</div>
|
<div class="details">
|
<div class="number">12,5M$</div>
|
<div class="desc">利润总额</div>
|
</div>
|
<a class="more" href="#">
|
View more <i class="m-icon-swapright m-icon-white"></i>
|
</a>
|
</div>
|
</div>
|
</div>
|
<!-- END DASHBOARD STATS -->
|
<div class="clearfix"></div>
|
<div class="row">
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN PORTLET-->
|
<div class="portlet solid bordered light-grey">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-bar-chart-o"></i>网站访问</div>
|
<div class="tools">
|
<div class="btn-group" data-toggle="buttons">
|
<label class="btn default btn-sm active">
|
<input type="radio" name="options" class="toggle" id="option1" />Users
|
</label>
|
<label class="btn default btn-sm">
|
<input type="radio" name="options" class="toggle" id="option2" />反馈
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div id="site_statistics_loading">
|
<img src="assets/img/loading.gif" alt="loading"/>
|
</div>
|
<div id="site_statistics_content" class="display-none">
|
<div id="site_statistics" class="chart"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
</div>
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN PORTLET-->
|
<div class="portlet solid light-grey bordered">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-bullhorn"></i>活动</div>
|
<div class="tools">
|
<div class="btn-group pull-right" data-toggle="buttons">
|
<a href="" class="btn blue btn-sm active">Users</a>
|
<a href="" class="btn blue btn-sm">Orders</a>
|
</div>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div id="site_activities_loading">
|
<img src="assets/img/loading.gif" alt="loading"/>
|
</div>
|
<div id="site_activities_content" class="display-none">
|
<div id="site_activities" style="height: 100px;"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
<!-- BEGIN PORTLET-->
|
<div class="portlet solid bordered light-grey">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-signal"></i>服务器负载</div>
|
<div class="tools">
|
<div class="btn-group pull-right" data-toggle="buttons">
|
<a href="" class="btn red btn-sm active">数据库</a>
|
<a href="" class="btn red btn-sm">Web</a>
|
</div>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div id="load_statistics_loading">
|
<img src="assets/img/loading.gif" alt="loading" />
|
</div>
|
<div id="load_statistics_content" class="display-none">
|
<div id="load_statistics" style="height: 108px;"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
</div>
|
</div>
|
<div class="clearfix"></div>
|
<div class="row ">
|
<div class="col-md-6 col-sm-6">
|
<div class="portlet box blue">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-bell-o"></i>最近的活动</div>
|
<div class="actions">
|
<div class="btn-group">
|
<a class="btn btn-sm default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
分类
|
<i class="fa fa-angle-down"></i>
|
</a>
|
<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
|
<label><input type="checkbox" /> 金融</label>
|
<label><input type="checkbox" checked="" /> 会员</label>
|
<label><input type="checkbox" /> 客户支持</label>
|
<label><input type="checkbox" checked="" /> HR</label>
|
<label><input type="checkbox" /> System</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
|
<ul class="feeds">
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-check"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 4 pending tasks.
|
<span class="label label-sm label-warning ">
|
Take action
|
<i class="fa fa-share"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bar-chart-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Finance Report for year 2013 has been released.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
20 mins
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-danger">
|
<i class="fa fa-user"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 5 pending membership that requires a quick review.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-shopping-cart"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received with <span class="label label-sm label-success">Reference Number: DR23923</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
30 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-user"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 5 pending membership that requires a quick review.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Web server hardware needs to be upgraded.
|
<span class="label label-sm label-default ">Overdue</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
2 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-briefcase"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
IPO Report for year 2013 has been released.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
20 mins
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-check"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 4 pending tasks.
|
<span class="label label-sm label-warning ">
|
Take action
|
<i class="fa fa-share"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-danger">
|
<i class="fa fa-bar-chart-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Finance Report for year 2013 has been released.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
20 mins
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-user"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 5 pending membership that requires a quick review.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-shopping-cart"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received with <span class="label label-sm label-success">Reference Number: DR23923</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
30 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-user"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
You have 5 pending membership that requires a quick review.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-warning">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Web server hardware needs to be upgraded.
|
<span class="label label-sm label-default ">Overdue</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
2 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-briefcase"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
IPO Report for year 2013 has been released.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
20 mins
|
</div>
|
</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
<div class="scroller-footer">
|
<div class="pull-right">
|
<a href="#">See All Records <i class="m-icon-swapright m-icon-gray"></i></a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6 col-sm-6">
|
<div class="portlet box green tasks-widget">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-check"></i>任务</div>
|
<div class="tools">
|
<a href="#portlet-config" data-toggle="modal" class="config"></a>
|
<a href="" class="reload"></a>
|
</div>
|
<div class="actions">
|
<div class="btn-group">
|
<a class="btn default btn-xs" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
更多
|
<i class="fa fa-angle-down"></i>
|
</a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="i"></i> All Project</a></li>
|
<li class="divider"></li>
|
<li><a href="#">亚航</a></li>
|
<li><a href="#">Cruise</a></li>
|
<li><a href="#">HSBC</a></li>
|
<li class="divider"></li>
|
<li><a href="#">Pending <span class="badge badge-important">4</span></a></li>
|
<li><a href="#">Completed <span class="badge badge-success">12</span></a></li>
|
<li><a href="#">Overdue <span class="badge badge-warning">9</span></a></li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="task-content">
|
<div class="scroller" style="height: 305px;" data-always-visible="1" data-rail-visible1="1">
|
<!-- START TASK LIST -->
|
<ul class="task-list">
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Present 2013 Year IPO Statistics at Board Meeting</span>
|
<span class="label label-sm label-success">Company</span>
|
<span class="task-bell"><i class="fa fa-bell-o"></i></span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value=""/>
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Hold An Interview for Marketing Manager Position</span>
|
<span class="label label-sm label-danger">Marketing</span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value=""/>
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">AirAsia Intranet System Project Internal Meeting</span>
|
<span class="label label-sm label-success">AirAsia</span>
|
<span class="task-bell"><i class="fa fa-bell-o"></i></span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Technical Management Meeting</span>
|
<span class="label label-sm label-warning">Company</span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Kick-off Company CRM Mobile App Development</span>
|
<span class="label label-sm label-info">Internal Products</span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">
|
Prepare Commercial Offer For SmartVision Website Rewamp
|
</span>
|
<span class="label label-sm label-danger">SmartVision</span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Sign-Off The Comercial Agreement With AutoSmart</span>
|
<span class="label label-sm label-default">AutoSmart</span>
|
<span class="task-bell"><i class="fa fa-bell-o"></i></span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">Company Staff Meeting</span>
|
<span class="label label-sm label-success">Cruise</span>
|
<span class="task-bell"><i class="fa fa-bell-o"></i></span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
<li class="last-line">
|
<div class="task-checkbox">
|
<input type="checkbox" class="liChild" value="" />
|
</div>
|
<div class="task-title">
|
<span class="task-title-sp">KeenThemes Investment Discussion</span>
|
<span class="label label-sm label-warning">KeenThemes</span>
|
</div>
|
<div class="task-config">
|
<div class="task-config-btn btn-group">
|
<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
|
<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
|
<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
|
</ul>
|
</div>
|
</div>
|
</li>
|
</ul>
|
<!-- END START TASK LIST -->
|
</div>
|
</div>
|
<div class="task-footer">
|
<span class="pull-right">
|
<a href="#">See All Tasks <i class="m-icon-swapright m-icon-gray"></i></a>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="clearfix"></div>
|
<div class="row ">
|
<div class="col-md-6 col-sm-6">
|
<div class="portlet box purple">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-calendar"></i>一般的统计数据</div>
|
<div class="actions">
|
<a href="javascript:;" class="btn btn-sm yellow easy-pie-chart-reload"><i class="fa fa-repeat"></i> 重新加载</a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-md-4">
|
<div class="easy-pie-chart">
|
<div class="number transactions" data-percent="55"><span>+55</span>%</div>
|
<a class="title" href="#">交易 <i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
<div class="margin-bottom-10 visible-sm"></div>
|
<div class="col-md-4">
|
<div class="easy-pie-chart">
|
<div class="number visits" data-percent="85"><span>+85</span>%</div>
|
<a class="title" href="#">新访问 <i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
<div class="margin-bottom-10 visible-sm"></div>
|
<div class="col-md-4">
|
<div class="easy-pie-chart">
|
<div class="number bounce" data-percent="46"><span>-46</span>%</div>
|
<a class="title" href="#">反弹<i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-6 col-sm-6">
|
<div class="portlet box blue">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-calendar"></i>服务器数据</div>
|
<div class="tools">
|
<a href="" class="collapse"></a>
|
<a href="#portlet-config" data-toggle="modal" class="config"></a>
|
<a href="" class="reload"></a>
|
<a href="" class="remove"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-md-4">
|
<div class="sparkline-chart">
|
<div class="number" id="sparkline_bar"></div>
|
<a class="title" href="#">Network <i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
<div class="margin-bottom-10 visible-sm"></div>
|
<div class="col-md-4">
|
<div class="sparkline-chart">
|
<div class="number" id="sparkline_bar2"></div>
|
<a class="title" href="#">CPU Load <i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
<div class="margin-bottom-10 visible-sm"></div>
|
<div class="col-md-4">
|
<div class="sparkline-chart">
|
<div class="number" id="sparkline_line"></div>
|
<a class="title" href="#">Load Rate <i class="m-icon-swapright"></i></a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="clearfix"></div>
|
<div class="row ">
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN REGIONAL STATS PORTLET-->
|
<div class="portlet">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-globe"></i>区域统计</div>
|
<div class="tools">
|
<a href="" class="collapse"></a>
|
<a href="#portlet-config" data-toggle="modal" class="config"></a>
|
<a href="" class="reload"></a>
|
<a href="" class="remove"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div id="region_statistics_loading">
|
<img src="assets/img/loading.gif" alt="loading"/>
|
</div>
|
<div id="region_statistics_content" class="display-none">
|
<div class="btn-toolbar margin-bottom-10">
|
<div class="btn-group" data-toggle="buttons">
|
<a href="" class="btn default btn-sm active">Users</a>
|
<a href="" class="btn default btn-sm">Orders</a>
|
</div>
|
<div class="btn-group pull-right">
|
<a href="" class="btn default btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
选择地区 <span class="fa fa-angle-down"></span>
|
</a>
|
<ul class="dropdown-menu pull-right">
|
<li><a href="javascript:;" id="regional_stat_world">World</a></li>
|
<li><a href="javascript:;" id="regional_stat_usa">USA</a></li>
|
<li><a href="javascript:;" id="regional_stat_europe">Europe</a></li>
|
<li><a href="javascript:;" id="regional_stat_russia">Russia</a></li>
|
<li><a href="javascript:;" id="regional_stat_germany">Germany</a></li>
|
</ul>
|
</div>
|
</div>
|
<div id="vmap_world" class="vmaps display-none"></div>
|
<div id="vmap_usa" class="vmaps display-none"></div>
|
<div id="vmap_europe" class="vmaps display-none"></div>
|
<div id="vmap_russia" class="vmaps display-none"></div>
|
<div id="vmap_germany" class="vmaps display-none"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END REGIONAL STATS PORTLET-->
|
</div>
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN PORTLET-->
|
<div class="portlet paddingless">
|
<div class="portlet-title line">
|
<div class="caption"><i class="fa fa-bell-o"></i>提要</div>
|
<div class="tools">
|
<a href="" class="collapse"></a>
|
<a href="#portlet-config" data-toggle="modal" class="config"></a>
|
<a href="" class="reload"></a>
|
<a href="" class="remove"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<!--BEGIN TABS-->
|
<div class="tabbable tabbable-custom">
|
<ul class="nav nav-tabs">
|
<li class="active"><a href="#tab_1_1" data-toggle="tab">System</a></li>
|
<li><a href="#tab_1_2" data-toggle="tab">Activities</a></li>
|
<li><a href="#tab_1_3" data-toggle="tab">Recent Users</a></li>
|
</ul>
|
<div class="tab-content">
|
<div class="tab-pane active" id="tab_1_1">
|
<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible="0">
|
<ul class="feeds">
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
|
</div>
|
</div>
|
<div class="cont-col2">
|
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
|
</div>
|
</a>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
|
</div>
|
<div class="cont-col2">
|
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-warning">
|
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
1.5 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Web server hardware needs to be upgraded.
|
<span class="label label-sm label-default ">Overdue</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
2 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
3 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-warning">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
5 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
18 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
21 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
22 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
21 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
22 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
21 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
22 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-default">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
21 hours
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-info">
|
<i class="fa fa-bullhorn"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received. Please take care of it.
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
22 hours
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="tab-pane" id="tab_1_2">
|
<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
|
<ul class="feeds">
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New order received
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
10 mins
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-danger">
|
<i class="fa fa-bolt"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
Order #24DOP4 has been rejected.
|
<span class="label label-sm label-danger ">Take action <i class="fa fa-share"></i></span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
24 mins
|
</div>
|
</div>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
<li>
|
<a href="#">
|
<div class="col1">
|
<div class="cont">
|
<div class="cont-col1">
|
<div class="label label-sm label-success">
|
<i class="fa fa-bell-o"></i>
|
</div>
|
</div>
|
<div class="cont-col2">
|
<div class="desc">
|
New user registered
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="col2">
|
<div class="date">
|
Just now
|
</div>
|
</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="tab-pane" id="tab_1_3">
|
<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Robert Nilson</a>
|
<span class="label label-sm label-success label-mini">Approved</span>
|
</div>
|
<div>29 Jan 2013 10:45AM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-info">Pending</span>
|
</div>
|
<div>19 Jan 2013 10:45AM</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Eric Kim</a>
|
<span class="label label-sm label-info">Pending</span>
|
</div>
|
<div>19 Jan 2013 12:45PM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-danger">In progress</span>
|
</div>
|
<div>19 Jan 2013 11:55PM</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Eric Kim</a>
|
<span class="label label-sm label-info">Pending</span>
|
</div>
|
<div>19 Jan 2013 12:45PM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-danger">In progress</span>
|
</div>
|
<div>19 Jan 2013 11:55PM</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div><a href="#">Eric Kim</a> <span class="label label-sm label-info">Pending</span></div>
|
<div>19 Jan 2013 12:45PM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-danger">In progress</span>
|
</div>
|
<div>19 Jan 2013 11:55PM</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div><a href="#">Eric Kim</a> <span class="label label-sm label-info">Pending</span></div>
|
<div>19 Jan 2013 12:45PM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-danger">In progress</span>
|
</div>
|
<div>19 Jan 2013 11:55PM</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Eric Kim</a>
|
<span class="label label-sm label-info">Pending</span>
|
</div>
|
<div>19 Jan 2013 12:45PM</div>
|
</div>
|
</div>
|
<div class="col-md-6 user-info">
|
<img alt="" src="assets/img/avatar.png" class="img-responsive" />
|
<div class="details">
|
<div>
|
<a href="#">Lisa Miller</a>
|
<span class="label label-sm label-danger">In progress</span>
|
</div>
|
<div>19 Jan 2013 11:55PM</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--END TABS-->
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
</div>
|
</div>
|
<div class="clearfix"></div>
|
<div class="row ">
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN PORTLET-->
|
<div class="portlet box blue calendar">
|
<div class="portlet-title">
|
<div class="caption"><i class="fa fa-calendar"></i>日历</div>
|
</div>
|
<div class="portlet-body light-grey">
|
<div id="calendar"></div>
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
</div>
|
<div class="col-md-6 col-sm-6">
|
<!-- BEGIN PORTLET-->
|
<div class="portlet">
|
<div class="portlet-title line">
|
<div class="caption"><i class="fa fa-comments"></i>聊天</div>
|
<div class="tools">
|
<a href="" class="collapse"></a>
|
<a href="#portlet-config" data-toggle="modal" class="config"></a>
|
<a href="" class="reload"></a>
|
<a href="" class="remove"></a>
|
</div>
|
</div>
|
<div class="portlet-body" id="chats">
|
<div class="scroller" style="height: 435px;" data-always-visible="1" data-rail-visible1="1">
|
<ul class="chats">
|
<li class="in">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Bob Nilson</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="out">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar2.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Lisa Wong</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="in">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Bob Nilson</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="out">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Richard Doe</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="in">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Richard Doe</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="out">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Bob Nilson</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="in">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Richard Doe</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
|
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
</span>
|
</div>
|
</li>
|
<li class="out">
|
<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
|
<div class="message">
|
<span class="arrow"></span>
|
<a href="#" class="name">Bob Nilson</a>
|
<span class="datetime">at Jul 25, 2012 11:09</span>
|
<span class="body">
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet.
|
</span>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="chat-form">
|
<div class="input-cont">
|
<input class="form-control" type="text" placeholder="Type a message here..." />
|
</div>
|
<div class="btn-cont">
|
<span class="arrow"></span>
|
<a href="" class="btn blue icn-only"><i class="fa fa-check icon-white"></i></a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- END PORTLET-->
|
</div>
|
</div>
|
</ui:insert>
|
</div>
|
<!-- END PAGE -->
|
</div>
|
<!-- END CONTAINER -->
|
<!-- BEGIN FOOTER -->
|
<div class="footer">
|
<div class="footer-inner" style="text-align:center;">
|
2014 © 上海三英信息技术有限公司.
|
</div>
|
<div class="footer-tools">
|
<span class="go-top">
|
<i class="fa fa-angle-up"></i>
|
</span>
|
</div>
|
</div>
|
<!-- END FOOTER -->
|
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
<!-- BEGIN CORE PLUGINS -->
|
<f:verbatim>
|
<!--[if lt IE 9]>
|
<script src="assets/plugins/respond.min.js"></script>
|
<script src="assets/plugins/excanvas.min.js"></script>
|
<![endif]-->
|
</f:verbatim>
|
<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
|
<!--
|
<script type="text/javascript" src="#{request.contextPath}/js/common/menu.js"></script>
|
-->
|
<!-- END CORE PLUGINS
|
<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>-->
|
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip
|
<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>-->
|
<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
<!-- BEGIN PAGE LEVEL PLUGINS
|
<script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>-->
|
<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
|
<!-- BEGIN PAGE LEVEL PLUGINS -->
|
<script src="#{request.contextPath}/template/metro/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
|
<script src="#{request.contextPath}/template/metro/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
|
<!-- BEGIN PAGE LEVEL PLUGINS
|
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>-->
|
|
|
|
<!-- BEGIN PAGE LEVEL PLUGINS 绘图 -->
|
<!--<script src="#{request.contextPath}/template/metro/assets/plugins/flot/jquery.flot.js" type="text/javascript"></script>-->
|
<!-- BEGIN PAGE LEVEL PLUGINS
|
<script src="assets/plugins/flot/jquery.flot.resize.js" type="text/javascript"></script>-->
|
<!--
|
<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
|
<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
|
-->
|
|
<!-- BEGIN PAGE LEVEL PLUGINS
|
<script src="assets/plugins/gritter/js/jquery.gritter.js" type="text/javascript"></script>-->
|
<!-- IMPORTANT! fullcalendar depends on jquery-ui-1.10.3.custom.min.js for drag & drop support -->
|
<!-- 1-->
|
|
|
<!--
|
<script src="#{request.contextPath}/template/metro/assets/plugins/fullcalendar/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
-->
|
<!-- jianshichang zhushi
|
<script src="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.js" type="text/javascript"></script>
|
<script src="assets/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
|
-->
|
<!-- END PAGE LEVEL PLUGINS -->
|
<!-- BEGIN PAGE LEVEL SCRIPTS -->
|
<script type="text/javascript" src="#{request.contextPath}/js/common/basic.js"></script>
|
<script src="#{request.contextPath}/template/metro/assets/scripts/app.js" type="text/javascript"></script>
|
<!--
|
<script src="#{request.contextPath}/template/metro/assets/scripts/index.js" type="text/javascript"></script>
|
-->
|
<script src="#{request.contextPath}/template/metro/assets/scripts/tasks.js" type="text/javascript"></script>
|
<!-- END PAGE LEVEL SCRIPTS -->
|
<script>
|
jQuery(document).ready(function() {
|
App.init(); //
|
});
|
</script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/knockout-3.1.0.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/knockout.mapping-latest.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.validate.min.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/mock-min.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.bootpag.min.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.json-2.2.min.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/js/cdn/errmsg.js"></script>
|
<script type="text/javascript" src="#{request.contextPath}/template/metro/temp.js"></script>
|
<ui:insert name="myscript"></ui:insert>
|
<!-- END JAVASCRIPTS -->
|
</h:body>
|
<!-- END BODY -->
|
</html>
|
</f:view>
|
