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 -->
<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,35 +65,36 @@
<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>
<script src="_framework/blazor.webassembly.js" autostart="true"></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-->
<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 ">

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
@using System.Runtime.InteropServices.JavaScript
@using MissNationSharedUI.Shared.Components.Layout
<!-- preloader start>
<div id="tb-preloader">
@ -21,33 +22,20 @@
@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");
}
}*/
}

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

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

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

@ -1,22 +1,21 @@
<!--hero section-->
<div class="banner-state vertical-align mt-5" style="height:80vh;">
<div class="container-mid">
<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;">
<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" />
<p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p>
</div>
<div class="container-fluid">
<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;">
<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" />
<p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--hero section-->
@code {
}

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

@ -1,287 +1,308 @@
 @page "/gallery"
<!--body content start-->
<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="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
<div class="portfolio portfolio-masonry col-2 col-sm-12 gutter">
<div class="portfolio-item cat1 cat3 ">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<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 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="thumb">
<div class="portfolio-item cat4 cat2">
<div class="thumb">
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">
<i class="icon-basic_magnifier"></i>
</a>
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="">
<div class="portfolio-hover">
<div class="action-btn">
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-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/4-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-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 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>
</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>
</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");
}
}
}

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

@ -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");
}
}
}

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

@ -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");
}
}
}

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

@ -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%;
}

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

@ -1,3 +1,5 @@
let x = 1;
function initMassive() {
var $window, $document, $body;
@ -11,17 +13,20 @@ function initMassive() {
/*==============================================
Retina support added
===============================================*/
if (window.devicePixelRatio > 1) {
$(".retina").imagesLoaded(function () {
$(".retina").each(function () {
var src = $(this).attr("src").replace(".", "@2x.");
var h = $(this).height();
$(this).attr("src", src).css({ height: h, width: "auto" });
if (x == 1) {
if (window.devicePixelRatio > 1) {
$(".retina").imagesLoaded(function () {
$(".retina").each(function () {
var src = $(this).attr("src").replace(".", "@2x.");
var h = $(this).height();
$(this).attr("src", src).css({ height: h, width: "auto" });
});
});
});
}
}
/*==============================================
Smooth scroll init
===============================================*/
@ -33,7 +38,10 @@ function initMassive() {
/*==============================================
Menuzord init
===============================================*/
$(".js-primary-navigation").menuzord();
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() {

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

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