Support language-specific CSS files #3464 (#3978)

Support language-specific CSS files Co-authored-by: Jonathan Giles <jonathan.giles@microsoft.com>
Azure · Aug 30, 2022 · d5dd8f4 · d5dd8f4
1 parent ae53c40
commit d5dd8f4
Show file tree

Hide file tree

Showing 15 changed files with 31 additions and 3 deletions.
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/c.scss b/src/dotnet/APIView/APIViewWeb/Client/css/c.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/cplusplus.scss b/src/dotnet/APIView/APIViewWeb/Client/css/cplusplus.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/csharp.scss b/src/dotnet/APIView/APIViewWeb/Client/css/csharp.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/go.scss b/src/dotnet/APIView/APIViewWeb/Client/css/go.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/java.scss b/src/dotnet/APIView/APIViewWeb/Client/css/java.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/javascript.scss b/src/dotnet/APIView/APIViewWeb/Client/css/javascript.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/json.scss b/src/dotnet/APIView/APIViewWeb/Client/css/json.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/kotlin.scss b/src/dotnet/APIView/APIViewWeb/Client/css/kotlin.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/python.scss b/src/dotnet/APIView/APIViewWeb/Client/css/python.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/swagger.scss b/src/dotnet/APIView/APIViewWeb/Client/css/swagger.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/swift.scss b/src/dotnet/APIView/APIViewWeb/Client/css/swift.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/xml.scss b/src/dotnet/APIView/APIViewWeb/Client/css/xml.scss
diff --git a/src/dotnet/APIView/APIViewWeb/Client/webpack.config.js b/src/dotnet/APIView/APIViewWeb/Client/webpack.config.js
@@ -11,7 +11,20 @@ module.exports = {
     navbar: './src/navbar.ts',
     review: './src/review.ts',
     reviews: './src/reviews.ts',
-    site: './css/site.scss'
+    site: './css/site.scss',
+
+    c: './css/c.scss',
+    cplusplus: './css/cplusplus.scss',
+    csharp: './css/csharp.scss',
+    go: './css/go.scss',
+    java: './css/java.scss',
+    javascript: './css/javascript.scss',
+    json: './css/json.scss',
+    kotlin: './css/kotlin.scss',
+    python: './css/python.scss',
+    swagger: './css/swagger.scss',
+    swift: './css/swift.scss',
+    xml: './css/xml.scss'
   },
   devtool: 'source-map',
   module: {
@@ -45,7 +58,7 @@ module.exports = {
   },
   plugins: [
     new MiniCssExtractPlugin({
-      filename: 'site.css'
+      filename: "[name].css"
     }),
   ],
   resolve: {

diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Shared/_Layout.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_Layout.cshtml
@@ -22,6 +22,21 @@
     <!-- BootStrap Select -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"/>
     <link id="theme-css" rel="stylesheet" href="~/site.css" asp-append-version="true" />
+    @{
+        var modelType = ViewData.ModelMetadata.ModelType.Name;
+        if (modelType == "ReviewPageModel")
+        {
+            @functions {
+                public string getLanguage()
+                {
+                    return ViewData.Model.Review.GetLanguageCssSafeName();
+                }
+            }
+            var lang = getLanguage();
+            var hrefNew = "~/" + lang + ".css";
+            <link rel="stylesheet" href=@hrefNew asp-append-version="true"/>
+        }
+    }
 </head>
 @{
     var userPreference = (ViewData["UserPreference"] as UserPreferenceModel) ?? new UserPreferenceModel();

diff --git a/src/dotnet/APIView/APIViewWeb/Properties/launchSettings.json b/src/dotnet/APIView/APIViewWeb/Properties/launchSettings.json
@@ -24,4 +24,4 @@
       "applicationUrl": "http://localhost:5000"
     }
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,4 +24,4 @@ @@
           "applicationUrl": "http://localhost:5000"
         }
       }
-    }
+    }