namirasoft-site-react 1.4.0 → 1.4.1

package/src/components/NSFooter.tsx

@@ -1,201 +1,201 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSFooter.module.css";
-import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
-import { IStorageLocal, CacheService } from "namirasoft-core";
-import { PackageService } from "namirasoft-core";
-import { EnvService } from 'namirasoft-core'
-
-export interface INSFooterProps extends IBaseComponentProps
-{
-    scope: string;
-    name: string;
-    logo: string;
-    isLoggedIn: () => boolean;
-}
-
-export interface NSFooterState
-{
-    filters: FilterLinkFullRow[];
-    selected: FilterLinkFullRow | null;
-}
-
-export class NSFooter extends React.Component<INSFooterProps, NSFooterState>
-{
-    private cache: CacheService<{
-        rows: FilterLinkFullRow[];
-        count: number;
-    }>;
-    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);
-        this.cache = new CacheService<{
-            rows: FilterLinkFullRow[];
-            count: number;
-        }>("ns-footer", 720, new IStorageLocal(), async () =>
-        {
-            let REACT_APP_BASE_URL_API_LINK = new EnvService("REACT_APP_BASE_URL_API_LINK", true).getString();
-            let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, console.error);
-            return server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null);
-        }, () => { });
-    }
-    override componentDidMount(): void
-    {
-        this.cache.get().then(filters =>
-        {
-            this.setState({ filters: filters.rows });
-        }).catch(() => { });
-    }
-    private getFilters(): FilterLinkFullRow[]
-    {
-        let loggedin = this.props.isLoggedIn();
-        let ans = this.state.filters?.filter(f =>
-        {
-            if (f.link)
-            {
-                if (loggedin)
-                    return f.link.private;
-                return f.link.public;
-            }
-            return true;
-        }) ?? [];
-
-        while (true)
-        {
-            let old_length = ans.length;
-            let old = ans;
-            ans = ans.filter(f =>
-            {
-                if (f.link?.url)
-                    return true;
-                return old.filter(x => x.parent_id === f.id).length > 0;
-            });
-            let new_length = ans.length;
-            if (old_length === new_length)
-                break;
-        }
-
-        return ans;
-    }
-    private hasChild(id: number): boolean
-    {
-        return this.getFilters().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="https://namirasoft.com/"><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" target="_blank" rel="noreferrer"><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==" target="_blank" rel="noreferrer"><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="mailto:accounts@namirasoft.com" target="_blank" rel="noreferrer"><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" target="_blank" rel="noreferrer"><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 className={`${Styles.ns_footer_copyright}`}> Version: {PackageService.MainJson?.version} </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="https://namirasoft.com/"><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" target="_blank" rel="noreferrer" ><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==" target="_blank" rel="noreferrer"><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="mailto:accounts@namirasoft.com" target="_blank" rel="noreferrer"><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" target="_blank" rel="noreferrer"><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 className={`${Styles.ns_footer_copyright}`}> Version: {PackageService.MainJson?.version} </div>
-                        </div>
-                    </div>
-                    <div className={`${Styles.ns_footer_copyright}`}>
-                        <span> ©Copyright 2010 -  {new Date().getFullYear()}  </span>{" "}
-                        <a href="https://namirasoft.com/" target="_blank" rel="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.getFilters().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 key={filter.id}
-                    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 key={filter.id} className="mb-2">
-                    <a 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";
+import { IStorageLocal, CacheService } from "namirasoft-core";
+import { PackageService } from "namirasoft-core";
+import { EnvService } from 'namirasoft-core'
+
+export interface INSFooterProps extends IBaseComponentProps
+{
+    scope: string;
+    name: string;
+    logo: string;
+    isLoggedIn: () => boolean;
+}
+
+export interface NSFooterState
+{
+    filters: FilterLinkFullRow[];
+    selected: FilterLinkFullRow | null;
+}
+
+export class NSFooter extends React.Component<INSFooterProps, NSFooterState>
+{
+    private cache: CacheService<{
+        rows: FilterLinkFullRow[];
+        count: number;
+    }>;
+    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);
+        this.cache = new CacheService<{
+            rows: FilterLinkFullRow[];
+            count: number;
+        }>("ns-footer", 720, new IStorageLocal(), async () =>
+        {
+            let REACT_APP_BASE_URL_API_LINK = new EnvService("REACT_APP_BASE_URL_API_LINK", true).getString();
+            let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, console.error);
+            return server.filter.ListFilterLinks(this.props.scope, this.props.name, null, null, null);
+        }, () => { });
+    }
+    override componentDidMount(): void
+    {
+        this.cache.get().then(filters =>
+        {
+            this.setState({ filters: filters.rows });
+        }).catch(() => { });
+    }
+    private getFilters(): FilterLinkFullRow[]
+    {
+        let loggedin = this.props.isLoggedIn();
+        let ans = this.state.filters?.filter(f =>
+        {
+            if (f.link)
+            {
+                if (loggedin)
+                    return f.link.private;
+                return f.link.public;
+            }
+            return true;
+        }) ?? [];
+
+        while (true)
+        {
+            let old_length = ans.length;
+            let old = ans;
+            ans = ans.filter(f =>
+            {
+                if (f.link?.url)
+                    return true;
+                return old.filter(x => x.parent_id === f.id).length > 0;
+            });
+            let new_length = ans.length;
+            if (old_length === new_length)
+                break;
+        }
+
+        return ans;
+    }
+    private hasChild(id: number): boolean
+    {
+        return this.getFilters().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="https://namirasoft.com/"><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" target="_blank" rel="noreferrer"><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==" target="_blank" rel="noreferrer"><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="mailto:accounts@namirasoft.com" target="_blank" rel="noreferrer"><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" target="_blank" rel="noreferrer"><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 className={`${Styles.ns_footer_copyright}`}> Version: {PackageService.MainJson?.version} </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="https://namirasoft.com/"><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" target="_blank" rel="noreferrer" ><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==" target="_blank" rel="noreferrer"><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="mailto:accounts@namirasoft.com" target="_blank" rel="noreferrer"><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" target="_blank" rel="noreferrer"><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 className={`${Styles.ns_footer_copyright}`}> Version: {PackageService.MainJson?.version} </div>
+                        </div>
+                    </div>
+                    <div className={`${Styles.ns_footer_copyright}`}>
+                        <span> ©Copyright 2010 -  {new Date().getFullYear()}  </span>{" "}
+                        <a href="https://namirasoft.com/" target="_blank" rel="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.getFilters().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 key={filter.id}
+                    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 key={filter.id} className="mb-2">
+                    <a href={href}>
+                        {filter.name}
+                    </a>
+                </li>
+            );
+        }
+    }
 }

package/src/components/NSGroupedList.module.css

@@ -1,73 +1,73 @@
-.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;
-	position: absolute;
-	z-index: 10;
-	margin-top: 50px;
-}
-
-.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 {
-	border-bottom: solid 1px currentColor;
-	width: 100%;
-	display: flex;
-	justify-content: space-between;
-	padding: 10px 8px;
-}
-
-.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;
+	position: absolute;
+	z-index: 10;
+	margin-top: 50px;
+}
+
+.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 {
+	border-bottom: solid 1px currentColor;
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	padding: 10px 8px;
+}
+
+.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;
 }