mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-07-16 16:50:54 +08:00
455 lines
33 KiB
Plaintext
455 lines
33 KiB
Plaintext
@{
|
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
|
}
|
|
|
|
@RenderPage("~/Views/Shared/_Header.cshtml")
|
|
<div class="container-fluid" id="main-container">
|
|
<a href="#" id="menu-toggler"><span></span></a><!-- menu toggler -->
|
|
@RenderPage("~/Views/Shared/Left.cshtml")
|
|
<div id="main-content" class="clearfix">
|
|
|
|
<div id="breadcrumbs">
|
|
|
|
<ul class="breadcrumb">
|
|
|
|
<li><i class="icon-home"></i> <a href="#">Home</a><span class="divider"><i class="icon-angle-right"></i></span></li>
|
|
|
|
<li class="active">Dashboard</li>
|
|
</ul><!--.breadcrumb-->
|
|
|
|
</div><!--#breadcrumbs-->
|
|
|
|
<div id="page-content" class="clearfix">
|
|
|
|
<div class="row-fluid">
|
|
<!-- 欢迎 -->
|
|
<div class="alert alert-block alert-success">
|
|
<button type="button" class="close" data-dismiss="alert"><i class="icon-remove"></i></button>
|
|
<i class="icon-ok green"></i> Welcome to <strong class="green">Ace <small>(v1)</small></strong>,
|
|
the lightweight, feature-rich, easy to use and well-documented admin template.
|
|
</div>
|
|
<div class="row-fluid">
|
|
<div class="span6">
|
|
<div class="widget-box transparent">
|
|
|
|
<div class="widget-header">
|
|
<h4 class="lighter smaller"><i class="icon-rss orange"></i>RECENT</h4>
|
|
<div class="widget-toolbar no-border">
|
|
<ul class="nav nav-tabs" id="recent-tab">
|
|
<li class="active"><a data-toggle="tab" href="#task-tab">Tasks</a></li>
|
|
<li><a data-toggle="tab" href="#member-tab">Members</a></li>
|
|
<li><a data-toggle="tab" href="#comment-tab">Comments</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widget-body">
|
|
<div class="widget-main padding-5">
|
|
<div class="tab-content padding-8">
|
|
<div id="task-tab" class="tab-pane active">
|
|
<h4 class="smaller lighter green"><i class="icon-list"></i> Sortable Lists</h4>
|
|
<ul id="tasks" class="item-list">
|
|
<li class="item-orange clearfix">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Answering customer questions</span></label>
|
|
<div class="pull-right easy-pie-chart percentage" data-size="30" data-color="#ECCB71" data-percent="42">
|
|
<span class="percent">42</span>%
|
|
</div>
|
|
</li>
|
|
<li class="item-red clearfix">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Fixing bugs</span></label>
|
|
<div class="pull-right">
|
|
<div class="btn-group">
|
|
<button class="btn btn-mini btn-info"><i class="icon-edit"></i></button>
|
|
<button class="btn btn-mini btn-danger "><i class="icon-trash"></i></button>
|
|
<button class="btn btn-mini btn-yellow"><i class="icon-flag"></i></button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="item-default clearfix">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Adding new features</span></label>
|
|
<div class="inline pull-right position-relative">
|
|
<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"><i class="icon-angle-down icon-only"></i></button>
|
|
<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-closer">
|
|
<li><a href="#" class="tooltip-success" data-rel="tooltip" title="Mark as done" data-placement="left"><span class="green"><i class="icon-ok"></i></span></a></li>
|
|
<li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left"><span class="red"><i class="icon-trash"></i></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="item-blue">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Upgrading scripts used in template</span></label>
|
|
</li>
|
|
<li class="item-grey">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Adding new skins</span></label>
|
|
</li>
|
|
<li class="item-green">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Updating server software up</span></label>
|
|
</li>
|
|
<li class="item-pink">
|
|
<label class="inline"><input type="checkbox" /><span class="lbl"> Cleaning up</span></label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="member-tab" class="tab-pane">
|
|
<div class="clearfix">
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Bob's avatar" src="avatars/user.jpg" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Bob Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">20 min</span></div>
|
|
<div>
|
|
<span class="label label-warning">pending</span>
|
|
<div class="inline position-relative">
|
|
<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"><i class="icon-angle-down icon-only"></i></button>
|
|
<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
|
|
<li><a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-placement="right"><span class="green"><i class="icon-ok"></i></span></a></li>
|
|
<li><a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-placement="right"><span class="orange"><i class="icon-remove"></i></span> </a></li>
|
|
<li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="right"><span class="red"><i class="icon-trash"></i></span> </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Joe's Avatar" src="@Url.Content("~/Content/avatars/avatar.png")" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Joe Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">1 hour</span></div>
|
|
<div>
|
|
<span class="label label-warning">pending</span>
|
|
<div class="inline position-relative">
|
|
<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"><i class="icon-angle-down icon-only"></i></button>
|
|
<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
|
|
<li><a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-placement="left"><span class="green"><i class="icon-ok"></i></span></a></li>
|
|
<li><a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-placement="left"><span class="orange"><i class="icon-remove"></i></span> </a></li>
|
|
<li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left"><span class="red"><i class="icon-trash"></i></span> </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Jim's Avatar" src="avatars/avatar.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Jim Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">2 hour</span></div>
|
|
<div>
|
|
<span class="label label-warning">pending</span>
|
|
<div class="inline position-relative">
|
|
<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"><i class="icon-angle-down icon-only"></i></button>
|
|
<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
|
|
<li><a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-placement="right"><span class="green"><i class="icon-ok"></i></span></a></li>
|
|
<li><a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-placement="right"><span class="orange"><i class="icon-remove"></i></span> </a></li>
|
|
<li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="right"><span class="red"><i class="icon-trash"></i></span> </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Alex's Avatar" src="avatars/avatar2.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Alex Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">3 hour</span></div>
|
|
<div class="label label-important">blocked</div>
|
|
</div>
|
|
</div>
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Bob's Avatar" src="avatars/avatar2.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Bob Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">6 hour</span> </div>
|
|
<div class="label label-success arrowed-in">approved</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Susan's Avatar" src="avatars/avatar3.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Susan</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">yesterday</span></div>
|
|
<div class="label label-success arrowed-in">approved</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Phil's Avatar" src="avatars/avatar4.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Phil Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">2 days ago</span></div>
|
|
<div class="label label-info arrowed-in arrowed-in-right">online</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="itemdiv memberdiv">
|
|
<div class="user">
|
|
<img alt="Alexa's Avatar" src="avatars/avatar1.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Alexa Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">3 days ago</span></div>
|
|
<div class="label label-success arrowed-in">approved</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="center">
|
|
<i class="icon-group icon-2x green"></i> <a href="#">See all members <i class="icon-arrow-right"></i></a>
|
|
</div>
|
|
<div class="hr hr-double hr8"></div>
|
|
</div><!-- member-tab -->
|
|
|
|
|
|
|
|
<div id="comment-tab" class="tab-pane">
|
|
<div class="comments">
|
|
<div class="itemdiv commentdiv">
|
|
<div class="user">
|
|
<img alt="Bob's Avatar" src="avatars/avatar.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Bob Doe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="green">6 min</span></div>
|
|
<div class="text">
|
|
<i class="icon-quote-left"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis …
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<div class="inline position-relative">
|
|
<button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"><i class="icon-angle-down icon-only"></i></button>
|
|
<ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
|
|
<li><a href="#" class="tooltip-success" data-rel="tooltip" title="Approve" data-placement="left"><span class="green"><i class="icon-ok"></i></span></a></li>
|
|
<li><a href="#" class="tooltip-warning" data-rel="tooltip" title="Reject" data-placement="left"><span class="orange"><i class="icon-remove"></i></span> </a></li>
|
|
<li><a href="#" class="tooltip-error" data-rel="tooltip" title="Delete" data-placement="left"><span class="red"><i class="icon-trash"></i></span> </a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv commentdiv">
|
|
<div class="user">
|
|
<img alt="Jennifer's Avatar" src="avatars/avatar1.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Jennifer</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="blue">15 min</span></div>
|
|
<div class="text">
|
|
<i class="icon-quote-left"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis …
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-pencil"></i></a>
|
|
<a href="#" class="btn btn-minier btn-danger"><i class="icon-only icon-trash"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv commentdiv">
|
|
<div class="user">
|
|
<img alt="Joe's Avatar" src="avatars/avatar2.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Joe</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="orange">22 min</span></div>
|
|
<div class="text">
|
|
<i class="icon-quote-left"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis …
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-pencil"></i></a>
|
|
<a href="#" class="btn btn-minier btn-danger"><i class="icon-only icon-trash"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv commentdiv">
|
|
<div class="user">
|
|
<img alt="Rita's Avatar" src="avatars/avatar3.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="name"><a href="#">Rita</a></div>
|
|
<div class="time"><i class="icon-time"></i> <span class="red">50 min</span></div>
|
|
<div class="text">
|
|
<i class="icon-quote-left"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis …
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-pencil"></i></a>
|
|
<a href="#" class="btn btn-minier btn-danger"><i class="icon-only icon-trash"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="hr hr8"></div>
|
|
<div class="center">
|
|
<i class="icon-comments-alt icon-2x green"></i> <a href="#">See all comments <i class="icon-arrow-right"></i></a>
|
|
</div>
|
|
<div class="hr hr-double hr8"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div><!--/widget-main-->
|
|
</div><!--/widget-body-->
|
|
|
|
|
|
</div><!--/widget-box-->
|
|
</div><!--/span-->
|
|
|
|
<div class="span6">
|
|
<div class="widget-box ">
|
|
|
|
<div class="widget-header">
|
|
<h4 class="lighter smaller"><i class="icon-comment blue"></i>Conversation</h4>
|
|
</div>
|
|
|
|
<div class="widget-body">
|
|
<div class="widget-main no-padding">
|
|
|
|
<div class="dialogs">
|
|
<div class="itemdiv dialogdiv">
|
|
<div class="user">
|
|
<img alt="Alexa's Avatar" src="avatars/avatar1.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="time"><i class="icon-time"></i> <span class="green">4 sec</span></div>
|
|
<div class="name"><a href="#">Alexa</a></div>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis. </div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-share-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv dialogdiv">
|
|
<div class="user">
|
|
<img alt="John's Avatar" src="avatars/avatar.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="time"><i class="icon-time"></i> <span class="blue">38 sec</span></div>
|
|
<div class="name"><a href="#">John</a></div>
|
|
<div class="text">Raw denim you probably haven't heard of them jean shorts Austin.</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-share-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv dialogdiv">
|
|
<div class="user">
|
|
<img alt="Bob's avatar" src="avatars/user.jpg" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="time"><i class="icon-time"></i> <span class="orange">2 min</span></div>
|
|
<div class="name"><a href="#">Bob</a> <span class="label label-info arrowed arrowed-in-right">admin</span></div>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo massa sed ipsum porttitor facilisis. </div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-share-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv dialogdiv">
|
|
<div class="user">
|
|
<img alt="Jim's Avatar" src="avatars/avatar4.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="time"><i class="icon-time"></i> <span class="muted">3 min</span></div>
|
|
<div class="name"><a href="#">Jim</a></div>
|
|
<div class="text">Raw denim you probably haven't heard of them jean shorts Austin.</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-share-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="itemdiv dialogdiv">
|
|
<div class="user">
|
|
<img alt="Alexa's Avatar" src="avatars/avatar1.png" />
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="time"><i class="icon-time"></i> <span class="green">4 min</span></div>
|
|
<div class="name"><a href="#">Alexa</a></div>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
|
|
|
|
<div class="tools">
|
|
<a href="#" class="btn btn-minier btn-info"><i class="icon-only icon-share-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form>
|
|
<div class="form-actions input-append">
|
|
<input placeholder="Type your message here ..." type="text" class="width-75" name="message" />
|
|
<button class="btn btn-small btn-info no-radius" onclick="return false;"><i class="icon-share-alt"></i> <span class="hidden-phone">Send</span></button>
|
|
</div>
|
|
</form>
|
|
|
|
</div><!--/widget-main-->
|
|
</div><!--/widget-body-->
|
|
|
|
</div><!--/widget-box-->
|
|
</div><!--/span-->
|
|
</div><!--/row-->
|
|
|
|
<div class="hr hr32 hr-dotted"></div>
|
|
|
|
<!-- PAGE CONTENT ENDS HERE -->
|
|
</div><!--/row-->
|
|
|
|
</div><!--/#page-content-->
|
|
</div><!-- #main-content -->
|
|
</div><!--/.fluid-container#main-container-->
|
|
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse">
|
|
<i class="icon-double-angle-up icon-only"></i>
|
|
</a>
|
|
<!-- inline scripts related to this page -->
|