namirasoft-site-react 1.3.229 → 1.3.233

package/src/components/NSFooter.tsx

@@ -1,154 +1,154 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSFooter.module.css";
-import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-
-export interface INSFooterProps extends IBaseComponentProps
-{
-    scope: string;
-    name: string;
-    logo: string;
-}
-
-export interface NSFooterState
-{
-    filters: FilterLinkFullRow[];
-    selected: FilterLinkFullRow | null;
-}
-
-export class NSFooter extends React.Component<INSFooterProps, NSFooterState>
-{
-    constructor(props: INSFooterProps)
-    {
-        super(props);
-        this.state = {
-            filters: [],
-            selected: null
-        };
-        this.hasChild = this.hasChild.bind(this);
-        this.render_menu = this.render_menu.bind(this);
-        this.render_menuItem = this.render_menuItem.bind(this);
-    }
-    override componentDidMount(): void
-    {
-        let server = new NamirasoftAPILinkServer(console.error);
-        server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null).then(filters =>
-        {
-            this.setState({ filters: filters.rows });
-        });
-    }
-    private hasChild(id: number): boolean
-    {
-        return this.state.filters.filter(f => f.parent_id === id).length > 0;
-    }
-    override render()
-    {
-        return (
-            <footer id={this.props.id}
-                className={`${Styles.ns_footer} ${this.props.classList?.join(" ")}`}
-                style={this.props.style}
-            >
-                <div className={`container ${Styles.ns_package_footer}`}>
-                    <div className={`${Styles.ns_footer_parent_items}`}>
-                        <div className={`${Styles.ns_footer_project_logo_tablet}`}>
-                            <a href="/">
-                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
-                            </a>
-                        </div>
-                        <div className={`${Styles.ns_footer_menu_container}`}>
-                            {this.render_menu(0, null)}
-                        </div>
-                        <div className={`${Styles.ns_footer_namira_logo_tablet}`}>
-                            <div className="d-flex flex-row gap-3">
-                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/site/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
-                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/account/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
-                            </div>
-                            <div className="d-flex flex-row gap-1 w-100 justify-content-center align-items-center">
-                                <a style={{ cursor: "pointer" }} href="https://ca.linkedin.com/company/namira-software-corporation"><img src="https://static.namirasoft.com/image/concept/social/linkedin/white.svg" alt="Communicate with Namirasoft Via LinkedIn" width={24} height={24} /></a>
-                                <a href="https://instagram.com/namira.software.corporation?igshid=MzRlODBiNWFlZA=="><img src="https://static.namirasoft.com/image/concept/social/instagram/white.svg" alt="Communicate with Namirasoft Via Instagram" width={24} height={24} /></a>
-                                <a href="support@namirasoft.com"><img src="https://static.namirasoft.com/image/concept/social/email/white.svg" alt="Communicate with Namirasoft Via Email" width={24} height={24} /></a>
-                                <a href="https://www.google.com/maps/place//@49.2781041,-123.1354814,14z/data=!4m2!3m1!1s0x0:0x18f70365c7a2f0fa?entry=s&sa=X"><img src="https://static.namirasoft.com/image/concept/social/location/white.svg" alt="Communicate with Namirasoft in Person" width={24} height={24} /></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div className={`${Styles.ns_footer_logos_mobile}`}>
-                        <div className="d-flex flex-column gap-4">
-                            <div className="d-flex flex-row gap-3">
-                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/site/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
-                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/account/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
-                            </div>
-                            <div className="d-flex flex-row gap-1 w-100 justify-content-center align-items-center">
-                                <a href="https://ca.linkedin.com/company/namira-software-corporation"><img src="https://static.namirasoft.com/image/concept/social/linkedin/white.svg" alt="Communicate with Namirasoft Via LinkedIn" width={24} height={24} /></a>
-                                <a href="https://instagram.com/namira.software.corporation?igshid=MzRlODBiNWFlZA=="><img src="https://static.namirasoft.com/image/concept/social/instagram/white.svg" alt="Communicate with Namirasoft Via Instagram" width={24} height={24} /></a>
-                                <a href="support@namirasoft.com"><img src="https://static.namirasoft.com/image/concept/social/email/white.svg" alt="Communicate with Namirasoft Via Email" width={24} height={24} /></a>
-                                <a href="https://www.google.com/maps/place//@49.2781041,-123.1354814,14z/data=!4m2!3m1!1s0x0:0x18f70365c7a2f0fa?entry=s&sa=X"><img src="https://static.namirasoft.com/image/concept/social/location/white.svg" alt="Communicate with Namirasoft in Person" width={24} height={24} /></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div className={`${Styles.ns_footer_copyright}`}>
-                        <span> ©Copyright 2010 -  {new Date().getFullYear()}  </span>{" "}
-                        <a href="https://namirasoft.com/" target="_blank" rel="noopener noreferrer"> Namira Software Corporation</a>. {" "}
-                        <span > All rights reserved. </span>
-                    </div>
-                </div>
-            </footer >
-        );
-    }
-    private render_menu(level: number, parent_id: number | null)
-    {
-        let fs: FilterLinkFullRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
-        return (
-            <>
-                {
-                    (fs?.map(f => this.render_menuItem(level, f)))
-                }
-            </>
-        );
-    }
-    private render_menuItem(level: number, filter: FilterLinkFullRow)
-    {
-        if (this.hasChild(filter.id))
-        {
-            return (<>
-                <ul
-                    id={`dropdown_parent${filter.id}`}>
-                    <span className={Styles.ns_footer_list_title}> {filter.name} </span>
-                    {this.render_menu(1, filter.id)}
-                </ul>
-            </>
-            );
-        }
-        else if (level === 0)
-        {
-            return (<>
-                <ul
-                    key={filter.id}
-                    id={`dropdown_parent${filter.id}`}>
-                    {filter.name}
-                </ul>
-            </>
-            );
-        }
-        else
-        {
-            let href = filter.link?.url;
-            if (process.env.REACT_APP_STANDALONE)
-                if (href)
-                {
-                    let url = new URL(href);
-                    url.host = window.location.host;
-                    url.protocol = window.location.protocol;
-                    href = url.toString();
-                }
-            return (
-                <li className="mb-2">
-                    <a key={filter.id} href={href}>
-                        {filter.name}
-                    </a>
-                </li>
-            );
-        }
-    }
+"use client";
+
+import React from "react";
+import Styles from "./NSFooter.module.css";
+import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+
+export interface INSFooterProps extends IBaseComponentProps
+{
+    scope: string;
+    name: string;
+    logo: string;
+}
+
+export interface NSFooterState
+{
+    filters: FilterLinkFullRow[];
+    selected: FilterLinkFullRow | null;
+}
+
+export class NSFooter extends React.Component<INSFooterProps, NSFooterState>
+{
+    constructor(props: INSFooterProps)
+    {
+        super(props);
+        this.state = {
+            filters: [],
+            selected: null
+        };
+        this.hasChild = this.hasChild.bind(this);
+        this.render_menu = this.render_menu.bind(this);
+        this.render_menuItem = this.render_menuItem.bind(this);
+    }
+    override componentDidMount(): void
+    {
+        let server = new NamirasoftAPILinkServer(console.error);
+        server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null).then(filters =>
+        {
+            this.setState({ filters: filters.rows });
+        });
+    }
+    private hasChild(id: number): boolean
+    {
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
+    }
+    override render()
+    {
+        return (
+            <footer id={this.props.id}
+                className={`${Styles.ns_footer} ${this.props.classList?.join(" ")}`}
+                style={this.props.style}
+            >
+                <div className={`container ${Styles.ns_package_footer}`}>
+                    <div className={`${Styles.ns_footer_parent_items}`}>
+                        <div className={`${Styles.ns_footer_project_logo_tablet}`}>
+                            <a href="/">
+                                <img src={this.props.logo} alt='Logo' width={80} height={80} />
+                            </a>
+                        </div>
+                        <div className={`${Styles.ns_footer_menu_container}`}>
+                            {this.render_menu(0, null)}
+                        </div>
+                        <div className={`${Styles.ns_footer_namira_logo_tablet}`}>
+                            <div className="d-flex flex-row gap-3">
+                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/site/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
+                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/account/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
+                            </div>
+                            <div className="d-flex flex-row gap-1 w-100 justify-content-center align-items-center">
+                                <a style={{ cursor: "pointer" }} href="https://ca.linkedin.com/company/namira-software-corporation"><img src="https://static.namirasoft.com/image/concept/social/linkedin/white.svg" alt="Communicate with Namirasoft Via LinkedIn" width={24} height={24} /></a>
+                                <a href="https://instagram.com/namira.software.corporation?igshid=MzRlODBiNWFlZA=="><img src="https://static.namirasoft.com/image/concept/social/instagram/white.svg" alt="Communicate with Namirasoft Via Instagram" width={24} height={24} /></a>
+                                <a href="support@namirasoft.com"><img src="https://static.namirasoft.com/image/concept/social/email/white.svg" alt="Communicate with Namirasoft Via Email" width={24} height={24} /></a>
+                                <a href="https://www.google.com/maps/place//@49.2781041,-123.1354814,14z/data=!4m2!3m1!1s0x0:0x18f70365c7a2f0fa?entry=s&sa=X"><img src="https://static.namirasoft.com/image/concept/social/location/white.svg" alt="Communicate with Namirasoft in Person" width={24} height={24} /></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div className={`${Styles.ns_footer_logos_mobile}`}>
+                        <div className="d-flex flex-column gap-4">
+                            <div className="d-flex flex-row gap-3">
+                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/site/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
+                                <a href="/"><img src="https://static.namirasoft.com/image/namirasoft/account/logo/circle.png" alt='Namira Software Corporation Logo' width={48} height={48} /></a>
+                            </div>
+                            <div className="d-flex flex-row gap-1 w-100 justify-content-center align-items-center">
+                                <a href="https://ca.linkedin.com/company/namira-software-corporation"><img src="https://static.namirasoft.com/image/concept/social/linkedin/white.svg" alt="Communicate with Namirasoft Via LinkedIn" width={24} height={24} /></a>
+                                <a href="https://instagram.com/namira.software.corporation?igshid=MzRlODBiNWFlZA=="><img src="https://static.namirasoft.com/image/concept/social/instagram/white.svg" alt="Communicate with Namirasoft Via Instagram" width={24} height={24} /></a>
+                                <a href="support@namirasoft.com"><img src="https://static.namirasoft.com/image/concept/social/email/white.svg" alt="Communicate with Namirasoft Via Email" width={24} height={24} /></a>
+                                <a href="https://www.google.com/maps/place//@49.2781041,-123.1354814,14z/data=!4m2!3m1!1s0x0:0x18f70365c7a2f0fa?entry=s&sa=X"><img src="https://static.namirasoft.com/image/concept/social/location/white.svg" alt="Communicate with Namirasoft in Person" width={24} height={24} /></a>
+                            </div>
+                        </div>
+                    </div>
+                    <div className={`${Styles.ns_footer_copyright}`}>
+                        <span> ©Copyright 2010 -  {new Date().getFullYear()}  </span>{" "}
+                        <a href="https://namirasoft.com/" target="_blank" rel="noopener noreferrer"> Namira Software Corporation</a>. {" "}
+                        <span > All rights reserved. </span>
+                    </div>
+                </div>
+            </footer >
+        );
+    }
+    private render_menu(level: number, parent_id: number | null)
+    {
+        let fs: FilterLinkFullRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
+        return (
+            <>
+                {
+                    (fs?.map(f => this.render_menuItem(level, f)))
+                }
+            </>
+        );
+    }
+    private render_menuItem(level: number, filter: FilterLinkFullRow)
+    {
+        if (this.hasChild(filter.id))
+        {
+            return (<>
+                <ul
+                    id={`dropdown_parent${filter.id}`}>
+                    <span className={Styles.ns_footer_list_title}> {filter.name} </span>
+                    {this.render_menu(1, filter.id)}
+                </ul>
+            </>
+            );
+        }
+        else if (level === 0)
+        {
+            return (<>
+                <ul
+                    key={filter.id}
+                    id={`dropdown_parent${filter.id}`}>
+                    {filter.name}
+                </ul>
+            </>
+            );
+        }
+        else
+        {
+            let href = filter.link?.url;
+            if (process.env.REACT_APP_STANDALONE)
+                if (href)
+                {
+                    let url = new URL(href);
+                    url.host = window.location.host;
+                    url.protocol = window.location.protocol;
+                    href = url.toString();
+                }
+            return (
+                <li className="mb-2">
+                    <a key={filter.id} href={href}>
+                        {filter.name}
+                    </a>
+                </li>
+            );
+        }
+    }
 }

