dcovington
/
asp-classic-unified-framework
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Consolidated ASP Classic MVC framework from best components
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
2 Incheckningar
1 Gren
207KB
Träd: f229f088eb
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'f229f088eb'
${ noResults }
asp-classic-unified-framework/tests/aspunit/Lib/classes/ASPUnitUIModern.asp

395 lines
11KB
Rå Blame Historik 

  1. <%

  2. 	Class ASPUnitUIModern

  3. 		Public Sub Render(ByRef objRunner) %>

  4. 			<html>

  5. 				<head>

  6. 					<title>ASPUnit</title>

  7. 

  8. 					<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

  9. 					<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">

  10. 					<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>

  11. 

  12. 					<style type="text/css">

  13. 						body {

  14. 							background-color: #ECF0F1;

  15. 							padding-top: 280px;

  16. 							font-family: 'Open Sans', sans-serif;

  17. 							-webkit-font-smoothing: antialiased;

  18. 						}

  19. 

  20. 						h1, h2, h3, h4, h5, h6 {

  21. 							font-family: 'Open Sans', sans-serif;

  22. 						}

  23. 

  24. 						a {

  25. 							color: #95a5a6;

  26. 							transition: all 0.25s;

  27. 						}

  28. 

  29. 						a:hover {

  30. 							color: #fff;

  31. 							text-decoration: none;

  32. 						}

  33. 

  34. 						.project-name {

  35. 							color: #fff !important;

  36. 						}

  37. 

  38. 						#footer .project-name {

  39. 							margin-top: 0;

  40. 							margin-bottom: 0;

  41. 						}

  42. 

  43. 						#container {

  44. 							position: relative;

  45. 							height: auto;

  46. 							min-height: 100%;

  47. 						}

  48. 

  49. 						#header {

  50. 							color: #ecf0f1;

  51. 							background-color: #13202c;

  52. 							transition: all 0.5s;

  53. 							position: fixed;

  54. 							left: 0;

  55. 							right: 0;

  56. 							top: 0;

  57. 							z-index: 1000;

  58. 							text-shadow: 0px 2px 1px #000;

  59. 						}

  60. 

  61. 						#header a {

  62. 							color: #ecf0f1;

  63. 						}

  64. 

  65. 						#header a:active {

  66. 							position: relative;

  67. 							top: 1px;

  68. 							text-shadow: 0px 1px 1px #000;

  69. 						}

  70. 

  71. 						#header.affix {

  72. 							padding-top: 0;

  73. 							padding-bottom: 0.2em;

  74. 						}

  75. 

  76. 						#main {

  77. 							padding-bottom: 12em;

  78. 						}

  79. 

  80. 						#footer {

  81. 							position: absolute;

  82. 							bottom: 0;

  83. 							width: 100%;

  84. 							padding-top: 2em;

  85. 							padding-bottom: 2em;

  86. 							margin-top: 4em;

  87. 							color: #95a5a6;

  88. 							background-color: #13202c;

  89. 						}

  90. 

  91. 						.progress-loading {

  92. 							box-shadow: 0 2px 6px RGBA(0,0,0,0.25);

  93. 							border-bottom: 2px #444 solid;

  94. 							border-radius: 0 0 2px 2px;

  95. 						}

  96. 

  97. 						.pages-overview {

  98. 							position: relative;

  99. 						}

  100. 

  101. 						.pages-status {

  102. 							display: inline-block;

  103. 						}

  104. 

  105. 						.pages-options {

  106. 							display: inline-block;

  107. 							position: absolute;

  108. 							right: 0;

  109. 						}

  110. 

  111. 						.page-report .page-overview {

  112. 							color: #7F8C8D;

  113. 						}

  114. 

  115. 						.page-report .page-overview small {

  116. 							color: #95A5A6;

  117. 						}

  118. 

  119. 						.page-module {

  120. 							margin-bottom: 1em;

  121. 							box-shadow: 0 2px 6px RGBA(0,0,0,0.25);

  122. 						}

  123. 

  124. 						.page-module .page-module-header {

  125. 							color: #fff;

  126. 							padding: 1em 2em;

  127. 						}

  128. 

  129. 						.page-module-pass .page-module-header {

  130. 							background-color: #2ECC71;

  131. 							border: 1px #27AE60 solid;

  132. 						}

  133. 

  134. 						.page-module-fail .page-module-header {

  135. 							background-color: #E74C3C;

  136. 							border: 1px #C0392B solid;

  137. 						}

  138. 

  139. 						.page-module-name {

  140. 							font-weight: bold;

  141. 							margin: 0;

  142. 						}

  143. 

  144. 						.page-module-tests {

  145. 							border-left: 1px #95A5A6 solid;

  146. 							border-right: 1px #95A5A6 solid;

  147. 							border-bottom: 3px #95A5A6 solid;

  148. 							border-radius: 0 0 3px 3px;

  149. 						}

  150. 

  151. 						.page-module-test {

  152. 							padding: 0.8em 2em;

  153. 							background-color: #fff;

  154. 							margin-bottom: 1px;

  155. 							position: relative;

  156. 						}

  157. 

  158. 						.page-module-test-icon {

  159. 							position: absolute;

  160. 							top: 0.5em;

  161. 							left: -11px;

  162. 							color: #fff;

  163. 							width: 22px;

  164. 							height: 22px;

  165. 							padding: 3px 4px;

  166. 							border-radius: 11px;

  167. 						}

  168. 

  169. 						.page-module-test-icon-pass {

  170. 							box-shadow: 0 3px 0 #27AE60, 0 6px 3px RGBA(0,0,0,0.25);

  171. 							background-color: #2ECC71;

  172. 						}

  173. 

  174. 						.page-module-test-icon-fail {

  175. 							box-shadow: 0 3px 0 #C0392B, 0 6px 3px RGBA(0,0,0,0.25);

  176. 							background-color: #E74C3C;

  177. 						}

  178. 

  179. 						.page-module-test-name {

  180. 							font-weight: bold;

  181. 						}

  182. 

  183. 						.page-module-test-fail .page-module-test-name, .page-module-test-fail .page-module-test-description {

  184. 							color: #C0392B;

  185. 						}

  186. 

  187. 						@media (max-width: 768px) {

  188. 							body {

  189. 								padding-top: 260px;

  190. 							}

  191. 

  192. 							#main {

  193. 								padding-bottom: 15em;

  194. 							}

  195. 

  196. 							.pages-options {

  197. 								display: inline-block;

  198. 								position: relative;

  199. 							}

  200. 						}

  201. 					</style>

  202. 				</head>

  203. 				<body>

  204. 					<div id="container">

  205. 						<div id="header" class="jumbotron" data-spy="affix" data-offset-top="10">

  206. 							<div class="container">

  207. 								<h1 class="project-name"><strong>ASP</strong>Unit</h1>

  208. 

  209. 								<div class="pages-overview">

  210. 									<div class="pages-status"></div>

  211. 

  212. 									<div class="pages-options">

  213. 										<div class="pages-option-passed-tests">

  214. 											<a href="#" class="action-hide-passed"><i class="glyphicon glyphicon-remove-sign"></i> Hide Passed Tests</a>

  215. 										</div>

  216. 									</div>

  217. 

  218. 									<div class="progress progress-striped progress-loading">

  219. 										<div class="progress-bar progress-bar-success" role="progressbar"></div>

  220. 										<div class="progress-bar progress-bar-danger" role="progressbar"></div>

  221. 									</div>

  222. 

  223. 									<div class="alert alert-danger progress-error" style="display: none;"></div>

  224. 								</div>

  225. 							</div>

  226. 						</div>

  227. 

  228. 						<div id="main">

  229. 							<div class="page-reports"></div>

  230. 						</div>

  231. 

  232. 						<div id="footer">

  233. 							<div class="container">

  234. 								<div class="row">

  235. 									<div class="col-md-12">

  236. 										<h3 class="project-name"><strong>ASP</strong>Unit</h3>

  237. 									</div>

  238. 								</div>

  239. 								<div class="row">

  240. 									<div class="col-md-4">

  241. 										Classic ASP Unit Testing Library<br />

  242. 									</div>

  243. 									<div class="col-md-4">

  244. 										<ul class="list-unstyled">

  245. 											<li><a href="https://github.com/rpeterclark/aspunit/"><i class="icon-github"></i> GitHub Project</a></li>

  246. 											<li><a href="https://github.com/rpeterclark/aspunit/wiki/"><i class="icon-book"></i> Documentation</a></li>

  247. 											<li><a href="https://github.com/rpeterclark/aspunit/issues/"><i class="icon-bug"></i> Issues</a></li>

  248. 										</ul>

  249. 									</div>

  250. 									<div class="col-md-4">

  251. 										MIT Licensed

  252. 									</div>

  253. 								</div>

  254. 							</div>

  255. 						</div>

  256. 					</div>

  257. 

  258. 					<script id="page-status-template" type="text/x-handlebars-template">

  259. 						{{pageNumber}} of {{pageCount}} pages tested, {{passCount}} of {{testCount}} tests passed

  260. 					</script>

  261. 

  262. 					<script id="page-report-template" type="text/x-handlebars-template">

  263. 						<div class="page-report container">

  264. 							<div class="page-overview">

  265. 								<h3>{{page}} <small>{{passCount}} of {{testCount}} tests passed</small></h3>

  266. 							</div>

  267. 							{{#each modules}}

  268. 								<div class="page-module page-module-{{#if passed}}pass{{else}}fail{{/if}}">

  269. 									<div class="page-module-header">

  270. 										<h4 class="page-module-name">{{name}}</h4>

  271. 										{{passCount}} of {{testCount}} tests passed, {{failCount}} failed, completed in {{duration}} milliseconds

  272. 									</div>

  273. 

  274. 									<div class="page-module-tests">

  275. 										{{#each tests}}

  276. 											<div class="page-module-test page-module-test-{{#if passed}}pass{{else}}fail{{/if}}">

  277. 												{{#if passed}}

  278. 													<i class="page-module-test-icon page-module-test-icon-pass glyphicon glyphicon-ok"></i>

  279. 												{{else}}

  280. 													<i class="page-module-test-icon page-module-test-icon-fail glyphicon glyphicon-remove"></i>

  281. 												{{/if}}

  282. 												<span class="page-module-test-name">{{name}}:</span>

  283. 												<span class="page-module-test-description">{{description}}</span>

  284. 											</div>

  285. 										{{/each}}

  286. 									</div>

  287. 								</div>

  288. 							{{/each}}

  289. 						</div>

  290. 					</script>

  291. 

  292. 					<script id="page-error-template" type="text/x-handlebars-template">

  293. 						<div class="page-report container">

  294. 							<div class="page-module page-module-fail">

  295. 									<div class="page-module-header">

  296. 										<h4 class="page-module-name">{{page}}</h4>

  297. 									</div>

  298. 

  299. 									<div class="page-module-tests">

  300. 										<div class="page-module-test page-module-test-fail">

  301. 											<i class="page-module-test-icon page-module-test-icon-fail glyphicon glyphicon-remove"></i>

  302. 											<span class="page-module-test-name">{{error}}{{#if description}}:{{/if}}</span>

  303. 											<span class="page-module-test-description">{{description}}</span>

  304. 										</div>

  305. 									</div>

  306. 								</div>

  307. 							</div>

  308. 						</div>

  309. 					</script>

  310. 

  311. 					<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

  312. 					<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

  313. 					<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>

  314. 					<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>

  315. 

  316. 					<%= objRunner.RenderJSLib() %>

  317. 

  318. 					<script>

  319. 						$(function() {

  320. 							var successCount = 0;

  321. 							var pageReportsContainer = $('.page-reports');

  322. 							var pageReportTemplate = Handlebars.compile($('#page-report-template').html());

  323. 							var pageErrorTemplate = Handlebars.compile($('#page-error-template').html());

  324. 							var pageStatusContainer = $('.pages-status');

  325. 							var pageStatusTemplate = Handlebars.compile($('#page-status-template').html());

  326. 							var pageReportsProgress = $('.progress-loading');

  327. 							var progressError = $('.progress-error');

  328. 

  329. 							ASPUnit.onStart(function() {

  330. 								pageReportsProgress.addClass('active');

  331. 							});

  332. 

  333. 							ASPUnit.onPageSuccess(function(details) {

  334. 								successCount++;

  335. 								$(pageReportTemplate(details)).appendTo(pageReportsContainer).hide().fadeIn();

  336. 							});

  337. 

  338. 							ASPUnit.onPageFail(function(details) {

  339. 								$(pageErrorTemplate(details)).appendTo(pageReportsContainer);

  340. 							});

  341. 

  342. 							ASPUnit.onPageFinish(function(details) {

  343. 								var status = $.extend(details.status, {pageNumber: (details.status.pageIndex + 1)});

  344. 

  345. 								pageStatusContainer.html(pageStatusTemplate(status));

  346. 

  347. 								var progressPct = (status.pageNumber / status.pageCount);

  348. 								var passPct = (status.passCount / status.testCount) * (successCount / status.pageNumber);

  349. 								var failPct = (1 - passPct);

  350. 

  351. 								pageReportsProgress.find('.progress-bar-success').css({"width": ((passPct * 100) * progressPct) + "%"})

  352. 								pageReportsProgress.find('.progress-bar-danger').css({"width": ((failPct * 100) * progressPct) + "%"})

  353. 							});

  354. 

  355. 							ASPUnit.onFinish(function() {

  356. 								pageReportsProgress.removeClass('active');

  357. 							});

  358. 

  359. 							$(document).on('click', '.action-hide-passed', function(e) {

  360. 								e.preventDefault();

  361. 

  362. 								var $el = $(e.target);

  363. 

  364. 								if ($el.hasClass('active')) {

  365. 									$el.removeClass('active').html('<i class="glyphicon glyphicon-remove-sign"></i> Hide Passed Tests</a>');

  366. 									showPassedTests();

  367. 								} else {

  368. 									$el.addClass('active').html('<i class="glyphicon glyphicon-ok-sign"></i> Show Passed Tests</a>');

  369. 									hidePassedTests();

  370. 								}

  371. 							});

  372. 

  373. 							function hidePassedTests() {

  374. 								$('.page-report').each(function() {

  375. 									if ($(this).find('.page-module-test-fail').length > 0) {

  376. 										$(this).find('.page-module-pass').addClass('hidden');

  377. 										$(this).find('.page-module-test-pass').addClass('hidden');

  378. 									} else {

  379. 										$(this).addClass('hidden');

  380. 									}

  381. 								});

  382. 							}

  383. 

  384. 							function showPassedTests() {

  385. 								$('.hidden').removeClass('hidden');

  386. 							}

  387. 						});

  388. 					</script>

  389. 

  390. 					<%= objRunner.RenderJSInit() %>

  391. 				</body>

  392. 			</html> <%

  393. 		End Sub

  394. 	End Class

  395. %>

Powered by TurnKey Linux.