Andrey
/
NIR-QR-code-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hide request-form

master
Andrey 2024-11-19 15:56:54 +03:00
parent 579fa8d3cc
commit f480cabb10
21 changed files with 132 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/about/about.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
&#8203;
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/about.jpg" alt="">

7
src/app/about/about.component.ts
View File

@ -3,6 +3,7 @@ import { SEOService } from '../_services/seo.service';
import { RequestComponent } from '../request/request.component';
import { ReviewsComponent } from '../reviews/reviews.component';
import { NgFor } from '@angular/common';
import { Router } from '@angular/router';
@Component({
selector: 'about',
@ -14,7 +15,7 @@ import { NgFor } from '@angular/common';
export class AboutComponent {
constructor(private seo:SEOService){}
constructor(private router:Router, private seo:SEOService){}
public act: number = 1;
@ -62,4 +63,8 @@ export class AboutComponent {
hide(i:number){
return i!=this.act
}
contacts(){
this.router.navigate(['/contacts']).then()
}
}

25
src/app/app.component.html
View File

@ -12,22 +12,22 @@
<a href="/development/">Разработка</a>
<a href="/projects/">Проекты</a>
<a href="/contacts/">Контакты</a>
<a href routerLink="qr-code">Создай свой Qr-code</a>
<!-- <a href routerLink="qr-code">Создай свой Qr-code</a>-->
<a href="tel:+74994900465" class="right tel">
<svg>
<use href="assets/ico/call_24.svg#ico"></use>
</svg>
+7 (499) 490-04-65
</a>
</div>
</a>
</div>
</nav>
<a href="tel:+74994900465" class="right">
<svg>
<use href="assets/ico/call_24.svg#ico"></use>
</svg>
+7 (499) 490-04-65
</a>
</a>
<button class="header-burger" (click)="navShow = !navShow">
<svg>
@ -45,9 +45,10 @@
<div class="banner-text">
<h2>Остались вопросы?</h2>
<div>Мы с радостью на них ответим!</div>
<request>
<button class="btn white">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn white">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="banner-img"></div>
</div>
@ -67,7 +68,7 @@
<a href routerLink="development">Разработка</a>
<a href routerLink="projects">Проекты</a>
<a href routerLink="contacts">Контакты</a>
<a href routerLink="qr-code">Создай свой Qr-code</a>
<!-- <a href routerLink="qr-code">Создай свой Qr-code</a>-->
</div>
<div class="footer-info">
<h4>Контакты</h4>
@ -93,14 +94,14 @@
<svg>
<use href="assets/ico/webpage_24.svg#ico"></use>
</svg>
<request>Напишите нам</request>
<!-- <request>Напишите нам</request>-->
</a>
</div>
</div>
<div class="copyright">
© ООО «НИР», 2016–{{dateNow | date:'YYYY'}}
© ООО «НИР», 2016–{{dateNow | date:'YYYY'}}
</div>
</footer>

4
src/app/app.component.ts
View File

@ -30,4 +30,8 @@ export class AppComponent implements OnInit{
});
}
contacts(){
this.router.navigate(['/contacts']).then()
}
}

14
src/app/app.routes.ts
View File

@ -18,18 +18,18 @@ import { NotFoundComponentComponent } from './not-found-component/not-found-comp
export const routes: Routes = [
{path: "", component: HomeComponent},
{path: "about", component: AboutComponent},
{path: "automatization", component: AutomatizationComponent},
{path: "development", component: DevelopmentComponent},
{path: "contacts", component: ContactsComponent},
{path: "sites", component: SitesComponent},
{path: "projects", component: ProjectsComponent},
{path: "about/", component: AboutComponent},
{path: "automatization/", component: AutomatizationComponent},
{path: "development/", component: DevelopmentComponent},
{path: "contacts/", component: ContactsComponent},
{path: "sites/", component: SitesComponent},
{path: "projects/", component: ProjectsComponent},
{path:'projects/vniigaz', component: VniigazComponent},
{path:'projects/faufcs', component: FaufcsComponent},
{path:'projects/tk023', component: Tk023Component},
{path:'projects/tk465', component: Tk465Component},
{path:'projects/gazprom', component: ScvgComponent},
{path:'projects/pipe_prod', component: pipe_prodComponent},
{path: 'qr-code', component: QrCodeComponent},
// {path: 'qr-code', component: QrCodeComponent},
{path: '404', component: NotFoundComponentComponent},
];