package/src/components/NSGroupedList.module.css

@@ -1,71 +1,71 @@
-.ns_group_list_parent {
-	width: 100%;
-	max-width: 560px;
-	border-radius: 8px;
-	border: solid 1px #B2BBD9;
-	background-color: #fff;
-	padding-bottom: 16px;
-	height: 360px;
-	overflow: auto;
-}
-
-.ns_group_list_parent::-webkit-scrollbar {
-	width: 1rem;
-}
-
-.ns_group_list_parent::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 6px #E8EBF6;
-}
-
-.ns_group_list_parent::-webkit-scrollbar-thumb {
-	background-color: #A1A4B0;
-	border-radius: 8px;
-}
-
-.ns_group_list {
-	list-style-type: none;
-	color: #141B5C;
-	padding: 0;
-	margin: 0;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	justify-content: flex-start;
-	font-size: 16px;
-	font-weight: 700;
-	width: 100%;
-}
-
-.ns_group_category {
-	display: inline-block;
-	padding-top: 10px;
-	padding-bottom: 10px;
-	padding-left: 8px;
-	border-bottom: solid 1px currentColor;
-	width: 100%;
-}
-
-.ns_group_list li {
-	width: 100%;
-}
-
-.ns_group_item {
-	cursor: pointer;
-	padding: 6px 0 6px 24px;
-	font-size: 16px;
-	font-weight: 300;
-	color: #141B5C;
-	border-bottom: solid 1px currentColor;
-	width: 100%;
-	display: inline-block;
-	transition: all 0.1s;
-}
-
-.ns_group_item:hover {
-	background-color: #B2BBD9;
-	font-weight: 700;
-}
-
-.ns_block {
-	display: block;
+.ns_group_list_parent {
+	width: 100%;
+	max-width: 560px;
+	border-radius: 8px;
+	border: solid 1px #B2BBD9;
+	background-color: #fff;
+	padding-bottom: 16px;
+	height: 360px;
+	overflow: auto;
+}
+
+.ns_group_list_parent::-webkit-scrollbar {
+	width: 1rem;
+}
+
+.ns_group_list_parent::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 6px #E8EBF6;
+}
+
+.ns_group_list_parent::-webkit-scrollbar-thumb {
+	background-color: #A1A4B0;
+	border-radius: 8px;
+}
+
+.ns_group_list {
+	list-style-type: none;
+	color: #141B5C;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: flex-start;
+	font-size: 16px;
+	font-weight: 700;
+	width: 100%;
+}
+
+.ns_group_category {
+	display: inline-block;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	padding-left: 8px;
+	border-bottom: solid 1px currentColor;
+	width: 100%;
+}
+
+.ns_group_list li {
+	width: 100%;
+}
+
+.ns_group_item {
+	cursor: pointer;
+	padding: 6px 0 6px 24px;
+	font-size: 16px;
+	font-weight: 300;
+	color: #141B5C;
+	border-bottom: solid 1px currentColor;
+	width: 100%;
+	display: inline-block;
+	transition: all 0.1s;
+}
+
+.ns_group_item:hover {
+	background-color: #B2BBD9;
+	font-weight: 700;
+}
+
+.ns_block {
+	display: block;
 }

