javascript fix, gallery fix, accordion fix

MissNationBlazorWASM/Client/wwwroot/index.html

@@ -8,7 +8,7 @@
 
 
     <!-- inject:css -->
-    <link href="_content/MissNationSharedUI/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
+    <link href="_content/MissNationSharedUI/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
     <link rel="stylesheet" href="_content/MissNationSharedUI/assets/vendor/animate/animate.css">
     <link rel="stylesheet" href="_content/MissNationSharedUI/assets/vendor/elasic-slider/elastic.css">
     <link rel="stylesheet" href="_content/MissNationSharedUI/assets/vendor/iconmoon/linea-icon.css">
@@ -65,32 +65,33 @@
     <script src="_content/MissNationSharedUI/assets/vendor/flex-slider/jquery.flexslider-min.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/menuzord/menuzord.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/easing/jquery.easing.1.3.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/parallax-js/parallax.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/isotope/jquery.isotope.js"></script>
     <!--script src="_content/MissNationSharedUI/assets/vendor/breakpoint/breakpoint.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/count-to/jquery.countTo.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/countdown/jquery.countdown.js"></script>
-    <script src="_content/MissNationSharedUI/assets/vendor/easing/jquery.easing.1.3.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/easy-pie-chart/jquery.easypiechart.min.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/elasic-slider/jquery.eislideshow.js"></script>
 
     <script src="_content/MissNationSharedUI/assets/vendor/gmap/jquery.gmap.min.js"></script>
 
-    <script src="_content/MissNationSharedUI/assets/vendor/isotope/jquery.isotope.js"></script>
 
     <script src="_content/MissNationSharedUI/assets/vendor/mailchimp/jquery.ajaxchimp.min.js"></script>
 
 
     <script src="_content/MissNationSharedUI/assets/vendor/owl-carousel/owl.carousel.min.js"></script>
-    <script src="_content/MissNationSharedUI/assets/vendor/parallax-js/parallax.min.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/smooth/smooth.js"></script>
 
     <script src="_content/MissNationSharedUI/assets/vendor/touchspin/touchspin.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/typist/typist.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/visible/visible.js"></script>
-    <script src="_content/MissNationSharedUI/assets/vendor/wow/wow.min.js"></script>
+    <script-- src="_content/MissNationSharedUI/assets/vendor/wow/wow.min.js"></script-->
     <!-- endinject -->
     <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
     <script src="_content/MissNationSharedUI/assets/vendor/slider-revolution/js/jquery.themepunch.tools.min.js"></script>
     <script src="_content/MissNationSharedUI/assets/vendor/slider-revolution/js/jquery.themepunch.revolution.min.js"></script>
+
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
 

MissNationSharedUI/Shared/Components/Layout/HeroComponent.razor

@@ -1,6 +1,6 @@
 <!--hero section-->
 <div class="banner-state vertical-align banner-p height-600 mt-5">
-    <div class="container-mid">
+    <div class="container-fluid">
         <div class="container">
             <div class="row">
                 <div class="col-md-6 ">

MissNationSharedUI/Shared/Components/Layout/JsInjectComponent.razor

@@ -0,0 +1,46 @@
+
+<script src="_content/MissNationSharedUI/assets/vendor/modernizr/modernizr.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/jquery/jquery-1.10.2.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/images-loaded/imagesloaded.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/sticky/jquery.sticky.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/nav/jquery.nav.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/flex-slider/jquery.flexslider-min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/menuzord/menuzord.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/easing/jquery.easing.1.3.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/parallax-js/parallax.min.js"></script>
+    <!--script src="_content/MissNationSharedUI/assets/vendor/breakpoint/breakpoint.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/count-to/jquery.countTo.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/countdown/jquery.countdown.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/easy-pie-chart/jquery.easypiechart.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/elasic-slider/jquery.eislideshow.js"></script>
+
+    <script src="_content/MissNationSharedUI/assets/vendor/gmap/jquery.gmap.min.js"></script>
+
+    <script src="_content/MissNationSharedUI/assets/vendor/isotope/jquery.isotope.js"></script>
+
+    <script src="_content/MissNationSharedUI/assets/vendor/mailchimp/jquery.ajaxchimp.min.js"></script>
+
+
+    <script src="_content/MissNationSharedUI/assets/vendor/owl-carousel/owl.carousel.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/smooth/smooth.js"></script>
+
+    <script src="_content/MissNationSharedUI/assets/vendor/touchspin/touchspin.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/typist/typist.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/visible/visible.js"></script>
+    <script-- src="_content/MissNationSharedUI/assets/vendor/wow/wow.min.js"></script-->
+    <!-- endinject -->
+    <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
+    <script src="_content/MissNationSharedUI/assets/vendor/slider-revolution/js/jquery.themepunch.tools.min.js"></script>
+    <script src="_content/MissNationSharedUI/assets/vendor/slider-revolution/js/jquery.themepunch.revolution.min.js"></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/@@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+    
+
+    <script src="_framework/blazor.webassembly.js" autostart="true"></script>
+    <script src="_content/MissNationSharedUI/assets/js/scripts.js"></script>
+
+@code {
+
+}

MissNationSharedUI/Shared/Components/Layout/MainLayout.razor

@@ -1,5 +1,6 @@
 @inherits LayoutComponentBase
 @using System.Runtime.InteropServices.JavaScript
+@using MissNationSharedUI.Shared.Components.Layout
 
 <!--  preloader start>
     <div id="tb-preloader">
@@ -21,34 +22,21 @@
             @Body
         </article>
         <FooterComponent/>
