namirasoft-site-react 1.3.2 → 1.3.4

package/dist/components/NSTable.modules.css

@@ -0,0 +1,77 @@
+.thead th {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.tbody th {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.tbody td {
+    background-color: rgb(0, 0, 0, 0.3);
+    color: rgba(255, 255, 255, 1);
+    border: none;
+}
+
+.project_list_container {
+    border: none;
+    text-align: left;
+}
+
+@media only screen and (max-width:600px) {
+    .project_list_container {
+        overflow: scroll;
+    }
+}
+
+/* table-satus */
+.inqueue_status {
+    color: white;
+    background-color: rgba(255, 148, 50, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.reserving_status {
+    color: white;
+    background-color: rgba(255, 79, 79, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.done-status {
+    color: white;
+    background-color: rgba(6, 209, 130, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}
+
+.inprogress_status {
+    color: white;
+    background-color: rgba(230, 208, 19, 1);
+    font-size: 12px;
+    width: 96px;
+    height: 24px;
+    border-radius: 24px;
+    border: none;
+    text-align: center;
+    padding-top: 2px;
+}

package/dist/components/NSTitle.module.css

@@ -0,0 +1,10 @@
+.ns_title {
+	font-size: 32px;
+	font-weight: 700;
+	line-height: normal;
+	color: #001664;
+	margin-bottom: 16px;
+	width: 100%;
+	text-align: center;
+	font-family: inherit;
+}

package/dist/main.d.ts

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";

package/dist/main.js

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "namirasoft-site-react",
-    "title": "namirasoft Site React",
+    "title": "Namirasoft Site React",
     "description": "Namira Software Corporation Site React NPM Package",
     "icon": "logo.png",
     "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.2",
+    "version": "1.3.4",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "author": "Amir Abolhasani",
@@ -22,9 +22,9 @@
     },
     "dependencies": {
         "@types/node": "^20.11.30",
-        "@types/react": "^18.2.69",
+        "@types/react": "^18.2.71",
         "@types/react-dom": "^18.2.22",
-        "antd": "^5.15.3",
+        "antd": "^5.15.4",
         "bootstrap": "^5.3.3",
         "link-react": "^3.0.0",
         "namirasoft-api-link": "^1.3.0",

package/src/components/NSCard.module.css

@@ -11,6 +11,7 @@
 	border-radius: 24px;
 	width: 100%;
 	max-width: 358px;
+	position: relative;
 }
 
 .ns_card_detail_container {
@@ -78,6 +79,18 @@
 	width: 100%;
 }
 
+.ns_link_absolute { 
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;	
+	right: 0;
+	top:0;
+	bottom: 0;
+	cursor: pointer;
+}
+
+
 @media only screen and (min-width: 576px) {
 	.ns_card {
 		width: 65%;
@@ -94,4 +107,7 @@
 	.ns_card {
 		width: 31%;
 	}
-}
+}
+
+
+

package/src/components/NSCard.tsx

@@ -7,7 +7,7 @@ import Styles from './NSCard.module.css'
 export interface NSCardProps
 {
 	id?: string | number;
-	title: string;
+	title?: string;
 	description?: string;
 	image: {
 		src: string;
@@ -15,7 +15,7 @@ export interface NSCardProps
 	};
 	link?:
 	{
-		text: string;
+		text?: string;
 		href: string;
 		target?: string;
 	}
@@ -31,7 +31,7 @@ export class NSCard extends Component<NSCardProps> {
 						<div className={Styles.ns_card_title_img} style={{ alignItems: this.props.description ? "flex-start" : "center" }}>
 							<img className={Styles.ns_card_img} src={this.props.image.src} alt={this.props.image.alt} />
 							<h3 className={Styles.ns_card_title}>
-								{this.props.title}
+								{this.props.title && this.props.title }
 							</h3>
 						</div>
 
@@ -43,9 +43,15 @@ export class NSCard extends Component<NSCardProps> {
 
 					</div>
 					{this.props.link &&
+						this.props.link.text ? 
 						<div className={Styles.ns_card_link_container}>
-							<a className={Styles.ns_card_link} href={this.props.link.href} target={this.props.link.target ?? "_self"} >
-								{this.props.link.text}
+							<a className={Styles.ns_card_link} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
+								{this.props.link?.text}
+							</a>
+						</div>
+						: 
+						<div className={Styles.ns_card_link_container}>
+							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
 							</a>
 						</div>
 					}

package/src/components/NSEntityCardBackground.module.css

@@ -0,0 +1,40 @@
+.card_background {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	justify-content: flex-end;
+	gap: 24px 0;
+	box-shadow: 0 2px 10px 4px #00000040;
+	padding: 24px;
+	border-radius: 24px;
+	width: 100%;
+	max-width: 358px;
+	position: relative;
+	color: #fff;
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center;
+	min-height: 320px;
+}
+
+.card_background_text {
+	font-size: 16px;
+	font-weight: 400;
+	line-height: inherit;
+	font-family: inherit;
+}
+
+.ns_card_link_container {
+	width: 100%;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}

package/src/components/NSEntityCardBackground.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { Component } from 'react';
+
+import Styles from './NSEntityCardBackground.module.css'
+import { Background } from '../types/Background';
+
+export interface IProps
+{
+	id?: string | number;
+	title: string;
+	link?:
+	{
+		href: string;
+		target?: string;
+	};
+
+	background?: Background;
+}
+
+interface IState
+{
+	background?: Background;
+}
+
+export class NSEntityCardBackground extends Component<IProps, IState> {
+
+	constructor(props: IProps)
+	{
+		super(props);
+		this.state = {
+			background: {
+				image: `url(${props.background?.image})`,
+				color: props.background?.color,
+				position: props.background?.position
+			}
+		}
+	}
+
+	override render()
+	{
+		return (
+			<>
+				<article className={Styles.card_background}
+					style=
+					{{
+						backgroundImage: this.state.background?.image,
+						backgroundColor: this.state.background?.color,
+						backgroundPosition: this.state.background?.position
+					}}
+				>
+
+					<p className={Styles.card_background_text}>
+						{this.props.title}
+					</p>
+
+
+					{this.props.link &&
+						<div className={Styles.ns_card_link_container}>
+							<a className={Styles.ns_link_absolute} href={this.props.link?.href} target={this.props.link?.target ?? "_self"} >
+							</a>
+						</div>
+					}
+				</article >
+			</>
+		);
+	}
+}

package/src/components/NSHeader.tsx

@@ -10,7 +10,8 @@ interface IProps
 {
     scope: string;
     name: string;
-    logo: string;
+	logo: string;
+	account?: boolean;
 }
 
 interface IState
@@ -70,23 +71,27 @@ export class NSHeader extends React.Component<IProps, IState> {
                     <div className={`${Styles.ns_navbar_content} `} >
                         <div className={`${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`}>
                             {this.render_menu(0, null)}
-                        </div>
-                        <div className={`${Styles.ns_navbar_login_status}`}>
-                            <span className={`${Styles.ns_navbar_usersname}`}>name</span>
-                            <img src='../assets/images/exit.svg'
-                                alt="Exit"
-                                width={20}
-                                height={20}
-                            />
-                        </div>
-                        <div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
-                            <img
-                                src='../assets/images/menu.svg'
-                                alt="Menu"
-                                width={19}
-                                height={17}
-                            />
-                        </div>
+						</div>
+						{this.props.account && 
+							<> 
+								<div className={`${Styles.ns_navbar_login_status}`}>
+									<span className={`${Styles.ns_navbar_usersname}`}>name</span>
+									<img src='../assets/images/exit.svg'
+										alt="Exit"
+										width={20}
+										height={20}
+										/>
+								</div>
+								<div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
+									<img
+										src='../assets/images/menu.svg'
+										alt="Menu"
+										width={19}
+										height={17}
+										/>
+								</div>
+							</>
+							}
                     </div>
                 </div>
             </nav>

package/src/main.ts

@@ -1,6 +1,7 @@
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
+export * from "./components/NSEntityCardBackground";
 export * from "./components/NSEntityBar";
 export * from "./components/NSFooter";
 export * from "./components/NSHeader";