package/src/components/NSGroupedList.tsx

@@ -1,65 +1,65 @@
-"use client"
-import { Component } from 'react';
-import { IBaseComponentProps } from '../main';
-import Styles from "./NSGroupedList.module.css"
-
-export interface INSGroupedListProps extends IBaseComponentProps
-{
-	groups: INSGroupedListProps_Group[];
-	onClick: (group: string, item: string) => void;
-}
-
-export interface INSGroupedListProps_Group
-{
-	name: string;
-	text: string;
-	items: INSGroupedListProps_Item[];
-}
-
-export interface INSGroupedListProps_Item
-{
-	name: string;
-	text: string;
-	text_bold?: string;
-	description?: string;
-}
-
-interface INSGroupedListState
-{ }
-
-export default class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState>
-{
-	override render()
-	{
-		console.log(this.props.groups);
-		return (
-			<div className={Styles.ns_group_list_parent}>
-				{
-					this.props.groups.map((group, index) =>
-						<ul key={index} className={Styles.ns_group_list}>
-							<span className={Styles.ns_group_category}> {group.text} </span>
-							{
-								group.items.map((item, index) =>
-									<li key={index} onClick={() => this.props.onClick(group.name, item.name)}>
-										<div className={Styles.ns_group_item}>
-											<span>
-												{item.text && <span>{item.text}</span>}
-											</span>
-											<span style={item.text_bold ? { fontWeight: "bold" } : {}}>
-												<b> {" "} {item.text_bold}</b>
-											</span>
-											{
-												item.description &&
-												<span className={Styles.ns_block}>{item.description}</span>
-											}
-										</div>
-									</li>
-								)
-							}
-						</ul>
-					)
-				}
-			</div>
-		);
-	}
+"use client"
+import { Component } from 'react';
+import { IBaseComponentProps } from '../main';
+import Styles from "./NSGroupedList.module.css"
+
+export interface INSGroupedListProps extends IBaseComponentProps
+{
+	groups: INSGroupedListProps_Group[];
+	onClick: (group: string, item: string) => void;
+}
+
+export interface INSGroupedListProps_Group
+{
+	name: string;
+	text: string;
+	items: INSGroupedListProps_Item[];
+}
+
+export interface INSGroupedListProps_Item
+{
+	name: string;
+	text: string;
+	text_bold?: string;
+	description?: string;
+}
+
+interface INSGroupedListState
+{ }
+
+export default class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState>
+{
+	override render()
+	{
+		console.log(this.props.groups);
+		return (
+			<div className={Styles.ns_group_list_parent}>
+				{
+					this.props.groups.map((group, index) =>
+						<ul key={index} className={Styles.ns_group_list}>
+							<span className={Styles.ns_group_category}> {group.text} </span>
+							{
+								group.items.map((item, index) =>
+									<li key={index} onClick={() => this.props.onClick(group.name, item.name)}>
+										<div className={Styles.ns_group_item}>
+											<span>
+												{item.text && <span>{item.text}</span>}
+											</span>
+											<span style={item.text_bold ? { fontWeight: "bold" } : {}}>
+												<b> {" "} {item.text_bold}</b>
+											</span>
+											{
+												item.description &&
+												<span className={Styles.ns_block}>{item.description}</span>
+											}
+										</div>
+									</li>
+								)
+							}
+						</ul>
+					)
+				}
+			</div>
+		);
+	}
 };