redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dev #1

Merged
redrockjs merged 66 commits from dev into main 2025-12-11 08:37:11 +00:00
Conversation 0 Commits 66 Files Changed 879 +407 -538
4 changed files with 407 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 359f3a32c4 - Show all commits

98
src/core/constants/menu.ts
View File

@@ -1,231 +1,163 @@
import { ROUTES } from '@core/constants/route'; import { ROUTES } from '@core/constants/route';
export const Menu = [ export type TMenu = {
name: string;
link?: string;
children?: TMenu;
}[];
export const baseMenu: TMenu = [
{ {
menuItem: {
name: 'Экспертиза', name: 'Экспертиза',
children: [ children: [
{ {
menuItem: {
name: 'Автотехническая', name: 'Автотехническая',
link: ROUTES.EXPERTIZA_AUTOTECH, link: ROUTES.EXPERTIZA_AUTOTECH,
}, },
},
{ {
menuItem: {
name: 'Трасологическая', name: 'Трасологическая',
link: ROUTES.EXPERTIZA_TRASOLOGIA, link: ROUTES.EXPERTIZA_TRASOLOGIA,
}, },
},
{ {
menuItem: {
name: 'Пожарно-техническая', name: 'Пожарно-техническая',
link: ROUTES.EXPERTIZA_POZHAR, link: ROUTES.EXPERTIZA_POZHAR,
}, },
},
{ {
menuItem: {
name: 'Товароведческая', name: 'Товароведческая',
link: ROUTES.EXPERTIZA_TOVAR, link: ROUTES.EXPERTIZA_TOVAR,
}, },
},
{ {
menuItem: {
name: 'Рецензирование и проверка экспертизы', name: 'Рецензирование и проверка экспертизы',
link: ROUTES.EXPERTIZA_RECENZII, link: ROUTES.EXPERTIZA_RECENZII,
}, },
},
{ {
menuItem: {
name: 'Документарная', name: 'Документарная',
link: ROUTES.EXPERTIZA_DOCUMENT, link: ROUTES.EXPERTIZA_DOCUMENT,
}, },
},
{ {
menuItem: {
name: 'Бухгалтерская', name: 'Бухгалтерская',
link: ROUTES.EXPERTIZA_BUHGALTER, link: ROUTES.EXPERTIZA_BUHGALTER,
}, },
},
{ {
menuItem: {
name: 'Финансово-экономическая', name: 'Финансово-экономическая',
link: ROUTES.EXPERTIZA_FINANS, link: ROUTES.EXPERTIZA_FINANS,
}, },
},
{ {
menuItem: {
name: 'Земле-устроительная', name: 'Земле-устроительная',
link: ROUTES.EXPERTIZA_ZEM_STROY, link: ROUTES.EXPERTIZA_ZEM_STROY,
}, },
},
{ {
menuItem: {
name: 'Кадастровая', name: 'Кадастровая',
link: ROUTES.EXPERTIZA_KADASTR, link: ROUTES.EXPERTIZA_KADASTR,
}, },
},
{ {
menuItem: {
name: 'Строительно-техническая', name: 'Строительно-техническая',
link: ROUTES.EXPERTIZA_STROIT, link: ROUTES.EXPERTIZA_STROIT,
}, },
},
{ {
menuItem: {
name: 'Компьютерно-техническая', name: 'Компьютерно-техническая',
link: ROUTES.EXPERTIZA_COPMPUTER, link: ROUTES.EXPERTIZA_COPMPUTER,
}, },
},
{ {
menuItem: {
name: 'Почерковедческая', name: 'Почерковедческая',
link: ROUTES.EXPERTIZA_POCHERK, link: ROUTES.EXPERTIZA_POCHERK,
}, },
},
{ {
menuItem: {
name: 'Технико-криминалистическая', name: 'Технико-криминалистическая',
link: ROUTES.EXPERTIZA_TECH_CRIM, link: ROUTES.EXPERTIZA_TECH_CRIM,
}, },
},
], ],
}, },
},
{ {
menuItem: {
name: 'Оценка', name: 'Оценка',
children: [ children: [
{ {
menuItem: {
name: 'По ситуации', name: 'По ситуации',
children: [ children: [
{ {
menuItem: {
name: 'Независимая оценка', name: 'Независимая оценка',
link: ROUTES.OCENKA_NEZAVISIM, link: ROUTES.OCENKA_NEZAVISIM,
}, },
},
{ {
menuItem: {
name: 'Оценка для опеки', name: 'Оценка для опеки',
link: ROUTES.OCENKA_OPEKA, link: ROUTES.OCENKA_OPEKA,
}, },
},
{ {
menuItem: {
name: 'Оценка для нотариуса', name: 'Оценка для нотариуса',
link: ROUTES.OCENKA_NOTARIUS, link: ROUTES.OCENKA_NOTARIUS,
}, },
},
{ {
menuItem: {
name: 'Оценка для вступления в наследство', name: 'Оценка для вступления в наследство',
link: ROUTES.OCENKA_NASLEDSTVO, link: ROUTES.OCENKA_NASLEDSTVO,
}, },
},
{ {
menuItem: {
name: 'Оценка для страхования', name: 'Оценка для страхования',
link: ROUTES.OCENKA_STRAHOVANIE, link: ROUTES.OCENKA_STRAHOVANIE,
}, },
},
{ {
menuItem: {
name: 'Оценка для определения стоимости ущерба', name: 'Оценка для определения стоимости ущерба',
link: ROUTES.OCENKA_USCHERB, link: ROUTES.OCENKA_USCHERB,
}, },
},
{ {
menuItem: {
name: 'Оценка имущества при разводе', name: 'Оценка имущества при разводе',
link: ROUTES.OCENKA_RAZVOD, link: ROUTES.OCENKA_RAZVOD,
}, },
},
{ {
menuItem: {
name: 'Оценка недвижимости для суда', name: 'Оценка недвижимости для суда',
link: ROUTES.OCENKA_SUD, link: ROUTES.OCENKA_SUD,
}, },
},
{ {
menuItem: {
name: 'Оценка для внесения в уставный капитал', name: 'Оценка для внесения в уставный капитал',
link: ROUTES.OCENKA_USTAV_KAPITAL, link: ROUTES.OCENKA_USTAV_KAPITAL,
}, },
},
{ {
menuItem: {
name: 'Оценка для ипотеки', name: 'Оценка для ипотеки',
link: ROUTES.OCENKA_IPOTEKA, link: ROUTES.OCENKA_IPOTEKA,
}, },
},
{ {
menuItem: {
name: 'Оценка для банка', name: 'Оценка для банка',
link: ROUTES.OCENKA_BANK, link: ROUTES.OCENKA_BANK,
}, },
},
{ {
menuItem: {
name: 'Оценка имущества для банкротства', name: 'Оценка имущества для банкротства',
link: ROUTES.OCENKA_BANKROTSTV, link: ROUTES.OCENKA_BANKROTSTV,
}, },
},
], ],
}, },
},
{ {
menuItem: {
name: 'Жилая недвижимость', name: 'Жилая недвижимость',
children: [ children: [
{ {
menuItem: {
name: 'Оценка квартиры', name: 'Оценка квартиры',
link: ROUTES.OCENKA_KVARTIRA, link: ROUTES.OCENKA_KVARTIRA,
}, },
},
{ {
menuItem: {
name: 'Оценка жилого дома', name: 'Оценка жилого дома',
link: ROUTES.OCENKA_DOM, link: ROUTES.OCENKA_DOM,
}, },
},
{ {
menuItem: {
name: 'Оценка земельного участка', name: 'Оценка земельного участка',
link: ROUTES.OCENKA_UCHASTOK, link: ROUTES.OCENKA_UCHASTOK,
}, },
},
{ {
menuItem: {
name: 'Оценка гаража', name: 'Оценка гаража',
link: ROUTES.OCENKA_GARAZH, link: ROUTES.OCENKA_GARAZH,
}, },
},
{ {
menuItem: {
name: 'Оценка ущерба недвижимости', name: 'Оценка ущерба недвижимости',
link: ROUTES.OCENKA_USCHERB_NEDVIGI, link: ROUTES.OCENKA_USCHERB_NEDVIGI,
}, },
},
{ {
menuItem: {
name: 'Оценка ущерба от залива', name: 'Оценка ущерба от залива',
link: ROUTES.OCENKA_ZATOPLENIE, link: ROUTES.OCENKA_ZATOPLENIE,
}, },
},
{ {
menuItem: {
name: 'Оценка ущерба от пожара', name: 'Оценка ущерба от пожара',
link: ROUTES.OCENKA_POZHAR, link: ROUTES.OCENKA_POZHAR,
}, },
},
], ],
}, },
},
{ {
menuItem: {
name: 'Коммерческая недвижимость', name: 'Коммерческая недвижимость',
children: [ children: [
{ {
@@ -258,9 +190,7 @@ export const Menu = [
}, },
], ],
}, },
},
{ {
menuItem: {
name: 'Имущество', name: 'Имущество',
children: [ children: [
{ {
@@ -293,9 +223,7 @@ export const Menu = [
}, },
], ],
}, },
},
{ {
menuItem: {
name: 'Ипотека', name: 'Ипотека',
children: [ children: [
{ {
@@ -308,9 +236,7 @@ export const Menu = [
}, },
], ],
}, },
},
{ {
menuItem: {
name: 'Транспорт', name: 'Транспорт',
children: [ children: [
{ {
@@ -343,12 +269,9 @@ export const Menu = [
}, },
], ],
}, },
},
], ],
}, },
},
{ {
menuItem: {
name: 'Юрист', name: 'Юрист',
children: [ children: [
{ {
@@ -402,5 +325,12 @@ export const Menu = [
}, },
], ],
}, },
{
name: 'Эксперты',
link: ROUTES.EXPERTS,
},
{
name: 'Контакты',
link: ROUTES.CONTACTS,
}, },
]; ];

42
src/entities/base-menu/styles.module.scss
View File

@@ -19,7 +19,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: rem(24px); gap: rem(32px);
} }
.Parent { .Parent {
@@ -27,35 +27,45 @@
position: relative; position: relative;
float: left; float: left;
line-height: 40px; line-height: 40px;
//background-color: #ffc72c;
//border-right: #CCC 1px solid; .Row {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
cursor: default;
} }
.Parent a { & a {
//margin: 10px 24px;
//color: #5d3200;
text-decoration: none; text-decoration: none;
} }
.Parent:hover > ul { &:hover > ul {
display: block; display: block;
position: absolute; position: absolute;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
} }
}
.Child { .Child {
display: none; display: none;
}
.Child li { & li {
background-color: #FFFFFF; background-color: #FFFFFF;
line-height: 40px; line-height: 40px;
padding: 0 10px; padding: 4px 16px;
width: 100%; width: 100%;
text-wrap: nowrap;
& a {
color: $color-text;
display: block;
}
} }
.Child li a { & .Parent > .Row > .Expand {
color: $color-text; transform: rotateZ(0deg);
}
} }
ul { ul {
@@ -94,13 +104,7 @@
} }
.Expand { .Expand {
font-size: 16px; transform: rotateZ(90deg);
float: right;
margin-left: 8px;
color: $color-text
} }
} }
.Invite {
}
} }

