dcovington
/
asp-classic-unified-framework
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Consolidated ASP Classic MVC framework from best components
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
2 Révisions
1 Branche
207KB
Aborescence: f229f088eb
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'f229f088eb'
${ noResults }
asp-classic-unified-framework/tests/aspunit/Lib/classes/ASPUnitUIModern.asp

395 lignes
11KB
Brut Annotations Historique 

  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.