Adam
/
MissnationBlazor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

javascript fix, gallery fix, accordion fix

This commit is contained in:
Kriszti 2024-02-09 15:23:45 +01:00
parent 731216e60d
commit 2ddb76ce92
12 changed files with 415 additions and 317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
MissNationBlazorWASM/Client/wwwroot/index.html
View File

@ -8,7 +8,7 @@
<!-- inject:css --> <!-- 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/animate/animate.css">
<link rel="stylesheet" href="_content/MissNationSharedUI/assets/vendor/elasic-slider/elastic.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"> <link rel="stylesheet" href="_content/MissNationSharedUI/assets/vendor/iconmoon/linea-icon.css">
@ -65,35 +65,36 @@
<script src="_content/MissNationSharedUI/assets/vendor/flex-slider/jquery.flexslider-min.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/menuzord/menuzord.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/magnific-popup/jquery.magnific-popup.min.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/breakpoint/breakpoint.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/count-to/jquery.countTo.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/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/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/elasic-slider/jquery.eislideshow.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/gmap/jquery.gmap.min.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/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/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/smooth/smooth.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/touchspin/touchspin.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/typist/typist.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/visible/visible.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 --> <!-- endinject -->
<!-- SLIDER REVOLUTION 4.x SCRIPTS --> <!-- 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.tools.min.js"></script>
<script src="_content/MissNationSharedUI/assets/vendor/slider-revolution/js/jquery.themepunch.revolution.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/@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="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="_framework/blazor.webassembly.js" autostart="true"></script>
<script src="_content/MissNationSharedUI/assets/js/scripts.js"></script> <script src="_content/MissNationSharedUI/assets/js/scripts.js"></script>

2
MissNationSharedUI/Shared/Components/Layout/HeroComponent.razor
View File

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

46
MissNationSharedUI/Shared/Components/Layout/JsInjectComponent.razor Normal file
View File

@ -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 {
}

24
MissNationSharedUI/Shared/Components/Layout/MainLayout.razor
View File

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

2
MissNationSharedUI/Shared/Components/Layout/NavbarComponent.razor
View File

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

19
MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
View File

@ -1,22 +1,21 @@
<!--hero section--> <!--hero section-->
<div class="banner-state vertical-align mt-5" style="height:80vh;"> <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="row">
<div class="col-12"> <div class="col-12">
<div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;"> <div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
<div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%"> <div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%">
<img class="right-to-left" src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; filter: blur(4px); max-width:400px; width:50vw" /> <img class="right-to-left" src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; filter: blur(4px); max-width:400px; width:50vw" />
<p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p> <p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--hero section--> <!--hero section-->
@code { @code {
} }

553
MissNationSharedUI/Shared/Components/Pages/Gallery.razor
View File

@ -1,287 +1,308 @@
 @page "/gallery"  @page "/gallery"
<!--body content start--> <!--body content start-->
<section class="body-content page-content"> <section class="body-content page-content">
<div class="portfolio portfolio-masonry col-2 col-sm-12 gutter"> <div class="container-fluid">
<div class="row">
<div class="portfolio-item cat1 cat3 "> <div class="portfolio portfolio-masonry col-2 col-sm-12 gutter">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt=""> <div class="portfolio-item cat1 cat3 ">
<div class="portfolio-hover"> <div class="thumb">
<div class="action-btn"> <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view"> <div class="portfolio-hover">
<i class="icon-basic_magnifier"></i> <div class="action-btn">
</a> <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div> </div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat4 cat2"> <div class="portfolio-item cat4 cat2">
<div class="thumb"> <div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt=""> <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="">
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="action-btn"> <div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view"> <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i> <i class="icon-basic_magnifier"></i>
</a> </a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div> </div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4> <div class="portfolio-item cat2 cat4">
<p> <div class="thumb">
<a href="#">category</a> <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="">
</p> <div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category 1</a> , <a href="#">category 2</a>
</p>
</div>
</div>
</div>
</div> </div>
<div class="portfolio-item cat1 cat4">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a class="popup-vimeo" href="https://vimeo.com/45830194">
<i class="icon-arrows_keyboard_right"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a class="popup-vimeo" href="https://vimeo.com/45830194">Video lightbox</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat4">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 3</a> , <a href="#">category 4</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat3 ">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat1 cat4 cat3 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 5</a> , <a href="#">category 6</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<!---->
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div> </div>
<div class="portfolio-item cat2 cat4">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category 1</a> , <a href="#">category 2</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat1 cat4">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a class="popup-vimeo" href="https://vimeo.com/45830194">
<i class="icon-arrows_keyboard_right"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a class="popup-vimeo" href="https://vimeo.com/45830194">Video lightbox</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat4">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 3</a> , <a href="#">category 4</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat3 ">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="portfolio-single.html">
<i class="icon-basic_link"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="portfolio-single.html">External link</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat1 cat4 cat3 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
<p>
<a href="#">category 5</a> , <a href="#">category 6</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<!---->
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
<div class="portfolio-item cat2 cat5">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
</div>
<div class="portfolio-description">
<h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
<p>
<a href="#">category</a>
</p>
</div>
</div>
</div>
</div>
</div> </div>
</section> </section>
<!--body content end--> <!--body content end-->
@code { @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");
}
}
} }

14
MissNationSharedUI/Shared/Components/Pages/Help.razor
View File

@ -166,5 +166,19 @@
<!--body content end--> <!--body content end-->
@code { @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");
}
}
} }

14
MissNationSharedUI/Shared/Components/Pages/Index.razor
View File

@ -114,5 +114,19 @@
<!--footer 1 end--> <!--footer 1 end-->
@code { @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");
}
}
} }

3
MissNationSharedUI/wwwroot/assets/css/style.css
View File

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

30
MissNationSharedUI/wwwroot/assets/js/scripts.js
View File

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

12
MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js vendored
View File

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