Files
C2P/C2P/test.aspx
T
2014-05-22 19:14:07 +02:00

578 lines
29 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="C2P.test" %>
<%@ Register Src="WebUserControls/mod_slider.ascx" TagName="mod_slider" TagPrefix="uc1" %>
<%@ Register Src="~/WebUserControls/mod_SyncVoc.ascx" TagName="mod_SyncVoc" TagPrefix="uc2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Dashboard :: Base Admin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<asp:PlaceHolder ID="PlaceHolder1" runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
<%: Scripts.Render("~/bundles/jquery") %>
<%: Scripts.Render("~/bundles/jqueryui") %>
</asp:PlaceHolder>
<webopt:BundleReference ID="BundleReference1" runat="server" Path="~/Content/css" />
<webopt:BundleReference ID="BundleReference2" runat="server" Path="~/Content/themes/base/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=272931&clcid=0x409 --%>
<%--Framework Scripts--%>
<asp:ScriptReference Name="MsAjaxBundle" />
<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="jquery.ui.combined" />
<asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
<asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
<asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
<asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
<asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
<asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
<asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
<asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
<asp:ScriptReference Name="WebFormsBundle" />
<%--Site Scripts--%>
</Scripts>
</asp:ScriptManager>
<div class="main">
<div class="container">
<br />
<div id="radio">
<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
</div>
<br />
<br />
<uc2:mod_SyncVoc ID="mod_SyncVoc1" runat="server" />
<br />
<br />
<br />
<uc1:mod_slider ID="mod_slider1" runat="server" minVal="0" maxVal="6000" />
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="widget stacked">
<div class="widget-header">
<i class="fa fa-star"></i>
<h3>Quick Stats</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div class="stats">
<div class="stat">
<span class="stat-value">12,386</span>
Site Visits
</div>
<!-- /stat -->
<div class="stat">
<span class="stat-value">9,249</span>
Unique Visits
</div>
<!-- /stat -->
<div class="stat">
<span class="stat-value">70%</span>
New Visits
</div>
<!-- /stat -->
</div>
<!-- /stats -->
<div id="chart-stats" class="stats">
<div class="stat stat-chart">
<div id="donut-chart" class="chart-holder" style="padding: 0px; position: relative;">
<canvas class="base" width="260" height="100"></canvas>
<canvas class="overlay" width="260" height="100" style="position: absolute; left: 0px; top: 0px;"></canvas>
<div class="legend">
<div style="position: absolute; width: 51px; height: 72px; top: 5px; right: 5px; background-color: rgb(255, 255, 255); opacity: 0.85;"></div>
<table style="position: absolute; top: 5px; right: 5px; font-size: smaller; color: #545454">
<tbody>
<tr>
<td class="legendColorBox">
<div style="border: 1px solid #ccc; padding: 1px">
<div style="width: 4px; height: 0; border: 5px solid rgb(255,153,0); overflow: hidden"></div>
</div>
</td>
<td class="legendLabel">Series 1</td>
</tr>
<tr>
<td class="legendColorBox">
<div style="border: 1px solid #ccc; padding: 1px">
<div style="width: 4px; height: 0; border: 5px solid rgb(34,34,34); overflow: hidden"></div>
</div>
</td>
<td class="legendLabel">Series 2</td>
</tr>
<tr>
<td class="legendColorBox">
<div style="border: 1px solid #ccc; padding: 1px">
<div style="width: 4px; height: 0; border: 5px solid rgb(119,119,119); overflow: hidden"></div>
</div>
</td>
<td class="legendLabel">Series 3</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- #donut -->
</div>
<!-- /substat -->
<div class="stat stat-time">
<span class="stat-value">00:28:13</span>
Average Time on Site
</div>
<!-- /substat -->
</div>
<!-- /substats -->
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
<div class="widget widget-nopad stacked">
<div class="widget-header">
<i class="fa fa-list-alt"></i>
<h3>Recent News</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<ul class="news-items">
<li>
<div class="news-item-detail">
<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="news-item-date">
<span class="news-item-day">08</span>
<span class="news-item-month">Mar</span>
</div>
</li>
<li>
<div class="news-item-detail">
<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="news-item-date">
<span class="news-item-day">08</span>
<span class="news-item-month">Mar</span>
</div>
</li>
<li>
<div class="news-item-detail">
<a href="javascript:;" class="news-item-title">Duis aute irure dolor in reprehenderit</a>
<p class="news-item-preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
<div class="news-item-date">
<span class="news-item-day">08</span>
<span class="news-item-month">Mar</span>
</div>
</li>
</ul>
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
<div class="widget stacked">
<div class="widget-header">
<i class="fa fa-file"></i>
<h3>Content</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
</div>
<!-- /span6 -->
<div class="col-md-6">
<div class="widget stacked">
<div class="widget-header">
<i class="fa fa-bookmark"></i>
<h3>Quick Shortcuts</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div class="shortcuts">
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-list-alt"></i>
<span class="shortcut-label">Apps</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-bookmark"></i>
<span class="shortcut-label">Bookmarks</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-signal"></i>
<span class="shortcut-label">Reports</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-comment"></i>
<span class="shortcut-label">Comments</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-user"></i>
<span class="shortcut-label">Users</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-file"></i>
<span class="shortcut-label">Notes</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-picture-o"></i>
<span class="shortcut-label">Photos</span>
</a>
<a href="javascript:;" class="shortcut">
<i class="shortcut-icon fa fa-tag"></i>
<span class="shortcut-label">Tags</span>
</a>
</div>
<!-- /shortcuts -->
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
<div class="widget stacked">
<div class="widget-header">
<i class="fa fa-signal"></i>
<h3>Chart</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div id="area-chart" class="chart-holder" style="padding: 0px; position: relative;">
<canvas class="base" width="531" height="250"></canvas>
<canvas class="overlay" width="531" height="250" style="position: absolute; left: 0px; top: 0px;"></canvas>
<div class="tickLabels" style="font-size: smaller">
<div class="xAxis x1Axis" style="color: #545454">
<div class="tickLabel" style="position: absolute; text-align: center; left: 1px; top: 228px; width: 48px">0</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 51px; top: 228px; width: 48px">10</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 101px; top: 228px; width: 48px">20</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 152px; top: 228px; width: 48px">30</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 202px; top: 228px; width: 48px">40</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 252px; top: 228px; width: 48px">50</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 302px; top: 228px; width: 48px">60</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 352px; top: 228px; width: 48px">70</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 403px; top: 228px; width: 48px">80</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 453px; top: 228px; width: 48px">90</div>
<div class="tickLabel" style="position: absolute; text-align: center; left: 503px; top: 228px; width: 48px">100</div>
</div>
<div class="yAxis y1Axis" style="color: #545454">
<div class="tickLabel" style="position: absolute; text-align: right; top: 210px; right: 513px; width: 18px">0</div>
<div class="tickLabel" style="position: absolute; text-align: right; top: 167px; right: 513px; width: 18px">20</div>
<div class="tickLabel" style="position: absolute; text-align: right; top: 123px; right: 513px; width: 18px">40</div>
<div class="tickLabel" style="position: absolute; text-align: right; top: 80px; right: 513px; width: 18px">60</div>
<div class="tickLabel" style="position: absolute; text-align: right; top: 36px; right: 513px; width: 18px">80</div>
<div class="tickLabel" style="position: absolute; text-align: right; top: -7px; right: 513px; width: 18px">100</div>
</div>
</div>
</div>
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
<div class="widget stacked widget-table action-table">
<div class="widget-header">
<i class="fa fa-th-list"></i>
<h3>Table</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Engine</th>
<th>Browser</th>
<th class="td-actions"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Trident</td>
<td>Internet
Explorer 4.0</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
<tr>
<td>Trident</td>
<td>Internet
Explorer 5.0</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
<tr>
<td>Trident</td>
<td>Internet
Explorer 5.5</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
<tr>
<td>Trident</td>
<td>Internet
Explorer 5.5</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
<tr>
<td>Trident</td>
<td>Internet
Explorer 5.5</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
<tr>
<td>Trident</td>
<td>Internet
Explorer 5.5</td>
<td class="td-actions">
<a href="javascript:;" class="btn btn-xs btn-primary">
<i class="btn-fa fa-only fa fa-check"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
</div>
<!-- /span6 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /main -->
<div class="extra">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>About</h4>
<ul>
<li><a href="javascript:;">About Us</a></li>
<li><a href="javascript:;">Twitter</a></li>
<li><a href="javascript:;">Facebook</a></li>
<li><a href="javascript:;">Google+</a></li>
</ul>
</div>
<!-- /span3 -->
<div class="col-md-3">
<h4>Support</h4>
<ul>
<li><a href="javascript:;">Frequently Asked Questions</a></li>
<li><a href="javascript:;">Ask a Question</a></li>
<li><a href="javascript:;">Video Tutorial</a></li>
<li><a href="javascript:;">Feedback</a></li>
</ul>
</div>
<!-- /span3 -->
<div class="col-md-3">
<h4>Legal</h4>
<ul>
<li><a href="javascript:;">License</a></li>
<li><a href="javascript:;">Terms of Use</a></li>
<li><a href="javascript:;">Privacy Policy</a></li>
<li><a href="javascript:;">Security</a></li>
</ul>
</div>
<!-- /span3 -->
<div class="col-md-3">
<h4>Settings</h4>
<ul>
<li><a href="javascript:;">Consectetur adipisicing</a></li>
<li><a href="javascript:;">Eiusmod tempor </a></li>
<li><a href="javascript:;">Fugiat nulla pariatur</a></li>
<li><a href="javascript:;">Officia deserunt</a></li>
</ul>
</div>
<!-- /span3 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /extra -->
<div class="footer">
<div class="container">
<div class="row">
<div id="footer-copyright" class="col-md-6">
© 2012-13 Jumpstart UI.
</div>
<!-- /span6 -->
<div id="footer-terms" class="col-md-6">
Theme by <a href="http://jumpstartui.com/" target="_blank">Jumpstart UI</a>
</div>
<!-- /.span6 -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /footer -->
<script src="Scripts/bootstrap.min.js"></script>
<a id="back-to-top" href="http://jumpstartuidemo.com/themes/base/index.html#top" style="display: none;"><i class="fa fa-chevron-up"></i></a>
</form>
<script src="Scripts/bootstrap.min.js"></script>
<asp:PlaceHolder ID="PlaceHolder2" runat="server">
<%: Scripts.Render("~/bundles/jSteamware") %>
</asp:PlaceHolder>
</body>
</html>