203 lines
9.3 KiB
Plaintext
203 lines
9.3 KiB
Plaintext
@page "/gallery"
|
|
@using MissNationSharedUI.Shared.Components.Layout
|
|
<PageTitle>Gallery</PageTitle>
|
|
|
|
<MyTitleComponent PageTitle="Gallery"></MyTitleComponent>
|
|
|
|
|
|
|
|
<section class="body-content page-content">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
|
|
|
|
<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="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="portfolio-item cat4 cat2">
|
|
<div class="thumb">
|
|
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="" class="filtered">
|
|
<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>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat2 cat4">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="" class="filtered">
|
|
<div class="portfolio-hover">
|
|
<div class="action-btn">
|
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" class="popup-link" title="lightbox view">
|
|
<i class="icon-basic_magnifier"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat1 cat4">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="" class="filtered">
|
|
<div class="portfolio-hover">
|
|
<div class="action-btn">
|
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" class="popup-link" title="lightbox view">
|
|
<i class="icon-basic_magnifier"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat2 cat4">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat3 ">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="" class="filtered">
|
|
<div class="portfolio-hover">
|
|
<div class="action-btn">
|
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" class="popup-link" title="lightbox view">
|
|
<i class="icon-basic_magnifier"></i>
|
|
</a>
|
|
</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="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat2 cat5">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<!---->
|
|
<div class="portfolio-item cat2 cat5">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat2 cat5">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="" class="filtered">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portfolio-item cat2 cat5">
|
|
<div class="thumb">
|
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="" class="filtered">
|
|
<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>
|
|
</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");
|
|
}
|
|
}
|
|
}
|