diff --git a/MissNationSharedUI/Shared/Components/Layout/JsInjectComponent.razor b/MissNationSharedUI/Shared/Components/Layout/JsInjectComponent.razor
new file mode 100644
index 0000000..edd8364
--- /dev/null
+++ b/MissNationSharedUI/Shared/Components/Layout/JsInjectComponent.razor
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@code {
+
+}
diff --git a/MissNationSharedUI/Shared/Components/Layout/MainLayout.razor b/MissNationSharedUI/Shared/Components/Layout/MainLayout.razor
index 7d24bee..b094d18 100644
--- a/MissNationSharedUI/Shared/Components/Layout/MainLayout.razor
+++ b/MissNationSharedUI/Shared/Components/Layout/MainLayout.razor
@@ -1,5 +1,6 @@
@inherits LayoutComponentBase
@using System.Runtime.InteropServices.JavaScript
+@using MissNationSharedUI.Shared.Components.Layout
diff --git a/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor b/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
index 828711b..7eeab64 100644
--- a/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
+++ b/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
@@ -1,22 +1,21 @@
-
-
-
-
-
-
-
-
#IonQP
-
+
+
+
+
+
+
+
+
#IonQP
+
-
@code {
}
diff --git a/MissNationSharedUI/Shared/Components/Pages/Gallery.razor b/MissNationSharedUI/Shared/Components/Pages/Gallery.razor
index b6d19e7..d21c779 100644
--- a/MissNationSharedUI/Shared/Components/Pages/Gallery.razor
+++ b/MissNationSharedUI/Shared/Components/Pages/Gallery.razor
@@ -1,287 +1,308 @@
@page "/gallery"
-
+
-
-
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
-
-
-
-
+
+
+
+
-
-
-
- category
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
@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
("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+ await _jsModule.InvokeVoidAsync("getMessage");
+ }
+ }
}
diff --git a/MissNationSharedUI/Shared/Components/Pages/Help.razor b/MissNationSharedUI/Shared/Components/Pages/Help.razor
index eb0433c..303a6b8 100644
--- a/MissNationSharedUI/Shared/Components/Pages/Help.razor
+++ b/MissNationSharedUI/Shared/Components/Pages/Help.razor
@@ -166,5 +166,19 @@
@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("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+ await _jsModule.InvokeVoidAsync("getMessage");
+ }
+ }
}
diff --git a/MissNationSharedUI/Shared/Components/Pages/Index.razor b/MissNationSharedUI/Shared/Components/Pages/Index.razor
index 8006d32..4115382 100644
--- a/MissNationSharedUI/Shared/Components/Pages/Index.razor
+++ b/MissNationSharedUI/Shared/Components/Pages/Index.razor
@@ -114,5 +114,19 @@
@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("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
+ await _jsModule.InvokeVoidAsync("getMessage");
+ }
+ }
}
diff --git a/MissNationSharedUI/wwwroot/assets/css/style.css b/MissNationSharedUI/wwwroot/assets/css/style.css
index f3c2dfc..3311784 100644
--- a/MissNationSharedUI/wwwroot/assets/css/style.css
+++ b/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%;
}
diff --git a/MissNationSharedUI/wwwroot/assets/js/scripts.js b/MissNationSharedUI/wwwroot/assets/js/scripts.js
index 5c4e350..aa5ec8d 100644
--- a/MissNationSharedUI/wwwroot/assets/js/scripts.js
+++ b/MissNationSharedUI/wwwroot/assets/js/scripts.js
@@ -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() {
diff --git a/MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js b/MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js
index 8bfdc83..b88ef38 100644
--- a/MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js
+++ b/MissNationSharedUI/wwwroot/assets/vendor/isotope/jquery.isotope.js
@@ -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