Resolved #27: Don't use absolute path for actions in MVC template.

Author: hikalkan

src/AbpCompanyName.AbpProjectName.WebMpa/AbpCompanyName.AbpProjectName.WebMpa.csproj

@@ -345,6 +345,7 @@
     <Compile Include="Models\Layout\TopMenuViewModel.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
     <Compile Include="Views\AbpProjectNameWebViewPageBase.cs" />
+    <Compile Include="Views\UrlChecker.cs" />
   </ItemGroup>
   <ItemGroup>
     <Content Include="Views\web.config" />

src/AbpCompanyName.AbpProjectName.WebMpa/App_Start/AbpProjectNameNavigationProvider.cs

@@ -18,14 +18,14 @@ public override void SetNavigation(INavigationProviderContext context)
                     new MenuItemDefinition(
                         "Home",
                         new LocalizableString("HomePage", AbpProjectNameConsts.LocalizationSourceName),
-                        url: "/",
+                        url: "",
                         icon: "fa fa-home"
                         )
                 ).AddItem(
                     new MenuItemDefinition(
                         "About",
                         new LocalizableString("About", AbpProjectNameConsts.LocalizationSourceName),
-                        url: "/About",
+                        url: "About",
                         icon: "fa fa-info"
                         )
                 );

src/AbpCompanyName.AbpProjectName.WebMpa/Views/Layout/_TopMenu.cshtml

@@ -1,11 +1,28 @@
 @using Abp.Collections.Extensions
+@using AbpCompanyName.AbpProjectName.WebMpa.Views
 @model AbpCompanyName.AbpProjectName.WebMpa.Models.Layout.TopMenuViewModel
+@{
+    var calculateMenuUrl = new Func<string, string>((url) =>
+    {
+        if (string.IsNullOrEmpty(url))
+        {
+            return ApplicationPath;
+        }
+
+        if (UrlChecker.IsRooted(url))
+        {
+            return url;
+        }
+
+        return ApplicationPath + url;
+    });
+}
 @foreach (var menuItem in Model.MainMenu.Items)
 {
     <li class="@(Model.ActiveMenuItemName == menuItem.Name ? "active" : "")">
         @if (menuItem.Items.IsNullOrEmpty())
         {
-            <a href="@menuItem.Url">
+            <a href="@calculateMenuUrl(menuItem.Url)">
                 @if (!string.IsNullOrWhiteSpace(menuItem.Icon))
                 {
                     <i class="@menuItem.Icon"></i>
@@ -26,7 +43,7 @@
                 @foreach (var subMenuItem in menuItem.Items)
                 {
                     <li>
-                        <a href="@subMenuItem.Url">
+                        <a href="@calculateMenuUrl(subMenuItem.Url)">
                             @if (!string.IsNullOrWhiteSpace(subMenuItem.Icon))
                             {
                                 <i class="@subMenuItem.Icon"></i>

src/AbpCompanyName.AbpProjectName.WebMpa/Views/UrlChecker.cs

@@ -0,0 +1,24 @@
+using System.Text.RegularExpressions;
+
+namespace AbpCompanyName.AbpProjectName.WebMpa.Views
+{
+    public static class UrlChecker
+    {
+        private static readonly Regex UrlWithProtocolRegex = new Regex("^.{1,10}://.*$");
+
+        public static bool IsRooted(string url)
+        {
+            if (url.StartsWith("/"))
+            {
+                return true;
+            }
+            
+            if (UrlWithProtocolRegex.IsMatch(url))
+            {
+                return true;
+            }
+
+            return false;
+        }
+    }
+}

src/AbpCompanyName.AbpProjectName.WebMpa/js/main.js

@@ -1,5 +1,5 @@
 (function() {
     abp.event.on('abp.notifications.received', function (userNotification) {
-        console.log(userNotification);
+        abp.notifications.showUiNotifyForUserNotification(userNotification);
     });
 })();

src/AbpCompanyName.AbpProjectName.WebSpaAngular/App/Main/views/layout/header.js

@@ -15,7 +15,7 @@
             });
 
             abp.event.on('abp.notifications.received', function (userNotification) {
-                console.log(userNotification);
+                abp.notifications.showUiNotifyForUserNotification(userNotification);
             });
         }
     ]);