Improved single page app functionality

FrameworkLibrary/DataMappers/MediaDetailsMapper.cs

@@ -1378,6 +1378,8 @@ public static string ParseSpecialTags(IMediaDetail mediaDetail, string propertyN
 						fileContent = ParserHelper.ParseData(fileContent, razorFieldParams);
 
 						customCode = customCode.Replace(item.ToString().ToString(), fileContent);
+
+						customCode = ParseSpecialTags(mediaDetail, customCode);
 					}
                 }
             }

WebApplication/Frontend/layouts/global-settings/global-code-in-head.cshtml

@@ -6,11 +6,11 @@
 	var Response = HttpContext.Current.Response;
 	var Server = HttpContext.Current.Server;
 
-	if(Request.Url.AbsolutePath != "/" && !BasePage.IsAjaxRequest)
+	/*if(Request.Url.AbsolutePath != "/" && !BasePage.IsAjaxRequest)
 	{		
 		Response.Redirect("/#"+Request.Url.PathAndQuery);
 		<meta http-equiv="refresh" content="0;URL='/#@Request.Url.PathAndQuery'">
-	}
+	}*/
 
 	if (!AppSettings.IsRunningOnProd)
 	{

WebApplication/Frontend/layouts/includes/header-home.cshtml

@@ -1 +1,3 @@
- Header Home
+Header Home
+
+{IncludeFile:'/Frontend/layouts/includes/nav-interior.cshtml'}

WebApplication/Frontend/layouts/includes/header-interior.cshtml

@@ -1 +1,3 @@
-Header Interior
+Header Interior
+
+{IncludeFile:'/Frontend/layouts/includes/nav-interior.cshtml'}

WebApplication/Frontend/layouts/mediatype-layouts/home-mediatype.cshtml

@@ -1 +1,5 @@
+<!-- Header -->
+{IncludeFile:'/Frontend/layouts/includes/header-home.cshtml'}
+
+
 {Field:MainContent}

WebApplication/Frontend/layouts/mediatype-layouts/page-mediatype.cshtml

@@ -1 +1,4 @@
-{Field:MainContent}
+<!-- Header -->
+{IncludeFile:'/Frontend/layouts/includes/header-interior.cshtml'}
+
+{Field:MainContent}

WebApplication/Frontend/layouts/page-layouts/index.cshtml

@@ -5,7 +5,7 @@ var ajaxOptions = {
 	preloadLinks: false,
 	animateIn: function (selector, html) {
 		$(selector).each(function (index, el) {
-			//$(el).html(html);
+			//$(el).html(html);			
 			$(el).toggle("fade", 250, function () {
 				window.scrollTo(0, 0);
 				$(el).html(html);
@@ -21,28 +21,4 @@ var ajaxOptions = {
 initAjaxOptions(ajaxOptions);
 </script>
 
-<nav class="navbar navbar-expand-xl navbar--home" id="mainNav">
-  <a class="navbar-brand img-container" href="/home/">
-      <img src="/media/uploads/images/logo-horizontal.svg" alt="Logo" />
-  </a>
-  <div class="navbar__toggles">
-    <a href="javascript:void(0)" class="search__toggle">
-        <i class="fa fa-search" aria-hidden="true"></i>
-    </button>
-    <a href="javascript:void(0)" class="menu__toggle">
-        <i class="fa fa-bars" aria-hidden="true"></i>
-    </a>
-  </div>
-  <div class="navbar__search">
-    <i class="fa fa-times" aria-hidden="true"></i>
-    <div class="navbar-search">
-        <i class="fa fa-search" aria-hidden="true"></i>
-        <input type="text" class="searchList" placeholder="Search for practice area or lawyer" />
-    </div>
-  </div>
-  <div class="navbar__menu">
-  	<i class="fa fa-times" aria-hidden="true"></i>
-  	{{Load:8}.Field:MainMenu}
-  </div>
-</nav>
 <div id="DynamicContent"></div>

WebApplication/Frontend/layouts/template-layouts/home-page-template.cshtml

@@ -16,11 +16,10 @@
 
     <Site:LoggedInHeader runat="server" />
 
-    <!-- Header -->
-    {IncludeFile:'/Frontend/layouts/includes/header-home.cshtml'}
-
-    <!-- PageContent -->
-    {PageContent}
+	<div id="DynamicContent">
+		<!-- PageContent -->
+		{PageContent}
+	</div>
 
     <!-- Footer -->
     {{Load:9}.UseMainLayout}

WebApplication/Frontend/layouts/template-layouts/interior-page-template.cshtml

@@ -15,11 +15,10 @@
     {Settings:GlobalCodeInBody}
     <Site:LoggedInHeader runat="server" />
 
-    <!-- Header -->
-    {IncludeFile:'/Frontend/layouts/includes/header-interior.cshtml'}
-
-    <!-- PageContent -->
-    {PageContent}
+	<div id="DynamicContent">
+		<!-- PageContent -->
+		{PageContent}
+	</div>
 
     <!-- Footer -->
     {{Load:9}.UseMainLayout}

WebApplication/Frontend/scripts/jquery-ajax-loader.js

@@ -2,10 +2,11 @@ var ajaxOptions = {
 	homePagePath: "/home/",
 	targetElement: "#DynamicContent",
 	preloadLinks: false,
-	animateIn: function (selector, html) {
+	animateIn: function (selector, html) {		
 		$(selector).each(function (index, el) {
 			//$(el).html(html);
-			$(el).toggle("fade", 250, function () {
+
+			$(el).toggle("fade", 250, function () {				
 				$(el).html(html);
 				//$(el).css("height", "100%");
 				// $("#mainNav").effect("fade");
@@ -23,6 +24,7 @@ function initAjaxOptions(options) {
 function loadeData(selector, html) {
 	$(".nav-link").parent().removeClass("current");
 	$(".searchList").val("");
+
 	ajaxOptions.animateIn(selector, html);
 }
 
@@ -46,13 +48,13 @@ $(document).ready(function () {
 		preloadLinks();
 	}
 
-	if (window.location.hash != "") {
+	/*if (window.location.hash != "") {
 		var url = window.location.hash.replace("#", "");
 		ajaxLoadUrl(url, ajaxOptions.targetElement);
 	}
 	else {
 		ajaxLoadUrl(ajaxOptions.homePagePath + window.location.search, ajaxOptions.targetElement);
-	}
+	}*/
 
 	window.onpopstate = function (event) {
 
@@ -124,6 +126,14 @@ function pushHistory(href, bodyHtml) {
 
 function _loadData(href, el, bodyHtml, callBackFunction) {
 
+	if ($("#DynamicContent").length > 0 && bodyHtml.indexOf("DynamicContent") != -1) {		
+		var doc = $('<output>').append($.parseHTML(bodyHtml, document, true));
+		var dynamicContent = doc.find("#DynamicContent").html();
+
+		bodyHtml = dynamicContent;
+	}
+
+
 	if (callBackFunction != undefined && callBackFunction != "" && callBackFunction != null) {
 		callBackFunction($(el), bodyHtml);
 	}
@@ -240,9 +250,9 @@ function ajaxLoadUrl(href, targetElement, callBackFunction) {
 		querySeperator = "&";
 	}
 
-	if (href.indexOf("homePagePath") == -1) {
-		href = href + querySeperator + "homePagePath=" + ajaxOptions.homePagePath;
-	}
+	//if (href.indexOf("homePagePath") == -1) {
+	//	href = href + querySeperator + "homePagePath=" + ajaxOptions.homePagePath;
+	//}
 
 	var urlSegment = href.split("?")[0];
 

WebApplication/Global.asax.cs

@@ -131,7 +131,7 @@ private void RegisterRoutes(RouteCollection routes)
             routes.Ignore("{*allsvc}", new { allsvc = @".*\.svc(/.*)?" });
             routes.Ignore("{*allasmx}", new { allasmx = @".*\.asmx(/.*)?" });
 
-            routes.Ignore("{*staticfile}", new { staticfile = @".*\.(jpg|gif|jpeg|png|js|css|htc|ico)$" });
+            routes.Ignore("{*staticfile}", new { staticfile = @".*\.(jpg|gif|jpeg|png|js|css|htc|ico|svg)$" });
 
             routes.Add("CatchAll", new Route("{*virtualPath}", new Handlers.CustomRouteHandler()));
         }

WebApplication/Handlers/CustomRouteHandler.cs

@@ -40,10 +40,10 @@ private void AttemptToLoadFromCache()
                 URIHelper.ForceSSL();
             }
 
-			if (Request.Url.AbsolutePath != "/" && !BasePage.IsAjaxRequest)
-			{
-				Response.Redirect("/#" + Request.Url.PathAndQuery, true);
-			}
+			//if (Request.Url.AbsolutePath != "/" && !BasePage.IsAjaxRequest)
+			//{
+			//	Response.Redirect("/#" + Request.Url.PathAndQuery, true);
+			//}
 
 			if (Request.QueryString.Count == 0 || (Request.QueryString.Count == 1 && Request.QueryString[BasePage.HomePagePath] != null))
             {

WebApplication/Web.config

@@ -59,7 +59,7 @@
     <add key="MinifyOutput" value="False" />
     <add key="AttemptCompression" value="False" />
     <add key="CombineCssAndJsIncludes" value="False" />
-    <add key="EnableOutputCaching" value="True" />
+    <add key="EnableOutputCaching" value="False" />
     <add key="EnableLevel1MemoryCaching" value="False" />
     <add key="EnableLevel2FileCaching" value="True" />
     <add key="FileSystemCacheDirPath" value="~/App_Data/Cache/" />

WebApplication/bin/WebApplication.dll.config

@@ -59,7 +59,7 @@
     <add key="MinifyOutput" value="False" />
     <add key="AttemptCompression" value="False" />
     <add key="CombineCssAndJsIncludes" value="False" />
-    <add key="EnableOutputCaching" value="True" />
+    <add key="EnableOutputCaching" value="False" />
     <add key="EnableLevel1MemoryCaching" value="False" />
     <add key="EnableLevel2FileCaching" value="True" />
     <add key="FileSystemCacheDirPath" value="~/App_Data/Cache/" />