From fbedda1c5103db3515714e9731d57cade7f10532 Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Fri, 24 May 2024 12:44:10 +0300 Subject: [PATCH] routing complete --- src/app/_services/seo.service.ts | 4 +- src/app/about/about.component.html | 82 +++++++++++++++++ src/app/about/about.component.scss | 127 ++++++++++++++++++++++++++ src/app/about/about.component.spec.ts | 23 +++++ src/app/about/about.component.ts | 65 +++++++++++++ src/app/app.component.html | 4 +- src/app/app.component.ts | 6 +- src/app/app.routes.ts | 24 +++++ src/app/home/home.component.html | 10 -- src/app/home/home.component.ts | 4 +- src/app/reviews/reviews.component.ts | 13 --- 11 files changed, 331 insertions(+), 31 deletions(-) create mode 100644 src/app/about/about.component.html create mode 100644 src/app/about/about.component.scss create mode 100644 src/app/about/about.component.spec.ts create mode 100644 src/app/about/about.component.ts diff --git a/src/app/_services/seo.service.ts b/src/app/_services/seo.service.ts index 97d3c6a..ae9deb4 100644 --- a/src/app/_services/seo.service.ts +++ b/src/app/_services/seo.service.ts @@ -1,6 +1,6 @@ import {Injectable} from '@angular/core'; import { Meta, Title } from '@angular/platform-browser'; -import { environment } from 'src/environments/environment'; +import { environment } from '../../environments/environment'; import { Router } from '@angular/router'; import { filter } from "rxjs/operators"; @@ -16,7 +16,7 @@ export class SEOService { ) .subscribe( (event)=>{ - console.log(event.routerEvent.url); + console.log('Seo', event.routerEvent.url); let data = this.seoData[event.routerEvent.url] if(data){ this.updateTitle(data.title); diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html new file mode 100644 index 0000000..18f6a7b --- /dev/null +++ b/src/app/about/about.component.html @@ -0,0 +1,82 @@ +
+
+

О нас

+
+ ​ +
+ + + +
+
+ +
+
+ +
+
+

Кто мы

+
+
+ ООО «НИР» — российская ИТ-компания, специализирующаяся на разработке импортонезависимого ПО и автоматизации сложных процессов. С 2016 года мы беремся за самые амбициозные проекты и выполняем их точно в срок. +
+
+ +
+
+
+

Наша миссия

+
Мы хотим сделать жизнь людей проще. Для этого мы упрощаем их работу, передавая рутинные и трудоемкие задачи компьютерам, освобождая время для более важных дел.
+
+
+ +
+
+

Факты о нас

+
+
+
+

8 лет

+ на рынке +
+
+

100+

+ реализованных проектов +
+
+

500+

+ на рынке +
+
+

№ 12571

+ Аккредитация в Минцифры +
+
+
+ +
+
+
+
+
+
+
+
+
+
+

Как мы работаем

+
+
{{item.number}}
+
+
{{item.header}}
+
{{item.caption}}
+
{{item.timing}}
+
+
+
+ +
+ +
+ +
\ No newline at end of file diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss new file mode 100644 index 0000000..cc12b7a --- /dev/null +++ b/src/app/about/about.component.scss @@ -0,0 +1,127 @@ +.facts{ + margin-top: 30px; +} +// .card-sm{ +// margin-top: 30px; +// } +// .facts-logo div{ +// display: flex; +// align-items: center; +// } + +.mission{ + .mission-left{ + border-radius: 16px; + background-size: cover; + background-position: center; + background-image: url("/assets/img/about-mission.jpg"); + aspect-ratio: 2.1; + } + .mission-right{ + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 30px; + + } +} + +.howork{ + .howork-left{ + border-radius: 16px; + background-size: cover; + background-position: center; + background-image: url("/assets/img/about-howork.jpg"); + aspect-ratio: 582 / 642; + height: 642px; + display: flex; + flex-direction: column-reverse; + flex-wrap: wrap; + gap: 30px; + >div{ + width: calc(50% - 15px); + box-shadow: 0 0 0 30px #FFF; + border-radius: 16px; + aspect-ratio: 1; + &:first-child, &:last-child{ + width: auto; + margin-bottom: auto; + background-color: #FFF; + aspect-ratio: none; + flex-grow: 1; + flex-shrink: 1; + } + } + } + .howork-right{ + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 60px; + .howork-item{ + display: flex; + flex-direction: row; + gap: 30px; + cursor: pointer; + .howork-caption{ + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 10px; + .timing{ + color: var(--Primary-1D45F0, #1D45F0); + font-size: 20px; + font-weight: 600; + line-height: 28px; + } + } + } + } +} + + +@media screen and (max-width: 1240px){ + .jumb-slogan{ + margin-block: 0; + } + + .facts{ + margin-top: 10px; + } + + .howork{ + .howork-left{ + height: 105vw; + width: 100%; + + } + .howork-right{ + gap: 30px; + .howork-item{ + display: flex; + flex-direction: row; + gap: 30px; + cursor: pointer; + h5{ + margin: 0; + } + } + } + } + + .howork{ + .howork-left{ + height: 135%; + width: 100%; + } + .howork-right{ + gap: 30px; + h5{ + margin-block: 10px; + } + } + } +} + + diff --git a/src/app/about/about.component.spec.ts b/src/app/about/about.component.spec.ts new file mode 100644 index 0000000..da6615d --- /dev/null +++ b/src/app/about/about.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutComponent } from './about.component'; + +describe('AboutComponent', () => { + let component: AboutComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AboutComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AboutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts new file mode 100644 index 0000000..37b0869 --- /dev/null +++ b/src/app/about/about.component.ts @@ -0,0 +1,65 @@ +import { Component } from '@angular/core'; +import { SEOService } from '../_services/seo.service'; +import { RequestComponent } from '../request/request.component'; +import { ReviewsComponent } from '../reviews/reviews.component'; +import { NgFor } from '@angular/common'; + +@Component({ + selector: 'about', + standalone: true, + imports: [NgFor, RequestComponent, ReviewsComponent], + templateUrl: './about.component.html', + styleUrl: './about.component.scss' +}) +export class AboutComponent { + + + constructor(private seo:SEOService){} + + public act: number = 1; + + public menu = [ + { + number: 1, + header:'Знакомство', + caption:'Мы встречаемся с Вами, обсуждаем задачи, визуализируем процессы и готовим КП', + timing:'2 недели' + }, + { + number: 2, + header:'Погружение в детали', + caption:'Составление ТЗ и договора, согласование и подписание', + timing:'1–2 недели' + }, + { + number: 3, + header:'Внутренние работы', + caption:'Нашу работу не видно. Проектирование и создание архитектуры системы, оцифровка процессов, создание технического интерфейса.', + timing:'4–10 недель' + }, + { + number: 4, + header:'Внешние работы', + caption:'Нашу работу уже можно посмотреть. Создание пользовательского интерфейса, предоставление системы для тестирования, внесение правок после теста.', + timing:'2–5 недель' + }, + { + number: 5, + header:'Завершение работ', + caption:'Сдаем готовый продукт, помогаем с его вводом в эксплуатацию, отвечаем на возникающие вопросы', + timing:'до 2 недель' + }, + ] + + select(i:number){ + if (i==this.act) { + this.act = 0 + } else { + this.act = i + } + } + + hide(i:number){ + return i!=this.act + } +} diff --git a/src/app/app.component.html b/src/app/app.component.html index 23cda4d..dc2754a 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -2,11 +2,11 @@