150
src/entities/base-menu/ui.tsx
View File

@@ -1,51 +1,45 @@
import s from './styles.module.scss'; import s from './styles.module.scss';
import Image from 'next/image'; import Image from 'next/image';
import dtrLogo from '@public/images/dtr-logo-eagle.png'; import dtrLogo from '@public/images/dtr-logo-eagle.png';
import { baseMenu, TMenu } from '@core/constants/menu';
import { Icons } from '@shared/ui/icon';
import Link from 'next/link';
function BaseMenu() { function BaseMenu() {
const Menu = ({ list }: { list: TMenu }) => {
const nodeList = (list: TMenu) => {
return list.map((item, index) => {
if (item.children && item.children.length) {
return (
<li key={index} className={s.Parent}>
<div className={s.Row}>
{item.name}
<Icons.MenuArrow className={s.Expand} />
</div>
<ul className={s.Child}>{nodeList(item.children)}</ul>
</li>
);
}
return (
<li key={index}>
<Link href={item.link!}>{item.name}</Link>
</li>
);
});
};
return (
<nav className={s.Nav}>
<ul className={s.Menu}>{nodeList(list)}</ul>
</nav>
);
};
return ( return (
<section className={s.ContainerNavbar}> <section className={s.ContainerNavbar}>
<div className={s.Navbar}> <div className={s.Navbar}>
<Image src={dtrLogo} alt={'ДиТрасо'} quality={75} priority /> <Image src={dtrLogo} alt={'ДиТрасо'} quality={75} priority />
<nav className={s.Nav}> <Menu list={baseMenu} />
<ul className={s.Menu}>
<li>
<a href='#'>Экспертиза</a>
</li>
<li className={s.Parent}>
<a href='#'>Оценка</a> <span className={s.Expand}>&#129170;</span>
<ul className={s.Child}>
<li>
<a href='#'>Link1</a>
</li>
<li className={s.Parent}>
<a href='#'>Link2</a>{' '}
<span className={s.Expand}>&#129170;</span>
<ul className={s.Child}>
<li>
<a href='#'>SubLink 1 asdasd</a>
</li>
<li>
<a href='#'>SubLink 2 asdasdasd</a>
</li>
<li>
<a href='#'>SubLink 3 xczzxcc</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href='#'>Юрист</a>
</li>
<li>
<a href='#'>Эксперты</a>
</li>
<li>
<a href='#'>Контакты</a>
</li>
</ul>
</nav>
<div className={s.Invite}> <div className={s.Invite}>
<button>+7 (999) 123-45-67</button> <button>+7 (999) 123-45-67</button>
</div> </div>
@@ -55,81 +49,3 @@ function BaseMenu() {
} }
export { BaseMenu }; export { BaseMenu };
const Menu = [
{
menuItem: {
name: 'Home',
link: '/home',
},
},
{
menuItem: {
name: 'Link1',
children: [
{
menuItem: {
name: 'link1-1',
link: '/home',
},
},
{
menuItem: {
name: 'link1-2',
link: '/home',
},
},
{
menuItem: {
name: 'link1-3',
link: '/home',
},
},
],
},
},
{
menuItem: {
name: 'Link2',
children: [
{
menuItem: {
name: 'link2-1',
link: '/home',
},
},
{
menuItem: {
name: 'link2-2',
children: [
{
menuItem: {
name: 'link2-1',
link: '/home',
},
},
{
menuItem: {
name: 'link2-2',
link: '/home',
},
},
{
menuItem: {
name: 'link2-3',
link: '/home',
},
},
],
},
},
{
menuItem: {
name: 'link2-3',
link: '/home',
},
},
],
},
},
];

21
src/shared/ui/icon/ui.tsx
View File

@@ -144,9 +144,28 @@ function Youtube(props: SVGIcon) {
); );
} }
//WeuiArrowFilled
export function MenuArrow(props: SVGIcon) {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
width={12}
height={24}
viewBox='0 0 12 24'
{...props}
>
<path
fill='currentColor'
fillRule='evenodd'
d='M10.157 12.711L4.5 18.368l-1.414-1.414l4.95-4.95l-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414'
></path>
</svg>
);
}
const Icons = Object.assign( const Icons = Object.assign(
{}, {},
{ Map, Envelope, Whatsapp, Telegram, Phone, Vk, Youtube }, { Map, Envelope, Whatsapp, Telegram, Phone, Vk, Youtube, MenuArrow },
); );
export { Icons }; export { Icons };