Skip to content

Instantly share code, notes, and snippets.

View jinan-kordab's full-sized avatar

Jinan Kordab jinan-kordab

1 follower · 1 following
View GitHub Profile
@jinan-kordab
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
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
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
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
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
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
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
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
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">
&nbsp;
</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
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">