Replace owl.carousel with Swiper

Author: maliming

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Packages/Volo/Abp/AspNetCore/Mvc/UI/Packages/OwlCarousel/OwlCarouselScriptContributor.cs

@@ -0,0 +1,12 @@
+using System.Collections.Generic;
+using Volo.Abp.AspNetCore.Mvc.UI.Bundling;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Packages.Swiper;
+
+public class SwiperScriptContributor : BundleContributor
+{
+    public override void ConfigureBundle(BundleConfigurationContext context)
+    {
+        context.Files.AddIfNotContains("/libs/swiper/swiper-bundle.min.js");
+    }
+}

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Packages/Volo/Abp/AspNetCore/Mvc/UI/Packages/OwlCarousel/OwlCarouselStyleContributor.cs

@@ -0,0 +1,12 @@
+using System.Collections.Generic;
+using Volo.Abp.AspNetCore.Mvc.UI.Bundling;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Packages.Swiper;
+
+public class SwiperStyleContributor : BundleContributor
+{
+    public override void ConfigureBundle(BundleConfigurationContext context)
+    {
+        context.Files.AddIfNotContains("/libs/swiper/swiper-bundle.min.css");
+    }
+}

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Packages/Volo/Abp/AspNetCore/Mvc/UI/Packages/Swiper/SwiperScriptContributor.cs

@@ -1,7 +1,6 @@
 @page
 @using Microsoft.AspNetCore.Authorization
 @using Volo.Blogging.Areas.Blog.Helpers.TagHelpers
-@using Volo.Abp.AspNetCore.Mvc.UI.Packages.OwlCarousel
 @using Volo.Blogging
 @inject IAuthorizationService Authorization
 @model IndexModel
@@ -19,13 +18,11 @@
 @section scripts {
     <abp-script-bundle name="@typeof(IndexModel).FullName">
         <abp-script src="/client-proxies/blogging-proxy.js" />
-        <abp-script type="@typeof(OwlCarouselScriptContributor)" />
         <abp-script src="/Pages/Blogs/Shared/Scripts/blog.js" />
     </abp-script-bundle>
 }
 @section styles {
     <abp-style-bundle name="@typeof(IndexModel).FullName">
-        <abp-script type="@typeof(OwlCarouselStyleContributor)" />
         <abp-style src="/Pages/Blogs/Shared/Styles/blog.css" />
     </abp-style-bundle>
 }

framework/src/Volo.Abp.AspNetCore.Mvc.UI.Packages/Volo/Abp/AspNetCore/Mvc/UI/Packages/Swiper/SwiperStyleContributor.cs

@@ -18,36 +18,8 @@
         //}
     }
 
-    function handleOwlCarousel() {
-        $('.hero-section .owl-carousel').owlCarousel({
-            loop: true,
-            margin: 0,
-            nav: false,
-            dots: false,
-            //center: true,
-            autoplay: true,
-            autoHeight: true,
-            autoplaySpeed: 1000,
-            items: 1,
-        });
-        $('.card-article-container .owl-carousel').owlCarousel({
-            loop: true,
-            margin: 0,
-            nav: false,
-            dots: false,
-            autoplay: true,
-            autoplaySpeed: 1000,
-            responsive: {
-                0: {
-                    items: 1,
-                },
-            },
-        });
-    }
-
     $(function () {
         handleImages();
-        handleOwlCarousel();
 
         $('.nav-link').on('click', function () {
             $(this).parent().parent();

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml

@@ -6,7 +6,6 @@
   },
   "dependencies": {
     "@abp/aspnetcore.mvc.ui.theme.shared": "~10.7.0-rc.2",
-    "@abp/owl.carousel": "~10.7.0-rc.2",
     "@abp/prismjs": "~10.7.0-rc.2",
     "@abp/tui-editor": "~10.7.0-rc.2"
   },

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Scripts/blog.js

@@ -0,0 +1,6 @@
+module.exports = {
+    mappings: {
+        "@node_modules/swiper/swiper-bundle.min.js*": "@libs/swiper/",
+        "@node_modules/swiper/swiper-bundle.min.css": "@libs/swiper/"
+    }
+}