13
src/app/automatization/automatization.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
Забирает рутину, возвращает результат
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/automatization.jpg" alt="">
@ -38,7 +39,7 @@
<li>Коммерческие компании с большим оборотом документов</li>
</ul>
</div>
</div>
@ -68,7 +69,7 @@
</div>
</div>
<span id="solutions"></span>
<span id="solutions"></span>
<div class="row solution">
<div class="col-6 col">
<h2>Решения по автоматизации</h2>
@ -87,7 +88,7 @@
<div></div>
<div></div>
</div>
</div>
<div class="row bg-light">

8
src/app/automatization/automatization.component.ts
View File

@ -16,12 +16,16 @@ import { ImgCaruselComponent } from '../img-carusel/img-carusel.component';
export class AutomatizationComponent {
constructor(
private router:Router, private seo:SEOService
){}
){}
anchorRouting(anchor:string){
anchorRouting(anchor:string){
this.router.navigate([`/automatization`],{ fragment: anchor })
}
contacts(){
this.router.navigate(['/contacts']).then()
}
images = [
'assets/img/carusel/carusel-01.jpg',
'assets/img/carusel/carusel-02.jpg',

6
src/app/contacts/contacts.component.html
View File

@ -4,9 +4,9 @@
<h5 class="jumb-slogan">
&#8203;
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/contacts.jpg" alt="">

9
src/app/development/development.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
Создадим ПО любой сложности под любые задачи
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/development.jpg" alt="">
@ -33,7 +34,7 @@
<li>Межведомственные организации</li>
<li>Коммерческие компании</li>
</ul>
</div>
</div>
</div>
<a id="function"></a>

10
src/app/development/development.component.ts
View File

@ -13,7 +13,7 @@ import { ImgCaruselComponent } from '../img-carusel/img-carusel.component';
styleUrls: ['./development.component.scss']
})
export class DevelopmentComponent {
constructor(
private router:Router, private seo:SEOService
){}
@ -23,11 +23,15 @@ export class DevelopmentComponent {
this.seo.updateDescription('Разработка ПО любой сложности под любые задачи. Помогаем автоматизировать бизнес-процессы, избавляем от рутинных задач, находим новые решения.');
this.seo.updateImage('assets/img/development.jpg')
}
anchorRouting(anchor:string){
anchorRouting(anchor:string){
this.router.navigate([`/development`],{ fragment: anchor })
}
contacts(){
this.router.navigate(['/contacts']).then()
}
images = [
'assets/img/carusel/carusel-10.jpg',
'assets/img/carusel/carusel-11.jpg',

9
src/app/home/home.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
&#8203;
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/home.jpg" alt="">
@ -19,7 +20,7 @@
</div>
<div class="col-8">
ООО «НИР» — российская ИТ-компания, специализирующаяся на разработке импортонезависимого ПО и автоматизации сложных процессов. С 2016 года мы беремся за самые амбициозные проекты и выполняем их точно в срок.
</div>
</div>
</div>
<div class="row bg-light">

9
src/app/home/home.component.ts
View File

@ -3,6 +3,7 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { RequestComponent } from '../request/request.component';
import { ReviewsComponent } from '../reviews/reviews.component';
import { SEOService } from '../_services/seo.service';
import {Router} from "@angular/router";
@Component({
selector: 'home',
@ -13,8 +14,8 @@ import { SEOService } from '../_services/seo.service';
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class HomeComponent {
constructor(private seo:SEOService){}
constructor(private router:Router, private seo:SEOService){}
public act: number = 1;
@ -62,4 +63,8 @@ export class HomeComponent {
hide(i:number){
return i!=this.act
}
contacts(){
this.router.navigate(['/contacts']).then()
}
}

13
src/app/projects/projects.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
&#8203;
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/projects.jpg" alt="">
@ -20,7 +21,7 @@
</div>
<div class="col-8">
Мы с уважением относимся к каждому клиенту и к себе. Поэтому мы работаем абсолютно прозрачно, четко укладываемся в оговоренные сроки и внимательно подходим к изучению стоящих перед Вами задач. Наша безупречная репутация сформирована восторженными отзывами клиентов.
</div>
</div>
</div>
<div class="row">
<div class="col-12 center">
@ -100,9 +101,9 @@
</a>
</div>
</div>
</div>
<div class="row bg-light">
<reviews></reviews>
</div>
</div>

7
src/app/projects/projects.component.ts
View File

@ -3,7 +3,7 @@ import { SEOService } from '../_services/seo.service';
import { ReviewsComponent } from '../reviews/reviews.component';
import { RequestComponent } from '../request/request.component';
import { ImgCaruselComponent } from '../img-carusel/img-carusel.component';
import { RouterLink } from '@angular/router';
import {Router, RouterLink} from '@angular/router';
@Component({
@ -16,6 +16,9 @@ import { RouterLink } from '@angular/router';
export class ProjectsComponent {
constructor(private seo:SEOService){}
constructor(private router:Router, private seo:SEOService){}
contacts(){
this.router.navigate(['/contacts']).then()
}
}

1
src/app/qr-code/img-input/img-input.component.ts
View File

@ -12,7 +12,6 @@ import {HttpEventType, HttpResponse} from "@angular/common/http";
})
export class ImgInputComponent {
public upload: any = {file: null, progress: 0};
public asset: any;
public value: any;
@Output() change = new EventEmitter()

24
src/app/qr-code/qr-code.component.html
View File

@ -2,13 +2,12 @@
<div class="col-9 block-options" *ngIf="QrCodeForm">
<div [formGroup]="QrCodeForm" class="form-group">
<h3>Данные</h3>
<h3>Данные или QR-Код</h3>
<div>
<textarea name="text" rows="3" class="form-control" formControlName="text" #text></textarea>
</div>
<img-input (change)="setDataImgFile($event)"></img-input>
<h3>Изображения</h3>
<img-input (change)="setImgFile($event)"></img-input>
<h3>Цвета</h3>
<div class="colors">
<div class="color-element">
@ -67,30 +66,33 @@
</label>
<div class="input-color" *ngIf="EyeType">
<input type="color" id="outside-eye-color" formControlName="outside-eye-color">
<label for="outside-eye-color">Внешняя часть</label>
<label for="outside-eye-color">Внутреняя часть</label>
</div>
<div class="input-color" *ngIf="EyeType">
<input type="color" id="inner-eye-color" formControlName="inner-eye-color">
<label for="inner-eye-color">Внутреняя часть</label>
<label for="inner-eye-color">Внешняя часть</label>
</div>
</div>
</div>
<h3>Битовый элемент</h3>
<h3>Битовый элементы</h3>
<h4>Ячейки</h4>
<div class="bits">
<label for="bit-type-normal">
<input class="" id="bit-type-normal" type="radio" name="bit-type" formControlName="bit-type" value="normal">
<input class="" id="bit-type-normal" type="radio" name="bit-type" formControlName="bit-type" value="square">
Обычный
</label>
<label for="bit-type-round">
<input class="" id="bit-type-round" type="radio" name="bit-type" formControlName="bit-type" value="round">
Скругленные края
</label>
<label for="bit-type-radio">
<input class="" id="bit-type-radio" type="radio" name="bit-type" formControlName="bit-type" value="custom">
Изображение
<label for="bit-type-dot">
<input class="" id="bit-type-dot" type="radio" name="bit-type" formControlName="bit-type" value="dot">
Точки
</label>
<img-input *ngIf="bitType=='custom'" (change)="setPaternFile($event)"></img-input>
</div>
<h3>Логотип</h3>
<img-input (change)="setLogoFile($event)"></img-input>
</div>
</div>

29
src/app/qr-code/qr-code.component.ts
View File

@ -3,6 +3,7 @@ import {FormBuilder, FormGroup, FormsModule, ReactiveFormsModule} from "@angular
import {JsonPipe, NgIf} from "@angular/common";
import {FormsService} from "../_services/forms.service";
import { ImgInputComponent } from './img-input/img-input.component';
import {updateCacheConfig} from "@angular/cli/src/commands/cache/utilities";
@Component({
selector: 'qr-code',
@ -19,17 +20,18 @@ import { ImgInputComponent } from './img-input/img-input.component';
})
export class QrCodeComponent implements OnInit{
@Input()
public QrCodeForm: FormGroup;
public dragOver = false;
public upload: any = {file: null, progress: 0};
constructor(private formBuilder:FormBuilder, private formsService: FormsService){}
ngOnInit() {
this.QrCodeForm = this.formBuilder.group({
'text' : [''],
'format' : ['svg'],
'format' : ['png'],
'size' : [350],
'foreground-color' : ['#000000'],
'background-color' : ['#ffffff'],
@ -40,13 +42,15 @@ export class QrCodeComponent implements OnInit{
'custom-eye-color' : [false],
'outside-eye-color' : ['#000000'],
'inner-eye-color' : ['#000000'],
'image' : [],
'bit-type' : ['normal']
logo_image : [],
data_image : [],
'bit-type' : ['square']
});
}
onSubmit(){
console.log(this.QrCodeForm.controls['data_image'].value)
this.QrCodeForm.markAllAsTouched();
if (this.QrCodeForm.valid)
this.formsService.save('model', 'QrCode', null, this.QrCodeForm.value).subscribe(res => {
@ -61,19 +65,24 @@ export class QrCodeComponent implements OnInit{
return this.QrCodeForm.value['color-type']
}
get bitType(){
return this.QrCodeForm.value['bit-type']
}
get EyeType(){
return this.QrCodeForm.value['custom-eye-color']
}
setImgFile(value){
setDataImgFile(value){
console.log(value)
if (value != null)
this.QrCodeForm.patchValue({data_image : value.id})
else
this.QrCodeForm.patchValue({data_image : null})
}
setPaternFile(value){
setLogoFile(value){
console.log(value)
if (value != null)
this.QrCodeForm.patchValue({logo_image : value.id})
else
this.QrCodeForm.patchValue({logo_image : null})
}

13
src/app/sites/sites.component.html
View File

@ -4,9 +4,10 @@
<h5 class="jumb-slogan">
Удобный и безопасный сайт для работы с массивными данными и документами
</h5>
<request>
<button class="btn primary">Напишите нам</button>
</request>
<!-- <request>-->
<!-- <button class="btn primary">Напишите нам</button>-->
<button class="btn primary" (click)="contacts()">Напишите нам</button>
<!-- </request>-->
</div>
<div class="col-6">
<img class="jumb-card" src="assets/img/sites.jpg" alt="">
@ -14,7 +15,7 @@
</div>
<div class="row anchor-menu">
<a href="sites#about" (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
<a href="sites#about" (click)="anchorRouting('about')" class="anchor-menu-item">О продукте</a>
<a href="sites#advantage" (click)="anchorRouting('advantage')" class="anchor-menu-item">Особенности</a>
<a href="sites#function" (click)="anchorRouting('function')" class="anchor-menu-item">Функционал</a>
<a href="sites#reply" (click)="anchorRouting('reply')" class="anchor-menu-item">Обратная связь</a>
@ -35,7 +36,7 @@
<li>Межведомственные организации</li>
<li>Крупные и средние коммерческие компании</li>
</ul>
</div>
</div>
</div>
@ -96,4 +97,4 @@
</div>
<a id="reply"></a>
<a id="reply"></a>

4
src/app/sites/sites.component.ts
View File

@ -22,6 +22,10 @@ export class SitesComponent {
this.router.navigate([`/sites`],{ fragment: anchor })
}
contacts(){
this.router.navigate(['/contacts']).then()
}
images = [
'assets/img/carusel/carusel-05.jpg',
'assets/img/carusel/carusel-06.jpg',

2
src/environments/environment.development.ts
View File

@ -2,7 +2,7 @@ export const environment = {
production: false,
apiUrl: 'http://api.nirgroup.lc',
clientId: 2,
clientSecret: 'YllFbaRHMP0kCJLb0UdCcOfpTzA23ea3AOdIfRMj',
clientSecret: '5J9yfkvwXCgghGzxg8Ee92XM9vxR4cruzIX9A34j',
domenUrl: 'http://localhost:4200',
googleAnalyticsId: 'G-B8183299MH',
};

4
src/environments/environment.ts
View File

@ -1,8 +1,8 @@
export const environment = {
production: true,
apiUrl: 'https://nirgroup.ru',
apiUrl: 'https://api-andrey-nirgroup.testnir.ru',
clientId: 2,
clientSecret: 'KIWaOS7ML1ZEUmgByFN5Cf9wf0pHFWjYJ5rmOboX',
domenUrl: 'https://nirgroup.ru',
domenUrl: 'https://andrey-nirgroup.testnir.ru',
googleAnalyticsId: 'G-B8183299MH',
};