jinan-kordab’s gists

jinan-kordab / SpinnerLayout.cshtml

Created November 11, 2018 14:09

Tracking Download Time and Showing Spinner Layout cshtml page

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>@ViewBag.Title - My ASP.NET MVC Spinner and Download Time Stats</title>
	@Styles.Render("~/Content/css")
	@Scripts.Render("~/bundles/modernizr")
	<script src="~/Scripts/jquery-3.3.1.min.js"></script>

jinan-kordab / ShowingDownloadTime.js

Created November 11, 2018 14:07

Line to show download time in Spinner ASP.NET App

	$(".animatedSpinnerContainer").
	html("<h2>The time took to download the file is: </h2><br><b><font style=\"color:red\">" +
	returnedData.FileDownloadTime +
	"</font></b>");

jinan-kordab / HideSpinner.js

Created November 11, 2018 14:04

Function that actually hides the spinner after checking the session state that is returned from AJAX call

	function hideSpinner() {
	window.clearInterval(SessionChecker);
	var UserAgent = window.navigator.userAgent;
	var InternetExplorer = /MSIE\|Trident/.test(UserAgent);

	if (InternetExplorer) {
	//IE
	$(".animatedSpinnerContainer").html("");
	}
	else {

jinan-kordab / CheckSessionState.js

Last active November 11, 2018 16:25

Javascript check session state and stats for Spinner

	function checkSessionState() {

	SessionChecker = window.setInterval(function () {
	//alert("check session state started");
	//check for session using AJAX again:
	$.ajax({
	type: "POST",
	url: "/Home/CheckForSpinnerSession",
	success: function (returnedData) {
	//alert(r);

jinan-kordab / SpinnerTokenCheck.cshtml

Created November 11, 2018 14:01

Action Result that checks for spinner token and time stats

	[HttpPost]
	public ActionResult CheckForSpinnerSession()
	{
	string returnvalue = "false";
	string fileDownloadTime = "false";

	if (HttpContext.Session["spinnerToken"] != null)
	{
	returnvalue = Session["spinnerToken"].ToString();
	}

jinan-kordab / DownloadActionResult.cshtml

Created November 11, 2018 13:54

Download Action Result for Spinner with stats

	[HttpPost]
	public ActionResult Download(FormCollection fc)
	{
	//start the tier to measure the download time
	System.Diagnostics.Stopwatch downloadTimer = new System.Diagnostics.Stopwatch();
	downloadTimer.Start();

	StringBuilder HTMLstring = new StringBuilder("<html><head></head><body><h1>Example PDF page. Spinner in ASP.NET MVC. thoughtsonprogramming.wordpress.com</h1></body></html>");
	Response.Clear();
	Response.ContentType = "application/pdf";

jinan-kordab / DownloadButtonClickedSpinner.js

Created November 11, 2018 13:49

Function to call once we submit a form, show, hide spinner

	$("#downloadForm").on("submit", function (event) {

	/////////////show spiner////////////////
	myGlobalToken = new Date().getTime(); //JavaScript time token

	$('#spinnerToken').val(myGlobalToken); // set the hidden input our token value

	var ua = window.navigator.userAgent;
	var is_ie = /MSIE\|Trident/.test(ua);

jinan-kordab / SpinnerDownloadButton.html

Created November 11, 2018 13:44

The front end download button for Spinner app

	<div class="container bg-success">
	<h1>Showing spinner while waiting for download to finish</h1>
	<p class="lead">The spinner below will appear for the duration of the download.Please click on the button below to start download.</p>

	<form action="/Home/Download" method="post" id="downloadForm">
	<p><input type="submit" class="btn btn-primary btn-lg" value="Download" /></p>
	<input type="hidden" id="spinnerToken" name="spinnerToken" />
	</form>

	</div>

jinan-kordab / ShowSpinner.html

Created November 11, 2018 13:44

Code snippet to show spinner with HTML if else statements

	<div class="row">
	<div class="col-md-4">

	</div>
	<div class="col-md-4">

	<!-- [if !IE] -->
	<p style="text-align:center;display: none;" id="animatedSpinnerContainer" class="animatedSpinnerContainer"><img src="~/Images/spinner.gif" /></p>
	<!-- [endif] -->
	<!--[if gte IE 9 -->

jinan-kordab / Phi-Phase-2.html

Created November 5, 2018 01:52

Fibonacci Sequence Responsive Web Template

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="bootstrap.min.css">
	<script src="jquery-3.3.1.min.js"></script>
	<script src="bootstrap.min.js"></script>
	<title></title>
	<script type="text/javascript">

Jinan Kordab jinan-kordab