namirasoft-account-react 1.5.21 → 1.5.23

package/src/layouts/NSASectionViewTabMore.tsx

@@ -1,79 +1,79 @@
-import { EnvService } from "namirasoft-core";
-import { LinkOperation, NSButtonGreen, NSColumn, NSLabel, NSLine, NSRow } from "namirasoft-site-react";
-import { Component } from "react";
-import { FieldCacheService } from "../FieldCacheService";
-import { NSARouterMakerResult } from "../NSARouterMakerResult";
-
-export interface NSASectionViewTabMoreProps extends NSARouterMakerResult
-{ }
-
-export interface NSASectionViewTabMoreState
-{ }
-
-export class NSASectionViewTabMore extends Component<NSASectionViewTabMoreProps, NSASectionViewTabMoreState>
-{
-	override render()
-	{
-		return (
-			<NSColumn
-			>
-				<NSLabel
-					title="Namirasoft Field - Field"
-					description="Here you can see the list of fields that are available in the system."
-				></NSLabel>
-				<NSRow>
-					<NSButtonGreen
-						title="See Field List"
-						onClick={{
-							action: () =>
-							{
-								let REACT_APP_BASE_URL_FIELD_CONSOLE = new EnvService("REACT_APP_BASE_URL_FIELD_CONSOLE", true).getString();
-								LinkOperation.open(REACT_APP_BASE_URL_FIELD_CONSOLE + "/field/list");
-							},
-							showLoading: false
-						}}
-					></NSButtonGreen>
-				</NSRow>
-				<NSLine />
-				<NSLabel
-					title="Namirasoft Field - Category"
-					description="Here you can see the list of categories that are available in the system."
-				>
-				</NSLabel>
-				<NSRow>
-					<NSButtonGreen
-						title="See Category List"
-						onClick={{
-							action: () =>
-							{
-								let REACT_APP_BASE_URL_FIELD_CONSOLE = new EnvService("REACT_APP_BASE_URL_FIELD_CONSOLE", true).getString();
-								LinkOperation.open(REACT_APP_BASE_URL_FIELD_CONSOLE + "/category/list");
-							},
-							showLoading: false
-						}}
-					></NSButtonGreen>
-				</NSRow>
-				<NSLine />
-				<NSLabel
-					title="Namirasoft Field"
-					description="We use a 24-hour cache to speed up rendering the page, so if you have recently made changes and you do not see it here, please clear it using the following button."
-				>
-				</NSLabel>
-				<NSRow>
-					<NSButtonGreen
-						title="Clear Cache"
-						onClick={{
-							action: () =>
-							{
-								let cache = FieldCacheService.get(this.props.account.token_manager, this.props.product_id, this.props.notifier.onError);
-								cache.del();
-								document.location.reload();
-							},
-							showLoading: false
-						}}
-					></NSButtonGreen>
-				</NSRow>
-			</NSColumn>
-		);
-	}
+import { EnvService } from "namirasoft-core";
+import { LinkOperation, NSButtonGreen, NSColumn, NSLabel, NSLine, NSRow } from "namirasoft-site-react";
+import { Component } from "react";
+import { FieldCacheService } from "../FieldCacheService";
+import { NSARouterMakerResult } from "../NSARouterMakerResult";
+
+export interface NSASectionViewTabMoreProps extends NSARouterMakerResult
+{ }
+
+export interface NSASectionViewTabMoreState
+{ }
+
+export class NSASectionViewTabMore extends Component<NSASectionViewTabMoreProps, NSASectionViewTabMoreState>
+{
+	override render()
+	{
+		return (
+			<NSColumn
+			>
+				<NSLabel
+					title="Namirasoft Field - Field"
+					description="Here you can see the list of fields that are available in the system."
+				></NSLabel>
+				<NSRow>
+					<NSButtonGreen
+						title="See Field List"
+						onClick={{
+							action: () =>
+							{
+								let REACT_APP_BASE_URL_FIELD_CONSOLE = new EnvService("REACT_APP_BASE_URL_FIELD_CONSOLE", true).getString();
+								LinkOperation.open(REACT_APP_BASE_URL_FIELD_CONSOLE + "/field/list");
+							},
+							showLoading: false
+						}}
+					></NSButtonGreen>
+				</NSRow>
+				<NSLine />
+				<NSLabel
+					title="Namirasoft Field - Category"
+					description="Here you can see the list of categories that are available in the system."
+				>
+				</NSLabel>
+				<NSRow>
+					<NSButtonGreen
+						title="See Category List"
+						onClick={{
+							action: () =>
+							{
+								let REACT_APP_BASE_URL_FIELD_CONSOLE = new EnvService("REACT_APP_BASE_URL_FIELD_CONSOLE", true).getString();
+								LinkOperation.open(REACT_APP_BASE_URL_FIELD_CONSOLE + "/category/list");
+							},
+							showLoading: false
+						}}
+					></NSButtonGreen>
+				</NSRow>
+				<NSLine />
+				<NSLabel
+					title="Namirasoft Field"
+					description="We use a 24-hour cache to speed up rendering the page, so if you have recently made changes and you do not see it here, please clear it using the following button."
+				>
+				</NSLabel>
+				<NSRow>
+					<NSButtonGreen
+						title="Clear Cache"
+						onClick={{
+							action: () =>
+							{
+								let cache = FieldCacheService.get(this.props.account.token_manager, this.props.product_id, this.props.notifier.onError);
+								cache.del();
+								document.location.reload();
+							},
+							showLoading: false
+						}}
+					></NSButtonGreen>
+				</NSRow>
+			</NSColumn>
+		);
+	}
 }

package/src/layouts/NSASectionViewTabPage.module.css

@@ -1,48 +1,48 @@
-.nsa_section_tab_page_parent {
-	display: flex;
-	flex-wrap: wrap;
-	flex-direction: column;
-	gap: 0px 32px;
-}
-
-.nsa_section_tab_page_item {
-	color: black;
-	display: flex;
-	flex-direction: column;
-}
-
-.nsa_section_tab_page_item>span {
-	margin: 0px;
-}
-
-.nsa_section_tab_page_item>div {
-	margin: 0px;
-}
-
-@media only screen and (min-width: 480px) {
-	.nsa_section_tab_page_item {
-		display: flex;
-		flex-direction: row;
-	}
-
-	.nsa_section_tab_page_item>span {
-		min-width: 200px;
-	}
-}
-
-@media only screen and (min-width: 768px) {
-	.nsa_section_tab_page_parent {
-		gap: 16px 32px;
-	}
-}
-
-@media only screen and (min-width: 1024px) {
-	.nsa_section_tab_page_parent {
-		flex-direction: row;
-		gap: 16px 32px;
-	}
-
-	.nsa_section_tab_page_item {
-		flex-direction: column;
-	}
+.nsa_section_tab_page_parent {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: column;
+	gap: 0px 32px;
+}
+
+.nsa_section_tab_page_item {
+	color: black;
+	display: flex;
+	flex-direction: column;
+}
+
+.nsa_section_tab_page_item>span {
+	margin: 0px;
+}
+
+.nsa_section_tab_page_item>div {
+	margin: 0px;
+}
+
+@media only screen and (min-width: 480px) {
+	.nsa_section_tab_page_item {
+		display: flex;
+		flex-direction: row;
+	}
+
+	.nsa_section_tab_page_item>span {
+		min-width: 200px;
+	}
+}
+
+@media only screen and (min-width: 768px) {
+	.nsa_section_tab_page_parent {
+		gap: 16px 32px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.nsa_section_tab_page_parent {
+		flex-direction: row;
+		gap: 16px 32px;
+	}
+
+	.nsa_section_tab_page_item {
+		flex-direction: column;
+	}
 }