namirasoft-site-react 1.4.402 → 1.4.404
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +7 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSHeader.d.ts +7 -1
- package/dist/components/NSHeader.js +34 -6
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSListProduct.js.map +1 -1
- package/dist/components/NSProductSearch.d.ts +16 -0
- package/dist/components/NSProductSearch.js +67 -0
- package/dist/components/NSProductSearch.js.map +1 -0
- package/dist/components/NSProductSearch.module.css +74 -0
- package/package.json +6 -6
- package/src/App.tsx +7 -1
- package/src/components/NSHeader.tsx +61 -7
- package/src/components/NSListProduct.tsx +1 -0
- package/src/components/NSProductSearch.module.css +74 -0
- package/src/components/NSProductSearch.tsx +194 -0
package/dist/App.js
CHANGED
|
@@ -20,7 +20,13 @@ import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
|
|
|
20
20
|
export function App() {
|
|
21
21
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
22
22
|
right: {
|
|
23
|
-
icons: [
|
|
23
|
+
icons: [
|
|
24
|
+
{
|
|
25
|
+
onClicked: () => { },
|
|
26
|
+
src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
|
|
27
|
+
count: 2
|
|
28
|
+
}
|
|
29
|
+
],
|
|
24
30
|
title: "",
|
|
25
31
|
}
|
|
26
32
|
}, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', alerts: [
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC9H,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErE,MAAM,UAAU,GAAG;IAElB,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,KAAK,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
4
4
|
import { IHeaderRightProps } from "../props/IHeaderRightProps";
|
|
5
5
|
import { IHeaderLeftProps } from "../props/IHeaderLeftProps";
|
|
6
6
|
import { NSRouterMakerProps } from "../routing/NSRouterMakerProps";
|
|
7
|
+
import { NSBoxSearch } from "./NSBoxSearch";
|
|
8
|
+
import { NSProductSearch } from "./NSProductSearch";
|
|
7
9
|
export interface NSHeaderProps extends IBaseComponentProps, NSRouterMakerProps {
|
|
8
10
|
nav?: IBaseComponentProps;
|
|
9
11
|
right: IHeaderRightProps;
|
|
@@ -14,10 +16,14 @@ export interface NSHeaderProps extends IBaseComponentProps, NSRouterMakerProps {
|
|
|
14
16
|
export interface NSHeaderState {
|
|
15
17
|
filters: FilterLinkFullRow[];
|
|
16
18
|
selected: FilterLinkFullRow | null;
|
|
17
|
-
|
|
19
|
+
show_navbar: boolean;
|
|
20
|
+
search: string;
|
|
18
21
|
}
|
|
19
22
|
export declare class NSHeader extends React.Component<NSHeaderProps, NSHeaderState> {
|
|
20
23
|
private cache;
|
|
24
|
+
private service;
|
|
25
|
+
NSBoxSearch_Ref: React.RefObject<NSBoxSearch>;
|
|
26
|
+
NSProductSearch_Ref: React.RefObject<NSProductSearch>;
|
|
21
27
|
constructor(props: NSHeaderProps);
|
|
22
28
|
componentDidMount(): void;
|
|
23
29
|
private onMenuItemToggled;
|
|
@@ -9,19 +9,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
-
import React from "react";
|
|
12
|
+
import React, { createRef } from "react";
|
|
13
13
|
import Styles from "./NSHeader.module.css";
|
|
14
14
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
15
15
|
import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
|
|
16
|
-
import { IStorageLocal, CacheService } from "namirasoft-core";
|
|
16
|
+
import { IStorageLocal, CacheService, SetTimeouService } from "namirasoft-core";
|
|
17
17
|
import { EnvService } from 'namirasoft-core';
|
|
18
|
+
import { NSBoxSearch } from "./NSBoxSearch";
|
|
19
|
+
import { NSDialog } from "./NSDialog";
|
|
20
|
+
import { NSProductSearch } from "./NSProductSearch";
|
|
18
21
|
export class NSHeader extends React.Component {
|
|
19
22
|
constructor(props) {
|
|
20
23
|
super(props);
|
|
24
|
+
this.service = new SetTimeouService();
|
|
25
|
+
this.NSBoxSearch_Ref = createRef();
|
|
26
|
+
this.NSProductSearch_Ref = createRef();
|
|
21
27
|
this.state = {
|
|
22
28
|
filters: [],
|
|
23
29
|
selected: null,
|
|
24
|
-
|
|
30
|
+
show_navbar: false,
|
|
31
|
+
search: ""
|
|
25
32
|
};
|
|
26
33
|
this.hasChild = this.hasChild.bind(this);
|
|
27
34
|
this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
|
|
@@ -33,6 +40,7 @@ export class NSHeader extends React.Component {
|
|
|
33
40
|
let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, props.notifier.onError);
|
|
34
41
|
return server.filter.ListFilterLinks(this.props.left.scope, this.props.left.name, null, null, null, []);
|
|
35
42
|
}));
|
|
43
|
+
this.service = new SetTimeouService();
|
|
36
44
|
}
|
|
37
45
|
componentDidMount() {
|
|
38
46
|
this.cache.get().then(filters => {
|
|
@@ -73,7 +81,7 @@ export class NSHeader extends React.Component {
|
|
|
73
81
|
return this.getFilters().filter(f => f.parent_id === id).length > 0;
|
|
74
82
|
}
|
|
75
83
|
handleShowNavbar() {
|
|
76
|
-
this.setState({
|
|
84
|
+
this.setState({ show_navbar: !this.state.show_navbar });
|
|
77
85
|
}
|
|
78
86
|
render() {
|
|
79
87
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
@@ -85,10 +93,30 @@ export class NSHeader extends React.Component {
|
|
|
85
93
|
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
86
94
|
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
87
95
|
return (_jsxs("header", { id: this.props.id, className: `${Styles.ns_header} ${(_c = (_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")) !== null && _c !== void 0 ? _c : ""}`, style: this.props.style, children: [_jsx("nav", { id: (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.id, className: `${Styles.ns_navbar} ${(_g = (_f = (_e = this.props.nav) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.join(" ")) !== null && _g !== void 0 ? _g : ""}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { className: "me-2", href: "/", children: _jsx("img", { src: this.props.left.logo, alt: "Logo", width: 48, height: 48 }) }), this.props.left.title &&
|
|
88
|
-
_jsx("h2", { className: `${Styles.ns_navbar_title} mb-0 flex-shrink-0`, children: this.props.left.title }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.
|
|
96
|
+
_jsx("h2", { className: `${Styles.ns_navbar_title} mb-0 flex-shrink-0`, children: this.props.left.title }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.show_navbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsx(NSBoxSearch, { ref: this.NSBoxSearch_Ref, required: false, title: "", hideHeader: true, placeholder: "Search", style: {
|
|
97
|
+
flex: 0.8
|
|
98
|
+
}, input: {
|
|
99
|
+
style: { zIndex: 1000 }
|
|
100
|
+
}, onChanged: (e) => {
|
|
101
|
+
var _a;
|
|
102
|
+
let search = (_a = e.getValue(false)) !== null && _a !== void 0 ? _a : "";
|
|
103
|
+
if (search.length === 0)
|
|
104
|
+
this.setState({ search });
|
|
105
|
+
else
|
|
106
|
+
this.service.setTimeoutIfNotCalledAgain(() => {
|
|
107
|
+
var _a, _b;
|
|
108
|
+
let search = (_a = e.getValue(false)) !== null && _a !== void 0 ? _a : "";
|
|
109
|
+
this.setState({ search });
|
|
110
|
+
(_b = this.NSProductSearch_Ref.current) === null || _b === void 0 ? void 0 : _b.reload(search);
|
|
111
|
+
}, 700);
|
|
112
|
+
} }), this.state.search.length >= 3 &&
|
|
113
|
+
_jsx(NSDialog, { onClose: () => {
|
|
114
|
+
var _a;
|
|
115
|
+
(_a = this.NSBoxSearch_Ref.current) === null || _a === void 0 ? void 0 : _a.setValue("");
|
|
116
|
+
}, center_dialog: true, style: { maxHeight: "80vh" }, children: _jsx(NSProductSearch, { ref: this.NSProductSearch_Ref, search: this.state.search }) }), this.props.right &&
|
|
89
117
|
_jsxs("div", { className: "d-flex gap-3 align-items-center", children: [_jsx("span", { className: Styles.ns_navbar_title, children: (_h = this.props.right) === null || _h === void 0 ? void 0 : _h.title }), this.props.right.icons.map((icon, index) => _jsxs("div", { title: icon.tooltip, className: Styles.ns_header_icon, children: [_jsx("img", { src: icon.src, alt: icon.alt, width: 20, height: 20, onClick: () => icon.onClicked(icon) }), icon.count !== 0 && icon.count &&
|
|
90
118
|
_jsx("div", { className: Styles.ns_navbar_notification_count, onClick: () => icon.onClicked(icon), children: icon.count < 100 ? icon.count : "+99" }), icon.children] }, `NSHeader_div_icon_key${index}`))] }), this.getFilters().length > 0 ?
|
|
91
|
-
_jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.
|
|
119
|
+
_jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.show_navbar ?
|
|
92
120
|
"https://static.namirasoft.com/image/concept/close/white.svg"
|
|
93
121
|
: "https://static.namirasoft.com/image/concept/menu/burger-white.svg", alt: "Menu Icon", width: 24, height: 24 }) })
|
|
94
122
|
: _jsx(_Fragment, {})] })] }) }), this.props.children] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSListProduct.js","sourceRoot":"","sources":["../../src/components/NSListProduct.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAaxC,MAAM,UAAU,aAAa,CAAC,KAAyB;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QAEX,IAAI,8BAA8B,GAAG,IAAI,UAAU,CAAC,gCAAgC,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;QACxG,IAAI,MAAM,GAAG,IAAI,0BAA0B,CAAC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAExF,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSListProduct.js","sourceRoot":"","sources":["../../src/components/NSListProduct.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAkB,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAaxC,MAAM,UAAU,aAAa,CAAC,KAAyB;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QAEX,IAAI,8BAA8B,GAAG,IAAI,UAAU,CAAC,gCAAgC,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;QACxG,IAAI,MAAM,GAAG,IAAI,0BAA0B,CAAC,8BAA8B,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACvF,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAExF,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAExB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,YAEzB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAuB,EAAE,EAAE;;YAE3C,OAAO,CACH,KAAC,MAAM,IAAkB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAA,OAAO,CAAC,IAAI,mCAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,IAA1H,OAAO,CAAC,EAAE,CAAoH,CAC9I,CAAC;QACN,CAAC,CAAC,GAEE,CACf,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { DomainRow, LinkFullRow } from "namirasoft-api-link";
|
|
4
|
+
export interface NSProductSearchProps extends IBaseComponentProps {
|
|
5
|
+
search: string;
|
|
6
|
+
}
|
|
7
|
+
export interface NSProductSearchState {
|
|
8
|
+
domains: DomainRow[] | null;
|
|
9
|
+
links: LinkFullRow[] | null;
|
|
10
|
+
}
|
|
11
|
+
export declare class NSProductSearch extends React.Component<NSProductSearchProps, NSProductSearchState> {
|
|
12
|
+
constructor(props: NSProductSearchProps);
|
|
13
|
+
reload(search: string): void;
|
|
14
|
+
componentDidMount(): void;
|
|
15
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { NamirasoftAPILinkServer } from "namirasoft-api-link";
|
|
5
|
+
import { EnvService } from "namirasoft-core";
|
|
6
|
+
import { NSLoading } from "./NSLoading";
|
|
7
|
+
import { NSSection } from "./NSSection";
|
|
8
|
+
import { NSColumn } from "./NSColumn";
|
|
9
|
+
import { NSRow } from "./NSRow";
|
|
10
|
+
import { NSTitle } from "./NSTitle";
|
|
11
|
+
import { NSLine } from "./NSLine";
|
|
12
|
+
import { NSSpace, NSSpaceSizeType } from "./NSSpace";
|
|
13
|
+
import Styles from "./NSProductSearch.module.css";
|
|
14
|
+
export class NSProductSearch extends React.Component {
|
|
15
|
+
constructor(props) {
|
|
16
|
+
super(props);
|
|
17
|
+
this.state = {
|
|
18
|
+
domains: null,
|
|
19
|
+
links: null
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
reload(search) {
|
|
23
|
+
this.setState({ domains: null, links: null });
|
|
24
|
+
let REACT_APP_BASE_URL_API_LINK = new EnvService("REACT_APP_BASE_URL_API_LINK").getString();
|
|
25
|
+
let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, console.error);
|
|
26
|
+
server.domain.Search(search, 10).then(res => {
|
|
27
|
+
this.setState({ domains: res.rows });
|
|
28
|
+
}).catch(() => { });
|
|
29
|
+
server.link.Search(search, 10).then(res => {
|
|
30
|
+
this.setState({ links: res.rows });
|
|
31
|
+
}).catch(() => { });
|
|
32
|
+
}
|
|
33
|
+
componentDidMount() {
|
|
34
|
+
this.reload(this.props.search);
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
let domains;
|
|
38
|
+
let links;
|
|
39
|
+
if (this.state.domains) {
|
|
40
|
+
let more_domains = [];
|
|
41
|
+
if (this.state.links) {
|
|
42
|
+
let ds = this.state.links.map(l => l.domain);
|
|
43
|
+
for (let i = 0; i < ds.length; i++) {
|
|
44
|
+
if (this.state.domains.filter(d => d.id === ds[i].id).length === 0 && more_domains.filter(d => d.id === ds[i].id).length === 0)
|
|
45
|
+
more_domains.push(ds[i]);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
let render_domain = (domain) => {
|
|
49
|
+
var _a;
|
|
50
|
+
return _jsx("a", { href: domain.url, className: Styles.ns_product_search_item_domain, children: _jsxs("div", { children: [_jsx("img", { src: (_a = domain.logo) !== null && _a !== void 0 ? _a : "", alt: domain.name, width: 24, height: 24, style: { marginRight: "8px" } }), domain.name] }) });
|
|
51
|
+
};
|
|
52
|
+
domains = _jsxs(_Fragment, { children: [_jsx(NSTitle, { title: "Domains", style: { margin: "0px" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSLine, {}), _jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx("div", { className: Styles.ns_product_search_item_domain_parent, children: this.state.domains.map(render_domain) }), more_domains.length > 0 &&
|
|
53
|
+
_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: "More", style: { margin: "0px" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSLine, {}), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx("div", { className: Styles.ns_product_search_item_domain_parent, children: more_domains.map(render_domain) })] })] });
|
|
54
|
+
}
|
|
55
|
+
else
|
|
56
|
+
domains = _jsx(NSLoading, { small: true });
|
|
57
|
+
if (this.state.links)
|
|
58
|
+
links = _jsxs(_Fragment, { children: [_jsx(NSTitle, { title: "Links", style: { margin: "0px" } }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSLine, {}), _jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx("div", { className: Styles.ns_product_search_item_link_parent, children: this.state.links.map(link => {
|
|
59
|
+
var _a, _b;
|
|
60
|
+
return (_jsx("a", { href: link.url, className: Styles.ns_product_search_item_link, children: _jsxs("div", { children: [_jsx("img", { src: (_a = link.logo) !== null && _a !== void 0 ? _a : "", alt: link.name, width: 48, height: 48, style: { marginRight: "8px" } }), `${link.name} (${(_b = link.domain) === null || _b === void 0 ? void 0 : _b.name})`, _jsx("p", {}), _jsx("p", { children: link.description })] }) }));
|
|
61
|
+
}) })] });
|
|
62
|
+
else
|
|
63
|
+
links = _jsx(NSLoading, { small: true });
|
|
64
|
+
return _jsx(_Fragment, { children: _jsx(NSSection, { children: _jsxs(NSRow, { children: [_jsx(NSColumn, { classList: [Styles.ns_product_search_column_domain], children: domains }), _jsx(NSColumn, { classList: [Styles.ns_product_search_column_link], children: links })] }) }) });
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=NSProductSearch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSProductSearch.js","sourceRoot":"","sources":["../../src/components/NSProductSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA0B,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAalD,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;SACX,CAAC;IACH,CAAC;IACD,MAAM,CAAC,MAAc;QAEpB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,IAAI,2BAA2B,GAAG,IAAI,UAAU,CAAC,6BAA6B,CAAC,CAAC,SAAS,EAAE,CAAC;QAC5F,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,2BAA2B,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACrF,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QACpB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACrB,CAAC;IACQ,iBAAiB;QAEzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEd,IAAI,OAAO,CAAC;QACZ,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EACtB,CAAC;YACA,IAAI,YAAY,GAAG,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EACpB,CAAC;gBACA,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAClC,CAAC;oBACA,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC;wBAC7H,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3B,CAAC;YACF,CAAC;YACD,IAAI,aAAa,GAAG,CAAC,MAAiB,EAAE,EAAE;;gBAEzC,OAAO,YAAG,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,6BAA6B,YAC1E,0BACC,cACC,GAAG,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,EAAE,EACtB,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAC5B,EACD,MAAM,CAAC,IAAI,IACP,GACH,CAAC;YACN,CAAC,CAAC;YAEF,OAAO,GAAG,8BACT,KAAC,OAAO,IACP,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GACvB,EACF,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,KAAK,GAC1B,EACF,KAAC,MAAM,KAAG,EACV,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,IAAI,GACzB,EACF,cAAK,SAAS,EAAE,MAAM,CAAC,oCAAoC,YAEzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,GAEjC,EAEL,YAAY,CAAC,MAAM,GAAG,CAAC;wBACvB,8BACC,KAAC,OAAO,IACP,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GACvB,EACF,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,KAAK,GAC1B,EACF,KAAC,MAAM,KAAG,EACV,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,KAAK,GAC1B,EACF,cAAK,SAAS,EAAE,MAAM,CAAC,oCAAoC,YAEzD,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,GAE3B,IACJ,IAEF,CAAC;QACL,CAAC;;YAEA,OAAO,GAAG,KAAC,SAAS,IACnB,KAAK,SACJ,CAAC;QAEJ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;YACnB,KAAK,GAAG,8BAEP,KAAC,OAAO,IACP,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GACvB,EACF,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,KAAK,GAC1B,EACF,KAAC,MAAM,KAAG,EACV,KAAC,OAAO,IACP,IAAI,EAAE,eAAe,CAAC,IAAI,GACzB,EACF,cAAK,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAEvD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;4BAC5B,OAAA,CACC,YAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,2BAA2B,YAC/D,0BACC,cACC,GAAG,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EACpB,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAC5B,EACD,GAAG,IAAI,CAAC,IAAI,KAAK,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,GAAG,EACtC,aAEI,EACJ,sBACE,IAAI,CAAC,WAAW,GACd,IACC,GACH,CACJ,CAAA;yBAAA,CAAC,GAEE,IACJ,CAAC;;YAEJ,KAAK,GAAG,KAAC,SAAS,IACjB,KAAK,SACJ,CAAA;QAEH,OAAO,4BACN,KAAC,SAAS,cACT,MAAC,KAAK,eACL,KAAC,QAAQ,IACR,SAAS,EAAE,CAAC,MAAM,CAAC,+BAA+B,CAAC,YAElD,OAAO,GACE,EACX,KAAC,QAAQ,IACR,SAAS,EAAE,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAEhD,KAAK,GACI,IACJ,GACI,GACX,CAAC;IACL,CAAC;CACD"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
.ns_product_search_column_domain {
|
|
2
|
+
width: 100%;
|
|
3
|
+
gap: 0px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ns_product_search_column_link {
|
|
7
|
+
width: 100%;
|
|
8
|
+
gap: 0px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_product_search_item_domain_parent {
|
|
12
|
+
width: 100%;
|
|
13
|
+
display: flex;
|
|
14
|
+
gap: 0px;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_product_search_item_domain {
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 48px;
|
|
21
|
+
text-decoration: none !important;
|
|
22
|
+
transition: box-shadow 0.3s ease;
|
|
23
|
+
border-radius: 12px;
|
|
24
|
+
padding: 0px 16px;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ns_product_search_item_domain:hover {
|
|
30
|
+
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_product_search_item_link_parent {
|
|
34
|
+
width: 100%;
|
|
35
|
+
display: flex;
|
|
36
|
+
gap: 4px;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_product_search_item_link {
|
|
41
|
+
height: max-content;
|
|
42
|
+
text-decoration: none !important;
|
|
43
|
+
transition: box-shadow 0.3s ease;
|
|
44
|
+
padding: 16px;
|
|
45
|
+
border-radius: 12px;
|
|
46
|
+
border: 1px solid rgb(236, 236, 236);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.ns_product_search_item_link p {
|
|
50
|
+
padding: 0px;
|
|
51
|
+
margin: 0px;
|
|
52
|
+
color: black;
|
|
53
|
+
text-decoration: none !important;
|
|
54
|
+
display: -webkit-box;
|
|
55
|
+
-webkit-box-orient: vertical;
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
line-clamp: inherit;
|
|
58
|
+
-webkit-line-clamp: 3;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.ns_product_search_item_link:hover {
|
|
62
|
+
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@media (min-width: 1024px) {
|
|
66
|
+
.ns_product_search_column_domain {
|
|
67
|
+
height: 100%;
|
|
68
|
+
width: 272px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.ns_product_search_column_link {
|
|
72
|
+
width: 560px;
|
|
73
|
+
}
|
|
74
|
+
}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.4.
|
|
11
|
+
"version": "1.4.404",
|
|
12
12
|
"author": "Amir Abolhasani",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ant-design/charts": "^2.3.0",
|
|
25
25
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
26
|
-
"@types/node": "^22.15.
|
|
26
|
+
"@types/node": "^22.15.30",
|
|
27
27
|
"@types/react": "^18.3.12",
|
|
28
28
|
"@types/react-bootstrap": "^1.1.0",
|
|
29
29
|
"@types/react-dom": "^18.3.1",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
"chart.js": "^4.4.9",
|
|
35
35
|
"copyfiles": "^2.4.1",
|
|
36
36
|
"link-react": "^3.0.0",
|
|
37
|
-
"namirasoft-api-link": "^1.4.
|
|
38
|
-
"namirasoft-api-product": "^1.4.
|
|
37
|
+
"namirasoft-api-link": "^1.4.17",
|
|
38
|
+
"namirasoft-api-product": "^1.4.31",
|
|
39
39
|
"namirasoft-core": "^1.4.76",
|
|
40
40
|
"namirasoft-schema": "^1.4.25",
|
|
41
41
|
"namirasoft-site": "^1.4.38",
|
|
42
|
-
"namirasoft-site-map": "^1.4.
|
|
42
|
+
"namirasoft-site-map": "^1.4.28",
|
|
43
43
|
"os-browserify": "^0.3.0",
|
|
44
44
|
"path-browserify": "^1.0.1",
|
|
45
45
|
"react": "^18.3.1",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"react-gtm-module": "^2.0.11",
|
|
51
51
|
"react-phone-input-2": "^2.15.1",
|
|
52
52
|
"react-phone-number-input": "^3.4.12",
|
|
53
|
-
"react-router-dom": "^7.6.
|
|
53
|
+
"react-router-dom": "^7.6.2",
|
|
54
54
|
"react-scripts": "^5.0.1",
|
|
55
55
|
"styled-components": "^6.1.18",
|
|
56
56
|
"xlsx": "^0.18.5"
|
package/src/App.tsx
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import React, { ReactNode } from "react";
|
|
3
|
+
import React, { createRef, ReactNode } from "react";
|
|
4
4
|
import Styles from "./NSHeader.module.css";
|
|
5
5
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
6
6
|
import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
|
|
7
7
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
8
8
|
import { IHeaderRightProps } from "../props/IHeaderRightProps";
|
|
9
9
|
import { IHeaderLeftProps } from "../props/IHeaderLeftProps";
|
|
10
|
-
import { IStorageLocal, CacheService } from "namirasoft-core";
|
|
10
|
+
import { IStorageLocal, CacheService, SetTimeouService } from "namirasoft-core";
|
|
11
11
|
import { EnvService } from 'namirasoft-core'
|
|
12
12
|
import { NSRouterMakerProps } from "../routing/NSRouterMakerProps";
|
|
13
|
+
import { NSBoxSearch } from "./NSBoxSearch";
|
|
14
|
+
import { NSDialog } from "./NSDialog";
|
|
15
|
+
import { NSProductSearch } from "./NSProductSearch";
|
|
16
|
+
|
|
13
17
|
export interface NSHeaderProps extends IBaseComponentProps, NSRouterMakerProps
|
|
14
18
|
{
|
|
15
19
|
nav?: IBaseComponentProps;
|
|
@@ -23,7 +27,8 @@ export interface NSHeaderState
|
|
|
23
27
|
{
|
|
24
28
|
filters: FilterLinkFullRow[];
|
|
25
29
|
selected: FilterLinkFullRow | null;
|
|
26
|
-
|
|
30
|
+
show_navbar: boolean;
|
|
31
|
+
search: string;
|
|
27
32
|
}
|
|
28
33
|
|
|
29
34
|
export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
@@ -32,6 +37,10 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
32
37
|
rows: FilterLinkFullRow[];
|
|
33
38
|
count: number;
|
|
34
39
|
}>;
|
|
40
|
+
private service = new SetTimeouService();
|
|
41
|
+
|
|
42
|
+
NSBoxSearch_Ref = createRef<NSBoxSearch>();
|
|
43
|
+
NSProductSearch_Ref = createRef<NSProductSearch>();
|
|
35
44
|
|
|
36
45
|
constructor(props: NSHeaderProps)
|
|
37
46
|
{
|
|
@@ -39,7 +48,8 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
39
48
|
this.state = {
|
|
40
49
|
filters: [],
|
|
41
50
|
selected: null,
|
|
42
|
-
|
|
51
|
+
show_navbar: false,
|
|
52
|
+
search: ""
|
|
43
53
|
};
|
|
44
54
|
this.hasChild = this.hasChild.bind(this);
|
|
45
55
|
this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
|
|
@@ -55,6 +65,7 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
55
65
|
let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, props.notifier.onError);
|
|
56
66
|
return server.filter.ListFilterLinks(this.props.left.scope, this.props.left.name, null, null, null, []);
|
|
57
67
|
});
|
|
68
|
+
this.service = new SetTimeouService();
|
|
58
69
|
}
|
|
59
70
|
override componentDidMount(): void
|
|
60
71
|
{
|
|
@@ -105,7 +116,7 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
105
116
|
}
|
|
106
117
|
handleShowNavbar(): void
|
|
107
118
|
{
|
|
108
|
-
this.setState({
|
|
119
|
+
this.setState({ show_navbar: !this.state.show_navbar });
|
|
109
120
|
}
|
|
110
121
|
override render()
|
|
111
122
|
{
|
|
@@ -141,9 +152,52 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
141
152
|
</h2>
|
|
142
153
|
}
|
|
143
154
|
<div className={`${Styles.ns_navbar_content} `} >
|
|
144
|
-
<div className={`${Styles.ns_navbar_elements} ${this.state.
|
|
155
|
+
<div className={`${Styles.ns_navbar_elements} ${this.state.show_navbar && Styles.ns_navbar_active}`}>
|
|
145
156
|
{this.render_menu(0, null)}
|
|
146
157
|
</div>
|
|
158
|
+
<NSBoxSearch
|
|
159
|
+
ref={this.NSBoxSearch_Ref}
|
|
160
|
+
required={false}
|
|
161
|
+
title=""
|
|
162
|
+
hideHeader
|
|
163
|
+
placeholder="Search"
|
|
164
|
+
style={{
|
|
165
|
+
flex: 0.8
|
|
166
|
+
}}
|
|
167
|
+
input={{
|
|
168
|
+
style: { zIndex: 1000 }
|
|
169
|
+
}}
|
|
170
|
+
onChanged={(e) =>
|
|
171
|
+
{
|
|
172
|
+
let search = e.getValue(false) ?? "";
|
|
173
|
+
if (search.length === 0)
|
|
174
|
+
this.setState({ search });
|
|
175
|
+
else
|
|
176
|
+
this.service.setTimeoutIfNotCalledAgain(() =>
|
|
177
|
+
{
|
|
178
|
+
let search = e.getValue(false) ?? "";
|
|
179
|
+
this.setState({ search });
|
|
180
|
+
this.NSProductSearch_Ref.current?.reload(search);
|
|
181
|
+
}, 700);
|
|
182
|
+
}}
|
|
183
|
+
></NSBoxSearch>
|
|
184
|
+
|
|
185
|
+
{
|
|
186
|
+
this.state.search.length >= 3 &&
|
|
187
|
+
<NSDialog
|
|
188
|
+
onClose={() =>
|
|
189
|
+
{
|
|
190
|
+
this.NSBoxSearch_Ref.current?.setValue("");
|
|
191
|
+
}}
|
|
192
|
+
center_dialog={true}
|
|
193
|
+
style={{ maxHeight: "80vh" }}
|
|
194
|
+
>
|
|
195
|
+
<NSProductSearch
|
|
196
|
+
ref={this.NSProductSearch_Ref}
|
|
197
|
+
search={this.state.search}
|
|
198
|
+
/>
|
|
199
|
+
</NSDialog>
|
|
200
|
+
}
|
|
147
201
|
{
|
|
148
202
|
this.props.right &&
|
|
149
203
|
<div className="d-flex gap-3 align-items-center">
|
|
@@ -187,7 +241,7 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
187
241
|
<img
|
|
188
242
|
src=
|
|
189
243
|
{
|
|
190
|
-
this.state.
|
|
244
|
+
this.state.show_navbar ?
|
|
191
245
|
"https://static.namirasoft.com/image/concept/close/white.svg"
|
|
192
246
|
: "https://static.namirasoft.com/image/concept/menu/burger-white.svg"
|
|
193
247
|
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
.ns_product_search_column_domain {
|
|
2
|
+
width: 100%;
|
|
3
|
+
gap: 0px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ns_product_search_column_link {
|
|
7
|
+
width: 100%;
|
|
8
|
+
gap: 0px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_product_search_item_domain_parent {
|
|
12
|
+
width: 100%;
|
|
13
|
+
display: flex;
|
|
14
|
+
gap: 0px;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_product_search_item_domain {
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 48px;
|
|
21
|
+
text-decoration: none !important;
|
|
22
|
+
transition: box-shadow 0.3s ease;
|
|
23
|
+
border-radius: 12px;
|
|
24
|
+
padding: 0px 16px;
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ns_product_search_item_domain:hover {
|
|
30
|
+
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_product_search_item_link_parent {
|
|
34
|
+
width: 100%;
|
|
35
|
+
display: flex;
|
|
36
|
+
gap: 4px;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_product_search_item_link {
|
|
41
|
+
height: max-content;
|
|
42
|
+
text-decoration: none !important;
|
|
43
|
+
transition: box-shadow 0.3s ease;
|
|
44
|
+
padding: 16px;
|
|
45
|
+
border-radius: 12px;
|
|
46
|
+
border: 1px solid rgb(236, 236, 236);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.ns_product_search_item_link p {
|
|
50
|
+
padding: 0px;
|
|
51
|
+
margin: 0px;
|
|
52
|
+
color: black;
|
|
53
|
+
text-decoration: none !important;
|
|
54
|
+
display: -webkit-box;
|
|
55
|
+
-webkit-box-orient: vertical;
|
|
56
|
+
overflow: hidden;
|
|
57
|
+
line-clamp: inherit;
|
|
58
|
+
-webkit-line-clamp: 3;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.ns_product_search_item_link:hover {
|
|
62
|
+
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@media (min-width: 1024px) {
|
|
66
|
+
.ns_product_search_column_domain {
|
|
67
|
+
height: 100%;
|
|
68
|
+
width: 272px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.ns_product_search_column_link {
|
|
72
|
+
width: 560px;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
5
|
+
import { DomainRow, LinkFullRow, NamirasoftAPILinkServer } from "namirasoft-api-link";
|
|
6
|
+
import { EnvService } from "namirasoft-core";
|
|
7
|
+
import { NSLoading } from "./NSLoading";
|
|
8
|
+
import { NSSection } from "./NSSection";
|
|
9
|
+
import { NSColumn } from "./NSColumn";
|
|
10
|
+
import { NSRow } from "./NSRow";
|
|
11
|
+
import { NSTitle } from "./NSTitle";
|
|
12
|
+
import { NSLine } from "./NSLine";
|
|
13
|
+
import { NSSpace, NSSpaceSizeType } from "./NSSpace";
|
|
14
|
+
import Styles from "./NSProductSearch.module.css";
|
|
15
|
+
|
|
16
|
+
export interface NSProductSearchProps extends IBaseComponentProps
|
|
17
|
+
{
|
|
18
|
+
search: string;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export interface NSProductSearchState
|
|
22
|
+
{
|
|
23
|
+
domains: DomainRow[] | null;
|
|
24
|
+
links: LinkFullRow[] | null;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export class NSProductSearch extends React.Component<NSProductSearchProps, NSProductSearchState>
|
|
28
|
+
{
|
|
29
|
+
constructor(props: NSProductSearchProps)
|
|
30
|
+
{
|
|
31
|
+
super(props);
|
|
32
|
+
this.state = {
|
|
33
|
+
domains: null,
|
|
34
|
+
links: null
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
reload(search: string)
|
|
38
|
+
{
|
|
39
|
+
this.setState({ domains: null, links: null });
|
|
40
|
+
let REACT_APP_BASE_URL_API_LINK = new EnvService("REACT_APP_BASE_URL_API_LINK").getString();
|
|
41
|
+
let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, console.error);
|
|
42
|
+
server.domain.Search(search, 10).then(res =>
|
|
43
|
+
{
|
|
44
|
+
this.setState({ domains: res.rows });
|
|
45
|
+
}).catch(() => { });
|
|
46
|
+
server.link.Search(search, 10).then(res =>
|
|
47
|
+
{
|
|
48
|
+
this.setState({ links: res.rows });
|
|
49
|
+
}).catch(() => { });
|
|
50
|
+
}
|
|
51
|
+
override componentDidMount()
|
|
52
|
+
{
|
|
53
|
+
this.reload(this.props.search);
|
|
54
|
+
}
|
|
55
|
+
override render()
|
|
56
|
+
{
|
|
57
|
+
let domains;
|
|
58
|
+
let links;
|
|
59
|
+
if (this.state.domains)
|
|
60
|
+
{
|
|
61
|
+
let more_domains = [];
|
|
62
|
+
if (this.state.links)
|
|
63
|
+
{
|
|
64
|
+
let ds = this.state.links.map(l => l.domain);
|
|
65
|
+
for (let i = 0; i < ds.length; i++)
|
|
66
|
+
{
|
|
67
|
+
if (this.state.domains.filter(d => d.id === ds[i].id).length === 0 && more_domains.filter(d => d.id === ds[i].id).length === 0)
|
|
68
|
+
more_domains.push(ds[i]);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
let render_domain = (domain: DomainRow) =>
|
|
72
|
+
{
|
|
73
|
+
return <a href={domain.url} className={Styles.ns_product_search_item_domain}>
|
|
74
|
+
<div>
|
|
75
|
+
<img
|
|
76
|
+
src={domain.logo ?? ""}
|
|
77
|
+
alt={domain.name}
|
|
78
|
+
width={24}
|
|
79
|
+
height={24}
|
|
80
|
+
style={{ marginRight: "8px" }}
|
|
81
|
+
/>
|
|
82
|
+
{domain.name}
|
|
83
|
+
</div>
|
|
84
|
+
</a>;
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
domains = <>
|
|
88
|
+
<NSTitle
|
|
89
|
+
title="Domains"
|
|
90
|
+
style={{ margin: "0px" }}
|
|
91
|
+
/>
|
|
92
|
+
<NSSpace
|
|
93
|
+
size={NSSpaceSizeType.MICRO}
|
|
94
|
+
/>
|
|
95
|
+
<NSLine />
|
|
96
|
+
<NSSpace
|
|
97
|
+
size={NSSpaceSizeType.MINI}
|
|
98
|
+
/>
|
|
99
|
+
<div className={Styles.ns_product_search_item_domain_parent}>
|
|
100
|
+
{
|
|
101
|
+
this.state.domains.map(render_domain)
|
|
102
|
+
}
|
|
103
|
+
</div>
|
|
104
|
+
{
|
|
105
|
+
more_domains.length > 0 &&
|
|
106
|
+
<>
|
|
107
|
+
<NSTitle
|
|
108
|
+
title="More"
|
|
109
|
+
style={{ margin: "0px" }}
|
|
110
|
+
/>
|
|
111
|
+
<NSSpace
|
|
112
|
+
size={NSSpaceSizeType.MICRO}
|
|
113
|
+
/>
|
|
114
|
+
<NSLine />
|
|
115
|
+
<NSSpace
|
|
116
|
+
size={NSSpaceSizeType.MICRO}
|
|
117
|
+
/>
|
|
118
|
+
<div className={Styles.ns_product_search_item_domain_parent}>
|
|
119
|
+
{
|
|
120
|
+
more_domains.map(render_domain)
|
|
121
|
+
}
|
|
122
|
+
</div>
|
|
123
|
+
</>
|
|
124
|
+
}
|
|
125
|
+
</>;
|
|
126
|
+
}
|
|
127
|
+
else
|
|
128
|
+
domains = <NSLoading
|
|
129
|
+
small
|
|
130
|
+
/>;
|
|
131
|
+
|
|
132
|
+
if (this.state.links)
|
|
133
|
+
links = <>
|
|
134
|
+
|
|
135
|
+
<NSTitle
|
|
136
|
+
title="Links"
|
|
137
|
+
style={{ margin: "0px" }}
|
|
138
|
+
/>
|
|
139
|
+
<NSSpace
|
|
140
|
+
size={NSSpaceSizeType.MICRO}
|
|
141
|
+
/>
|
|
142
|
+
<NSLine />
|
|
143
|
+
<NSSpace
|
|
144
|
+
size={NSSpaceSizeType.MINI}
|
|
145
|
+
/>
|
|
146
|
+
<div className={Styles.ns_product_search_item_link_parent}>
|
|
147
|
+
{
|
|
148
|
+
this.state.links.map(link =>
|
|
149
|
+
(
|
|
150
|
+
<a href={link.url} className={Styles.ns_product_search_item_link}>
|
|
151
|
+
<div>
|
|
152
|
+
<img
|
|
153
|
+
src={link.logo ?? ""}
|
|
154
|
+
alt={link.name}
|
|
155
|
+
width={48}
|
|
156
|
+
height={48}
|
|
157
|
+
style={{ marginRight: "8px" }}
|
|
158
|
+
/>
|
|
159
|
+
{`${link.name} (${link.domain?.name})`}
|
|
160
|
+
<p>
|
|
161
|
+
{ }
|
|
162
|
+
</p>
|
|
163
|
+
<p>
|
|
164
|
+
{link.description}
|
|
165
|
+
</p>
|
|
166
|
+
</div>
|
|
167
|
+
</a>
|
|
168
|
+
))
|
|
169
|
+
}
|
|
170
|
+
</div>
|
|
171
|
+
</>;
|
|
172
|
+
else
|
|
173
|
+
links = <NSLoading
|
|
174
|
+
small
|
|
175
|
+
/>
|
|
176
|
+
|
|
177
|
+
return <>
|
|
178
|
+
<NSSection>
|
|
179
|
+
<NSRow>
|
|
180
|
+
<NSColumn
|
|
181
|
+
classList={[Styles.ns_product_search_column_domain]}
|
|
182
|
+
>
|
|
183
|
+
{domains}
|
|
184
|
+
</NSColumn>
|
|
185
|
+
<NSColumn
|
|
186
|
+
classList={[Styles.ns_product_search_column_link]}
|
|
187
|
+
>
|
|
188
|
+
{links}
|
|
189
|
+
</NSColumn>
|
|
190
|
+
</NSRow>
|
|
191
|
+
</NSSection >
|
|
192
|
+
</>;
|
|
193
|
+
}
|
|
194
|
+
}
|