+        
     </main>
 </div>
 
 @code {
 
-    [Inject]
-    public IJSRuntime JSRuntime { get; set; }
     
-    private IJSObjectReference _jsModule;
 
-    /*protected override async Task OnAfterRenderAsync(bool firstRender)
+    /*protected override async Task OnInitializedAsync()
     {
-        base.OnAfterRender(firstRender);
        
-        if (firstRender)
-        {
         _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
         await _jsModule.InvokeVoidAsync("getMessage");
-        }
     }*/
 
-    protected override async Task OnInitializedAsync()
-    {
-        await base.OnInitializedAsync();
-        _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
-        await _jsModule.InvokeVoidAsync("getMessage");
-    }
-
 }
 
 

MissNationSharedUI/Shared/Components/Layout/NavbarComponent.razor

@@ -1,7 +1,7 @@
 <header class="l-header">
 
     <div class="l-navbar l-navbar_expand l-navbar_t-light l-navbar_s-center js-navbar-sticky">
-        <div class="container">
+        <div class="container-fluid">
             <nav class="menuzord js-primary-navigation poppins" role="navigation" aria-label="Primary Navigation">
 
                 <!--logo start-->

MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor

@@ -1,7 +1,7 @@
 <!--hero section-->
 <div class="banner-state vertical-align mt-5" style="height:80vh;">
-    <div class="container-mid">
+    <div class="container-fluid">
-        <div class="container">
+
         <div class="row">
             <div class="col-12">
                 <div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
@@ -12,11 +12,10 @@
                 </div>
             </div>
         </div>
-        </div>
+
     </div>
 </div>
 <!--hero section-->
-
 @code {
 
 }

MissNationSharedUI/Shared/Components/Pages/Gallery.razor

@@ -4,6 +4,9 @@
 <!--body content start-->
 <section class="body-content page-content">
 
+    <div class="container-fluid">
+        <div class="row">
+            
 
                 <div class="portfolio portfolio-masonry col-2 col-sm-12 gutter">
 
@@ -279,9 +282,27 @@
                     </div>
 
                 </div>
+
+          
+        </div>
+    </div>
+
 </section>
 <!--body content end-->
-
 @code {
+    [Inject]
+    public IJSRuntime JSRuntime { get; set; }
 
+    private IJSObjectReference _jsModule;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        base.OnAfterRender(firstRender);
+
+        if (firstRender)
+        {
+            _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+            await _jsModule.InvokeVoidAsync("getMessage");
+        }
+    }
 }

MissNationSharedUI/Shared/Components/Pages/Help.razor

@@ -166,5 +166,19 @@
 <!--body content end-->
 
 @code {
+    [Inject]
+    public IJSRuntime JSRuntime { get; set; }
 
+    private IJSObjectReference _jsModule;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        base.OnAfterRender(firstRender);
+
+        if (firstRender)
+        {
+            _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+            await _jsModule.InvokeVoidAsync("getMessage");
+        }
+    }
 }

MissNationSharedUI/Shared/Components/Pages/Index.razor

@@ -114,5 +114,19 @@
 
 <!--footer 1 end-->
 @code {
+    [Inject]
+    public IJSRuntime JSRuntime { get; set; }
 
+    private IJSObjectReference _jsModule;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        base.OnAfterRender(firstRender);
+
+        if (firstRender)
+        {
+            _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+            await _jsModule.InvokeVoidAsync("getMessage");
+        }
+    }
 }

MissNationSharedUI/wwwroot/assets/css/style.css

@@ -2567,6 +2567,7 @@ body {
 
 .portfolio .portfolio-item {
     float: left;
+    width: auto;
 }
 
 .portfolio .portfolio-item .thumb {
@@ -2675,7 +2676,7 @@ body {
 /*portfolio 2 grid*/
 
 .portfolio.col-2 .portfolio-item {
-    width: 49.99%;
+    width: 47.49%;
 }
 
 

MissNationSharedUI/wwwroot/assets/js/scripts.js

@@ -1,3 +1,5 @@
+
+let x = 1;
 function initMassive() {
 
     var $window, $document, $body;
@@ -11,6 +13,7 @@ function initMassive() {
     /*==============================================
      Retina support added
      ===============================================*/
+    if (x == 1) {
         if (window.devicePixelRatio > 1) {
             $(".retina").imagesLoaded(function () {
                 $(".retina").each(function () {
@@ -20,6 +23,8 @@ function initMassive() {
                 });
             });
         }
+    }
+
 
 
     /*==============================================
@@ -33,7 +38,10 @@ function initMassive() {
     /*==============================================
      Menuzord init
      ===============================================*/
+    if (x == 1) {
+
         $(".js-primary-navigation").menuzord();
+    }
 
 
     /*==============================================
@@ -165,7 +173,7 @@ function initMassive() {
     /*==============================================
      Portfolio filterable grid init
      ===============================================*/
-    /*var $portfolioGeneral = $(".portfolio:not(.portfolio-masonry)").isotope({
+    var $portfolioGeneral = $(".portfolio:not(.portfolio-masonry)").isotope({
         itemSelector: ".portfolio-item",
         layoutMode: "fitRows",
         filter: "*"
@@ -198,7 +206,7 @@ function initMassive() {
                 $portfolioMasonry.isotope("layout");
             }, 400);
         });
-    }*/
+    }
 
     if (typeof imagesLoaded == "function") {
         console.log("Images loaded on documentready");
@@ -542,8 +550,8 @@ function initMassive() {
      ===============================================*/
     initMailer();
     initRev();
-
     Blazor.start();
+    x++;
 }
 
 function initMailer() {

MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js

@@ -1518,10 +1518,16 @@
             clean: {},
             onEnd: {}
         };
+        if ($(window).width() < 400) {
             
+        }
+        else {
             this.css({
                 position: 'absolute'
             });
+        }
+        
+
     };
 
     // trigger specified handler for event type