diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..e8d514c8d --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "git.mergeEditor": true, + "merge-conflict.autoNavigateNextConflict.enabled": true +} \ No newline at end of file diff --git a/README.md b/README.md index e03630b34..8b1378917 100644 --- a/README.md +++ b/README.md @@ -1,178 +1 @@ -# [Light Bootstrap Dashboard Angular](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard) -[![version][version-badge]][CHANGELOG] ![license][license-badge] -![alt text](src/assets/img/opt_lbd_angular_thumbnail.jpg) - -**[Light Bootstrap Dashboard Angular](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard)** is an admin dashboard template designed to be beautiful and simple. It is built on top of Bootstrap 3, using [Light Bootstrap Dashboard](https://www.creative-tim.com/product/light-bootstrap-dashboard) and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. - -The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard Angular 2 contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product. - -It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image. - -Special thanks go to: Robert McIntosh for the notification system Chartist for the wonderful charts We are very excited to share this dashboard with you and we look forward to hearing your feedback! - -## Links: - -+ [Live Preview](https://demos.creative-tim.com/light-bootstrap-dashboard-angular2/dashboard) -+ [Light Bootstrap Dashboard PRO Angular](https://www.creative-tim.com/product/light-bootstrap-dashboard-pro-angular2/?ref=lbd-angular-github) ($49) - -## Quick Start: - -Quick start options: - -+ [Download from Github](https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2/archive/master.zip). -+ [Download from Creative Tim](https://www.creative-tim.com/product/light-bootstrap-dashboard-angular2). -+ Clone the repo: `git clone https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2.git`. - -## Deploy - -:rocket: You can deploy your own version of the template to Genezio with one click: - -[![Deploy to Genezio](https://raw.githubusercontent.com/Genez-io/graphics/main/svg/deploy-button.svg)](https://app.genez.io/start/deploy?repository=https://github.com/creativetimofficial/light-bootstrap-dashboard-angular2&utm_source=github&utm_medium=referral&utm_campaign=github-creativetim&utm_term=deploy-project&utm_content=button-head) - -## Terminal Commands - -1. Install NodeJs from [NodeJs Official Page](https://nodejs.org/en). -2. Open Terminal -3. Go to your file project -4. Run in terminal: ```npm install -g @angular/cli``` -5. Then: ```npm install``` -6. And: ```ng serve``` -7. Navigate to `http://localhost:4200/` - -### What's included - -Within the download you'll find the following directories and files: -``` -light-bootstrap-dashboard-angular -├── CHANGELOG.md -├── LICENSE.md -├── README.md -├── angular.json -├── documentation -│   ├── css -│   └── tutorial-lbd-angular2.html -├── e2e -├── karma.conf.js -├── package-lock.json -├── package.json -├── protractor.conf.js -├── src -│   ├── app -│   │   ├── app.component.css -│   │   ├── app.component.html -│   │   ├── app.component.spec.ts -│   │   ├── app.component.ts -│   │   ├── app.module.ts -│   │   ├── app.routing.ts -│   │   ├── home -│   │   │   ├── home.component.css -│   │   │   ├── home.component.html -│   │   │   ├── home.component.spec.ts -│   │   │   └── home.component.ts -│   │   ├── icons -│   │   │   ├── icons.component.css -│   │   │   ├── icons.component.html -│   │   │   ├── icons.component.spec.ts -│   │   │   └── icons.component.ts -│   │   ├── layouts -│   │   │   └── admin-layout -│   │   │   ├── admin-layout.component.html -│   │   │   ├── admin-layout.component.scss -│   │   │   ├── admin-layout.component.spec.ts -│   │   │   ├── admin-layout.component.ts -│   │   │   ├── admin-layout.module.ts -│   │   │   └── admin-layout.routing.ts -│   │   ├── lbd -│   │   │   ├── lbd-chart -│   │   │   │   ├── lbd-chart.component.html -│   │   │   │   └── lbd-chart.component.ts -│   │   │   └── lbd.module.ts -│   │   ├── maps -│   │   │   ├── maps.component.css -│   │   │   ├── maps.component.html -│   │   │   ├── maps.component.spec.ts -│   │   │   └── maps.component.ts -│   │   ├── notifications -│   │   │   ├── notifications.component.css -│   │   │   ├── notifications.component.html -│   │   │   ├── notifications.component.spec.ts -│   │   │   └── notifications.component.ts -│   │   ├── shared -│   │   │   ├── footer -│   │   │   │   ├── footer.component.html -│   │   │   │   ├── footer.component.ts -│   │   │   │   └── footer.module.ts -│   │   │   └── navbar -│   │   │   ├── navbar.component.html -│   │   │   ├── navbar.component.ts -│   │   │   └── navbar.module.ts -│   │   ├── sidebar -│   │   │   ├── sidebar.component.html -│   │   │   ├── sidebar.component.ts -│   │   │   └── sidebar.module.ts -│   │   ├── tables -│   │   │   ├── tables.component.css -│   │   │   ├── tables.component.html -│   │   │   ├── tables.component.spec.ts -│   │   │   └── tables.component.ts -│   │   ├── typography -│   │   │   ├── typography.component.css -│   │   │   ├── typography.component.html -│   │   │   ├── typography.component.spec.ts -│   │   │   └── typography.component.ts -│   │   ├── upgrade -│   │   │   ├── upgrade.component.css -│   │   │   ├── upgrade.component.html -│   │   │   ├── upgrade.component.spec.ts -│   │   │   └── upgrade.component.ts -│   │   └── user -│   │   ├── user.component.css -│   │   ├── user.component.html -│   │   ├── user.component.spec.ts -│   │   └── user.component.ts -│   ├── assets -│   │   ├── css -│   │   ├── fonts -│   │   ├── img -│   │   └── sass -│   │   ├── lbd -│   │   └── light-bootstrap-dashboard.scss -│   ├── environments -│   ├── favicon.ico -│   ├── index.html -│   ├── main.ts -│   ├── polyfills.ts -│   ├── styles.css -│   ├── test.ts -│   └── tsconfig.json -├── tslint.json -└── typings.json - -``` -## Useful Links - -More products from Creative Tim: - -Tutorials: - -Freebies: - -Affiliate Program (earn money): - -Social Media: - -Twitter: - -Facebook: - -Dribbble: - -Google+: - -Instagram: - -[CHANGELOG]: ./CHANGELOG.md - -[version-badge]: https://img.shields.io/badge/version-1.9.0-blue.svg -[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg diff --git a/angular.json b/angular.json index b232b7f9f..3ca145eff 100644 --- a/angular.json +++ b/angular.json @@ -19,21 +19,37 @@ "assets": [ "src/assets", "src/favicon.ico" + ], "styles": [ "node_modules/perfect-scrollbar/css/perfect-scrollbar.css", "node_modules/animate.css/animate.min.css", "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/assets/sass/light-bootstrap-dashboard.scss", - "src/assets/css/demo.css" + "src/assets/css/demo.css", + "src/styles.css", + "src/assets/css/bootstrap.min.css", + "src/assets/css/tooplate-infinite-loop.css", + "src/assets/fontawesome-5.5/css/all.min.css", + "src/assets/magnific-popup/magnific-popup.css", + "src/assets/slick/slick.css", + "src/assets/slick/slick-theme.css", + "node_modules/intl-tel-input/build/css/intlTelInput.css" ], "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/bootstrap/dist/js/bootstrap.js", "node_modules/bootstrap-notify/bootstrap-notify.js", - "node_modules/chartist/dist/chartist.js" - ] - }, + "node_modules/chartist/dist/chartist.js", + "src/assets/js/jquery-1.9.1.min.js", + "src/assets/slick/slick.min.js", + "src/assets/magnific-popup/jquery.magnific-popup.min.js", + "src/assets/js/easing.min.js", + "src/assets/js/jquery.singlePageNav.min.js", + "src/assets/js/bootstrap.min.js", + "node_modules/html2pdf.js/dist/html2pdf.bundle.min.js", + "node_modules/intl-tel-input/build/js/intlTelInput.min.js" + ] }, "configurations": { "production": { "optimization": true, @@ -62,7 +78,7 @@ "minify": false, "inlineCritical": true }, - "fonts": true + "fonts": false }, "outputHashing": "all" } diff --git a/package.json b/package.json index c51c02de7..24491f514 100644 --- a/package.json +++ b/package.json @@ -24,41 +24,53 @@ "@angular/material": "^14.2.0", "@angular/platform-browser": "^14.2.0", "@angular/platform-browser-dynamic": "^14.2.0", - "@angular/router": "^14.2.0", + "@angular/router": "^14.3.0", "@ngui/map": "0.30.3", + "@ngx-translate/core": "^14.0.0", + "@ngx-translate/http-loader": "^7.0.0", + "@popperjs/core": "^2.11.8", "@types/googlemaps": "3.43.3", "animate.css": "4.1.1", "arrive": "2.4.1", - "bootstrap": "3.3.7", + "bootstrap": "^5.3.6", "bootstrap-notify": "3.1.3", "chartist": "0.11.4", + "emailjs-com": "^3.2.0", "googleapis": "66.0.0", - "jquery": "3.5.1", + "html2pdf.js": "^0.10.3", + "intl-tel-input": "^25.3.1", + "jquery": "^3.7.1", + "jwt-decode": "^4.0.0", + "ngx-cookie-service": "^14.0.1", + "ngx-slickjs": "^1.5.2", "perfect-scrollbar": "1.5.0", "rxjs": "~7.5.0", + "slick-carousel": "^1.8.1", + "sweetalert2": "^11.22.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { - "@angular-devkit/build-angular": "^14.2.3", + "@angular-devkit/build-angular": "^14.2.0", "@angular/cli": "~14.2.3", "@angular/compiler-cli": "^14.2.0", + "@types/chartist": "0.11.0", + "@types/intl-tel-input": "^18.1.4", "@types/jasmine": "~5.1.4", + "@types/jasminewd2": "~2.0.13", + "@types/jquery": "3.5.30", + "@types/node": "20.14.11", + "codelyzer": "^0.0.28", + "cross-env": "^7.0.3", "jasmine-core": "~4.3.0", + "jasmine-spec-reporter": "~7.0.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "typescript": "~4.7.2", - "@types/jasminewd2": "~2.0.13", - "@types/chartist": "0.11.0", - "@types/jquery": "3.5.30", - "@types/node": "20.14.11", - "codelyzer": "6.0.2", - "jasmine-spec-reporter": "~7.0.0", - "protractor": "7.0.0", + "protractor": "^7.0.0", "ts-node": "~10.7.0", - "cross-env": "^7.0.3" + "typescript": "~4.7.2" } } diff --git a/src/app/Services/BlogService.ts b/src/app/Services/BlogService.ts new file mode 100644 index 000000000..fc0c8cd2f --- /dev/null +++ b/src/app/Services/BlogService.ts @@ -0,0 +1,76 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; +import { Blog } from 'app/blogslist/blogslist.component'; + +export interface BlogCreateRequest { + titre: string; + contenu: string; + userId: number; + tags: string[]; + image: File | null; +} + +export interface BlogUpdateRequest { + titre: string; + contenu: string; + newImage?: File; + tags: string[]; +} +@Injectable({ + providedIn: 'root' +}) +export class BlogService { + private apiUrl = environment.apiUrl + '/blog'; + + constructor(private http: HttpClient) { } + + getAllBlogs(): Observable { + return this.http.get(this.apiUrl); + } + + createBlog(request: BlogCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Contenu', request.contenu); + formData.append('UserId', request.userId.toString()); + request.tags.forEach(tag => formData.append('Tags', tag)); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } +updateBlog(id: number, request: BlogUpdateRequest): Observable { + const formData = new FormData(); + formData.append('Titre', request.titre); + formData.append('Contenu', request.contenu); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + request.tags.forEach(tag => { + formData.append('Tags', tag); + }); + + return this.http.put(`${this.apiUrl}/${id}`, formData); +} + + + +getBlogById(id: number) { + return this.http.get(`${this.apiUrl}/${id}`); +} + +deleteBlog(id: number) { + return this.http.delete(`${this.apiUrl}/${id}`); +} + incrementLike(id: number): Observable<{ message: string; likes: number }> { + return this.http.post<{ message: string; likes: number }>(`${this.apiUrl}/${id}/like`, {}); + } + +} diff --git a/src/app/Services/ProduitAvecDevisService.ts b/src/app/Services/ProduitAvecDevisService.ts new file mode 100644 index 000000000..107cf895c --- /dev/null +++ b/src/app/Services/ProduitAvecDevisService.ts @@ -0,0 +1,103 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +export interface ProduitAvecDevis { + id: number; + titre: string; + description: string; + categorie: string; + imagePath: string; + caracteristiques: { + id: number; + texte: string; + produitAvecDevisId: number; + }[]; + devis?: { + id: number; + nom: string; + prenom: string; + email: string; + entreprise: string; + message: string; + quantite: number; + userId: number; + produitAvecDevisId: number; + }[]; +} + +export interface ProduitAvecDevisCreateRequest { + titre: string; + description: string; + categorie: string; + image: File | null; + caracteristiques: string[]; +} + +export interface ProduitAvecDevisUpdateRequest { + titre: string; + description: string; + categorie: string; + newImage?: File | null; + caracteristiques: string[]; +} + +@Injectable({ + providedIn: 'root' +}) +export class ProduitAvecDevisService { + private apiUrl = environment.apiUrl + '/ProduitsAvecDevis'; + + constructor(private http: HttpClient) {} + + getAllProduits(): Observable { + return this.http.get(this.apiUrl); + } + + getById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); + } + + create(request: ProduitAvecDevisCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } + + update(id: number, request: ProduitAvecDevisUpdateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + return this.http.put(`${this.apiUrl}/${id}`, formData); + } + + delete(id: number): Observable { + return this.http.delete(`${this.apiUrl}/${id}`); + } + + +} diff --git a/src/app/Services/ProduitSansDevisService.ts b/src/app/Services/ProduitSansDevisService.ts new file mode 100644 index 000000000..171ada791 --- /dev/null +++ b/src/app/Services/ProduitSansDevisService.ts @@ -0,0 +1,99 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +export interface ProduitSansDevis { + id: number; + titre: string; + description: string; + categorie: string; + prix: string; + imagePath: string; + caracteristiques: { + id: number; + texte: string; + produitSansDevisId: number; + }[]; + userId: number; +} + +export interface ProduitSansDevisCreateRequest { + titre: string; + description: string; + categorie: string; + prix: string; + image: File | null; + caracteristiques: string[]; + userId: number; +} + +export interface ProduitSansDevisUpdateRequest { + titre: string; + description: string; + categorie: string; + prix: string; + newImage?: File | null; + caracteristiques: string[]; + userId: number; +} + +@Injectable({ + providedIn: 'root' +}) +export class ProduitSansDevisService { + private apiUrl = environment.apiUrl + '/ProduitsSansDevis'; + + constructor(private http: HttpClient) {} + + getAllProduits(): Observable { + return this.http.get(this.apiUrl); + } + + getById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); + } + + create(request: ProduitSansDevisCreateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + formData.append('Prix', request.prix); + formData.append('UserId', request.userId.toString()); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.image) { + formData.append('Image', request.image, request.image.name); + } + + return this.http.post(this.apiUrl, formData); + } + + update(id: number, request: ProduitSansDevisUpdateRequest): Observable { + const formData = new FormData(); + + formData.append('Titre', request.titre); + formData.append('Description', request.description); + formData.append('Categorie', request.categorie); + formData.append('Prix', request.prix); + + request.caracteristiques.forEach(c => { + formData.append('Caracteristiques', c); + }); + + if (request.newImage) { + formData.append('NewImage', request.newImage, request.newImage.name); + } + + return this.http.put(`${this.apiUrl}/${id}`, formData); + } + + delete(id: number): Observable { + return this.http.delete(`${this.apiUrl}/${id}`); + } +} diff --git a/src/app/Services/UserService.ts b/src/app/Services/UserService.ts new file mode 100644 index 000000000..9b06a5211 --- /dev/null +++ b/src/app/Services/UserService.ts @@ -0,0 +1,24 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; + +export interface User { + id?: number; + nom: string; + email: string; + role: string; +} + +@Injectable({ + providedIn: 'root' +}) +export class UserService { + private apiUrl = environment.apiUrl + '/user'; + + constructor(private http: HttpClient) {} + + getUsers(): Observable { + return this.http.get(this.apiUrl); + } +} diff --git a/src/app/Services/auth.service.ts b/src/app/Services/auth.service.ts new file mode 100644 index 000000000..aa6a60788 --- /dev/null +++ b/src/app/Services/auth.service.ts @@ -0,0 +1,115 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { EmailjsService } from 'emailJs/email.service'; +import { environment } from 'environments/environment'; +import { CookieService } from 'ngx-cookie-service'; +import { Observable } from 'rxjs'; +import {jwtDecode} from 'jwt-decode'; +import { UserStatisticsService } from './user-statistics.service'; + +interface DecodedToken { + exp: number; + [key: string]: any; +} + +export interface SignUpRequest { + nom: string; + email: string; + role:number; +} + +export interface SignInRequest { + email: string; + password: string; +} +export interface ForgetPasswordRequest { + email: string; +} +@Injectable({ + providedIn: 'root' +}) +export class AuthService { + private apiUrl = `${environment.apiUrl}/auth`; + + constructor(private http: HttpClient,private emailjsService: EmailjsService,private cookieService: CookieService, + private statisticsService: UserStatisticsService + ) {} + +signUp(data: SignUpRequest): Observable<{ message: string; mdp: string }> { + return new Observable(observer => { + this.http.post<{ message: string; mdp: string }>(`${this.apiUrl}/signup`, data).subscribe({ + next: (response) => { + // 🔁 Track signup après succès + this.statisticsService.trackSignUp().subscribe({ + next: () => console.log('📊 Signup tracked'), + error: err => console.error('❌ Failed to track signup') + }); + + observer.next(response); + observer.complete(); + }, + error: (err) => { + observer.error(err); + } + }); + }); +} + + +signIn(data: SignInRequest): Observable { + return new Observable(observer => { + this.http.post(`${this.apiUrl}/signin`, data).subscribe({ + next: (response) => { + this.statisticsService.trackLogin().subscribe({ + next: () => console.log('📊 Login tracked'), + error: err => console.error('❌ Failed to track login') + }); + + observer.next(response); + observer.complete(); + }, + error: (err) => { + observer.error(err); + } + }); + }); +} + + + getToken(): string | null { + return this.cookieService.get('token'); + } + getRole(): string | null { + return this.cookieService.get('role'); + } + logout(): void { + this.cookieService.delete('token'); + this.cookieService.delete('role'); + this.cookieService.delete('name'); + this.cookieService.delete('userId'); + } + + isTokenExpired(token: string): boolean { + try { + const decoded: DecodedToken = jwtDecode(token); + const exp = decoded.exp; + const now = Date.now() / 1000; + /*const tokenIssueTime = exp - 3600; // supposons token valide 1h normalement + const testExpirationTime = tokenIssueTime + 60; // 1 minute après issue + return now > testExpirationTime;*/ + return exp < now; + } catch (e) { + return true; + } + } + + isLoggedIn(): boolean { + const token = this.getToken(); + return token !== null && !this.isTokenExpired(token); + } + forgetPassword(dat: ForgetPasswordRequest): Observable<{ mdp: string }> { + return this.http.post<{ mdp: string }>(`${this.apiUrl}/forget-password`, dat); +} + + +} diff --git a/src/app/Services/country.service.ts b/src/app/Services/country.service.ts new file mode 100644 index 000000000..ec9c793bf --- /dev/null +++ b/src/app/Services/country.service.ts @@ -0,0 +1,17 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class CountryService { + + private apiUrl = 'https://restcountries.com/v3.1/all'; + + constructor(private http: HttpClient) {} + + getCountries(): Observable { + return this.http.get(this.apiUrl); + } +} diff --git a/src/app/Services/devis.service.ts b/src/app/Services/devis.service.ts new file mode 100644 index 000000000..3dc5979d1 --- /dev/null +++ b/src/app/Services/devis.service.ts @@ -0,0 +1,37 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class DevisService { +private apiUrl = environment.apiUrl + '/devis'; + + constructor(private http: HttpClient) { } + + getAllDevis(): Observable { + return this.http.get(`${this.apiUrl}`); + } + + getDevisById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); +} + + addDevis(data :any):Observable + { + return this.http.post(`${this.apiUrl}`, data); + } + getNumberDevisWithProduit(): Observable<{ devisWithProduit: number }> { + return this.http.get<{ devisWithProduit: number }>(`${this.apiUrl}/count/IOT`); + } + + getNumberDevisWithoutProduit(): Observable<{ devisWithoutProduit: number }> { + return this.http.get<{ devisWithoutProduit: number }>(`${this.apiUrl}/count/IT`); + } + updateEtatDevis(id: number, nouvelEtat: string): Observable { + return this.http.patch(`${this.apiUrl}/${id}/etat`, { etat: nouvelEtat }); + } + +} diff --git a/src/app/Services/franchise.service.ts b/src/app/Services/franchise.service.ts new file mode 100644 index 000000000..f5e03dcb1 --- /dev/null +++ b/src/app/Services/franchise.service.ts @@ -0,0 +1,26 @@ +import { Injectable } from '@angular/core'; +import { Franchise } from 'app/liste-franchises/liste-franchises.component'; +import { HttpClient, HttpParams } from '@angular/common/http'; + +import { Observable } from 'rxjs'; +import { environment } from 'environments/environment'; + +@Injectable({ + providedIn: 'root' +}) +export class FranchiseService { + private apiUrl = environment.apiUrl + '/franchise'; + + constructor(private http: HttpClient) { } + + getFranchises(): Observable { + return this.http.get(this.apiUrl); + } + + getFranchiseById(id: number): Observable { + return this.http.get(`${this.apiUrl}/${id}`); +} +envoyerDemandeFranchise(payload: any) { + return this.http.post(this.apiUrl, payload); + } +} diff --git a/src/app/Services/language.service.ts b/src/app/Services/language.service.ts new file mode 100644 index 000000000..416f0eff9 --- /dev/null +++ b/src/app/Services/language.service.ts @@ -0,0 +1,25 @@ +import { Injectable } from '@angular/core'; +import { TranslateService } from '@ngx-translate/core'; + +@Injectable({ + providedIn: 'root' +}) +export class LanguageService { +constructor(private translate: TranslateService) { + const savedLanguage = localStorage.getItem('language') || 'en'; + this.setLanguage(savedLanguage); + } + + setLanguage(lang: string) { + this.translate.use(lang).subscribe({ + next: () => console.log(`Langue activée`), + error: (err) => console.error(`Erreur de chargement pour `) + }); + localStorage.setItem('language', lang); +} + + + getCurrentLanguage(): string { + return this.translate.currentLang || 'en'; + } +} diff --git a/src/app/Services/scroll.service.ts b/src/app/Services/scroll.service.ts new file mode 100644 index 000000000..8a4d150c5 --- /dev/null +++ b/src/app/Services/scroll.service.ts @@ -0,0 +1,18 @@ +import { Injectable } from '@angular/core'; + +@Injectable({ + providedIn: 'root' +}) +export class ScrollService { + private anchor: string | null = null; + + setAnchor(anchor: string) { + this.anchor = anchor; + } + + getAnchor(): string | null { + const a = this.anchor; + this.anchor = null; + return a; + } +} diff --git a/src/app/Services/user-statistics.service.ts b/src/app/Services/user-statistics.service.ts new file mode 100644 index 000000000..1cd06d3f6 --- /dev/null +++ b/src/app/Services/user-statistics.service.ts @@ -0,0 +1,36 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { environment } from 'environments/environment'; +import { Observable } from 'rxjs'; +export interface UserStatistics { + visitors: number; + signUps: number; + logins: number; + lastUpdated: string; +} + +@Injectable({ + providedIn: 'root' +}) +export class UserStatisticsService { + private apiUrl = environment.apiUrl + '/userstatistics'; + + constructor(private http: HttpClient) {} + + trackVisit() { + return this.http.post(`${this.apiUrl}/track/visit`, {}); + } + + trackSignUp() { + return this.http.post(`${this.apiUrl}/track/signup`, {}); + } + + trackLogin() { + return this.http.post(`${this.apiUrl}/track/login`, {}); + } + + getStats(): Observable { + return this.http.get(`${this.apiUrl}/stats`); +} + +} diff --git a/src/app/about-us/about-us.component.html b/src/app/about-us/about-us.component.html new file mode 100644 index 000000000..e608e052b --- /dev/null +++ b/src/app/about-us/about-us.component.html @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + +
+
+

{{ 'ABOUT.TITLE' | translate }}

+
+
+ +
+
+
+
+ + +
+
+

{{ 'ABOUT.FIRST.PARAGRAPH' | translate }}

+ {{ 'ABOUT.FIRST.CTA' | translate }} +
+
+
+
+ +
+
+
+
+ +
+
+
+

{{ 'ABOUT.SECOND.TITLE' | translate }}

+

{{ 'ABOUT.SECOND.PARAGRAPH' | translate }}

+ {{ 'ABOUT.SECOND.CTA' | translate }} +
+
+
+ +
+
+
+

{{ 'ABOUT.THIRD.TITLE' | translate }}

+

{{ 'ABOUT.THIRD.PARAGRAPH' | translate }}

+ {{ 'ABOUT.THIRD.CTA' | translate }} +
+
+
+ +
+
+
+
+ +
+

{{ 'ABOUT.FOURTH.TITLE' | translate }}

+
+ +
+
+ +

{{ membre.prenom }} {{ membre.nom }}

+

{{ membre.profession }}

+
+
+ +
+
+ +
+
+

{{ 'ABOUT.SIXTH.TITLE' | translate }}

+

{{ 'ABOUT.SIXTH.PARAGRAPH1' | translate }}

+ Collaboration Tunav IT Group +

{{ 'ABOUT.SIXTH.PARAGRAPH2' | translate }}

+ {{ 'ABOUT.SIXTH.CTA' | translate }} +
+
+


+ + + diff --git a/src/app/about-us/about-us.component.scss b/src/app/about-us/about-us.component.scss new file mode 100644 index 000000000..2b7a15b0f --- /dev/null +++ b/src/app/about-us/about-us.component.scss @@ -0,0 +1,503 @@ +/* about-page.scss - Styles spécifiques à la page About */ +.about-page { + margin: 0; + padding: 0; + font-family: 'Roboto', sans-serif; + background-color: #F8F9FA; + color: #222222; + font-weight: 400; + + strong { + font-weight: 700; + } + + img { + max-width: 100%; + } + + p { + font-size: 1.125rem; + color: #222222; + margin: 0 0 15px; + line-height: 1.6; + } + + h1, h2, h3, h4, h5, h6 { + margin: 0; + } + + h1 { + color: #000000; + font-size: 36px; + @media (min-width: 768px) { + font-size: 80px; + } + } + + h2 { + color: #222222; + font-size: 30px; + @media (min-width: 768px) { + font-size: 60px; + } + } + + h3 { + color: #444444; + font-size: 24px; + @media (min-width: 768px) { + font-size: 50px; + } + } + + h4 { + color: #555555; + font-size: 22px; + @media (min-width: 768px) { + font-size: 40px; + } + } + + .about-container { + max-width: 1100px; + margin: 0 auto; + + img { + padding: 0.25rem; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; + } + } + + .about-cta { + padding: 10px 30px; + text-align: center; + text-decoration: none; + background-color: #369; + border: 1px solid #369; + border-radius: 25px; + color: #FFFFFF; + text-transform: uppercase; + display: inline-block; + box-shadow: rgba(100, 100, 111, 0.8) 0px 7px 19px 0px; + transition: all 0.8s ease; + + &:hover { + background-color: #369; + border: 1px solid #3b1215; + color: #000000; + } + } + + /* Sections spécifiques */ + .about-banner { + background: linear-gradient(90deg, rgba(51, 85, 119, 0.8), rgba(0, 0, 0, 0.5)), url("/assets/img/TunavEquipe.png") no-repeat; + background-position: center; + background-size: cover; + padding: 150px 15px; + + h1 { + color: rgba($color: #FFFFFF, $alpha: 0.85); + text-transform: uppercase; + font-weight: 700; + } + + p { + color: #FFFFFF; + font-size: 1.375rem; + letter-spacing: 1.5px; + font-weight: 100; + text-shadow: 2px 2px 7px #222222; + } + } + + .about-section { + padding: 90px 15px; + } + + .about-first { + background-color: #FFFFFF; + background-image: linear-gradient(315deg, #a7a8a8 0%, #E9EBEC 74%); + .about-media-wrapper { + display: flex; + flex-direction: row; + align-items: center; + gap: 100px; + + @media (max-width: 768px) { + flex-direction: column; + gap: 20px; + } + } + + .about-video-left { + flex: 1; + min-width: 0; + position: relative; + + video { + width: 100%; + max-width: 600px; + height: auto; + display: block; + border-radius: 8px; + box-shadow: 0 5px 15px rgba(0,0,0,0.1); + } + .sound-toggle { + position: absolute; + bottom: 15px; + right: 15px; + background: rgba(0,0,0,0.5); + border: none; + color: white; + border-radius: 50%; + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 10; + font-size: 14px; + } + + } + + .about-text-right { + flex: 1; + min-width: 0; + } + + .about-container { + max-width: 800px; + } + } + +.about-second { + background-color: #fff8e6; + min-height: 100vh; + display: flex; + align-items: center; + padding: 40px 0; + + .about-container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 20px; + display: flex; + flex-direction: column; + + @media (min-width: 992px) { + flex-direction: row; + gap: 50px; + padding: 0 40px; + } + + .about-left-img { + width: 100%; + margin-bottom: 30px; + + @media (min-width: 992px) { + flex: 0 0 45%; + margin-bottom: 0; + align-self: center; + } + + .image-slider { + position: relative; + width: 100%; + height: 300px; // Mobile first + overflow: hidden; + border-radius: 12px; + box-shadow: 0 8px 24px rgba(0,0,0,0.12); + + @media (min-width: 768px) { + height: 400px; + } + + @media (min-width: 992px) { + height: 500px; + } + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); + + &.active { + opacity: 1; + } + } + } + } + + .about-right-content { + width: 100%; + + @media (min-width: 992px) { + flex: 0 0 50%; + align-self: center; + } + + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + + p { + font-size: 1.1rem; + line-height: 1.7; + margin-bottom: 25px; + + @media (min-width: 768px) { + font-size: 1.2rem; + } + } + + .about-cta { + display: inline-block; + margin-top: 20px; + } + } + } +} + +.about-third { + background-color: #e6f5fc; + min-height: 100vh; + display: flex; + align-items: center; + padding: 40px 0; + + .about-container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 20px; + display: flex; + flex-direction: column; + + @media (min-width: 992px) { + flex-direction: row; + gap: 50px; + padding: 0 40px; + } + + .about-right-img { + flex-basis: 100%; + margin-bottom: 30px; + + @media (min-width: 992px) { + flex: 0 0 45%; + margin-bottom: 0; + align-self: center; + } + + .image-slider { + position: relative; + width: 100%; + height: 300px; + overflow: hidden; + border-radius: 12px; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); + + @media (min-width: 768px) { + height: 400px; + } + + @media (min-width: 992px) { + height: 500px; + } + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); + + &.active { + opacity: 1; + } + } + } + } + + .about-left-content { + flex-basis: 100%; + + @media (min-width: 992px) { + flex: 0 0 50%; + align-self: center; + } + + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + + p { + font-size: 1.1rem; + line-height: 1.7; + margin-bottom: 25px; + + @media (min-width: 768px) { + font-size: 1.2rem; + } + } + + .about-cta { + display: inline-block; + margin-top: 20px; + } + } + } +} + + + + + .about-four { + background-color: #FFFFFF; + h2 { + margin: 0 0 25px; + font-size: 2.2rem; + line-height: 1.2; + color: #2c3e50; + text-align: center; + + @media (min-width: 768px) { + font-size: 2.8rem; + } + + @media (min-width: 992px) { + margin: 0 0 30px; + font-size: 3.2rem; + } + } + .about-container { + display: block; + @media (min-width: 768px) { + display: flex; + justify-content: space-between; + } + + + .about-member { + background-color: #c0c6fa; + padding: 20px; + margin: 0 0 60px; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + @media (min-width: 768px) { + flex-basis: 31%; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + h3 { + @media (min-width: 768px) { + font-size: 32px; + } + } + + .about-social { + display: flex; + justify-content: flex-start; + + a img { + border: none; + max-width: 40px; + } + } + } + } + } + .about-six { + .about-container { + text-align: center; + max-width: 800px; + } + } + +} +.carousel-container { + display: flex; + align-items: center; + justify-content: center; + position: relative; + overflow: hidden; + max-width: 100%; + padding: 1rem; + + .nav { + background-color: transparent; + border: none; + font-size: 2rem; + cursor: pointer; + color: #357; + z-index: 10; + padding: 0 1rem; + } + + .carousel-slide { + display: flex; + gap: 2rem; + transition: transform 0.5s ease; + } + + .about-member { + flex: 0 0 300px; + text-align: center; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0,0,0,0.1); + background-color: #fff; + padding: 1rem; + + img { + width: 100%; + height: auto; + border-radius: 10px; + max-height: 300px; + object-fit: cover; + } + + h3 { + margin: 0.5rem 0 0.2rem; + font-size: 1.2rem; + } + + p { + color: #555; + font-style: italic; + } + } +} diff --git a/src/app/about-us/about-us.component.spec.ts b/src/app/about-us/about-us.component.spec.ts new file mode 100644 index 000000000..fbc856a81 --- /dev/null +++ b/src/app/about-us/about-us.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutUsComponent } from './about-us.component'; + +describe('AboutUsComponent', () => { + let component: AboutUsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AboutUsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AboutUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/about-us/about-us.component.ts b/src/app/about-us/about-us.component.ts new file mode 100644 index 000000000..646e1a56c --- /dev/null +++ b/src/app/about-us/about-us.component.ts @@ -0,0 +1,168 @@ +import { AfterViewInit, Component, OnDestroy, OnInit, ElementRef, ViewChild } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-about-us', + templateUrl: './about-us.component.html', + styleUrls: ['./about-us.component.scss'] +}) +export class AboutUsComponent implements OnInit, AfterViewInit, OnDestroy { + constructor(private router: Router) {} + + @ViewChild('aboutVideo', { static: false }) aboutVideo!: ElementRef; + + EventImages = [ + { src: '/assets/img/FITA/FITA1.jfif', alt: 'Event 1', active: true }, + { src: '/assets/img/FITA/FITA2.jfif', alt: 'Event 2', active: false }, + { src: '/assets/img/FITA/FITA3.jfif', alt: 'Event 3', active: false }, + { src: '/assets/img/FITA/FITA4.jfif', alt: 'Event 4', active: false }, + { src: '/assets/img/FITA/FITA5.jfif', alt: 'Event 5', active: false }, + { src: '/assets/img/FITA/FITA6.jfif', alt: 'Event 6', active: false }, + { src: '/assets/img/FITA/FITA7.jfif', alt: 'Event 7', active: false } + ]; + + TeamBuildingImages = [ + { src: '/assets/img/TeamBuilding/TM1.jpeg', alt: 'TM 1', active: true }, + { src: '/assets/img/TeamBuilding/TM2.jpeg', alt: 'TM 2', active: false }, + { src: '/assets/img/TeamBuilding/TM3.jpeg', alt: 'TM 3', active: false }, + { src: '/assets/img/TeamBuilding/TM4.jpeg', alt: 'TM 4', active: false }, + { src: '/assets/img/TeamBuilding/TM5.jpeg', alt: 'TM 5', active: false }, + { src: '/assets/img/TeamBuilding/TM6.jpeg', alt: 'TM 6', active: false }, + { src: '/assets/img/TeamBuilding/TM7.jpeg', alt: 'TM 7', active: false }, + { src: '/assets/img/TeamBuilding/TM8.jpeg', alt: 'TM 8', active: false } + ]; + + membres = [ + { nom: 'Najet', prenom: 'Boukadi', profession: 'Financial Manager', image: '/assets/img/Equipe/NajetBoukadi.jfif' }, + { nom: 'Anis', prenom: 'Kalel', profession: 'PDG', image: '/assets/img/Equipe/AnisKallel.jfif' }, + { nom: 'Mariem', prenom: 'Ayari', profession: 'Marketing Mnager', image: '/assets/img/Equipe/MariemAyari.jpeg' }, + { nom: 'Skander', prenom: 'Elj', profession: 'Information System Mnager', image: '/assets/img/Equipe/SkanderElj.jfif' }, + { nom: 'Chawki', prenom: 'Zorgui', profession: 'Chef Service Vente et Aprés vente', image: '/assets/img/Equipe/ChawkiZorgui.jpeg' }, + { nom: 'Sarra', prenom: 'Dabbebi', profession: 'Responsable RH', image: '/assets/img/Equipe/SarraDabbebi.jpeg' }, + { nom: 'Marwa', prenom: 'Henchir', profession: 'Cheffe de projet IT', image: '/assets/img/Equipe/MarwaHenchir.jpeg' }, + + ]; + + slideConfig = { + slidesToShow: 3, + slidesToScroll: 3, + dots: true, + infinite: false, + arrows: true + }; + + currentIndexEvent = 0; + currentIndexTeamBuilding = 0; + + slideIntervalEvent: any; + slideIntervalTeamBuilding: any; + + private videoObserver?: IntersectionObserver; + + visibleMembres: any[] = []; + membreIndex: number = 0; + membresParSlide: number = 3; + + ngOnInit(): void { + this.startSlider(this.EventImages, 'event'); + this.startSlider(this.TeamBuildingImages, 'teamBuilding'); + this.updateVisibleMembres(); + } + + ngAfterViewInit(): void { + const videoEl = this.aboutVideo?.nativeElement; + if (!videoEl) return; + + videoEl.muted = true; + videoEl.playsInline = true; + videoEl.play().catch(err => console.warn('Autoplay failed:', err)); + + this.videoObserver = new IntersectionObserver( + ([entry]) => { + if (entry.isIntersecting) { + videoEl.play().catch(err => console.warn('Autoplay failed:', err)); + } else { + videoEl.pause(); + } + }, + { threshold: 0.1 } + ); + + this.videoObserver.observe(videoEl); + } + + startSlider(tab: any[], sliderType: 'event' | 'teamBuilding'): void { + const interval = setInterval(() => { + this.nextSlide(tab, sliderType); + }, 3000); + + if (sliderType === 'event') { + this.slideIntervalEvent = interval; + } else { + this.slideIntervalTeamBuilding = interval; + } + } + + nextSlide(tab: any[], sliderType: 'event' | 'teamBuilding'): void { + let currentIndex = sliderType === 'event' ? this.currentIndexEvent : this.currentIndexTeamBuilding; + + tab[currentIndex].active = false; + currentIndex = (currentIndex + 1) % tab.length; + tab[currentIndex].active = true; + + if (sliderType === 'event') { + this.currentIndexEvent = currentIndex; + } else { + this.currentIndexTeamBuilding = currentIndex; + } + } + + // === Fonctions carrousel membres === + updateVisibleMembres(): void { + this.visibleMembres = this.membres.slice(this.membreIndex, this.membreIndex + this.membresParSlide); + } + + nextMembre(): void { + if (this.membreIndex + this.membresParSlide < this.membres.length) { + this.membreIndex++; + this.updateVisibleMembres(); + } + } + + prevMembre(): void { + if (this.membreIndex > 0) { + this.membreIndex--; + this.updateVisibleMembres(); + } + } + + ngOnDestroy(): void { + if (this.slideIntervalEvent) { + clearInterval(this.slideIntervalEvent); + } + if (this.slideIntervalTeamBuilding) { + clearInterval(this.slideIntervalTeamBuilding); + } + if (this.videoObserver && this.aboutVideo) { + this.videoObserver.unobserve(this.aboutVideo.nativeElement); + this.videoObserver.disconnect(); + } + } + + soundOn = false; + + toggleSound(): void { + const videoEl = this.aboutVideo.nativeElement; + this.soundOn = !this.soundOn; + videoEl.muted = !this.soundOn; + + if (this.soundOn) { + videoEl.play().catch(err => console.warn('Play with sound failed:', err)); + } + } + + contact(event: Event) { + event.preventDefault(); + this.router.navigate(['contact']); + } +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 21d81f5ed..a6d4b0fbc 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,18 +1,56 @@ -import { Component, OnInit } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { LocationStrategy, PlatformLocation, Location } from '@angular/common'; - +import { Router ,NavigationEnd} from '@angular/router'; +import { ScrollService } from './Services/scroll.service'; +import { filter } from 'rxjs/operators'; +import { LanguageService } from './Services/language.service'; +import { TranslateService } from '@ngx-translate/core';import { UserStatisticsService } from './Services/user-statistics.service'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) -export class AppComponent implements OnInit { +export class AppComponent implements OnInit,AfterViewInit { + constructor(private translate: TranslateService, + public location: Location,private router: Router, + private scrollService: ScrollService, + private statsService: UserStatisticsService, + private languageService: LanguageService) + { + translate.setDefaultLang('en'); + + const savedLang = localStorage.getItem('language') || 'en'; + - constructor(public location: Location) {} + translate.use(savedLang).subscribe({ + next: () => console.log(`Langue chargée avec succès`), + error: (err) => console.error(`Erreur lors du chargement de la langue`) + }); + + + } ngOnInit(){ + this.statsService.trackVisit().subscribe({ + next: () => console.log('✅ Visit tracked'), + error: err => console.error('❌ Visit tracking failed') + }); } - + ngAfterViewInit(): void { + this.router.events + .pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(() => { + const anchor = this.scrollService.getAnchor(); + if (anchor) { + setTimeout(() => { + const element = document.getElementById(anchor); + if (element) { + element.scrollIntoView({ behavior: 'smooth' }); + } + }, 100); + } + }); + } isMap(path){ var titlee = this.location.prepareExternalUrl(this.location.path()); titlee = titlee.slice( 1 ); diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 24da5d994..9b5b779c6 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,17 +1,51 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { HttpClientModule } from '@angular/common/http'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { HTTP_INTERCEPTORS, HttpClient, HttpClientModule } from '@angular/common/http'; import { RouterModule } from '@angular/router'; - -import { AppRoutingModule } from './app.routing'; import { NavbarModule } from './shared/navbar/navbar.module'; import { FooterModule } from './shared/footer/footer.module'; import { SidebarModule } from './sidebar/sidebar.module'; - import { AppComponent } from './app.component'; - import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; +import { VitrineComponent } from './vitrine/vitrine.component'; +import { CarouselHomePageComponent } from './carousel-home-page/carousel-home-page.component'; +import { HeaderHomePageComponent } from './header-home-page/header-home-page.component'; +import { ClientsCarouselComponent } from './clients-carousel/clients-carousel.component'; +import { IOTCarouselComponent } from './iotcarousel/iotcarousel.component'; +import { RegisterComponent } from './register/register.component'; +import { FooterHomePageComponent } from './footer-home-page/footer-home-page.component'; +import { AboutUsComponent } from './about-us/about-us.component'; +import { ContactUsComponent } from './contact-us/contact-us.component'; +import { ChatBotComponent } from './chat-bot/chat-bot.component'; +import { BlogsComponent } from './blogs/blogs.component'; +import { FormProductsComponent } from './form-products/form-products.component'; +import { UsersListsComponent } from './users-lists/users-lists.component'; +import { BlogslistComponent } from './blogslist/blogslist.component'; +import { FormblogComponent } from './formblog/formblog.component'; +import { ProductsComponent } from './products/products.component'; +import { Carousel2Component } from './carousel2/carousel2.component'; +import { CarteProduitComponent } from './carte-produit/carte-produit.component'; +import { CarteProduitNodevisComponent } from './carte-produit-nodevis/carte-produit-nodevis.component'; +import { PetitCadreComponent } from './petit-cadre/petit-cadre.component'; +import { TitreproduitComponent } from './titreproduit/titreproduit.component'; +import { NavbarComponent } from './navbar/navbar.component'; +import { FormulaireIotItComponent } from './formulaire-iot-it/formulaire-iot-it.component'; +import { FormFranchiseComponent } from './form-franchise/form-franchise.component'; +import { AppRoutingModule } from './app.routing'; +import { ListeFranchisesComponent } from './liste-franchises/liste-franchises.component'; +import { FranchiseDetailComponent } from './franchise-detail/franchise-detail.component'; +import { TranslateLoader, TranslateModule } from '@ngx-translate/core'; +import { TranslateHttpLoader } from '@ngx-translate/http-loader'; +import { ListDevisComponent } from './list-devis/list-devis.component'; +import { DevisDetailComponent } from './devis-detail/devis-detail.component'; +import { AuthInterceptor } from './auth/auth.interceptor'; +import { ProduitAvecDevisDetailComponent } from './produit-avec-devis-detail/produit-avec-devis-detail.component'; +import { ProduitSansDevisDetailComponent } from './produit-sans-devis-detail/produit-sans-devis-detail.component'; + +export function HttpLoaderFactory(http: HttpClient) { + return new TranslateHttpLoader(http, './assets/i18n/', '.json'); +} @NgModule({ imports: [ @@ -21,14 +55,57 @@ import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.compon HttpClientModule, NavbarModule, FooterModule, + FormsModule, SidebarModule, - AppRoutingModule + AppRoutingModule, + ReactiveFormsModule, + HttpClientModule, + TranslateModule.forRoot({ + defaultLanguage: 'en', + loader: { + provide: TranslateLoader, + useFactory: HttpLoaderFactory, + deps: [HttpClient] + } + }), ], declarations: [ AppComponent, - AdminLayoutComponent + AdminLayoutComponent, + VitrineComponent, + CarouselHomePageComponent, + HeaderHomePageComponent, + ClientsCarouselComponent, + IOTCarouselComponent, + RegisterComponent, + FooterHomePageComponent, + AboutUsComponent, + ContactUsComponent, + ChatBotComponent, + BlogsComponent, + FormProductsComponent, + UsersListsComponent, + BlogslistComponent, + FormblogComponent, + ProductsComponent, + Carousel2Component, + CarteProduitComponent, + CarteProduitNodevisComponent, + PetitCadreComponent, + TitreproduitComponent, + NavbarComponent, + FormulaireIotItComponent, + FormFranchiseComponent, + ListeFranchisesComponent, + FranchiseDetailComponent, + ListDevisComponent, + DevisDetailComponent, + ProduitAvecDevisDetailComponent, + ProduitSansDevisDetailComponent + ], + providers: [ + { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true } ], - providers: [], bootstrap: [AppComponent] }) export class AppModule { } diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts index 993dc346d..d054cbf15 100644 --- a/src/app/app.routing.ts +++ b/src/app/app.routing.ts @@ -1,12 +1,76 @@ -import { NgModule } from '@angular/core'; +import { Component, NgModule } from '@angular/core'; import { CommonModule, } from '@angular/common'; import { BrowserModule } from '@angular/platform-browser'; import { Routes, RouterModule } from '@angular/router'; import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; +import { VitrineComponent } from './vitrine/vitrine.component'; +import { RegisterComponent } from './register/register.component'; +import { AboutUsComponent } from './about-us/about-us.component'; +import { ContactUsComponent } from './contact-us/contact-us.component'; +import { BlogsComponent } from './blogs/blogs.component'; +import { FormProductsComponent } from './form-products/form-products.component'; +import { TablesComponent } from './tables/tables.component'; +import { UsersListsComponent } from './users-lists/users-lists.component'; +import { BlogslistComponent } from './blogslist/blogslist.component'; +import { FormblogComponent } from './formblog/formblog.component'; +import {ProductsComponent} from './products/products.component'; +import {FormulaireIotItComponent} from './formulaire-iot-it/formulaire-iot-it.component'; +import { FormFranchiseComponent } from './form-franchise/form-franchise.component'; +import { ListeFranchisesComponent } from './liste-franchises/liste-franchises.component'; +import { FranchiseDetailComponent } from './franchise-detail/franchise-detail.component'; +import { ListDevisComponent } from './list-devis/list-devis.component'; +import { DevisDetailComponent } from './devis-detail/devis-detail.component'; +import { AuthGuard } from './auth/auth.guard'; +import { ProduitAvecDevisDetailComponent } from './produit-avec-devis-detail/produit-avec-devis-detail.component'; +import { ProduitSansDevisDetailComponent } from './produit-sans-devis-detail/produit-sans-devis-detail.component'; const routes: Routes =[ + + { path: '', component: VitrineComponent }, + { path: 'products', component: ProductsComponent }, + { path: 'home', component: VitrineComponent }, + { path: 'auth', component: RegisterComponent }, + { path: 'about', component: AboutUsComponent }, + { path: 'contact', component: ContactUsComponent }, + {path:'blogs',component:BlogsComponent}, + { path: 'formulaireiotit', component: FormulaireIotItComponent ,canActivate: [AuthGuard], + data: { role: 'Client' },}, + { path: 'formulairefranchise', component: FormFranchiseComponent ,canActivate: [AuthGuard], + data: { role: 'Client' },}, { + path: 'admin', + redirectTo: 'dashboard', + pathMatch: 'full', + }, { + path: '', + component: AdminLayoutComponent, + canActivate: [AuthGuard], + data: { role: 'Administrateur' }, + children: [ + { + path: '', + loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) + }, + { path: 'add-product', component: FormProductsComponent }, + { path: 'update-product/:id', component: FormProductsComponent }, + { path: 'listProducts', component: TablesComponent }, + { path:'listblogs',component:BlogslistComponent}, + { path:'listusers',component:UsersListsComponent}, + { path: 'add-blog', component: FormblogComponent }, + { path: 'update-blog/:id', component: FormblogComponent }, + { path:'franchises',component:ListeFranchisesComponent}, + { path: 'franchises/:id', component: FranchiseDetailComponent }, + { path: 'listDevis', component: ListDevisComponent }, + { path: 'devis/:id', component: DevisDetailComponent }, + { path: 'admin', redirectTo: 'dashboard', pathMatch: 'full' }, + {path:'produit-iot/:id',component:ProduitAvecDevisDetailComponent}, + {path:'produit-gps/:id',component:ProduitSansDevisDetailComponent} + ] + }, + // { path: '**', redirectTo: 'home', pathMatch: 'full' } +] + /*{ path: '', redirectTo: 'dashboard', pathMatch: 'full', @@ -14,15 +78,25 @@ const routes: Routes =[ path: '', component: AdminLayoutComponent, children: [ - { - path: '', - loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) - }]}, + { + path: '', + loadChildren: () => import('./layouts/admin-layout/admin-layout.module').then(x => x.AdminLayoutModule) + }, + { path: 'add-product', component: FormProductsComponent }, + { path: 'update-product/:id', component: FormProductsComponent }, + { path: 'listProducts', component: TablesComponent }, + {path:'listblogs',component:BlogslistComponent}, + {path:'listusers',component:UsersListsComponent}, + { path: 'add-blog', component: FormblogComponent }, + { path: 'update-blog/:id', component: FormblogComponent }, + { path: 'admin', redirectTo: 'dashboard', pathMatch: 'full' }, + ] + }, { - path: '**', - redirectTo: 'dashboard' + path: '**',component: VitrineComponent + } -]; +];*/ @NgModule({ imports: [ diff --git a/src/app/auth/auth.guard.ts b/src/app/auth/auth.guard.ts new file mode 100644 index 000000000..5bec5b41b --- /dev/null +++ b/src/app/auth/auth.guard.ts @@ -0,0 +1,68 @@ +import { Injectable } from '@angular/core'; +import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot, UrlTree } from '@angular/router'; +import { AuthService } from 'app/Services/auth.service'; +import { CookieService } from 'ngx-cookie-service'; +import { Observable } from 'rxjs'; +import Swal from 'sweetalert2'; + +@Injectable({ + providedIn: 'root' +}) +export class AuthGuard implements CanActivate { + constructor(private router: Router,private authService: AuthService,private cookieService: CookieService) {} + canActivate( + route: ActivatedRouteSnapshot, + state: RouterStateSnapshot): Observable | Promise | boolean | UrlTree { + + const token = this.authService.getToken(); + const role = this.authService.getRole(); + const expectedRole = route.data['role']; + + const url = state.url; + if ((url.includes('formulairefranchise') || url.includes('formulaireiotit')) + &&(!token|| role === 'Administrateur') + ) { + Swal.fire({ + icon: 'error', + title: 'Login Required', + text: 'You must be logged in as a client to access this form.', + confirmButtonText: 'Login' + }).then(() => { + this.cookieService.set('redirectAfterLogin', state.url); + this.router.navigate(['/auth']); + }); + return false; + } + + + if (expectedRole !== undefined && role !== expectedRole) { + Swal.fire({ + icon: 'error', + title: 'Access Denied', + text: 'You do not have permission to access this page.', + confirmButtonText: 'Go to Login' + }).then(() => { + event.preventDefault(); + this.router.navigate(['/auth']); + }); + return false; + } + if (!this.authService.isLoggedIn()) { + Swal.fire({ + icon: 'warning', + title: 'Session Expired', + text: 'Your session has expired, please log in again.', + confirmButtonText: 'Log In' + }).then(() => { + this.authService.logout(); + this.router.navigate(['/auth']); + }); + return false; + } + + // ✅ Sinon, tout est bon + return true; + + } + +} diff --git a/src/app/auth/auth.interceptor.ts b/src/app/auth/auth.interceptor.ts new file mode 100644 index 000000000..1e7a7d043 --- /dev/null +++ b/src/app/auth/auth.interceptor.ts @@ -0,0 +1,28 @@ +import { Injectable } from '@angular/core'; +import { + HttpRequest, + HttpHandler, + HttpEvent, + HttpInterceptor +} from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { AuthService } from 'app/Services/auth.service'; +import { Router } from '@angular/router'; + +@Injectable() +export class AuthInterceptor implements HttpInterceptor { + constructor(private authService: AuthService,private router: Router) {} + + intercept(request: HttpRequest, next: HttpHandler): Observable> { + const token = this.authService.getToken(); + if (token) { + request = request.clone({ + setHeaders: { + Authorization: `Bearer ${token}` + } + }); + } + return next.handle(request); +} + +} diff --git a/src/app/blogs/blogs.component.html b/src/app/blogs/blogs.component.html new file mode 100644 index 000000000..75baf4204 --- /dev/null +++ b/src/app/blogs/blogs.component.html @@ -0,0 +1,70 @@ + + +
+ + + + + + + + + +




+ +
+ +
+
+
+
+

+
+

{{ blog.titre }}

+

+
+
+

+
+ +
+
+ + +
+
    +
  • {{ blog.datePublication| date: 'dd/MM/yyyy' }}
    • + + + +
+
+
+



+ +
+ + + + + + + + + diff --git a/src/app/blogs/blogs.component.scss b/src/app/blogs/blogs.component.scss new file mode 100644 index 000000000..c5fc87244 --- /dev/null +++ b/src/app/blogs/blogs.component.scss @@ -0,0 +1,315 @@ +.co-blog-component { + background: url('/assets/img/infinite-loop-01.jpg') no-repeat center center; + background-size: cover; + min-height: 100vh; + position: relative; + top:0; + margin: 0; + padding: 0; + .blog-container { + background: #fff; + border-radius: 5px; + box-shadow: hsla(0, 0, 0, .2) 0 4px 2px -2px; + font-family: "adelle-sans", sans-serif; + font-weight: 100; + width: 20rem; + margin: 0 auto 48px; + + @media screen and (min-width: 480px) { + width: 28rem; + } + @media screen and (min-width: 767px) { + width: 40rem; + } + @media screen and (min-width: 959px) { + width: 50rem; + } + } + + .blog-container a { + color: #4d4dff; + text-decoration: none; + transition: .25s ease; + + &:hover { + border-color: #ff4d4d; + color: #ff4d4d; + } + } + + .blog-cover { + background-size: cover; + border-radius: 5px 5px 0 0; + height: 25rem; + box-shadow: inset hsla(0, 0, 0, .2) 0 64px 64px 16px; + } + + .blog-author, + .blog-author--no-cover { + margin: 0 auto; + padding-top: .125rem; + width: 80%; + } + + .blog-author h3::before, + .blog-author--no-cover h3::before { + background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/russ.jpeg"); + background-size: cover; + border-radius: 50%; + content: " "; + display: inline-block; + height: 32px; + margin-right: .5rem; + position: relative; + top: 8px; + width: 32px; + } + + .blog-author h3 { + color: #fff; + font-weight: 100; + } + + .blog-author--no-cover h3 { + color: lighten(#333, 40%); + font-weight: 100; + } + + .blog-body { + margin: 0 auto; + width: 80%; + } + + .video-body { + height: 100%; + width: 100%; + } + + .blog-title h1 a { + color: #333; + font-weight: 100; + } + + .blog-summary p { + color: lighten(#333, 10%); + } + + .blog-tags ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + list-style: none; + padding-left: 0; + } + + .blog-tags li + li { + margin-left: .5rem; + } + + .blog-tags a { + border: 1px solid lighten(#333, 40%); + border-radius: 3px; + color: lighten(#333, 40%); + font-size: .75rem; + height: 1.5rem; + line-height: 1.5rem; + letter-spacing: 1px; + padding: 0 .5rem; + text-align: center; + text-transform: uppercase; + white-space: nowrap; + width: 5rem; + } + + .blog-footer { + border-top: 1px solid lighten(#333, 70%); + margin: 0 auto; + padding-bottom: .125rem; + width: 80%; + } + + .blog-footer ul { + list-style: none; + display: flex; + flex: row wrap; + justify-content: flex-end; + padding-left: 0; + } + + .blog-footer li:first-child { + margin-right: auto; + } + + .blog-footer li + li { + margin-left: .5rem; + } + + .blog-footer li { + color: lighten(#333, 40%); + font-size: .75rem; + height: 1.5rem; + letter-spacing: 1px; + line-height: 1.5rem; + text-align: center; + text-transform: uppercase; + position: relative; + white-space: nowrap; + + & a { + color: lighten(#333, 40%); + } + } + + + .published-date { + border: 1px solid lighten(#333, 40%); + border-radius: 3px; + padding: 0 .5rem; + } + + + .icon-star, + .icon-bubble { + fill: lighten(#333, 40%); + height: 35px; + margin-right: .5rem; + transition: .25s ease; + width: 35px; + + &:hover { + fill: #ff4d4d; + } + } +} +.like-button { + background: transparent; + border: none; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 6px; + font-size: 16px; + padding: 0; + vertical-align: middle; +} + +.like-button svg.icon-heart { + width: 24px; + height: 24px; + transition: fill 0.3s ease; + display: block; +} + +.like-button .numero { + color: #333; + font-weight: 500; + line-height: 1; + vertical-align: middle; + margin-top: 2px; /* Ajustement fin */ + user-select: none; +} + +@media screen and (max-width: 767px) { + .co-blog-component { + padding: 20px; + + .blog-container { + width: 90%; + margin-bottom: 32px; + } + + .blog-cover { + height: 12rem; + } + + .blog-author, + .blog-author--no-cover { + width: 100%; + padding-top: 0.5rem; + text-align: center; + + h3::before { + height: 28px; + width: 28px; + margin-right: 0.3rem; + top: 4px; + } + + h3 { + font-size: 1rem; + } + } + + .blog-body, + .blog-footer { + width: 100%; + } + + .blog-title h1 a { + font-size: 1.4rem; + } + + .blog-summary p { + font-size: 1rem; + } + + .blog-tags ul { + justify-content: center; + } + + .blog-tags a { + font-size: 0.65rem; + width: auto; + padding: 0 0.4rem; + } + + .blog-footer ul { + justify-content: center; + flex-wrap: wrap; + } + + .blog-footer li { + font-size: 0.65rem; + margin-bottom: 0.3rem; + } + + .icon-star, + .icon-bubble { + width: 28px; + height: 28px; + } + + .published-date { + font-size: 0.7rem; + padding: 0 0.3rem; + } + } + + .like-button { + font-size: 14px; + } + + .like-button svg.icon-heart { + width: 20px; + height: 20px; + } + + .like-button .numero { + font-size: 0.9rem; + } +} + +@media screen and (min-width: 768px) and (max-width: 991px) { + .co-blog-component .blog-container { + width: 80%; + } + + .co-blog-component .blog-cover { + height: 14rem; + } + + .co-blog-component .blog-title h1 a { + font-size: 1.8rem; + } +} + diff --git a/src/app/blogs/blogs.component.spec.ts b/src/app/blogs/blogs.component.spec.ts new file mode 100644 index 000000000..4803d0178 --- /dev/null +++ b/src/app/blogs/blogs.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogsComponent } from './blogs.component'; + +describe('BlogsComponent', () => { + let component: BlogsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BlogsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/blogs/blogs.component.ts b/src/app/blogs/blogs.component.ts new file mode 100644 index 000000000..826d230f8 --- /dev/null +++ b/src/app/blogs/blogs.component.ts @@ -0,0 +1,47 @@ +import { Component, OnInit } from '@angular/core'; +import { Blog } from 'app/blogslist/blogslist.component'; +import { BlogService } from 'app/Services/BlogService'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-blogs', + templateUrl: './blogs.component.html', + styleUrls: ['./blogs.component.scss'] +}) +export class BlogsComponent implements OnInit { + blogPosts = [ + ]; + apiBaseUrl = environment.baseUrl; + constructor(private blogService: BlogService) { + } + loadBlogs() { + this.blogService.getAllBlogs().subscribe({ + next: blogs => { + this.blogPosts = blogs.map(blog => ({ + ...blog, + liked: false + })); + }, + error: err => console.error(err) + }); +} + ngOnInit() { + this.loadBlogs() + } + getImageUrl(imagePath: string): string { + return this.apiBaseUrl + imagePath; + } + onLike(blog: Blog, index: number): void { + this.blogService.incrementLike(blog.id).subscribe({ + next: (res) => { + this.blogPosts[index].likes = res.likes; + this.blogPosts[index].liked = true; + }, + error: (err) => console.error('Erreur lors du like :', err) + }); + } + transformNewlines(text: string): string { + if (!text) return ''; + return text.replace(/\n/g, '
'); +} +} diff --git a/src/app/blogslist/blogslist.component.html b/src/app/blogslist/blogslist.component.html new file mode 100644 index 000000000..2a0fbf494 --- /dev/null +++ b/src/app/blogslist/blogslist.component.html @@ -0,0 +1,30 @@ +
+
+

Liste des Blogs

+ + + +
+
+
+
+ image blog +
+
+
{{ blog.titre }}
+

{{ blog.contenu }}

+
+
+ {{ tag.nom }} +
+
+ {{ blog.likes }} + + +
+
+
+
+
+
+
diff --git a/src/app/blogslist/blogslist.component.scss b/src/app/blogslist/blogslist.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/blogslist/blogslist.component.spec.ts b/src/app/blogslist/blogslist.component.spec.ts new file mode 100644 index 000000000..4a90aa9ab --- /dev/null +++ b/src/app/blogslist/blogslist.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BlogslistComponent } from './blogslist.component'; + +describe('BlogslistComponent', () => { + let component: BlogslistComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BlogslistComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(BlogslistComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/blogslist/blogslist.component.ts b/src/app/blogslist/blogslist.component.ts new file mode 100644 index 000000000..8d48a352e --- /dev/null +++ b/src/app/blogslist/blogslist.component.ts @@ -0,0 +1,69 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import Swal from 'sweetalert2'; +import { environment } from '../../environments/environment'; +import { BlogService } from 'app/Services/BlogService'; + +export interface Blog { + id: number; + titre: string; + contenu: string; + imagePath: string; + tags: string[]; + likes: number; +} + +@Component({ + selector: 'app-blogslist', + templateUrl: './blogslist.component.html', + styleUrls: ['./blogslist.component.scss'] +}) +export class BlogslistComponent implements OnInit { + blogs: Blog[] = []; +apiBaseUrl = environment.baseUrl; + + constructor(private router: Router, private blogService: BlogService) { } + + ngOnInit() { + this.loadBlogs(); + } + + loadBlogs() { + this.blogService.getAllBlogs().subscribe({ + next: (data) => this.blogs = data, + error: (err) => console.error('Erreur lors du chargement des blogs:', err) + }); + } + + editBlog(id: number) { + this.router.navigate(['/update-blog', id]); + } + + confirmDelete(id: number) { + Swal.fire({ + title: 'Supprimer ce blog ?', + text: 'Cette action est irréversible.', + icon: 'warning', + showCancelButton: true, + confirmButtonText: 'Oui, supprimer', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.blogService.deleteBlog(id).subscribe({ + next: () => { + this.blogs = this.blogs.filter(b => b.id !== id); + Swal.fire('Supprimé !', 'Le blog a été supprimé.', 'success'); + }, + error: (err) => { + console.error(err); + Swal.fire('Erreur', 'Une erreur est survenue lors de la suppression.', 'error'); + } + }); + } + }); +} + +getImageUrl(imagePath: string): string { + return this.apiBaseUrl + imagePath; + } +} diff --git a/src/app/carousel-home-page/carousel-home-page.component.html b/src/app/carousel-home-page/carousel-home-page.component.html new file mode 100644 index 000000000..24ff9f8c2 --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.html @@ -0,0 +1,42 @@ + + +
+ + + +
diff --git a/src/app/carousel-home-page/carousel-home-page.component.scss b/src/app/carousel-home-page/carousel-home-page.component.scss new file mode 100644 index 000000000..07a1774af --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.scss @@ -0,0 +1,227 @@ + +.carousel-container { + height: 100%; + width: 100%; + +background-image: url(/assets/img/HomeCarousselBackground.png); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; +} + +.carousel-slide { + display: flex; + justify-content: space-between; + align-items: center; + width: 90%; + max-width: 1400px; + padding: 40px; + box-sizing: border-box; + position: relative; + transition: opacity 1s ease-in-out; + opacity: 1; +} + +.fade { + animation: fadeEffect 1s; +} + +@keyframes fadeEffect { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.left-content { + color: white; + width: 50%; +} + +.title { + font-size: 2.8rem; + font-weight: bold; + margin: 0 0 15px; +} + +.subtitle { + font-size: 1.5rem; + color: #369; + margin-bottom: 10px; +} + +.description { + font-size: 1.1rem; + margin-bottom: 20px; + line-height: 1.5; +} + +.button-wrapper { + margin-top: 10px; +} + +.button-wrapper button { + padding: 10px 20px; + font-size: 1rem; + background-color: #007bff; + border: none; + border-radius: 6px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.button-wrapper button:hover { + background-color: #0056b3; +} + +.right-image { + width: 45%; + display: flex; + justify-content: center; + align-items: center; +} + +.right-image img { + width: 300px; + height: 300px; + object-fit: cover; + border-radius: 50%; + border: 5px solid #ffffff96; +} + +.dots { + position: absolute; + bottom: 40px; + display: flex; + gap: 10px; +} + +.dots span { + width: 10px; + height: 10px; + background-color: gray; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.3s; +} + +.dots span.active { + background-color: white; + transform: scale(1.4); +} + +.scroll-arrow { + position: absolute; + right: 80px; + bottom: 20px; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 50%; + padding: 10px; + cursor: pointer; + animation: saut 2s infinite; +} + +@keyframes saut{ + 0%,20%,50%,80%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 60%{ + transform: translateY(15px); + } +} + +.scroll-arrow img { + width: 40px; + height: 40px; +} +@media screen and (max-width: 767px) { + .carousel-slide { + flex-direction: column; + padding: 20px; + text-align: center; + } + + .left-content { + width: 100%; + margin-bottom: 20px; + } + + .title { + font-size: 1.8rem; + } + + .subtitle { + font-size: 1.2rem; + } + + .description { + font-size: 1rem; + } + + .right-image { + width: 100%; + } + + .right-image img { + width: 200px; + height: 200px; + } + + .dots { + bottom: 20px; + } + + .scroll-arrow { + right: 20px; + bottom: 10px; + padding: 8px; + } + + .scroll-arrow img { + width: 30px; + height: 30px; + } +} + +@media screen and (min-width: 768px) and (max-width: 991px) { + .carousel-slide { + padding: 30px; + } + + .title { + font-size: 2.2rem; + } + + .subtitle { + font-size: 1.4rem; + } + + .description { + font-size: 1.05rem; + } + + .right-image img { + width: 250px; + height: 250px; + } + + .scroll-arrow { + right: 50px; + bottom: 15px; + } +} diff --git a/src/app/carousel-home-page/carousel-home-page.component.spec.ts b/src/app/carousel-home-page/carousel-home-page.component.spec.ts new file mode 100644 index 000000000..afccc81d9 --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarouselHomePageComponent } from './carousel-home-page.component'; + +describe('CarouselHomePageComponent', () => { + let component: CarouselHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarouselHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarouselHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carousel-home-page/carousel-home-page.component.ts b/src/app/carousel-home-page/carousel-home-page.component.ts new file mode 100644 index 000000000..1bf1358aa --- /dev/null +++ b/src/app/carousel-home-page/carousel-home-page.component.ts @@ -0,0 +1,62 @@ +import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-carousel-home-page', + templateUrl: './carousel-home-page.component.html', + styleUrls: ['./carousel-home-page.component.scss'] +}) +export class CarouselHomePageComponent implements OnInit { + + slides = [ + { + titleKey: 'CAROUSEL.SLIDE1.TITLE', + subtitleKey: 'CAROUSEL.SLIDE1.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE1.DESCRIPTION', + image: '/assets/img/route.png' + }, + { + titleKey: 'CAROUSEL.SLIDE2.TITLE', + subtitleKey: 'CAROUSEL.SLIDE2.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE2.DESCRIPTION', + image: '/assets/img/iot.png' + }, + { + titleKey: 'CAROUSEL.SLIDE3.TITLE', + subtitleKey: 'CAROUSEL.SLIDE3.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE3.DESCRIPTION', + image: '/assets/img/service.png' + } + ]; + + currentSlide = 0; + intervalId: any; + + constructor(private router: Router) {} + + ngOnInit() { + this.intervalId = setInterval(() => this.nextSlide(), 4000); + } + + ngOnDestroy() { + clearInterval(this.intervalId); + } + + nextSlide() { + this.currentSlide = (this.currentSlide + 1) % this.slides.length; + } + + goToSlide(index: number) { + this.currentSlide = index; + } + + goToVitrine() { + this.router.navigate(['/vitrine']); + } + + goToHomeAndScroll(section: string, event: Event) { + event.preventDefault(); + this.router.navigate([''], { queryParams: { section } }); +} + +} diff --git a/src/app/carousel2/carousel2.component.css b/src/app/carousel2/carousel2.component.css new file mode 100644 index 000000000..5fe9327c7 --- /dev/null +++ b/src/app/carousel2/carousel2.component.css @@ -0,0 +1,283 @@ +.carousel-container { + width: 100%; + height: 400px; + /* background-image: url('assets/img/infinite-loop-01.jpg'); */ + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; +} + +.carousel-slide { + display: flex; + justify-content: space-between; + align-items: center; + width: 90%; + max-width: 1400px; + padding: 40px; + box-sizing: border-box; + position: relative; + transition: opacity 1s ease-in-out; + opacity: 1; +} + +.fade { + animation: fadeEffect 1s; +} + +@keyframes fadeEffect { + from { + opacity: 0; + transform: translateY(10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.left-content { + color: white; + width: 50%; +} + +.title { + font-size: 2.8rem; + font-weight: bold; + margin: 0 0 15px; +} + +.subtitle { + font-size: 1.5rem; + color: #00aaff; + margin-bottom: 10px; +} + +.description { + font-size: 1.1rem; + margin-bottom: 20px; + line-height: 1.5; +} + +.button-wrapper { + margin-top: 10px; +} + +.button-wrapper button { + padding: 10px 20px; + font-size: 1rem; + background-color: #007bff; + border: none; + border-radius: 6px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.button-wrapper button:hover { + background-color: #0056b3; +} + +.right-image { + width: 45%; + display: flex; + justify-content: center; + align-items: center; +} + +.right-image img { + width: 300px; + height: 300px; + object-fit: cover; + border-radius: 50%; + border: 5px solid #ffffff96; +} + +.dots { + position: absolute; + bottom: 40px; + display: flex; + gap: 10px; +} + +.dots span { + width: 10px; + height: 10px; + background-color: gray; + border-radius: 50%; + cursor: pointer; + transition: background-color 0.3s; +} + +.dots span.active { + background-color: white; + transform: scale(1.4); +} + +.scroll-arrow { + position: absolute; + right: 20px; + bottom: 20px; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 50%; + padding: 10px; + cursor: pointer; + animation: saut 2s infinite; +} + +@keyframes saut{ + 0%,20%,50%,80%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 60%{ + transform: translateY(15px); + } +} + +.scroll-arrow img { + width: 40px; + height: 40px; +} +/* ✅ Responsive sans changement de layout : on réduit juste les tailles */ + +@media (max-width: 1024px) { + .carousel-container { + height: 350px; + } + + .carousel-slide { + padding: 30px 20px; + } + + .title { + font-size: 2rem; + } + + .subtitle { + font-size: 1.3rem; + } + + .description { + font-size: 1rem; + } + + .right-image img { + width: 220px; + height: 220px; + } + + .scroll-arrow { + right: 15px; + bottom: 15px; + } +} + +@media (max-width: 768px) { + .carousel-container { + height: 300px; + } + + .title { + font-size: 1.7rem; + } + + .subtitle { + font-size: 1.1rem; + } + + .description { + font-size: 0.95rem; + } + + .right-image img { + width: 180px; + height: 180px; + } + + .scroll-arrow img { + width: 30px; + height: 30px; + } + + .dots span { + width: 8px; + height: 8px; + } +} + +@media (max-width: 480px) { + .carousel-container { + height: 260px; + } + + .carousel-slide { + padding: 20px 10px; + } + + .title { + font-size: 1.4rem; + } + + .subtitle { + font-size: 1rem; + } + + .description { + font-size: 0.85rem; + } + + .right-image img { + width: 140px; + height: 140px; + } + + .scroll-arrow { + right: 10px; + bottom: 10px; + } + + .scroll-arrow img { + width: 25px; + height: 25px; + } +} + +/* hethy un peu plus petite lektiba */ +@media (max-width: 380px) { + .title { + font-size: 1.2rem; + } + + .subtitle { + font-size: 0.9rem; + } + + .description { + font-size: 0.75rem; + } + + .right-image img { + width: 120px; + height: 120px; + } + + .scroll-arrow img { + width: 22px; + height: 22px; + } + + .carousel-slide { + padding: 15px 8px; + } +} + + diff --git a/src/app/carousel2/carousel2.component.html b/src/app/carousel2/carousel2.component.html new file mode 100644 index 000000000..f02e398fa --- /dev/null +++ b/src/app/carousel2/carousel2.component.html @@ -0,0 +1,28 @@ +
+
+
+

{{ slides[currentSlide].subtitleKey | translate }}

+

{{ slides[currentSlide].titleKey | translate }}

+

{{ slides[currentSlide].descriptionKey | translate }}

+ +
+ +
+ carousel image +
+
+ +
+ + +
+ +
+ Go to all +
+
diff --git a/src/app/carousel2/carousel2.component.spec.ts b/src/app/carousel2/carousel2.component.spec.ts new file mode 100644 index 000000000..b04d98e68 --- /dev/null +++ b/src/app/carousel2/carousel2.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Carousel2Component } from './carousel2.component'; + +describe('Carousel2Component', () => { + let component: Carousel2Component; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ Carousel2Component ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Carousel2Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carousel2/carousel2.component.ts b/src/app/carousel2/carousel2.component.ts new file mode 100644 index 000000000..aca6bc82b --- /dev/null +++ b/src/app/carousel2/carousel2.component.ts @@ -0,0 +1,62 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-carousel2', + templateUrl: './carousel2.component.html', + styleUrls: ['./carousel2.component.css'] +}) +export class Carousel2Component implements OnInit, OnDestroy { + slides = [ + { + titleKey: 'CAROUSEL.SLIDE1.TITLE', + subtitleKey: 'CAROUSEL.SLIDE1.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE1.DESCRIPTION', + image: 'assets/img/route.png' + }, + { + titleKey: 'CAROUSEL.SLIDE2.TITLE', + subtitleKey: 'CAROUSEL.SLIDE2.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE2.DESCRIPTION', + image: 'assets/img/iot.png' + }, + { + titleKey: 'CAROUSEL.SLIDE3.TITLE', + subtitleKey: 'CAROUSEL.SLIDE3.SUBTITLE', + descriptionKey: 'CAROUSEL.SLIDE3.DESCRIPTION', + image: 'assets/img/service.png' + } + ]; + + currentSlide = 0; + intervalId: any; + + constructor(private router: Router) {} + + ngOnInit() { + this.intervalId = setInterval(() => this.nextSlide(), 4000); + } + + ngOnDestroy() { + clearInterval(this.intervalId); + } + + nextSlide() { + this.currentSlide = (this.currentSlide + 1) % this.slides.length; + } + + goToSlide(index: number) { + this.currentSlide = index; + } + + goToVitrine() { + this.router.navigate(['/vitrine']); + } + + scrollToGps() { + const titreSection = document.getElementById('partietitre'); + if (titreSection) { + titreSection.scrollIntoView({ behavior: 'smooth' }); + } + } +} diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css new file mode 100644 index 000000000..cf3fbfe47 --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.css @@ -0,0 +1,297 @@ +.carte-produit { + background-color: #e9ecef; + position: relative; + width: 300px; + height: 360px; + border-radius: 12px; + overflow: hidden; + box-shadow: 0px 10px 1px #38B; + cursor: pointer; + transition: transform 0.25s ease-in-out 0s; +} + +.carte-produit:hover { + transform: scale(1.02); + transform: translateY(-3px); +} + +.image-fond { + width: 100%; + height: 90%; + object-fit: contain; + position: relative; + margin-top: 10px; + +} + +.infos-base { + position: absolute; + /* bottom: 0px; */ + left: 20px; + color: white; +} + +.categorie { + color: #01b4ff; + font-weight: bold; + font-size: 14px; + display: block; + top: 50px; +} + +.titre { + color: #01b4ff; + font-size: 14px; + font-weight: bold; + display: block; + margin-bottom: 20px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.50); + color: white; + padding: 20px; + display: flex; + align-items: flex-end; + box-sizing: border-box; +} + +.infos-hover h3 { + margin: 0 0 10px; + font-size: 18px; +} + +.infos-hover p { + font-size: 14px; + margin-bottom: 15px; +} + + + +.liens { + display: flex; + gap: 12px; +} + +.voir-details { + color: white; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid white; + font-size: 14px; +} +/* //////////////// */ +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(3px); + display: flex; + justify-content: center; + align-items: center; + z-index: 1001; +} + +.modal-container { + border-radius: 20px; + background-color: white; + width: 55%; + overflow-y: auto; + position: relative; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); + animation: fadeIn 0.3s ease-in-out; +} + +.modal-top { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-repeat: no-repeat; + background-size: cover; + /* background-position: center ; */ + /* background-color: #38B; */ + padding: 30px; + color: #ffffff; + height: 160px; +} + +.categorie h5 { + margin: 0; + font-size: 16px; + background: #fff; + color: #38B; + display: inline-block; + padding: 4px 10px; + border-radius: 10px; + font-weight: bold; + +} + + +.titre-et-description h2 { + font-size: 30px; + font-weight: bold; + /* margin: 10px 0 8px; */ + color: #fff; +} + +.titre-et-description p { + margin: 0; + font-size: 10px; + color: #fff; +} + +.modal-image { + width: 100%; + height: auto; + margin-top: 20px; + max-height: 300px; + object-fit: contain; + border-radius: 10px; + margin-bottom: 20px; +} + +.modal-content { + padding: 10px; + max-height: 90vh; +} + +.modal-content h2 { + font-size: 24px; + margin-bottom: 10px; + color: #041c44; +} + +.modal-content p { + font-size: 16px; + margin-bottom: 20px; + color: #333; +} + +.modal-bottom { + display: flex; + justify-content: space-between; + gap: 20px; +} +.imagee{ + /* background-color: #f2f2f2; */ + padding: 12px 16px; + border-radius: 10px; + width: 65%; +} +.caracteristiques-et-tarif{ + display: flex; + flex-direction: column; + gap:20px; + max-width: 50%; + min-width: 40%; +} +.caracteristiques{ + height: 60%; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; +} +.tarif{ + height: auto; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.caracteristiques h4, +.tarif h4 { + margin-top: 0; + margin-bottom: 8px; + color: #38B; + font-size: 18px; + text-decoration: underline; + font-weight: bold; + text-align: left; +} +.tarif h2 { + font-weight: bold; + color: #000000; + display: block; + text-align: left; +} + +.caracteristiques ul { + padding-left: 20px; + margin: 0; +} +.caracteristiques li{ + /* font-weight: bold; */ + color: black; +} + +.tarif p { + font-weight: bold; + font-size: 20px; + margin: 10px 0; + color: orange; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + padding: 8px 16px; + border-radius: 6px; + border: none; + cursor: pointer; + font-weight: bold; +} + +.modal-close { + color: #ffffff; + position: absolute; + top: 0px; + right: 16px; + font-size: 40px; + background: none; + border: none; + cursor: pointer; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} +.btn-panier { + margin-top: 20px; + background-color: #01b4ff; + width: 100%; + color: white; + border: none; + padding: 10px 20px; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + font-size: 14px; + transition: background-color 0.2s ease-in-out; + text-align: center; +} + +.btn-panier:hover { + background-color: #008fcc; +} + + + diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html new file mode 100644 index 000000000..5d81aaab0 --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.html @@ -0,0 +1,64 @@ + +
+ + +
+ +

{{ titre }}

+
+ +
+
+

{{ titre }}

+

{{ description }}

+
+ {{ 'conteneur_sansdevis.voirDetails' | translate }} +
+
+
+
+ + + +
+
+
+
+
{{categorie}}
+
+
+

{{titre}}

+

{{description}}

+
+
+ +
+ +
+
+ Produit +
+
+ +
+

{{ 'conteneur_sansdevis.caracteristiques' | translate }}

+
    +
  • {{ carac.texte }}
    • +
+
+
+

{{ 'conteneur_sansdevis.tarif' | translate }}

+

+ {{ prix }} DT +

+ +
+ +
+
+
+ + +
+
+ diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts new file mode 100644 index 000000000..f5acb117d --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarteProduitNodevisComponent } from './carte-produit-nodevis.component'; + +describe('CarteProduitNodevisComponent', () => { + let component: CarteProduitNodevisComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarteProduitNodevisComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarteProduitNodevisComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts new file mode 100644 index 000000000..737bcc90f --- /dev/null +++ b/src/app/carte-produit-nodevis/carte-produit-nodevis.component.ts @@ -0,0 +1,37 @@ +import { Component, Input } from '@angular/core'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-carte-produit-nodevis', + templateUrl: './carte-produit-nodevis.component.html', + styleUrls: ['./carte-produit-nodevis.component.css'] +}) +export class CarteProduitNodevisComponent { + @Input() titre: string = ''; + @Input() description: string = ''; + @Input() image: string = ''; + @Input() categorie: string = ''; + @Input() prix: string = ''; + @Input() caracteristiques: { texte: string }[] = []; + + apiBaseUrl = environment.baseUrl + + + hover: boolean = false; + showModal: boolean = false; + + openModal() { + this.showModal = true; + } + + closeModal() { + this.showModal = false; + } + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + +} diff --git a/src/app/carte-produit/carte-produit.component.css b/src/app/carte-produit/carte-produit.component.css new file mode 100644 index 000000000..527adabeb --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.css @@ -0,0 +1,293 @@ +.carte-produit { + background-color: #e9ecef; + position: relative; + width: 300px; + height: 360px; + border-radius: 12px; + overflow: hidden; + box-shadow: 0px 10px 1px #38B; + cursor: pointer; + transition: transform 0.25s ease-in-out 0s; +} + +.carte-produit:hover { + transform: scale(1.02); + transform: translateY(-3px); +} + +.image-fond { + width: 100%; + height: 90%; + object-fit: contain; + position: relative; + margin-top: 10px; +} + +.infos-base { + position: absolute; + left: 20px; + color: white; +} + +.categorie { + display: inline-block; + background-color: white; + color: #01b4ff; + font-weight: bold; + font-size: 10px; + padding: 5px 10px; + border-radius: 8px; + margin-bottom: 10px; +} + +.titre { + color: #01b4ff; + font-size: 14px; + font-weight: bold; + display: block; + margin-bottom: 20px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.50); + color: white; + padding: 20px; + display: flex; + align-items: flex-end; + box-sizing: border-box; +} + + +.infos-hover h3 { + margin: 0 0 10px; + font-size: 18px; +} + +.infos-hover p { + font-size: 14px; + margin-bottom: 15px; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + border: none; + padding: 8px 14px; + border-radius: 4px; + font-size: 12px; + margin-bottom: 12px; + cursor: pointer; +} + +.liens { + display: flex; + gap: 12px; +} + +.voir-details { + color: white; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid white; + font-size: 14px; +} + +.demander-devis { + color: orange; + text-decoration: none; + font-weight: bold; + border-bottom: 3px solid orange; + font-size: 14px; +} +/* /////////////////////////// */ +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(3px); + display: flex; + justify-content: center; + align-items: center; + z-index: 1001; +} + +.modal-container { + border-radius: 20px; + background-color: white; + width: 55%; + overflow-y: auto; + position: relative; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); + animation: fadeIn 0.3s ease-in-out; +} + +.modal-top { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-repeat: no-repeat; + background-size: cover; + /* background-position: center ; */ + /* background-color: #38B; */ + padding: 30px; + color: #ffffff; + height: 160px; +} + +.categorie h5 { + margin: 0; + font-size: 16px; + background: #fff; + color: #38B; + display: inline-block; + padding: 4px 10px; + border-radius: 10px; + font-weight: bold; +} + +.titre-et-description h2 { + font-size: 30px; + font-weight: bold; + /* margin: 10px 0 8px; */ + color: #fff; +} + +.titre-et-description p { + margin: 0; + font-size: 10px; + color: #fff; +} + +.modal-image { + width: 100%; + height: auto; + margin-top: 20px; + max-height: 300px; + object-fit: contain; + border-radius: 10px; + margin-bottom: 20px; +} + +.modal-content { + padding: 10px; + max-height: 90vh; +} + +.modal-content h2 { + font-size: 24px; + margin-bottom: 10px; + color: #041c44; +} + +.modal-content p { + font-size: 16px; + margin-bottom: 20px; + color: #333; +} + +.modal-bottom { + display: flex; + justify-content: space-between; + gap: 20px; +} +.imagee{ + /* background-color: #f2f2f2; */ + padding: 12px 16px; + border-radius: 10px; + width: 65%; +} +.caracteristiques-et-tarif{ + display: flex; + flex-direction: column; + gap:20px; + max-width: 50%; +} + +.caracteristiques { + height: 60%; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; +} +.tarif{ + height: auto; + background-color: #f2f2f2; + padding: 12px 16px; + border-radius: 10px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.caracteristiques h4, +.tarif h4 { + margin-top: 0; + margin-bottom: 8px; + color: #38B; + font-size: 18px; + text-decoration: underline; + font-weight: bold; + text-align: left; +} +.tarif h2 { + font-weight: bold; + color: #000000; + display: block; + text-align: left; +} + +.caracteristiques ul { + padding-left: 20px; + margin: 0; +} +.caracteristiques li{ + /* font-weight: bold; */ + color: black; +} + +.tarif p { + font-weight: bold; + font-size: 20px; + margin: 10px 0; + color: orange; +} + +.btn-devis { + background-color: #01b4ff; + color: white; + padding: 8px 16px; + border-radius: 6px; + border: none; + cursor: pointer; + font-weight: bold; +} + +.modal-close { + color: #ffffff; + position: absolute; + top: 0px; + right: 16px; + font-size: 40px; + background: none; + border: none; + cursor: pointer; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} diff --git a/src/app/carte-produit/carte-produit.component.html b/src/app/carte-produit/carte-produit.component.html new file mode 100644 index 000000000..160188fb2 --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.html @@ -0,0 +1,64 @@ + +
+ + +
+

{{ titre }}

+
+ +
+
+

{{ titre }}

+

{{ description }}

+ +
+ {{ 'conteneur_avecdevis.voirDetails' | translate }} + {{ 'conteneur_avecdevis.demanderDevis' | translate }} +
+
+
+
+ + + +
+
+
+
+
{{categorie}}
+
+
+

{{titre}}

+

{{description}}

+
+
+ + +
+ +
+
+ Produit +
+
+ +
+

{{ 'conteneur_avecdevis.caracteristiques' | translate }}

+
    +
  • {{ carac.texte }}
    • +
+
+
+

{{ 'conteneur_avecdevis.tarif' | translate }}

+

{{ 'conteneur_avecdevis.surDevis' | translate }}

+ +
+ +
+
+
+ + +
+
+ diff --git a/src/app/carte-produit/carte-produit.component.spec.ts b/src/app/carte-produit/carte-produit.component.spec.ts new file mode 100644 index 000000000..c7cb1edae --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CarteProduitComponent } from './carte-produit.component'; + +describe('CarteProduitComponent', () => { + let component: CarteProduitComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ CarteProduitComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(CarteProduitComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/carte-produit/carte-produit.component.ts b/src/app/carte-produit/carte-produit.component.ts new file mode 100644 index 000000000..1ace9328c --- /dev/null +++ b/src/app/carte-produit/carte-produit.component.ts @@ -0,0 +1,45 @@ +import { Component, Input } from '@angular/core'; +import { Router } from '@angular/router'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-carte-produit', + templateUrl: './carte-produit.component.html', + styleUrls: ['./carte-produit.component.css'] +}) +export class CarteProduitComponent { + @Input() titre: string = ''; + @Input() description: string = ''; + @Input() image: string = ''; + @Input() categorie: string = ''; + @Input() id: number; + @Input() caracteristiques: { texte: string }[] = []; + + apiBaseUrl = environment.baseUrl + + constructor(private router: Router) {} + + hover: boolean = false; + showModal: boolean = false; + + openModal() { + this.showModal = true; + } + + closeModal() { + this.showModal = false; + } + allerAuFormulaire() { + this.closeModal(); + this.router.navigate(['/formulaireiotit'], { queryParams: { produitId: this.id ,titre:this.titre} }); + + } + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + +} + diff --git a/src/app/chat-bot/chat-bot.component.html b/src/app/chat-bot/chat-bot.component.html new file mode 100644 index 000000000..a0b7771cf --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.html @@ -0,0 +1,2 @@ +
+
\ No newline at end of file diff --git a/src/app/chat-bot/chat-bot.component.scss b/src/app/chat-bot/chat-bot.component.scss new file mode 100644 index 000000000..093e5e26b --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.scss @@ -0,0 +1,36 @@ +.chatbot-fab { + position: fixed; + bottom: 30px; + right: 30px; + display: flex; + align-items: center; + gap: 10px; + z-index: 1000; +} + +.chatbot-label { + background-color: #007bff; + color: white; + padding: 8px 12px; + border-radius: 20px; + font-size: 14px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + animation: fadeIn 0.5s ease; +} + +.chatbot-button { + background-color:blue; + color: white; + border: none; + border-radius: 50%; + width: 55px; + height: 55px; + font-size: 20px; + cursor: pointer; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(10px); } + to { opacity: 1; transform: translateY(0); } +} diff --git a/src/app/chat-bot/chat-bot.component.spec.ts b/src/app/chat-bot/chat-bot.component.spec.ts new file mode 100644 index 000000000..2b9bd93d1 --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ChatBotComponent } from './chat-bot.component'; + +describe('ChatBotComponent', () => { + let component: ChatBotComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ChatBotComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ChatBotComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/chat-bot/chat-bot.component.ts b/src/app/chat-bot/chat-bot.component.ts new file mode 100644 index 000000000..6d9e88e39 --- /dev/null +++ b/src/app/chat-bot/chat-bot.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit ,Renderer2} from '@angular/core'; + +@Component({ + selector: 'app-chat-bot', + templateUrl: './chat-bot.component.html', + styleUrls: ['./chat-bot.component.scss'] +}) +export class ChatBotComponent implements OnInit { + showChat = false; + + constructor(private renderer: Renderer2) {} + + ngOnInit(): void { + const script = this.renderer.createElement('script'); + script.innerHTML = ` + (function(){ + if(!window.chatbase || window.chatbase("getState") !== "initialized") { + window.chatbase=(...arguments)=>{ + if(!window.chatbase.q){ + window.chatbase.q=[] + } + window.chatbase.q.push(arguments) + }; + window.chatbase=new Proxy(window.chatbase,{ + get(target,prop){ + if(prop==="q"){ return target.q } + return (...args)=>target(prop,...args) + } + }) + } + + const onLoad=function(){ + const script=document.createElement("script"); + script.src="https://www.chatbase.co/embed.min.js"; + script.id="f0d3oyMrl3n7digplpnOD"; + script.setAttribute("chatbotId", "f0d3oyMrl3n7digplpnOD"); + document.body.appendChild(script); + }; + + if(document.readyState==="complete"){ + onLoad() + }else{ + window.addEventListener("load",onLoad) + } + })(); + `; + this.renderer.appendChild(document.body, script); + } + + toggleChat(): void { + const iframe = document.querySelector('iframe[src*="chatbase"]') as HTMLElement; + if (iframe) { + this.showChat = !this.showChat; + iframe.style.display = this.showChat ? 'block' : 'none'; + } + } + +} diff --git a/src/app/clients-carousel/clients-carousel.component.html b/src/app/clients-carousel/clients-carousel.component.html new file mode 100644 index 000000000..15da3f632 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.html @@ -0,0 +1,23 @@ +
+
+

{{ 'CLIENTS.TITLE' | translate }}

+

+ {{ 'CLIENTS.DESCRIPTION' | translate }} +

+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/app/clients-carousel/clients-carousel.component.scss b/src/app/clients-carousel/clients-carousel.component.scss new file mode 100644 index 000000000..03e4a4e34 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.scss @@ -0,0 +1,20 @@ +.carousel-container { + width: 100%; + margin: 0 auto; +} + +.carousel-content { + display: flex; + transition: transform 0.01s linear; /* Transition très courte pour fluidité */ + will-change: transform; /* Optimisation performance */ +} + +/* Masquer la scrollbar */ +.carousel-container::-webkit-scrollbar { + display: none; +} + +.carousel-container { + -ms-overflow-style: none; + scrollbar-width: none; +} \ No newline at end of file diff --git a/src/app/clients-carousel/clients-carousel.component.spec.ts b/src/app/clients-carousel/clients-carousel.component.spec.ts new file mode 100644 index 000000000..cb45a9bb0 --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ClientsCarouselComponent } from './clients-carousel.component'; + +describe('ClientsCarouselComponent', () => { + let component: ClientsCarouselComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ClientsCarouselComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ClientsCarouselComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/clients-carousel/clients-carousel.component.ts b/src/app/clients-carousel/clients-carousel.component.ts new file mode 100644 index 000000000..d041117bb --- /dev/null +++ b/src/app/clients-carousel/clients-carousel.component.ts @@ -0,0 +1,58 @@ +import { Component, OnInit,OnDestroy } from '@angular/core'; + +@Component({ + selector: 'app-clients-carousel', + templateUrl: './clients-carousel.component.html', + styleUrls: ['./clients-carousel.component.scss'] +}) +export class ClientsCarouselComponent implements OnInit , OnDestroy { + clients = [ + { name: 'Client 1', logo: '/assets/img/logos/pgs.jpeg' }, + { name: 'Client 2', logo: '/assets/img/logos/pharmaderm.jpeg' }, + { name: 'Client 3', logo: '/assets/img/logos/sagemcom.jpeg' }, + { name: 'Client 4', logo: '/assets/img/logos/TT.jpeg' }, + { name: 'Client 5', logo: '/assets/img/logos/pharmaservice.jpeg' }, + { name: 'Client 6', logo: '/assets/img/logos/cftp.jpeg' }, + { name: 'Client 7', logo: '/assets/img/logos/cnam.jpeg' }, + { name: 'Client 8', logo: '/assets/img/logos/etap.jpeg' }, + { name: 'Client 9', logo: '/assets/img/logos/smtf.jpeg' }, + { name: 'Client 10', logo: '/assets/img/logos/TLS.jpeg' }, + + + ]; + + duplicatedClients = [...this.clients, ...this.clients]; // Pour l'effet infini + private animationFrameId: number; + private scrollSpeed = 1; // Ajustez la vitesse ici + private carouselElement: HTMLElement; + + ngOnInit(): void { + this.carouselElement = document.querySelector('.carousel-content'); + this.startAnimation(); + } + + ngOnDestroy(): void { + this.stopAnimation(); + } + + startAnimation(): void { + let position = 0; + const animate = () => { + position += this.scrollSpeed; + + // Réinitialiser la position quand on arrive à la moitié (grâce aux éléments dupliqués) + if (position >= this.carouselElement.scrollWidth / 2) { + position = 0; + } + + this.carouselElement.style.transform = `translateX(-${position}px)`; + this.animationFrameId = requestAnimationFrame(animate); + }; + + this.animationFrameId = requestAnimationFrame(animate); + } + + stopAnimation(): void { + cancelAnimationFrame(this.animationFrameId); + } +} \ No newline at end of file diff --git a/src/app/contact-us/contact-us.component.html b/src/app/contact-us/contact-us.component.html new file mode 100644 index 000000000..884776303 --- /dev/null +++ b/src/app/contact-us/contact-us.component.html @@ -0,0 +1,98 @@ + + + + +
+
+
+
+

{{ 'CONTACT.TITLE' | translate }}

+

{{ 'CONTACT.INTRO' | translate }}

+
+
+ +
+
+ + + + + +
+ {{ 'CONTACT.FORM.EMAIL_ERROR' | translate }} +
+ + + + +
+ +
+ {{ messageText }} +
+
+ +
+
+ + + T u n a v @ t u n a v . c o m + +
+ +
+ + + {{ 'CONTACT.LOCATION' | translate }} + +
+ +
+ + + 7 1 8 0 7 6 6 7 + +
+ +
 
+
+
+
+
+ + diff --git a/src/app/contact-us/contact-us.component.scss b/src/app/contact-us/contact-us.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/contact-us/contact-us.component.spec.ts b/src/app/contact-us/contact-us.component.spec.ts new file mode 100644 index 000000000..ecc463a0d --- /dev/null +++ b/src/app/contact-us/contact-us.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ContactUsComponent } from './contact-us.component'; + +describe('ContactUsComponent', () => { + let component: ContactUsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ContactUsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ContactUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/contact-us/contact-us.component.ts b/src/app/contact-us/contact-us.component.ts new file mode 100644 index 000000000..004fbf8d6 --- /dev/null +++ b/src/app/contact-us/contact-us.component.ts @@ -0,0 +1,75 @@ +import { Component, OnInit } from '@angular/core'; +import emailjs from 'emailjs-com'; +import { EmailjsService } from 'emailJs/email.service'; +import Swal from 'sweetalert2'; + +declare var Email: any; +@Component({ + selector: 'app-contact-us', + templateUrl: './contact-us.component.html', + styleUrls: ['./contact-us.component.scss'] +}) +export class ContactUsComponent implements OnInit { + + constructor(private emailjsService: EmailjsService) { } + form = { + name: '', + email: '', + message: '' + }; + + ngOnInit(): void { + const script = document.createElement('script'); + script.src = 'https://smtpjs.com/v3/smtp.js'; + script.type = 'text/javascript'; + document.body.appendChild(script); + } + messageBox = document.getElementById('messageBox'); + + showMessage(text, isError = false) { + this.messageBox.textContent = text; + this.messageBox.style.color = isError ? 'red' : 'green'; + this.messageBox.style.display = 'block'; +} +emailInvalid = false; +messageText = ''; +messageError = false; + +isValidEmail(email: string): boolean { + const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return re.test(email); +} + + sendEmail() { + if (!this.isValidEmail(this.form.email)) { + Swal.fire({ + icon: 'error', + title: 'Invalid Email', + text: 'Please enter a valid email address.', + }); + return; + } + + this.emailjsService.sendContactEmail(this.form) + .then(() => { + Swal.fire({ + icon: 'success', + title: 'Message envoyé ✅', + html: ` +

+ An automatic confirmation email will be sent to you immediately.

+ ⚠️ If you do not receive it within a few minutes, it means you entered a non-existent or incorrect email address. + `, + confirmButtonColor: '#3085d6' + }); + this.form = { name: '', email: '', message: '' }; + }) + .catch((err) => { + Swal.fire({ + icon: 'error', + title: 'Error', + text: 'An error occurred while sending.', + }); + }); + } +} diff --git a/src/app/devis-detail/devis-detail.component.html b/src/app/devis-detail/devis-detail.component.html new file mode 100644 index 000000000..fcd5efd34 --- /dev/null +++ b/src/app/devis-detail/devis-detail.component.html @@ -0,0 +1,56 @@ +
+
+
+
+

📄 Devis {{ devis.produitDevis ? 'IOT' : 'IT' }}

+
+ +
+
+
+
👤 Informations personnelles
+

Nom : {{ devis.nom }}

+

Prénom : {{ devis.prenom }}

+

Email : {{ devis.email }}

+

Entreprise : {{ devis.entreprise }}

+
+ +
+
📋 Détails du devis
+

Message :
{{ devis.message }}

+

Quantité : {{ devis.quantite }}

+
+
+ +
+ +
+
+
🔧 Produit concerné
+

Titre : {{ devis.produitDevis.titre }}

+

Description : {{ devis.produitDevis.description }}

+

Catégorie : {{ devis.produitDevis.categorie }}

+
+
+
🖼️ Image
+ Produit +
+
+ +
+ + ⬅ Retour à la liste + + + + + +
+
+
+
+
diff --git a/src/app/devis-detail/devis-detail.component.scss b/src/app/devis-detail/devis-detail.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/devis-detail/devis-detail.component.spec.ts b/src/app/devis-detail/devis-detail.component.spec.ts new file mode 100644 index 000000000..373c4db3e --- /dev/null +++ b/src/app/devis-detail/devis-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DevisDetailComponent } from './devis-detail.component'; + +describe('DevisDetailComponent', () => { + let component: DevisDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DevisDetailComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(DevisDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/devis-detail/devis-detail.component.ts b/src/app/devis-detail/devis-detail.component.ts new file mode 100644 index 000000000..0a86f4b43 --- /dev/null +++ b/src/app/devis-detail/devis-detail.component.ts @@ -0,0 +1,123 @@ +import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { DevisService } from 'app/Services/devis.service'; +import * as html2pdf from 'html2pdf.js'; + +@Component({ + selector: 'app-devis-detail', + templateUrl: './devis-detail.component.html', + styleUrls: ['./devis-detail.component.scss'] +}) +export class DevisDetailComponent implements OnInit { + @ViewChild('pdfContent') pdfContent!: ElementRef; + devis: any; + + constructor(private route: ActivatedRoute, private devisService: DevisService) {} + + ngOnInit(): void { + const id = this.route.snapshot.paramMap.get('id'); + if (id) { + this.devisService.getDevisById(+id).subscribe({ + next: (data) => { + this.devis = data; + }, + error: (err) => console.error('Erreur lors du chargement du devis', err) + }); + } + } + today = new Date(); +genererPdf() { + const logoPath = '/assets/img/logoTunav.png'; + let quantiteSection = ''; + let produitSection = ''; + + if (this.devis.produitDevis) { + quantiteSection = ` +

Quantité : ${this.devis.quantite}

+ `; + + produitSection = ` +
+

Produit concerné

+ + + + + + + + + + + + + + + + + +
TitreDescriptionCatégorieImage
${this.devis.produitDevis.titre}${this.devis.produitDevis.description}${this.devis.produitDevis.categorie} + Produit +
+
+ `; + } + + const htmlContent = ` +
+ +
+ Logo +
+

Tunav It Group

+

Adresse complète

+

Téléphone : +216 71807667

+

Email : Tunav@tunav.com

+
+
+ +

Devis N°: ${this.devis.id}

+ +
+

Informations Client

+

Nom : ${this.devis.nom} ${this.devis.prenom}

+

Entreprise : ${this.devis.entreprise}

+

Email : ${this.devis.email}

+
+ +
+

Détails du devis

+

Message :

+

${this.devis.message}

+ ${quantiteSection} +
+ + ${produitSection} + +
+
+

Date : ${this.today.toLocaleDateString()}

+
+
+

Signature

+

+

+
+
+ +
+ `; + + const options = { + margin: 0.5, + filename: `Devis_${this.devis.nom}_${this.devis.prenom}.pdf`, + image: { type: 'jpeg', quality: 0.98 }, + html2canvas: { scale: 2, dpi: 192, letterRendering: true }, + jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' } + }; + + html2pdf().set(options).from(htmlContent).save(); +} + + +} diff --git a/src/app/footer-home-page/footer-home-page.component.html b/src/app/footer-home-page/footer-home-page.component.html new file mode 100644 index 000000000..1e239d8b7 --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.html @@ -0,0 +1,32 @@ + + + diff --git a/src/app/footer-home-page/footer-home-page.component.scss b/src/app/footer-home-page/footer-home-page.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/footer-home-page/footer-home-page.component.spec.ts b/src/app/footer-home-page/footer-home-page.component.spec.ts new file mode 100644 index 000000000..8eb44750a --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterHomePageComponent } from './footer-home-page.component'; + +describe('FooterHomePageComponent', () => { + let component: FooterHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FooterHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FooterHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/footer-home-page/footer-home-page.component.ts b/src/app/footer-home-page/footer-home-page.component.ts new file mode 100644 index 000000000..df8b1b75f --- /dev/null +++ b/src/app/footer-home-page/footer-home-page.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer-home-page', + templateUrl: './footer-home-page.component.html', + styleUrls: ['./footer-home-page.component.scss'] +}) +export class FooterHomePageComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/form-franchise/form-franchise.component.css b/src/app/form-franchise/form-franchise.component.css new file mode 100644 index 000000000..857cd2de5 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.css @@ -0,0 +1,223 @@ +.body { + background-image: url('assets/img/infinite-loop-01.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} + +.container { + display: flex; + flex-wrap: wrap; + gap: 40px; + padding: 2rem; + max-width: 1200px; + margin: auto; + color: white; +} + +.partie-informations { + margin-top: 50px; + flex-grow: 1; + flex-shrink: 1; + flex-basis: 40%; +} + +.partie-formulaire { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 60%; +} + +h1 { + text-align: center; + color: #01b4ff; +} + +.subtitle { + text-align: center; + color: #ffffff; + margin-bottom: 1.5rem; +} + +.form-container { + background: white; + padding: 2rem; + border-radius: 12px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.766); +} + +.form-container h2 { + font-size: 1.5rem; + margin-bottom: 0.8rem; + color: #01b4ff; + font-weight: 600; +} + +.form-container p { + font-size: 0.9rem; + margin-bottom: 1rem; +} + +.form-container form { + display: flex; + flex-direction: column; + gap: 0.8rem; +} + +.form-container label { + font-size: 0.9rem; +} + +.form-container input:not([type="radio"]), +.form-container textarea { + padding: 0.6rem; + border-radius: 6px; + border: 1px solid #ccc; + font-size: 0.9rem; +} + +textarea { + resize: vertical; + height: 80px; +} + +.form-container button { + margin-top: 1rem; + background-color: #01b4ff; + border: none; + color: white; + padding: 0.75rem; + font-size: 0.95rem; + font-weight: bold; + border-radius: 6px; + cursor: pointer; + transition: background 0.3s ease; +} + +.form-container button:hover { + background: linear-gradient(to right, #1e88e5, #1565c0); +} + +@media (max-width: 768px) { + .container { + flex-direction: column; + padding: 1rem; + } + + .form-container { + padding: 1.2rem; + } +} +input[type="radio"]{ + border: #01b4ff; + gap: 30px; +} + +input::placeholder, +textarea::placeholder { + color:black; +} +.iti { + display: flex; + border: 1px solid #ccc; + border-radius: 6px; + overflow: hidden; +} + +.iti__flag-container { + background-color: #f3f3f3; + border-right: 1px solid #ccc; + padding: 0 10px; + display: flex; + align-items: center; +} + +input.form-control { + border: none; + flex: 1; + padding: 10px; + font-size: 1rem; +} +@media (max-width: 992px) { + .container { + gap: 20px; + padding: 1.5rem; + } + + .partie-informations, + .partie-formulaire { + flex-basis: 100%; + } + + .form-container { + padding: 1.5rem; + } + + h1 { + font-size: 2rem; + } + + .subtitle { + font-size: 1rem; + } + + .form-container h2 { + font-size: 1.3rem; + } + + .form-container button { + padding: 0.6rem; + font-size: 0.9rem; + } +} + +/* Responsive mobile */ +@media (max-width: 576px) { + .container { + padding: 1rem; + } + + .partie-informations, + .partie-formulaire { + flex-basis: 100%; + } + + h1 { + font-size: 1.6rem; + } + + .subtitle { + font-size: 0.9rem; + } + + .form-container { + padding: 1rem; + } + + .form-container h2 { + font-size: 1.1rem; + } + + .form-container p { + font-size: 0.8rem; + } + + .form-container input:not([type="radio"]), + .form-container textarea { + font-size: 0.85rem; + } + + .form-container button { + font-size: 0.85rem; + padding: 0.6rem; + } + + .iti__flag-container { + padding: 0 6px; + } + + input.form-control { + font-size: 0.9rem; + } +} diff --git a/src/app/form-franchise/form-franchise.component.html b/src/app/form-franchise/form-franchise.component.html new file mode 100644 index 000000000..771b47075 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.html @@ -0,0 +1,80 @@ +
+ + +
+
+
+

{{ 'FRANCHISE.TITLE' | translate }}

+

+ {{ 'FRANCHISE.SUBTITLE' | translate }} +

+
+ +
+
+
+

{{ 'FRANCHISE.FORM.TITLE' | translate }}

+

{{ 'FRANCHISE.FORM.DESCRIPTION' | translate }}

+ + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + +
+ + +
+ + +
+ +
+ + +
+ + + + + +
+
+
+
+


+ +
diff --git a/src/app/form-franchise/form-franchise.component.spec.ts b/src/app/form-franchise/form-franchise.component.spec.ts new file mode 100644 index 000000000..60243b7bd --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormFranchiseComponent } from './form-franchise.component'; + +describe('FormFranchiseComponent', () => { + let component: FormFranchiseComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormFranchiseComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormFranchiseComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/form-franchise/form-franchise.component.ts b/src/app/form-franchise/form-franchise.component.ts new file mode 100644 index 000000000..e4ecfd9c0 --- /dev/null +++ b/src/app/form-franchise/form-franchise.component.ts @@ -0,0 +1,145 @@ +import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { Router } from '@angular/router'; +import { FranchiseService } from 'app/Services/franchise.service'; +import { CookieService } from 'ngx-cookie-service'; +import Swal from 'sweetalert2'; + +declare var intlTelInput: any; + +@Component({ + selector: 'app-form-franchise', + templateUrl: './form-franchise.component.html', + styleUrls: ['./form-franchise.component.css'] +}) +export class FormFranchiseComponent implements OnInit, AfterViewInit { + @ViewChild('phoneInput', { static: false }) phoneInputRef!: ElementRef; + formFranchise!: FormGroup; + iti: any; + storedUser = this.cookieService.get('userId'); + userId = this.storedUser ? Number(this.storedUser) : null; + constructor(private fb: FormBuilder,private franchiseService: FranchiseService,private router: Router,private cookieService: CookieService) {} + + ngOnInit(): void { + this.formFranchise = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + telephone: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + profession: [''], + experienceIT: ['', Validators.required], + precisionsExp: [''], + dirigeEntreprise: ['', Validators.required], + secteurDuree: [''], + motivation: ['', Validators.required], + }); + + } + + ngAfterViewInit(): void { + this.iti = intlTelInput(this.phoneInputRef.nativeElement, { + initialCountry: 'tn', + utilsScript:'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js' + }); + } + +onSubmit(): void { + const localNumber = this.phoneInputRef.nativeElement.value.trim(); + const countryData = this.iti.getSelectedCountryData(); + const dialCode = countryData?.dialCode || ''; + + if (!localNumber || !dialCode) { + Swal.fire('Error', 'Phone number or country not selected.', 'error'); + return; + } + + const phoneRegex = /^[0-9]{6,15}$/; + + if (!phoneRegex.test(localNumber)) { + Swal.fire('Invalid number', 'The number must contain only digits (no letters or symbols).', 'error'); + return; + } + + const internationalNumber = `+${dialCode}${localNumber.replace(/^0+/, '')}`; + this.formFranchise.patchValue({ telephone: internationalNumber }); + + // 🔐 Validation conditionnelle + if (this.formFranchise.get('experienceIT')?.value === 'oui' && + !this.formFranchise.get('precisionsExp')?.value.trim()) { + Swal.fire('Required field', 'Please specify your experience in IT/IoT/GPS.', 'warning'); + return; + } + + if (this.formFranchise.get('dirigeEntreprise')?.value === 'oui' && + !this.formFranchise.get('secteurDuree')?.value.trim()) { + Swal.fire('Required field', 'Please specify the sector and duration of the company you managed.', 'warning'); + return; + } + + // 🔍 Validation générale + if (!this.formFranchise.valid) { + const controls = this.formFranchise.controls; + + if (controls['nom'].invalid) { + Swal.fire('Required field', 'Please enter your last name.', 'warning'); + return; + } + + if (controls['prenom'].invalid) { + Swal.fire('Required field', 'Please enter your first name.', 'warning'); + return; + } + + if (controls['email'].invalid) { + Swal.fire('Invalid email', 'Please enter a valid email address.', 'error'); + return; + } + + if (controls['experienceIT'].invalid) { + Swal.fire('Required field', 'Please indicate your experience.', 'warning'); + return; + } + + if (controls['dirigeEntreprise'].invalid) { + Swal.fire('Required field', 'Please specify if you have managed a company.', 'warning'); + return; + } + + if (controls['motivation'].invalid) { + Swal.fire('Required field', 'Please state your motivations.', 'warning'); + return; + } + + this.formFranchise.markAllAsTouched(); + return; + } + + const formData = this.formFranchise.value; + +const payload = { + nom: formData.nom, + prenom: formData.prenom, + email: formData.email, + telephone: internationalNumber, + professionActuelle: formData.profession || '', + experienceIotGps: formData.experienceIT === 'oui' ? formData.precisionsExp : '', + entrepriseDirige: formData.dirigeEntreprise === 'oui' ? formData.secteurDuree : '', + motivation: formData.motivation, + userId: this.userId +}; + +this.franchiseService.envoyerDemandeFranchise(payload).subscribe({ + next: (res) => { + Swal.fire('Success', 'Your request has been sent successfully.', 'success'); + this.formFranchise.reset(); + this.router.navigate(['/home']); + + }, + error: (err) => { + Swal.fire('Error', 'An error occurred while sending', 'error'); + } +}); + +} + +} diff --git a/src/app/form-products/form-products.component.html b/src/app/form-products/form-products.component.html new file mode 100644 index 000000000..cebdc3999 --- /dev/null +++ b/src/app/form-products/form-products.component.html @@ -0,0 +1,69 @@ +
+

{{ isEditMode ? 'Modifier un Produit' : 'Ajouter un Produit ' + (type === 'iot' ? 'IoT' : 'GPS') }}

+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ + {{ carac }} + + +
+ +
+ +
+ +
+

Glissez-déposez une image ici ou cliquez

+ Image + +
+ +
+ + + + +
+
diff --git a/src/app/form-products/form-products.component.scss b/src/app/form-products/form-products.component.scss new file mode 100644 index 000000000..cba7ff152 --- /dev/null +++ b/src/app/form-products/form-products.component.scss @@ -0,0 +1,103 @@ +.drag-drop-area { + border: 2px dashed #aaa; + padding: 20px; + text-align: center; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.drag-drop-area:hover { + background-color: #f1f1f1; +} +/* Responsive tablette */ +@media (max-width: 992px) { + .container { + gap: 20px; + padding: 1.5rem; + } + + .partie-informations, + .partie-formulaire { + flex-basis: 100%; + } + + .form-container { + padding: 1.5rem; + } + + h1 { + font-size: 2rem; + } + + .subtitle { + font-size: 1rem; + } + + .form-container h2 { + font-size: 1.3rem; + } + + .form-container button { + padding: 0.6rem; + font-size: 0.9rem; + } + + .drag-drop-area { + padding: 15px; + } +} + +/* Responsive mobile */ +@media (max-width: 576px) { + .container { + padding: 1rem; + } + + .partie-informations, + .partie-formulaire { + flex-basis: 100%; + } + + h1 { + font-size: 1.6rem; + } + + .subtitle { + font-size: 0.9rem; + } + + .form-container { + padding: 1rem; + } + + .form-container h2 { + font-size: 1.1rem; + } + + .form-container p { + font-size: 0.8rem; + } + + .form-container input:not([type="radio"]), + .form-container textarea { + font-size: 0.85rem; + } + + .form-container button { + font-size: 0.85rem; + padding: 0.6rem; + } + + .iti__flag-container { + padding: 0 6px; + } + + input.form-control { + font-size: 0.9rem; + } + + .drag-drop-area { + padding: 12px; + font-size: 0.9rem; + } +} diff --git a/src/app/form-products/form-products.component.spec.ts b/src/app/form-products/form-products.component.spec.ts new file mode 100644 index 000000000..250095eaa --- /dev/null +++ b/src/app/form-products/form-products.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormProductsComponent } from './form-products.component'; + +describe('FormProductsComponent', () => { + let component: FormProductsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormProductsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormProductsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/form-products/form-products.component.ts b/src/app/form-products/form-products.component.ts new file mode 100644 index 000000000..ec50ed762 --- /dev/null +++ b/src/app/form-products/form-products.component.ts @@ -0,0 +1,224 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { + ProduitAvecDevisService, + ProduitAvecDevis, + ProduitAvecDevisCreateRequest, + ProduitAvecDevisUpdateRequest +} from '../Services/ProduitAvecDevisService'; +import { + ProduitSansDevisService, + ProduitSansDevis, + ProduitSansDevisCreateRequest, + ProduitSansDevisUpdateRequest +} from '../Services/ProduitSansDevisService'; +import { environment } from 'environments/environment'; +import { CookieService } from 'ngx-cookie-service'; + +@Component({ + selector: 'app-form-products', + templateUrl: './form-products.component.html', + styleUrls: ['./form-products.component.scss'] +}) +export class FormProductsComponent implements OnInit { + + productForm!: FormGroup; + isEditMode = false; + productId: number | null = null; + previewUrl: string | ArrayBuffer | null = null; + selectedFile: File | null = null; + apiBaseUrl = environment.baseUrl + + type: 'iot' | 'gps' = 'gps'; + caracteristiques: string[] = []; + newCaracteristique: string = ''; + + constructor( + private fb: FormBuilder, + private route: ActivatedRoute, + private router: Router, + private produitSansDevisService: ProduitSansDevisService, + private produitAvecDevisService: ProduitAvecDevisService, + private cookieService: CookieService + ) {} + storedUser = this.cookieService.get('userId');; + userId = this.storedUser ? Number(this.storedUser) : null; + ngOnInit(): void { + const routeType = this.route.snapshot.queryParamMap.get('type'); + if (routeType === 'iot' || routeType === 'gps') { + this.type = routeType; + } + + this.productForm = this.fb.group({ + nom: [''], + description: [''], + categorie: [this.type], + prix: this.type === 'gps' ? [''] : null, + image: [null], + userId: [''] + }); + + this.productId = Number(this.route.snapshot.paramMap.get('id')); + if (this.productId) { + this.isEditMode = true; + + if (this.type === 'gps') { + this.produitSansDevisService.getById(this.productId).subscribe({ + next: (product: ProduitSansDevis) => { + this.productForm.patchValue({ + nom: product.titre, + description: product.description, + prix: product.prix, + categorie: product.categorie + }); + this.caracteristiques = product.caracteristiques.map(c => c.texte); + this.previewUrl = product.imagePath.startsWith('/assets') + ? product.imagePath + : this.apiBaseUrl + product.imagePath; + + }, + error: err => console.error('Erreur chargement produit GPS :', err) + }); + } else { + this.produitAvecDevisService.getById(this.productId).subscribe({ + next: (product: ProduitAvecDevis) => { + this.productForm.patchValue({ + nom: product.titre, + description: product.description, + categorie: product.categorie + }); + this.caracteristiques = product.caracteristiques.map(c => c.texte); + this.previewUrl = product.imagePath.startsWith('/assets') + ? product.imagePath + : this.apiBaseUrl + product.imagePath; + + }, + error: err => console.error('Erreur chargement produit IoT :', err) + }); + } + } + } + + onSubmit(): void { + const formValue = this.productForm.value; + + if (this.type === 'iot') { + if (this.isEditMode && this.productId) { + const updateRequest: ProduitAvecDevisUpdateRequest = { + titre: formValue.nom, + description: formValue.description, + categorie: 'iot', + caracteristiques: this.caracteristiques, + newImage: this.selectedFile || undefined + }; + + this.produitAvecDevisService.update(this.productId, updateRequest).subscribe({ + next: () => this.router.navigate(['/listProducts']), + error: err => console.error('Erreur update IoT :', err) + }); + + } else { + if (!this.selectedFile) { + console.error('Aucune image sélectionnée.'); + return; + } + + const createRequest: ProduitAvecDevisCreateRequest = { + titre: formValue.nom, + description: formValue.description, + categorie: 'iot', + caracteristiques: this.caracteristiques, + image: this.selectedFile, + }; + + this.produitAvecDevisService.create(createRequest).subscribe({ + next: () => this.router.navigate(['/listProducts']), + error: err => console.error('Erreur ajout IoT :', err) + }); + } + } else { + if (this.isEditMode && this.productId) { + const updateRequest: ProduitSansDevisUpdateRequest = { + titre: formValue.nom, + description: formValue.description, + categorie: 'gps', + prix: formValue.prix, + caracteristiques: this.caracteristiques, + userId:this.userId, + newImage: this.selectedFile || undefined + }; + + this.produitSansDevisService.update(this.productId, updateRequest).subscribe({ + next: () => this.router.navigate(['/listProducts']), + error: err => console.error('Erreur update GPS :', err) + }); + + } else { + if (!this.selectedFile) { + console.error('Aucune image sélectionnée.'); + return; + } + + const createRequest: ProduitSansDevisCreateRequest = { + titre: formValue.nom, + description: formValue.description, + categorie: 'gps', + prix: formValue.prix, + caracteristiques: this.caracteristiques, + image: this.selectedFile, + userId: this.userId + }; + + this.produitSansDevisService.create(createRequest).subscribe({ + next: () => this.router.navigate(['/listProducts']), + error: err => console.error('Erreur ajout GPS :', err) + }); + } + } + } + + onDragOver(event: DragEvent) { + event.preventDefault(); + } + + onDragLeave(event: DragEvent) { + event.preventDefault(); + } + + onFileDrop(event: DragEvent) { + event.preventDefault(); + if (event.dataTransfer?.files.length) { + this.handleFile(event.dataTransfer.files[0]); + } + } + + onFileSelect(event: any) { + if (event.target.files.length) { + this.handleFile(event.target.files[0]); + } + } + + handleFile(file: File) { + this.selectedFile = file; + this.productForm.patchValue({ image: file }); + const reader = new FileReader(); + reader.onload = () => { + this.previewUrl = reader.result; + }; + reader.readAsDataURL(file); + } + + addCaracteristique(event: KeyboardEvent) { + event.preventDefault(); + const valeur = this.newCaracteristique.trim(); + if (valeur && !this.caracteristiques.includes(valeur)) { + this.caracteristiques.push(valeur); + this.newCaracteristique = ''; + } + } + + removeCaracteristique(index: number) { + this.caracteristiques.splice(index, 1); + } +} diff --git a/src/app/formblog/formblog.component.html b/src/app/formblog/formblog.component.html new file mode 100644 index 000000000..11a6e2414 --- /dev/null +++ b/src/app/formblog/formblog.component.html @@ -0,0 +1,53 @@ +
+
+

{{ isEditMode ? 'Modifier le blog' : 'Ajouter un blog' }}

+
+ +
+ +
+ + +
+ + +
+ + +
+ + +
+ +
+ + {{ tag}} + + +
+ +
+ + +
+ +
+

Glissez-déposez une image ici ou sélectionnez un fichier.

+ Aperçu de l'image + +
+
+ + + +
+
diff --git a/src/app/formblog/formblog.component.scss b/src/app/formblog/formblog.component.scss new file mode 100644 index 000000000..f5272583a --- /dev/null +++ b/src/app/formblog/formblog.component.scss @@ -0,0 +1,20 @@ +.image-upload-container { + border: 2px dashed #3377AA; + padding: 20px; + text-align: center; + border-radius: 10px; + background-color: #f8f9fa; + transition: background-color 0.2s ease-in-out; + + &.drag-over { + background-color: #e0f3ff; + } + + .image-preview { + max-width: 200px; + max-height: 200px; + margin-top: 10px; + border-radius: 10px; + object-fit: cover; + } +} diff --git a/src/app/formblog/formblog.component.spec.ts b/src/app/formblog/formblog.component.spec.ts new file mode 100644 index 000000000..edfef247f --- /dev/null +++ b/src/app/formblog/formblog.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormblogComponent } from './formblog.component'; + +describe('FormblogComponent', () => { + let component: FormblogComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormblogComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormblogComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/formblog/formblog.component.ts b/src/app/formblog/formblog.component.ts new file mode 100644 index 000000000..2762a2051 --- /dev/null +++ b/src/app/formblog/formblog.component.ts @@ -0,0 +1,147 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { BlogCreateRequest, BlogService, BlogUpdateRequest } from 'app/Services/BlogService'; +import { Blog } from 'app/blogslist/blogslist.component'; +import { environment } from 'environments/environment'; +import { CookieService } from 'ngx-cookie-service'; + +@Component({ + selector: 'app-formblog', + templateUrl: './formblog.component.html', + styleUrls: ['./formblog.component.scss'] +}) +export class FormblogComponent implements OnInit { + + blog: Blog = { + id: 0, + titre: '', + contenu: '', + imagePath: '', + tags: [], + likes: 0 + }; + storedUser = this.cookieService.get('userId'); + userId = this.storedUser ? Number(this.storedUser) : null; + selectedFile?: File; + newTag: string = ''; + isEditMode = false; + isDragging = false; + apiBaseUrl = environment.baseUrl; + + constructor( + private route: ActivatedRoute, + private router: Router, + private blogService: BlogService,private cookieService: CookieService + ) {} + + ngOnInit() { + + const blogId = this.route.snapshot.paramMap.get('id'); + if (blogId) { + this.isEditMode = true; + this.blogService.getBlogById(+blogId).subscribe({ + next: data => { + this.blog = {...data, + tags: data.tags.map((t: any) => t.nom || t) + + } + }, + error: err => console.error('Erreur chargement blog') + }); + } + } + + onFileSelected(event: any) { + this.selectedFile = event.target.files[0]; + if (this.selectedFile && this.selectedFile.type.startsWith('image/')) { + const reader = new FileReader(); + reader.onload = e => this.blog.imagePath = (e.target as FileReader).result as string; + reader.readAsDataURL(this.selectedFile); + } + } + + onDragOver(event: DragEvent) { + event.preventDefault(); + this.isDragging = true; + } + + onDragLeave(event: DragEvent) { + event.preventDefault(); + this.isDragging = false; + } + + onDrop(event: DragEvent) { + event.preventDefault(); + this.isDragging = false; + const file = event.dataTransfer?.files[0]; + if (file && file.type.startsWith('image/')) { + this.selectedFile = file; + const reader = new FileReader(); + reader.onload = () => this.blog.imagePath = reader.result as string; + reader.readAsDataURL(file); + } + } + + addTag(event: KeyboardEvent) { + event.preventDefault(); + const tag = this.newTag.trim(); + const tagExists = this.blog.tags.includes(tag); + if (tag && !tagExists) { + this.blog.tags.push(tag); + this.newTag = ''; + } + } + + removeTag(index: number) { + this.blog.tags.splice(index, 1); + } + + onSubmit() { + const CreateRequest: BlogCreateRequest = { + titre: this.blog.titre, + contenu: this.blog.contenu, + userId: this.userId, + tags: this.blog.tags, + image: this.selectedFile || undefined + }; + const UpdateRequest: BlogUpdateRequest = { + titre: this.blog.titre, + contenu: this.blog.contenu, + tags: this.blog.tags, + newImage: this.selectedFile || undefined + }; + + if (this.isEditMode) { + this.blogService.updateBlog(this.blog.id, UpdateRequest).subscribe({ + next: () => this.router.navigate(['/listblogs']), + error: (err) => { + console.error('Erreur update blog:', err); + if (err.error instanceof Blob) { + const reader = new FileReader(); + reader.onload = () => console.error('Erreur backend JSON:', reader.result); + reader.readAsText(err.error); + } else { + console.error('Erreur directe:', err.error); + } + } + }); + } else { + this.blogService.createBlog(CreateRequest).subscribe({ + next: () => this.router.navigate(['/listblogs']), + error: (err) => { + console.error('Erreur création blog:', err); + if (err.error instanceof Blob) { + const reader = new FileReader(); + reader.onload = () => console.error('Erreur backend:', reader.result); + reader.readAsText(err.error); + } + } + }); + } + } + + getImageUrl(imagePath: string): string { + return this.apiBaseUrl + imagePath; + } + +} diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.css b/src/app/formulaire-iot-it/formulaire-iot-it.component.css new file mode 100644 index 000000000..af5f1f8b3 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.css @@ -0,0 +1,242 @@ +.body{ + background-image: url('assets/img/infinite-loop-01.jpg'); +} +.container { + /* margin-top: 20px; */ + display: flex; + /* padding: 2rem; */ + min-width: 100%; + background: transparent; + font-family: 'Segoe UI', sans-serif; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1); + gap: 30px; + justify-content: center; + align-items: center; + height: 900px; +} + +.partie-informations { + width: auto; +} + +.partie-formulaire { + width: 65%; + margin-right: 30px; +} +h1 { + text-align: center; + color: #01b4ff; +} + +.subtitle { + text-align: center; + color: #ffffff; + margin-bottom: 1.5rem; +} +.tabs { + display: flex; + justify-content: center; + margin-bottom: 2rem; + gap: 1rem; +} +.tabs .tab { + padding: 0.6rem 1.5rem; + border-radius: 30px; + border: none; + background: #e0e0e0; + cursor: pointer; + transition: all 0.3s ease; + font-weight: 500; +} + +.tabs .tab.active { + background-color:#01b4ff; + color: white; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); +} + +.form-container { + margin-top: 20px; + margin-bottom: 20px; + background: white; + padding: 1rem; + border-radius: 12px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); + height: 750px; + max-height: 100%; + margin: auto 0; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; +} + +.form-container .description { + font-size: 0.85rem; + margin-bottom: 0.6rem; +} + +.form-container h2 { + font-size: 1.3rem; + margin-bottom: 0.3rem; +} + +.form-container strong { + font-size: 0.9rem; +} + +.form-container form { + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: space-evenly; +} + +.form-container form label { + font-size: 0.85rem; + margin-bottom: 0.2rem; +} + +.form-container form input, +.form-container form textarea { + margin: 0.3rem 0; + padding: 0.6rem; + border-radius: 6px; + border: 1px solid #ccc; + font-size: 0.85rem; +} + +.form-container form textarea { + resize: vertical; + height: 70px; +} + +.form-container form button { + margin-top: 0.6rem; + background-color: #01b4ff; + border: none; + color: white; + padding: 0.7rem; + font-size: 0.85rem; + font-weight: bold; + border-radius: 6px; + cursor: pointer; + transition: background 0.3s; +} + +.form-container form button:hover { + background: linear-gradient(to right, #1e88e5, #1565c0); +} +/* Responsive tablette */ +@media (max-width: 992px) { + .container { + flex-direction: column; + height: auto; + padding: 1.5rem; + gap: 20px; + } + + .partie-informations, + .partie-formulaire { + width: 100%; + margin-right: 0; + } + + .form-container { + height: auto; + padding: 1.2rem; + } + + h1 { + font-size: 2rem; + } + + .subtitle { + font-size: 1rem; + } + + .form-container h2 { + font-size: 1.2rem; + } + + .form-container .description, + .form-container strong, + .form-container form label { + font-size: 0.8rem; + } + + .form-container form input, + .form-container form textarea { + font-size: 0.85rem; + } + + .form-container form button { + font-size: 0.85rem; + padding: 0.6rem; + } + + .tabs .tab { + padding: 0.5rem 1rem; + font-size: 0.9rem; + } +} + +/* Responsive mobile */ +@media (max-width: 576px) { + .container { + flex-direction: column; + height: auto; + padding: 1rem; + gap: 15px; + } + + .partie-informations, + .partie-formulaire { + width: 100%; + margin-right: 0; + } + + h1 { + font-size: 1.6rem; + } + + .subtitle { + font-size: 0.9rem; + } + + .form-container { + padding: 1rem; + height: auto; + } + + .form-container h2 { + font-size: 1.1rem; + } + + .form-container .description, + .form-container strong, + .form-container form label { + font-size: 0.75rem; + } + + .form-container form input, + .form-container form textarea { + font-size: 0.8rem; + } + + .form-container form button { + font-size: 0.8rem; + padding: 0.5rem; + } + + .tabs { + flex-direction: column; + gap: 0.5rem; + } + + .tabs .tab { + width: 100%; + padding: 0.5rem; + font-size: 0.85rem; + } +} diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.html b/src/app/formulaire-iot-it/formulaire-iot-it.component.html new file mode 100644 index 000000000..f8200e743 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.html @@ -0,0 +1,92 @@ +
+ +
+
+
+

{{ 'SOLUTIONS.TITLE' | translate }}

+

{{ 'SOLUTIONS.SUBTITLE' | translate }}

+ +
+ + +
+
+ +
+ +
+

🌐{{ 'SOLUTIONS.IOT.TITLE' | translate }} + - {{ produitTitre }} +

+

+ +
+ {{ 'SOLUTIONS.IOT.DESCRIPTION' | translate }} +

+ +
+ + + + + + + + + + + + + + + + + +
+
+ + +
+

💻{{ 'SOLUTIONS.IT.TITLE' | translate }}

+

+ +
+ {{ 'SOLUTIONS.IT.DESCRIPTION' | translate }} +

+ +
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ +
diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts b/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts new file mode 100644 index 000000000..1fb027ef9 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FormulaireIotItComponent } from './formulaire-iot-it.component'; + +describe('FormulaireIotItComponent', () => { + let component: FormulaireIotItComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FormulaireIotItComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FormulaireIotItComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/formulaire-iot-it/formulaire-iot-it.component.ts b/src/app/formulaire-iot-it/formulaire-iot-it.component.ts new file mode 100644 index 000000000..2e0033324 --- /dev/null +++ b/src/app/formulaire-iot-it/formulaire-iot-it.component.ts @@ -0,0 +1,85 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute } from '@angular/router'; +import { DevisService } from 'app/Services/devis.service'; +import { CookieService } from 'ngx-cookie-service'; +import Swal from 'sweetalert2'; + +@Component({ + selector: 'app-formulaire-iot-it', + templateUrl: './formulaire-iot-it.component.html', + styleUrls: ['./formulaire-iot-it.component.css'] +}) +export class FormulaireIotItComponent implements OnInit { + selectedTab: 'iot' | 'it' = 'iot'; + formIot!: FormGroup; + formIt!: FormGroup; + produitAvecDevisId: number = 0; + produitTitre: string = ''; + constructor(private fb: FormBuilder,private cookieService: CookieService,private devisService: DevisService, + private route: ActivatedRoute + ) {} + + ngOnInit(): void { + this.route.queryParams.subscribe(params => { + this.produitAvecDevisId = +params['produitId'] || 0; + this.produitTitre = params['titre'] || ''; + }); + this.formIot = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + entreprise: [''], + message: ['', Validators.required], + quantite: [1] + }); + + this.formIt = this.fb.group({ + nom: ['', Validators.required], + prenom: ['', Validators.required], + email: ['', [Validators.required, Validators.email]], + entreprise: [''], + message: ['', Validators.required], + quantite: [0] + }); + } + + selectTab(tab: 'iot' | 'it') { + this.selectedTab = tab; + } + + submitForm(type: 'iot' | 'it') { + const form = type === 'iot' ? this.formIot : this.formIt; + + if (form.invalid) return; + const userId = this.cookieService.get('userId');; + + const data = { + ...form.value, + userId, + produitAvecDevisId: type === 'iot' ? this.produitAvecDevisId : null, + etat:0 + }; + this.devisService.addDevis(data).subscribe({ + next: () => { + Swal.fire({ + icon: 'success', + title: 'Quote request sent!', + text: 'Your request has been successfully submitted.', + confirmButtonText: 'OK' + }); + form.reset(); + }, + error: err => { + Swal.fire({ + icon: 'error', + title: 'An error occurred', + text: 'There was a problem submitting your request. Please try again later.', + confirmButtonText: 'Close' + }); + } + }); +} + + +} diff --git a/src/app/franchise-detail/franchise-detail.component.html b/src/app/franchise-detail/franchise-detail.component.html new file mode 100644 index 000000000..70106a79e --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.html @@ -0,0 +1,52 @@ +
+
+
+
+

📋 Détails de la demande de franchise

+
+ +
+
+
+
👤 Informations personnelles
+

Nom : {{ franchise.nom }}

+

Prénom : {{ franchise.prenom }}

+

Email : {{ franchise.email }}

+

Téléphone : {{ franchise.telephone }}

+
+
+
💼 Expérience & Motivation
+

Profession actuelle : {{ franchise.professionActuelle }}

+

Expérience IoT/GPS : + + {{ franchise.experienceIotGps || 'Non' }} + +

+

A dirigé une entreprise : + + {{ franchise.entrepriseDirige || 'Non' }} + +

+

Motivation :
+ {{ franchise.motivation }} +

+
+
+ +
+ + ⬅ Retour à la liste + + + + + +
+
+
+
+
diff --git a/src/app/franchise-detail/franchise-detail.component.scss b/src/app/franchise-detail/franchise-detail.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/franchise-detail/franchise-detail.component.spec.ts b/src/app/franchise-detail/franchise-detail.component.spec.ts new file mode 100644 index 000000000..ef9f93885 --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FranchiseDetailComponent } from './franchise-detail.component'; + +describe('FranchiseDetailComponent', () => { + let component: FranchiseDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FranchiseDetailComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(FranchiseDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/franchise-detail/franchise-detail.component.ts b/src/app/franchise-detail/franchise-detail.component.ts new file mode 100644 index 000000000..f0097e6d8 --- /dev/null +++ b/src/app/franchise-detail/franchise-detail.component.ts @@ -0,0 +1,101 @@ +import { Component, ElementRef, OnInit,ViewChild } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { Franchise } from 'app/liste-franchises/liste-franchises.component'; +import { FranchiseService } from 'app/Services/franchise.service'; +import * as html2pdf from 'html2pdf.js'; +import Swal from 'sweetalert2'; +import emailjs, { EmailJSResponseStatus } from 'emailjs-com'; +import { EmailjsService } from 'emailJs/email.service'; +@Component({ + selector: 'app-franchise-detail', + templateUrl: './franchise-detail.component.html', + styleUrls: ['./franchise-detail.component.scss'] +}) +export class FranchiseDetailComponent implements OnInit { + + franchise?: Franchise; + @ViewChild('pdfContent') pdfContent!: ElementRef; + constructor( + private route: ActivatedRoute, + private franchiseService: FranchiseService, + private emailjsService: EmailjsService + ) {} + + ngOnInit(): void { + const id = Number(this.route.snapshot.paramMap.get('id')); + this.franchiseService.getFranchiseById(id).subscribe(data => { + this.franchise = data; + }); + } + + envoyerMailConfirmation() { + Swal.fire({ + title: 'Confirmer l\'envoi ?', + text: 'Voulez-vous vraiment envoyer un mail de confirmation à ' + this.franchise.nom + ' ?', + icon: 'question', + showCancelButton: true, + confirmButtonText: 'Oui, envoyer', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + + const params = { + nom: this.franchise.nom, + prenom: this.franchise.prenom, + to_email: this.franchise.email, + }; + + this.emailjsService.sendFranchiseConfirmation(params) + .then(() => { + Swal.fire('Succès', 'L\'email a été envoyé avec succès.', 'success'); + }) + .catch(() => { + Swal.fire('Erreur', 'Une erreur est survenue lors de l\'envoi.', 'error'); + }); + + } else { + Swal.fire('Annulé', 'L\'email n\'a pas été envoyé.', 'info'); + } + }); + } + + + genererPdf() { + const logoUrl = '/assets/img/logoTunav.png'; + const franchise = this.franchise; + + const content = ` +
+
+ Logo +

Fiche Franchise - TUNAV

+
+
+

Nom : ${franchise?.nom || ''}

+

Prénom : ${franchise?.prenom || ''}

+

Email : ${franchise?.email || ''}

+

Téléphone : ${franchise?.telephone || ''}

+

Profession actuelle : ${franchise?.professionActuelle || 'Non spécifiée'}

+

Expérience IT/IoT/GPS : ${franchise?.experienceIotGps || 'Non spécifiée'}

+

Entreprise dirigée : ${franchise?.entrepriseDirige || 'Non spécifiée'}

+

Motivation :
${franchise?.motivation || ''}

+
+
+ `; + + const opt = { + margin: 0.5, + filename: `Fiche_Franchise_${franchise?.nom}_${franchise?.prenom}.pdf`, + image: { type: 'jpeg', quality: 0.98 }, + html2canvas: { scale: 2 }, + jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' } + }; + + const element = document.createElement('div'); + element.innerHTML = content; + +html2pdf().set(opt).from(element).save(); +} + + +} diff --git a/src/app/header-home-page/header-home-page.component.html b/src/app/header-home-page/header-home-page.component.html new file mode 100644 index 000000000..47ccecb3d --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.html @@ -0,0 +1,48 @@ + diff --git a/src/app/header-home-page/header-home-page.component.scss b/src/app/header-home-page/header-home-page.component.scss new file mode 100644 index 000000000..d8adb5742 --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.scss @@ -0,0 +1,87 @@ +.language-switcher { + position: relative; + z-index: 2; + + .current-language { + font-size: 1.5rem; + background: none; + border: none; + cursor: pointer; + } + + .language-menu { + display: block; // Par défaut block, mais masqué par *ngIf + position: absolute; + top: 2rem; + left: 0; + list-style: none; + background: #ffffff; + border: 1px solid #ddd; + padding: 0.5rem 0; + margin: 0; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + + li { + padding: 0.5rem 1rem; + cursor: pointer; + + &:hover { + background-color: #f5f5f5; + } + + &.active { + font-weight: bold; + } + } + } +} + +/* Responsive tablette */ +/* Tablette en mode portrait (768px) à paysage (1024px) */ +@media (min-width: 577px) and (max-width: 1024px) { + .language-switcher .current-language { + font-size: 1.3rem; + } + + .language-switcher .language-menu { + top: 1.8rem; + min-width: 100px; + } + + .language-switcher .language-menu li { + padding: 0.4rem 0.8rem; + font-size: 0.95rem; + } +} +@media (min-width: 600px) and (max-width: 900px) { + .language-switcher .current-language { + font-size: 1.3rem; + } + + .language-switcher .language-menu { + top: 1.8rem; + min-width: 100px; + } + + .language-switcher .language-menu li { + padding: 0.4rem 0.8rem; + font-size: 0.95rem; + } +} + +/* Responsive mobile */ +@media (max-width: 576px) { + .language-switcher .current-language { + font-size: 1.1rem; + } + + .language-switcher .language-menu { + top: 1.6rem; + min-width: 90px; + } + + .language-switcher .language-menu li { + padding: 0.35rem 0.7rem; + font-size: 0.9rem; + } +} diff --git a/src/app/header-home-page/header-home-page.component.spec.ts b/src/app/header-home-page/header-home-page.component.spec.ts new file mode 100644 index 000000000..67de4addc --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderHomePageComponent } from './header-home-page.component'; + +describe('HeaderHomePageComponent', () => { + let component: HeaderHomePageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ HeaderHomePageComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HeaderHomePageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/header-home-page/header-home-page.component.ts b/src/app/header-home-page/header-home-page.component.ts new file mode 100644 index 000000000..6a0c823f1 --- /dev/null +++ b/src/app/header-home-page/header-home-page.component.ts @@ -0,0 +1,132 @@ +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; +import { NavigationEnd, Router } from '@angular/router'; +import { TranslateService } from '@ngx-translate/core'; +import { AuthService } from 'app/Services/auth.service'; +import { LanguageService } from 'app/Services/language.service'; +import Swal from 'sweetalert2'; + +@Component({ + selector: 'app-header-home-page', + templateUrl: './header-home-page.component.html', + styleUrls: ['./header-home-page.component.scss'] +}) +export class HeaderHomePageComponent implements OnInit { + isDropdownOpen = false; + isNavbarCollapsed: boolean = true; + isLoggedIn = false; + pendingSection: string | null = null; + languages = [ + { code: 'en', name: 'English', flag: '/assets/img/flags/united-kingdom-flag.png' }, + { code: 'fr', name: 'Francais', flag: '/assets/img/flags/france-flag.png' }, + { code: 'ar', name: 'العربية', flag: '/assets/img/flags/tn-flag.gif' } +]; + ngOnInit(): void { + this.checkLoginStatus(); + window.addEventListener('scroll', this.onScroll); + + } + currentLanguage = 'en'; + constructor(private router: Router,private translate: TranslateService, + private authService: AuthService, + private languageService: LanguageService,private cdr: ChangeDetectorRef) { + this.currentLanguage = this.languageService.getCurrentLanguage(); + this.router.events.subscribe(event => { + if (event instanceof NavigationEnd && this.pendingSection) { + setTimeout(() => { + const el = document.getElementById(this.pendingSection!); + if (el) { + el.scrollIntoView({ behavior: 'smooth' }); + } + this.pendingSection = null; + }, 100); + } + }); + } + + + switchLanguage(languageCode: string): void { + this.currentLanguage = languageCode; + this.translate.use(languageCode); + localStorage.setItem('language', languageCode); + this.isDropdownOpen = false; + } + changeDropDown() + { + this.isDropdownOpen=!this.isDropdownOpen; + this.cdr.detectChanges(); + } + getFlag(languageCode: string): string { + const language = this.languages.find((lang) => lang.code === languageCode); + return language ? language.flag : ''; + } + navigateToSection(sectionId: string, event: Event) { + event.preventDefault(); + + const currentUrl = this.router.url.split('#')[0]; + if (currentUrl !== '/' && currentUrl !== '/home') { + this.pendingSection = sectionId; + this.router.navigate(['/']); + } else { + const el = document.getElementById(sectionId); + if (el) { + el.scrollIntoView({ behavior: 'smooth' }); + } + } + } + +checkLoginStatus(): void { + const token = this.authService.getToken(); + this.isLoggedIn = !!token; + } +onScroll = () => { + const scrollY = window.scrollY; + const logoBlanc = document.getElementById('logoBlanc'); + const logoCouleur = document.getElementById('logoCouleur'); + + if (scrollY <= 50) { + logoBlanc!.style.display = 'block'; + logoCouleur!.style.display = 'none'; + } else { + logoBlanc!.style.display = 'none'; + logoCouleur!.style.display = 'block'; + } +}; + + + Login(event: Event){ + event.preventDefault(); + this.router.navigate(['auth']); + } + About(event: Event){ + event.preventDefault(); + this.router.navigate(['about']); + } + Blogs(event: Event){ + event.preventDefault(); + this.router.navigate(['blogs']); + } + Franchise(event: Event){ + event.preventDefault(); + this.router.navigate(['formulairefranchise']); + } + logout() + { + this.authService.logout(); + Swal.fire({ + title: this.translate.instant('ALERT.LOGOUT_TITLE'), + text: this.translate.instant('ALERT.LOGOUT_SUCCESS'), + icon: 'success', + showConfirmButton: true, + confirmButtonText: this.translate.instant('ALERT.OK'), + background: '#f0f8ff', + color: '#333', + confirmButtonColor: '#3085d6', + backdrop: ` + rgba(0,0,123,0.4) + left top + no-repeat + ` + }); + this.checkLoginStatus() + } +} diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 53fc2fd3a..f74227511 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -1,33 +1,41 @@
-
- - -
-
- - + +
+ +
+ + +
+ + +
+ +
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 9aba51e04..6de635b73 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,7 +1,7 @@ import { Component, OnInit } from '@angular/core'; -import { LocationStrategy, PlatformLocation, Location } from '@angular/common'; -import { LegendItem, ChartType } from '../lbd/lbd-chart/lbd-chart.component'; -import * as Chartist from 'chartist'; +import { ChartType, LegendItem } from '../lbd/lbd-chart/lbd-chart.component'; +import { UserStatistics, UserStatisticsService } from 'app/Services/user-statistics.service'; +import { DevisService } from 'app/Services/devis.service'; @Component({ selector: 'app-home', @@ -9,104 +9,130 @@ import * as Chartist from 'chartist'; styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { - public emailChartType: ChartType; - public emailChartData: any; - public emailChartLegendItems: LegendItem[]; + // Propriétés pour le graphique des statistiques utilisateur + public hoursChartType: ChartType; + public hoursChartData: any; + public hoursChartOptions: any; + public hoursChartResponsive: any[]; + public hoursChartLegendItems: LegendItem[]; - public hoursChartType: ChartType; - public hoursChartData: any; - public hoursChartOptions: any; - public hoursChartResponsive: any[]; - public hoursChartLegendItems: LegendItem[]; + // Propriétés pour le graphique des devis + public devisChartType: ChartType; + public devisChartData: any; + public devisChartOptions: any; + public devisChartResponsive: any[]; + public devisChartLegendItems: LegendItem[]; - public activityChartType: ChartType; - public activityChartData: any; - public activityChartOptions: any; - public activityChartResponsive: any[]; - public activityChartLegendItems: LegendItem[]; - constructor() { } + public footerText: string = ''; + + constructor( + private statsService: UserStatisticsService, + private devisService: DevisService + ) {} ngOnInit() { - this.emailChartType = ChartType.Pie; - this.emailChartData = { - labels: ['62%', '32%', '6%'], - series: [62, 32, 6] - }; - this.emailChartLegendItems = [ - { title: 'Open', imageClass: 'fa fa-circle text-info' }, - { title: 'Bounce', imageClass: 'fa fa-circle text-danger' }, - { title: 'Unsubscribe', imageClass: 'fa fa-circle text-warning' } - ]; + this.hoursChartType = ChartType.Bar; + this.hoursChartResponsive = []; + this.hoursChartLegendItems = [ + { title: 'Visitors', imageClass: 'fa fa-eye text-info' }, + { title: 'Sign-ups', imageClass: 'fa fa-user-plus text-success' }, + { title: 'Logins', imageClass: 'fa fa-sign-in-alt text-warning' } + ]; - this.hoursChartType = ChartType.Line; - this.hoursChartData = { - labels: ['9:00AM', '12:00AM', '3:00PM', '6:00PM', '9:00PM', '12:00PM', '3:00AM', '6:00AM'], - series: [ - [287, 385, 490, 492, 554, 586, 698, 695, 752, 788, 846, 944], - [67, 152, 143, 240, 287, 335, 435, 437, 539, 542, 544, 647], - [23, 113, 67, 108, 190, 239, 307, 308, 439, 410, 410, 509] - ] - }; - this.hoursChartOptions = { - low: 0, - high: 800, - showArea: true, - height: '245px', - axisX: { - showGrid: false, - }, - lineSmooth: Chartist.Interpolation.simple({ - divisor: 3 - }), - showLine: false, - showPoint: false, - }; - this.hoursChartResponsive = [ - ['screen and (max-width: 640px)', { - axisX: { - labelInterpolationFnc: function (value) { - return value[0]; - } - } - }] - ]; - this.hoursChartLegendItems = [ - { title: 'Open', imageClass: 'fa fa-circle text-info' }, - { title: 'Click', imageClass: 'fa fa-circle text-danger' }, - { title: 'Click Second Time', imageClass: 'fa fa-circle text-warning' } - ]; + this.devisChartType = ChartType.Pie; + this.devisChartResponsive = []; + this.devisChartLegendItems = [ + { title: 'Devis IT', imageClass: 'fa fa-circle text-info' }, + { title: 'Devis IOT', imageClass: 'fa fa-circle text-danger' } + ]; + + this.loadStats(); + } + + loadStats() { + this.statsService.getStats().subscribe({ + next: (stats: UserStatistics) => { + const maxValue = Math.max(stats.visitors, stats.signUps, stats.logins); + this.hoursChartOptions = { + high: maxValue, + low: 0, + axisY: { + onlyInteger: true + }, + seriesBarDistance: 20 + }; + this.hoursChartData = { + labels: ['Visitors', 'Sign-ups', 'Logins'], + series: [ + [stats.visitors, stats.signUps, stats.logins] + ] + }; + + this.footerText = this.getTimeSinceLastUpdate(stats.lastUpdated); + }, + error: (error) => console.error('Error fetching user stats') + }); - this.activityChartType = ChartType.Bar; - this.activityChartData = { - labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], - series: [ - [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895], - [412, 243, 280, 580, 453, 353, 300, 364, 368, 410, 636, 695] - ] - }; - this.activityChartOptions = { - seriesBarDistance: 10, - axisX: { - showGrid: false - }, - height: '245px' - }; - this.activityChartResponsive = [ - ['screen and (max-width: 640px)', { - seriesBarDistance: 5, - axisX: { - labelInterpolationFnc: function (value) { - return value[0]; + this.devisService.getNumberDevisWithoutProduit().subscribe({ + next: (withoutProduitData) => { + this.devisService.getNumberDevisWithProduit().subscribe({ + next: (withProduitData) => { + const devisWithoutProduit = withoutProduitData.devisWithoutProduit; + const devisWithProduit = withProduitData.devisWithProduit; + const totalDevis = devisWithProduit + devisWithoutProduit; + + const withProduitPercentage = totalDevis > 0 ? ((devisWithProduit / totalDevis) * 100).toFixed(1) : 0; + const withoutProduitPercentage = totalDevis > 0 ? ((devisWithoutProduit / totalDevis) * 100).toFixed(1) : 0; + /*this.devisChartData = { + labels: ['Devis IT', 'Devis IOT'], + datasets: [{ + data: [devisWithoutProduit, devisWithProduit], + backgroundColor: ['#36A2EB', '#FF6384'], + hoverBackgroundColor: ['#36A2EB', '#FF6384'] + }] + };*/ + + this.devisChartData = { + labels: [`${withoutProduitPercentage}%`, `${withProduitPercentage}%`], + series: [devisWithoutProduit, devisWithProduit] + }; + + this.devisChartOptions = { + donut: true, + donutWidth: 50, + showLabel: true, + labelInterpolationFnc: function (value: string, index: number) { + return value; } - } - }] - ]; - this.activityChartLegendItems = [ - { title: 'Tesla Model S', imageClass: 'fa fa-circle text-info' }, - { title: 'BMW 5 Series', imageClass: 'fa fa-circle text-danger' } - ]; + }; + }, + error: (error) => console.error('Error fetching devis with produit') + }); + }, + error: (error) => console.error('Error fetching devis without produit') + }); + } - } + getTimeSinceLastUpdate(lastUpdated: string): string { + const lastUpdateDate = new Date(lastUpdated); + const now = new Date(); + const diffInMs = now.getTime() - lastUpdateDate.getTime(); + const diffInMinutes = Math.floor(diffInMs / (1000 * 60)); + const diffInHours = Math.floor(diffInMs / (1000 * 60 * 60)); + const diffInDays = Math.floor(diffInMs / (1000 * 60 * 60 * 24)); + const diffInWeeks = Math.floor(diffInMs / (1000 * 60 * 60 * 24 * 7)); -} + if (diffInMinutes < 1) { + return 'Updated just now'; + } else if (diffInMinutes <= 59) { + return `Updated ${diffInMinutes} minute${diffInMinutes === 1 ? '' : 's'} ago`; + } else if (diffInHours <= 23) { + return `Updated ${diffInHours} hour${diffInHours === 1 ? '' : 's'} ago`; + } else if (diffInDays <= 6) { + return `Updated ${diffInDays} day${diffInDays === 1 ? '' : 's'} ago`; + } else { + return `Updated ${diffInWeeks} week${diffInWeeks === 1 ? '' : 's'} ago`; + } + } +} \ No newline at end of file diff --git a/src/app/iotcarousel/iotcarousel.component.html b/src/app/iotcarousel/iotcarousel.component.html new file mode 100644 index 000000000..42191aa88 --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.html @@ -0,0 +1,26 @@ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/src/app/iotcarousel/iotcarousel.component.scss b/src/app/iotcarousel/iotcarousel.component.scss new file mode 100644 index 000000000..b4592278a --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.scss @@ -0,0 +1,89 @@ +$poussin: url("http://images.metmuseum.org/CRDImages/ep/original/46_160.jpg"); +$picasso: url("http://uploads6.wikiart.org/images/pablo-picasso/the-abduction-of-sabines-1962-1.jpg"); +$rubens: url("https://upload.wikimedia.org/wikipedia/commons/7/72/Peter_Paul_Rubens_(taller)_-_Rapto_de_las_Sabinas.jpg"); + +html, body { + margin: 0; + height: 100%; + background: #F4F1E9; +} + +.arrow { + font-size: 2em; + color: #363f85; + position: absolute; + top: 50%; + left: 50%; + transition: 0.2s; + + &.left-arrow { + transform: translate(-11em, -50%); + } + + &.right-arrow { + transform: translate(10em, -50%); + } + + &:hover { + color: #B3B2AD; + } +} + +.slider { + position: relative; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 200px; +} + +.slide { + float: left; + position: relative; + width: 33.3333%; + height: 100%; + overflow-x: hidden; + border-radius: 50%; + box-shadow: 0px 0px 15px rgba(0,0,0,0.5); + + &.slide-center { + z-index: 1; + box-shadow: 0px 0px 15px rgba(0,0,0,0.75); + transform: scale(1.3); + } +} + +.slide-holder { + width: 300%; + height: 100%; + position: relative; + top: 0; + transform: translateX(-33.3333%); + display: flex; +} + +.slide-bg { + width: 33.3333%; + height: 100%; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + display: inline-block; +} + +#slide-left { + .bg-previous { background-image: $rubens; } + .bg-current { background-image: $poussin; } + .bg-next { background-image: $picasso; } +} +#slide-center { + .bg-previous { background-image: $poussin; } + .bg-current { background-image: $picasso; } + .bg-next { background-image: $rubens; } +} +#slide-right { + .bg-previous { background-image: $picasso; } + .bg-current { background-image: $rubens; } + .bg-next { background-image: $poussin; } +} diff --git a/src/app/iotcarousel/iotcarousel.component.spec.ts b/src/app/iotcarousel/iotcarousel.component.spec.ts new file mode 100644 index 000000000..cd2555c1e --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { IOTCarouselComponent } from './iotcarousel.component'; + +describe('IOTCarouselComponent', () => { + let component: IOTCarouselComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ IOTCarouselComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(IOTCarouselComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/iotcarousel/iotcarousel.component.ts b/src/app/iotcarousel/iotcarousel.component.ts new file mode 100644 index 000000000..9d542fe75 --- /dev/null +++ b/src/app/iotcarousel/iotcarousel.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-iotcarousel', + templateUrl: './iotcarousel.component.html', + styleUrls: ['./iotcarousel.component.scss'] +}) +export class IOTCarouselComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/layouts/admin-layout/admin-layout.component.ts b/src/app/layouts/admin-layout/admin-layout.component.ts index 34c9814e0..e2ef2a894 100644 --- a/src/app/layouts/admin-layout/admin-layout.component.ts +++ b/src/app/layouts/admin-layout/admin-layout.component.ts @@ -17,11 +17,9 @@ export class AdminLayoutComponent implements OnInit { constructor( public location: Location, private router: Router) {} ngOnInit() { - console.log(this.router) const isWindows = navigator.platform.indexOf('Win') > -1 ? true : false; if (isWindows) { - // if we are on windows OS we activate the perfectScrollbar function document.getElementsByTagName('body')[0].classList.add('perfect-scrollbar-on'); } else { diff --git a/src/app/layouts/admin-layout/admin-layout.routing.ts b/src/app/layouts/admin-layout/admin-layout.routing.ts index e09417d82..54555076b 100644 --- a/src/app/layouts/admin-layout/admin-layout.routing.ts +++ b/src/app/layouts/admin-layout/admin-layout.routing.ts @@ -5,8 +5,6 @@ import { UserComponent } from '../../user/user.component'; import { TablesComponent } from '../../tables/tables.component'; import { TypographyComponent } from '../../typography/typography.component'; import { IconsComponent } from '../../icons/icons.component'; -import { MapsComponent } from '../../maps/maps.component'; -import { NotificationsComponent } from '../../notifications/notifications.component'; import { UpgradeComponent } from '../../upgrade/upgrade.component'; export const AdminLayoutRoutes: Routes = [ @@ -15,7 +13,5 @@ export const AdminLayoutRoutes: Routes = [ { path: 'table', component: TablesComponent }, { path: 'typography', component: TypographyComponent }, { path: 'icons', component: IconsComponent }, - { path: 'maps', component: MapsComponent }, - { path: 'notifications', component: NotificationsComponent }, { path: 'upgrade', component: UpgradeComponent }, ]; diff --git a/src/app/lbd/lbd-chart/lbd-chart.component.ts b/src/app/lbd/lbd-chart/lbd-chart.component.ts index 059800328..57a00f5ac 100644 --- a/src/app/lbd/lbd-chart/lbd-chart.component.ts +++ b/src/app/lbd/lbd-chart/lbd-chart.component.ts @@ -1,4 +1,11 @@ -import {Component, Input, OnInit, AfterViewInit, ChangeDetectionStrategy} from '@angular/core'; +import { + Component, + Input, + OnInit, + ChangeDetectionStrategy, + SimpleChanges, + OnChanges +} from '@angular/core'; import * as Chartist from 'chartist'; export interface LegendItem { @@ -9,7 +16,8 @@ export interface LegendItem { export enum ChartType { Pie, Line, - Bar + Bar, + Doughnut } @Component({ @@ -17,54 +25,44 @@ export enum ChartType { templateUrl: './lbd-chart.component.html', changeDetection: ChangeDetectionStrategy.OnPush }) -export class LbdChartComponent implements OnInit, AfterViewInit { +export class LbdChartComponent implements OnInit, OnChanges { static currentId = 1; - @Input() - public title: string; - - @Input() - public subtitle: string; - - @Input() - public chartClass: string; - - @Input() - public chartType: ChartType; - - @Input() - public chartData: any; - - @Input() - public chartOptions: any; - - @Input() - public chartResponsive: any[]; - - @Input() - public footerIconClass: string; - - @Input() - public footerText: string; - - @Input() - public legendItems: LegendItem[]; - - @Input() - public withHr: boolean; + @Input() public title: string; + @Input() public subtitle: string; + @Input() public chartClass: string; + @Input() public chartType: ChartType; + @Input() public chartData: any; + @Input() public chartOptions: any; + @Input() public chartResponsive: any[]; + @Input() public footerIconClass: string; + @Input() public footerText: string; + @Input() public legendItems: LegendItem[]; + @Input() public withHr: boolean; public chartId: string; - constructor() { - } + constructor() {} - public ngOnInit(): void { + ngOnInit(): void { this.chartId = `lbd-chart-${LbdChartComponent.currentId++}`; } - public ngAfterViewInit(): void { + ngOnChanges(changes: SimpleChanges): void { + if (changes['chartData'] && this.chartData && this.chartId) { + this.renderChart(); + } + } + private renderChart(): void { switch (this.chartType) { + case ChartType.Doughnut: + new Chartist.Pie(`#${this.chartId}`, this.chartData, { + ...this.chartOptions, + donut: true, + donutWidth: 40 + }, this.chartResponsive); + break; case ChartType.Pie: new Chartist.Pie(`#${this.chartId}`, this.chartData, this.chartOptions, this.chartResponsive); break; diff --git a/src/app/list-devis/list-devis.component.html b/src/app/list-devis/list-devis.component.html new file mode 100644 index 000000000..4a8663d41 --- /dev/null +++ b/src/app/list-devis/list-devis.component.html @@ -0,0 +1,46 @@ +
+
+

📄 Liste des Devis

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
NomPrénomEmailEntrepriseÉtatAction
{{ devis.nom }}{{ devis.prenom }}{{ devis.email }}{{ devis.entreprise }} +
+ +
+ 		+ + 🔍 Détails + +
+
+
diff --git a/src/app/list-devis/list-devis.component.scss b/src/app/list-devis/list-devis.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/list-devis/list-devis.component.spec.ts b/src/app/list-devis/list-devis.component.spec.ts new file mode 100644 index 000000000..87e27c16b --- /dev/null +++ b/src/app/list-devis/list-devis.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListDevisComponent } from './list-devis.component'; + +describe('ListDevisComponent', () => { + let component: ListDevisComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ListDevisComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ListDevisComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/list-devis/list-devis.component.ts b/src/app/list-devis/list-devis.component.ts new file mode 100644 index 000000000..110caeaf3 --- /dev/null +++ b/src/app/list-devis/list-devis.component.ts @@ -0,0 +1,59 @@ +import { Component, OnInit } from '@angular/core'; +import { DevisService } from 'app/Services/devis.service'; +import Swal from 'sweetalert2'; + +@Component({ + selector: 'app-list-devis', + templateUrl: './list-devis.component.html', + styleUrls: ['./list-devis.component.scss'] +}) +export class ListDevisComponent implements OnInit { + etatsDisponibles: string[] = ['EnAttente', 'EnCours', 'Validé','Annulé']; + + devisList: any[] = []; + + constructor(private devisService: DevisService) {} + + ngOnInit(): void { + this.getAllDevis(); + } + getAllDevis() { + this.devisService.getAllDevis().subscribe({ + next: (data) => { + this.devisList = data; + }, + error: (error) => { + console.error('Erreur lors du chargement des devis', error); + } + }); + } + onEtatSelected(nouvelEtat: string, devis: any) { + if (nouvelEtat === devis.etat) return; // Pas de changement + + Swal.fire({ + title: 'Confirmation', + text: `Voulez-vous vraiment changer l'état du devis en '${nouvelEtat}' ?`, + icon: 'question', + showCancelButton: true, + confirmButtonText: 'Oui', + cancelButtonText: 'Non' + }).then(result => { + if (result.isConfirmed) { + const nouvelEtatIndex = this.etatsDisponibles.indexOf(nouvelEtat); + + this.devisService.updateEtatDevis(devis.id, nouvelEtatIndex.toString()).subscribe({ + next: (updatedDevis) => { + devis.etat = updatedDevis.etat; + Swal.fire('Succès', "L'état a été mis à jour.", 'success'); + }, + error: (err) => { + Swal.fire('Erreur', "Impossible de mettre à jour l'état.", 'error'); + } + }); + } else { + + devis.etat = devis.etat; + } + }); + } +} diff --git a/src/app/liste-franchises/liste-franchises.component.html b/src/app/liste-franchises/liste-franchises.component.html new file mode 100644 index 000000000..6d483950f --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.html @@ -0,0 +1,37 @@ +
+
+

📋 Liste des demandes de franchises

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
NomPrénomEmailTéléphoneProfessionExp. IT/IoT/GPSDéjà dirigé ?Action
{{ f.nom }}{{ f.prenom }}{{ f.email }}{{ f.telephone }}{{ f.professionActuelle }}{{ f.experienceIotGps ? 'Oui' : 'Non' }}{{ f.entrepriseDirige ? 'Oui' : 'Non' }} + + 🔍 Détails + +
+
+
diff --git a/src/app/liste-franchises/liste-franchises.component.scss b/src/app/liste-franchises/liste-franchises.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/liste-franchises/liste-franchises.component.spec.ts b/src/app/liste-franchises/liste-franchises.component.spec.ts new file mode 100644 index 000000000..ee9bc848f --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ListeFranchisesComponent } from './liste-franchises.component'; + +describe('ListeFranchisesComponent', () => { + let component: ListeFranchisesComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ListeFranchisesComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ListeFranchisesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/liste-franchises/liste-franchises.component.ts b/src/app/liste-franchises/liste-franchises.component.ts new file mode 100644 index 000000000..33a03f665 --- /dev/null +++ b/src/app/liste-franchises/liste-franchises.component.ts @@ -0,0 +1,38 @@ +import { Component, OnInit } from '@angular/core'; +import { FranchiseService } from 'app/Services/franchise.service'; +export interface Franchise { + id: number; + nom: string; + prenom: string; + email: string; + telephone: string; + professionActuelle: string; + experienceIotGps: string; + entrepriseDirige: string; + motivation: string; +} + +@Component({ + selector: 'app-liste-franchises', + templateUrl: './liste-franchises.component.html', + styleUrls: ['./liste-franchises.component.scss'] +}) + +export class ListeFranchisesComponent implements OnInit { + + franchises: Franchise[] = []; + + constructor(private franchiseService: FranchiseService) {} + + ngOnInit(): void { + this.loadFranchises(); + } + + loadFranchises(): void { + this.franchiseService.getFranchises().subscribe({ + next: (data) => this.franchises = data, + error: (err) => console.error('Erreur lors du chargement des franchises', err) + }); + } + +} diff --git a/src/app/navbar/navbar.component.css b/src/app/navbar/navbar.component.css new file mode 100644 index 000000000..250ad7968 --- /dev/null +++ b/src/app/navbar/navbar.component.css @@ -0,0 +1,63 @@ + nav { + position: fixed; + width: 100%; + top: 0; + left: 0; + transition: background-color 0.3s ease, transform 0.5s ease; + z-index: 2; + height: 80px; + display: flex; + align-items: center; +} + +.navbar-container { + width: 100%; + max-width: 1300px; + margin: 0 auto; + padding: 0 30px; + display: flex; + justify-content: space-between; + /* align-items: center; */ +} + +.logo img { + height: 60px; +} + +.nav-links { + list-style: none; + display: flex; + gap: 25px; + justify-content: center; + align-items: center; + text-align: center; + +} + +.nav-links li a { + text-decoration: none; + color: white; + font-weight: 500; + text-align: center; + cursor: pointer; + +} + +.navbar-transparent { + background-color: transparent; +} + +.navbar-dark { + background-color: white; +} +.navbar-dark .nav-links a{ + color: #38B; +} +.nav-links a { + transition: color 0.3s ease; +} + +.navbar-hidden { + transform: translateY(-100%); + transition: transform 0.4s ease-in-out; +} \ No newline at end of file diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html new file mode 100644 index 000000000..7245f54c5 --- /dev/null +++ b/src/app/navbar/navbar.component.html @@ -0,0 +1,20 @@ + diff --git a/src/app/navbar/navbar.component.spec.ts b/src/app/navbar/navbar.component.spec.ts new file mode 100644 index 000000000..505cc2ffb --- /dev/null +++ b/src/app/navbar/navbar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavbarComponent } from './navbar.component'; + +describe('NavbarComponent', () => { + let component: NavbarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ NavbarComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NavbarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts new file mode 100644 index 000000000..0e40215e8 --- /dev/null +++ b/src/app/navbar/navbar.component.ts @@ -0,0 +1,42 @@ +import { Component, HostListener, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; + +@Component({ + selector: 'app-navbar', + templateUrl: './navbar.component.html', + styleUrls: ['./navbar.component.css'] +}) +export class NavbarComponent implements OnInit { + isScrolled = false; + + constructor(private router: Router) {} + + ngOnInit(): void { + this.onScroll(); + } + + @HostListener('window:scroll', []) + onScroll(): void { + const scrollY = window.scrollY || document.documentElement.scrollTop; + this.isScrolled = scrollY > 10; + } + + navigateToSection(sectionId: string): void { + const element = document.getElementById(sectionId); + if (element) { + element.scrollIntoView({ behavior: 'smooth' }); + } else { + this.router.navigate(['/home']).then(() => { + setTimeout(() => { + const el = document.getElementById(sectionId); + if (el) el.scrollIntoView({ behavior: 'smooth' }); + }, 50); + }); + } + } + + login(event: Event): void { + event.preventDefault(); + this.router.navigate(['/auth']); + } +} diff --git a/src/app/petit-cadre/petit-cadre.component.css b/src/app/petit-cadre/petit-cadre.component.css new file mode 100644 index 000000000..7fa7c1271 --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.css @@ -0,0 +1,21 @@ +button { + border: 2px solid #01b4ff; + background-color: transparent; + color: #01b4ff; + font-weight: 600; + padding: 10px 25px; + border-radius: 25px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease, color 0.3s ease; +} + +button.active { + background-color: #01b4ff; + color: white; +} + +button:hover { + background-color: #01b4ff; + color: white; +} diff --git a/src/app/petit-cadre/petit-cadre.component.html b/src/app/petit-cadre/petit-cadre.component.html new file mode 100644 index 000000000..8f89ba4cd --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.html @@ -0,0 +1,5 @@ + diff --git a/src/app/petit-cadre/petit-cadre.component.spec.ts b/src/app/petit-cadre/petit-cadre.component.spec.ts new file mode 100644 index 000000000..e272db61b --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PetitCadreComponent } from './petit-cadre.component'; + +describe('PetitCadreComponent', () => { + let component: PetitCadreComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PetitCadreComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PetitCadreComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/petit-cadre/petit-cadre.component.ts b/src/app/petit-cadre/petit-cadre.component.ts new file mode 100644 index 000000000..2d79dbe42 --- /dev/null +++ b/src/app/petit-cadre/petit-cadre.component.ts @@ -0,0 +1,17 @@ +import { Component, Input, Output, EventEmitter } from '@angular/core'; + +@Component({ + selector: 'app-petit-cadre', + templateUrl: './petit-cadre.component.html', + styleUrls: ['./petit-cadre.component.css'] +}) +export class PetitCadreComponent { + @Input() label: string = ''; + @Input() active: boolean = false; + @Output() clicked = new EventEmitter(); + + onClick() { + this.clicked.emit(); + } +} + diff --git a/src/app/products/products.component.css b/src/app/products/products.component.css new file mode 100644 index 000000000..f0f4b15bf --- /dev/null +++ b/src/app/products/products.component.css @@ -0,0 +1,175 @@ +.nav{ + width: 100%; + margin-bottom: 50px; +} +.products-grid { + /* width: 85%; jai rajoute hethy pour le truc de 3 containers */ + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + padding: 20px; + + /* margin-left: 100px; jai rajoute hethy pour le truc de 3 containers */ +} +.carousel-et-nav{ + background-image: url('assets/img/infinite-loop-03.jpg'); +} + +.body { + margin-bottom: 100px; + padding: 0; + background-color: #ffffff; + background-repeat: no-repeat; + background-size: cover; + background-position:center center; + height: 100%; +} +.filter-buttons { + display: flex; + gap: 15px; + justify-content: center; + margin-top: 20px; + margin-bottom: 40px; +} +.description-it { + max-width: 800px; + margin: 0 auto 40px auto; + padding: 20px; + text-align: center; + font-size: 1.1rem; + color: #333; + background-color: #f4f9ff; + border-radius: 12px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +} + +.btn-formulaire-it { + display: inline-block; + margin-top: 20px; + padding: 12px 24px; + background: linear-gradient(to right, #42a5f5, #1e88e5); + color: white; + text-decoration: none; + font-weight: 600; + border-radius: 30px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); + transition: background 0.3s ease; +} + +.btn-formulaire-it:hover { + transform: translateY(-5px); + transition: transform 0.25s ease-in-out; + background: linear-gradient(to right, #1e88e5, #1565c0); +} + +.anchor-offset { + scroll-margin-top: 100px; +} +@media (max-width: 1200px) { + .products-grid { + padding: 10px; + gap: 16px; + } + + .description-it { + max-width: 90%; + font-size: 1rem; + } + + .btn-formulaire-it { + padding: 10px 20px; + font-size: 0.95rem; + } +} + +@media (max-width: 992px) { + .carousel { + width: 90%; + margin: 0 auto; + } + + .titre { + text-align: center; + font-size: 1.7rem; /* Titre plus petit */ + } + + .filter-buttons { + gap: 10px; + flex-wrap: nowrap; + justify-content: center; + } + + app-petit-cadre { + transform: scale(0.9); + } + + .products-grid { + padding: 10px; + gap: 15px; + } +} + +@media (max-width: 768px) { + .carousel { + width: 100%; + } + + .titre { + font-size: 1.4rem; + } + + .filter-buttons { + gap: 8px; + } + + app-petit-cadre { + transform: scale(0.85); + } + + .description-it { + font-size: 0.95rem; + padding: 15px; + } + + .btn-formulaire-it { + padding: 10px 18px; + font-size: 0.9rem; + } +} + +@media (max-width: 576px) { + .carousel { + width: 100%; + } + + .titre { + font-size: 1.2rem; + } + + .filter-buttons { + flex-wrap: wrap; + gap: 6px; + } + + app-petit-cadre { + transform: scale(0.8); + } + + .products-grid { + gap: 12px; + padding: 10px; + } + + .description-it { + font-size: 0.9rem; + } + + .btn-formulaire-it { + padding: 8px 16px; + font-size: 0.85rem; + } +} + + + diff --git a/src/app/products/products.component.html b/src/app/products/products.component.html new file mode 100644 index 000000000..b06cb1ac6 --- /dev/null +++ b/src/app/products/products.component.html @@ -0,0 +1,73 @@ + +
+
+
+
+ +
+
+
+ +
+
+ +
+ +
+ +
+ + +
+ +
+
+

{{ 'SOLUTIONS_PRODUCTS.IT.TITLE' | translate }}

+

{{ 'SOLUTIONS_PRODUCTS.IT.DESCRIPTION' | translate }}

+ + {{ 'SOLUTIONS_PRODUCTS.IT.LINK' | translate }} + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+
+ + +
+ +
diff --git a/src/app/products/products.component.spec.ts b/src/app/products/products.component.spec.ts new file mode 100644 index 000000000..623e5feff --- /dev/null +++ b/src/app/products/products.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProductsComponent } from './products.component'; + +describe('ProductsComponent', () => { + let component: ProductsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProductsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ProductsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/products/products.component.ts b/src/app/products/products.component.ts new file mode 100644 index 000000000..e33cee494 --- /dev/null +++ b/src/app/products/products.component.ts @@ -0,0 +1,112 @@ +import { Component, HostListener, OnInit, AfterViewChecked, NgZone } from '@angular/core'; +import { ProduitAvecDevisService, ProduitAvecDevis } from '../Services/ProduitAvecDevisService'; +import { ProduitSansDevisService, ProduitSansDevis } from '../Services/ProduitSansDevisService'; +import { ActivatedRoute } from '@angular/router'; + +@Component({ + selector: 'app-products', + templateUrl: './products.component.html', + styleUrls: ['./products.component.css'] +}) +export class ProductsComponent implements OnInit, AfterViewChecked { + isScrolled = false; + + // @HostListener('window:scroll', []) + // onWindowScroll() { + // const offset = window.pageYOffset || document.documentElement.scrollTop; + + allProduitsAvecDevis: ProduitAvecDevis[] = []; + allProduitsNodevis: ProduitSansDevis[] = []; + + produits_nodevis: ProduitSansDevis[] = []; + produits_avecdevis: ProduitAvecDevis[] = []; + + petitsCadres = [ + { label: 'Tous', active: true }, + { label: 'GPS Trackers', active: false }, + { label: 'Solutions IoT', active: false }, + { label: 'Solutions IT', active: false } + ]; + + fragmentToScroll: string | null = null; + hasScrolled = false; + + constructor( + private produitAvecDevisService: ProduitAvecDevisService, + private produitSansDevisService: ProduitSansDevisService, + private route: ActivatedRoute, + private zone: NgZone + ) {} + + ngOnInit(): void { + this.route.fragment.subscribe((fragment) => { + this.fragmentToScroll = fragment; + this.hasScrolled = false; + + this.loadProduits().then(() => { + if (fragment === 'section-it') { + this.setActive('Solutions IT'); + } else if (fragment === 'section-iot') { + this.setActive('Solutions IoT'); + } else if (fragment === 'section-gps') { + this.setActive('GPS Trackers'); + } else { + this.setActive('Tous'); + } + }); + }); + } + + ngAfterViewChecked(): void { + if (this.fragmentToScroll && !this.hasScrolled) { + const element = document.getElementById(this.fragmentToScroll); + if (element) { + this.zone.runOutsideAngular(() => { + setTimeout(() => { + element.scrollIntoView({ behavior: 'smooth' }); + this.hasScrolled = true; + }, 200); + }); + } + } + } + + async loadProduits(): Promise { + const produitsSansDevis = this.produitSansDevisService.getAllProduits().toPromise(); + const produitsAvecDevis = this.produitAvecDevisService.getAllProduits().toPromise(); + + const [nodevis, avecdevis] = await Promise.all([produitsSansDevis, produitsAvecDevis]); + + this.allProduitsNodevis = nodevis; + this.allProduitsAvecDevis = avecdevis; + + this.produits_nodevis = [...nodevis]; + this.produits_avecdevis = [...avecdevis]; + } + + setActive(label: string) { + this.petitsCadres.forEach((c) => (c.active = c.label === label)); + + if (label === 'Tous') { + this.produits_nodevis = [...this.allProduitsNodevis]; + this.produits_avecdevis = [...this.allProduitsAvecDevis]; + } else if (label === 'GPS Trackers') { + this.produits_nodevis = this.allProduitsNodevis.filter((p) => + p.categorie.toUpperCase().includes('GPS') + ); + this.produits_avecdevis = []; + } else if (label === 'Solutions IoT') { + this.produits_avecdevis = this.allProduitsAvecDevis.filter((p) => + p.categorie.toUpperCase().includes('IOT') + ); + this.produits_nodevis = []; + } else if (label === 'Solutions IT') { + this.produits_avecdevis = []; + this.produits_nodevis = []; + } + } + + isSolutionsITSelected(): boolean { + return this.petitsCadres.find((c) => c.label === 'Solutions IT')?.active || false; + } +} diff --git a/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.html b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.html new file mode 100644 index 000000000..4e803ec04 --- /dev/null +++ b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.html @@ -0,0 +1,25 @@ +
+
+
+

Nom :

+

{{ produit.titre }}

+ +

Description :

+

{{ produit.description }}

+
+ +
+

Catégorie :

+ {{ produit.categorie }} + +

Caractéristiques :

+
+ {{ c.texte }} +
+
+
+ +
+ Produit +
+
diff --git a/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.scss b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.scss new file mode 100644 index 000000000..e0c4cf94a --- /dev/null +++ b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.scss @@ -0,0 +1,75 @@ +.detail-container { + background: #fff; + border-radius: 12px; + box-shadow: 0 0 15px rgba(0,0,0,0.1); + padding: 30px; + margin: 20px auto; + max-width: 1000px; +} + +.row { + display: flex; + justify-content: space-between; + gap: 40px; + flex-wrap: wrap; +} + +.col-left, .col-right { + flex: 1; + min-width: 300px; +} + +h4 { + margin: 15px 0 5px; + font-weight: bold; + color: #345; +} + +p { + margin: 0; +} + +.badge { + display: inline-block; + padding: 4px 10px; + border-radius: 12px; + font-size: 13px; + font-weight: bold; + color: #fff; +} + +.iot-badge { + background-color: #00a8e8; +} + +.gps-badge { + background-color: #38B000; +} + +.tags { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-top: 5px; +} + +.tag { + background-color: #e0f0ff; + border-radius: 15px; + padding: 5px 12px; + font-size: 13px; + color: #0074cc; + font-weight: 500; +} + +.image-section { + margin-top: 30px; + text-align: center; +} + +.image-section img { + max-width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 0 8px rgba(0,0,0,0.2); +} diff --git a/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.spec.ts b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.spec.ts new file mode 100644 index 000000000..de36da395 --- /dev/null +++ b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProduitAvecDevisDetailComponent } from './produit-avec-devis-detail.component'; + +describe('ProduitAvecDevisDetailComponent', () => { + let component: ProduitAvecDevisDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProduitAvecDevisDetailComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ProduitAvecDevisDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.ts b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.ts new file mode 100644 index 000000000..1ea0ddf67 --- /dev/null +++ b/src/app/produit-avec-devis-detail/produit-avec-devis-detail.component.ts @@ -0,0 +1,28 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { ProduitAvecDevisService, ProduitAvecDevis } from '../Services/ProduitAvecDevisService'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-produit-avec-devis-detail', + templateUrl: './produit-avec-devis-detail.component.html', + styleUrls: ['./produit-avec-devis-detail.component.scss'] +}) +export class ProduitAvecDevisDetailComponent implements OnInit { + produit!: ProduitAvecDevis; + apiBaseUrl = environment.baseUrl; + + constructor(private route: ActivatedRoute, private produitService: ProduitAvecDevisService) {} + + ngOnInit(): void { + const id = Number(this.route.snapshot.paramMap.get('id')); + this.produitService.getById(id).subscribe({ + next: (data) => this.produit = data, + error: (err) => console.error('Erreur chargement produit IoT :', err) + }); + } + + getImageUrl(imagePath: string): string { + return imagePath.startsWith('/assets') ? imagePath : this.apiBaseUrl + imagePath; + } +} diff --git a/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.html b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.html new file mode 100644 index 000000000..e1c1534ac --- /dev/null +++ b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.html @@ -0,0 +1,29 @@ +
+
+
+

Nom :

+

{{ produit.titre }}

+ +

Description :

+

{{ produit.description }}

+ +

Prix :

+

{{ produit.prix }}DT

+
+ +
+

Catégorie :

+ {{ produit.categorie }} + + +

Caractéristiques :

+
+ {{ c.texte }} +
+
+
+ +
+ Produit +
+
diff --git a/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.scss b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.scss new file mode 100644 index 000000000..8154af581 --- /dev/null +++ b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.scss @@ -0,0 +1,81 @@ +.detail-container { + background: #fff; + border-radius: 12px; + box-shadow: 0 0 15px rgba(0,0,0,0.1); + padding: 30px; + margin: 20px auto; + max-width: 1000px; +} + +.row { + display: flex; + justify-content: space-between; + gap: 40px; + flex-wrap: wrap; +} + +.col-left, .col-right { + flex: 1; + min-width: 300px; +} + +h4 { + margin: 15px 0 5px; + font-weight: bold; + font-size: x-large; + color: #345; +} +.titre{ + font-weight:bold ; + color: #00a8e8; +} + +p { + margin: 0; +} + +.badge { + display: inline-block; + padding: 4px 10px; + border-radius: 12px; + font-size: 13px; + font-weight: bold; + color: #fff; +} + +.iot-badge { + background-color: #00a8e8; +} + +.gps-badge { + background-color: #00a8e8; +} + +.tags { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-top: 5px; +} + +.tag { + background-color: #e0f0ff; + border-radius: 15px; + padding: 5px 12px; + font-size: 13px; + color: #0074cc; + font-weight: 500; +} + +.image-section { + margin-top: 30px; + text-align: center; +} + +.image-section img { + max-width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 0 8px rgba(0,0,0,0.2); +} + diff --git a/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.spec.ts b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.spec.ts new file mode 100644 index 000000000..2f3109868 --- /dev/null +++ b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProduitSansDevisDetailComponent } from './produit-sans-devis-detail.component'; + +describe('ProduitSansDevisDetailComponent', () => { + let component: ProduitSansDevisDetailComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProduitSansDevisDetailComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ProduitSansDevisDetailComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.ts b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.ts new file mode 100644 index 000000000..31864c3f2 --- /dev/null +++ b/src/app/produit-sans-devis-detail/produit-sans-devis-detail.component.ts @@ -0,0 +1,28 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { ProduitSansDevisService, ProduitSansDevis } from '../Services/ProduitSansDevisService'; +import { environment } from 'environments/environment'; + +@Component({ + selector: 'app-produit-sans-devis-detail', + templateUrl: './produit-sans-devis-detail.component.html', + styleUrls: ['./produit-sans-devis-detail.component.scss'] +}) +export class ProduitSansDevisDetailComponent implements OnInit { + produit!: ProduitSansDevis; + apiBaseUrl = environment.baseUrl; + + constructor(private route: ActivatedRoute, private produitService: ProduitSansDevisService) {} + + ngOnInit(): void { + const id = Number(this.route.snapshot.paramMap.get('id')); + this.produitService.getById(id).subscribe({ + next: (data) => this.produit = data, + error: (err) => console.error('Erreur chargement produit GPS :', err) + }); + } + + getImageUrl(imagePath: string): string { + return imagePath.startsWith('/assets') ? imagePath : this.apiBaseUrl + imagePath; + } +} diff --git a/src/app/register/register.component.html b/src/app/register/register.component.html new file mode 100644 index 000000000..2cfd8c51b --- /dev/null +++ b/src/app/register/register.component.html @@ -0,0 +1,76 @@ + + + + + + Auth Component + + + + + + + + + +
+
+ + +
+
+
+

{{ 'AUTH.OVERLAY.LEFT.TITLE' | translate }}

+

{{ 'AUTH.OVERLAY.LEFT.TEXT' | translate }}

+ +
+
+

{{ 'AUTH.OVERLAY.RIGHT.TITLE' | translate }}

+

{{ 'AUTH.OVERLAY.RIGHT.TEXT' | translate }}

+ +
+
+
+
+
+ + + \ No newline at end of file diff --git a/src/app/register/register.component.scss b/src/app/register/register.component.scss new file mode 100644 index 000000000..075d955f8 --- /dev/null +++ b/src/app/register/register.component.scss @@ -0,0 +1,347 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800'); + +.auth-component * { + box-sizing: border-box; + +} +.auth-component { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background-color: white; +} + +.auth-box { + width: 1000px; + max-width: 95%; + min-height: 600px; + background-color: #fff; + border-radius: 20px; + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), + 0 10px 10px rgba(0, 0, 0, 0.22); + display: flex; + position: relative; + overflow: hidden; +} + +.auth-component body { + background:white; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + font-family: 'Montserrat', sans-serif; + height: 200vh; + margin: -20px 0 50px; + +} + +.auth-component h1 { + font-weight: bold; + margin: 0; +} + +.auth-component h2 { + text-align: center; +} + +.auth-component p { + font-size: 14px; + font-weight: 100; + line-height: 20px; + letter-spacing: 0.5px; + margin: 20px 0 30px; +} + +.auth-component span { + font-size: 12px; +} + +.auth-component a { + color: #333; + font-size: 14px; + text-decoration: none; + margin: 15px 0; +} + +.auth-component button { + border-radius: 20px; + border: 1px solid #369; + background-color: #369; + color: #FFFFFF; + font-size: 12px; + font-weight: bold; + padding: 12px 45px; + letter-spacing: 1px; + text-transform: uppercase; + transition: transform 80ms ease-in; +} + +.auth-component .overlay { + background: #38B; + background: -webkit-linear-gradient(to right, #357, #37A); + background: linear-gradient(to right, #357, #37A); + background-repeat: no-repeat; + background-size: cover; + background-position: 0 0; + color: #FFFFFF; + position: relative; + left: -100%; + height: 100%; + width: 200%; + transform: translateX(0); + transition: transform 0.6s ease-in-out; +} + + +.auth-component button:active { + transform: scale(0.95); +} + +.auth-component button:focus { + outline: none; +} + +.auth-component button.ghost { + background-color: transparent; + border-color: #FFFFFF; +} + +.auth-component form { + background-color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 0 50px; + height: 100%; + text-align: center; +} + +.auth-component input { + background-color: #eee; + border: none; + padding: 12px 15px; + margin: 8px 0; + width: 100%; +} + +.auth-component .auth-box { + background-color: #fff; + border-radius: 10px; + box-shadow: 0 14px 28px rgba(0,0,0,0.25), + 0 10px 10px rgba(0,0,0,0.22); + position: relative; + overflow: hidden; + width: 768px; + max-width: 100%; + min-height: 480px; +} + +.auth-component .form-auth-box { + position: absolute; + top: 0; + height: 100%; + transition: all 0.6s ease-in-out; +} + +.auth-component .sign-in-auth-box { + left: 0; + width: 50%; + z-index: 2; +} + +.auth-component .auth-box.right-panel-active .sign-in-auth-box { + transform: translateX(100%); +} + +.auth-component .sign-up-auth-box { + left: 0; + width: 50%; + opacity: 1; + z-index: 1; +} + +.auth-component .auth-box.right-panel-active .sign-up-auth-box { + transform: translateX(100%); + opacity: 1; + z-index: 5; + animation: show 0.6s; +} + +@keyframes show { + 0%, 49.99% { + opacity: 0; + z-index: 1; + } + + 50%, 100% { + opacity: 1; + z-index: 5; + } +} + +.auth-component .overlay-auth-box { + position: absolute; + top: 0; + left: 50%; + width: 50%; + height: 100%; + overflow: hidden; + transition: transform 0.6s ease-in-out; + z-index: 100; +} + +.auth-component .auth-box.right-panel-active .overlay-auth-box{ + transform: translateX(-100%); +} + + +.auth-component .auth-box.right-panel-active .overlay { + transform: translateX(50%); +} + +.auth-component .overlay-panel { + position: absolute; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding: 0 40px; + text-align: center; + top: 0; + height: 100%; + width: 50%; + transform: translateX(0); + transition: transform 0.6s ease-in-out; +} + +.auth-component .overlay-left { + transform: translateX(-20%); +} + +.auth-component .auth-box.right-panel-active .overlay-left { + transform: translateX(0); +} + +.auth-component .overlay-right { + right: 0; + transform: translateX(0); +} + +.auth-component .auth-box.right-panel-active .overlay-right { + transform: translateX(20%); +} + +.auth-component .social-auth-box { + margin: 20px 0; +} + +.auth-component .social-auth-box a { + border: 1px solid #DDDDDD; + border-radius: 50%; + display: inline-flex; + justify-content: center; + align-items: center; + margin: 0 5px; + height: 40px; + width: 40px; +} +.back-arrow { + position: fixed; + top: 60px; + left: 20px; + font-size: 24px; + color: #007bff; + text-decoration: none; + z-index: 1000; + background: rgba(255, 255, 255, 0.8); + padding: 10px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + + @media (max-width: 768px) { + top: 40px; + left: 10px; + font-size: 20px; + width: 35px; + height: 35px; + } + + &:hover { + color: #0056b3; + background: rgba(255, 255, 255, 1); + } +} +.auth-component input::placeholder { + color: #369; + opacity: 1; +} + +input:-ms-input-placeholder { color: #369; } +input::-ms-input-placeholder { color: #369; } + +@media (max-width: 768px) { + .auth-box { + max-width: 90%; + padding: 15px; + + } + + .auth-component h1 { + font-size: 20px; + } + + .auth-component p, + .auth-component span { + font-size: 13px; + } + + .auth-component button { + padding: 10px 25px; + font-size: 13px; + } + + .auth-component input { + padding: 10px; + font-size: 13px; + } + + .back-arrow { + top: 15px; + left: 15px; + font-size: 18px; + width: 35px; + height: 35px; + } +} + +@media (max-width: 576px) { + .auth-box { + padding: 10px; + } + + .auth-component h1 { + font-size: 18px; + } + + .auth-component p, + .auth-component span { + font-size: 12px; + } + + .auth-component button { + padding: 8px 20px; + font-size: 12px; + } + + .auth-component input { + padding: 8px; + font-size: 12px; + } +} \ No newline at end of file diff --git a/src/app/register/register.component.spec.ts b/src/app/register/register.component.spec.ts new file mode 100644 index 000000000..f97553378 --- /dev/null +++ b/src/app/register/register.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RegisterComponent } from './register.component'; + +describe('RegisterComponent', () => { + let component: RegisterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ RegisterComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(RegisterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/register/register.component.ts b/src/app/register/register.component.ts new file mode 100644 index 000000000..b7730ac51 --- /dev/null +++ b/src/app/register/register.component.ts @@ -0,0 +1,174 @@ +import { Component, OnInit, AfterViewInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { AuthService } from 'app/Services/auth.service'; +import { EmailjsService } from 'emailJs/email.service'; +import { environment } from 'environments/environment'; +import Swal from 'sweetalert2'; +import { CookieService } from 'ngx-cookie-service'; + + +@Component({ + selector: 'app-register', + templateUrl: './register.component.html', + styleUrls: ['./register.component.scss'] +}) +export class RegisterComponent implements OnInit, AfterViewInit { + signUpName: string = ''; + signUpEmail: string = ''; + frontUrl=environment.frontUrl; + signInEmail: string = ''; + signInPassword: string = ''; + constructor(private authService: AuthService,private router: Router,private emailjsService: EmailjsService,private cookieService: CookieService) { } + + ngOnInit(): void { + } + + ngAfterViewInit(): void { + const signUpButton = document.getElementById('signUp'); + const signInButton = document.getElementById('signIn'); + const container = document.getElementById('auth-box'); + + if (signUpButton && signInButton && container) { + signUpButton.addEventListener('click', () => { + container.classList.add("right-panel-active"); + }); + + signInButton.addEventListener('click', () => { + container.classList.remove("right-panel-active"); + }); + } + } + + onSignUp(): void { + const data = { + nom: this.signUpName, + email: this.signUpEmail, + role:0 + }; + + this.authService.signUp(data).subscribe({ + next: (response) => { + const params = { + email: data.email, + name: data.nom, + password: response.mdp, + loginLink: this.frontUrl+'/auth' + }; + + this.emailjsService.sendPasswordEmail(params); + + Swal.fire({ + icon: 'success', + title: 'Registration successful', + text: 'An email containing your password will be sent.' + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Error', + text: 'An account with this email already exists.' + }); + } + }); + } + +onSignIn() { + const data = { + email: this.signInEmail, + password: this.signInPassword + }; + + this.authService.signIn(data).subscribe({ + next: (res) => { + this.cookieService.set('token', res.token); + this.cookieService.set('role', res.role); + this.cookieService.set('name', res.nom); + this.cookieService.set('userId', res.userId); + const redirectUrl = this.cookieService.get('redirectAfterLogin'); + this.cookieService.delete('redirectAfterLogin'); + Swal.fire({ + icon: 'success', + title: 'Login successful', + text: `Welcome ${res.nom} !`, + confirmButtonText: 'Continue' + }).then((result) => { + if (result.isConfirmed) { + if (res.role === 'Client') { + if (redirectUrl && (redirectUrl.includes('formulaireiotit') || redirectUrl.includes('formulairefranchise'))) { + this.router.navigateByUrl(redirectUrl); + } else { + this.router.navigate(['/home']); + } + } else { + this.router.navigate(['/admin']); + } + } + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Login failed', + text: 'Incorrect email or password.' + }); + } + }); +} + +showForgetForm = false; +forgetEmail: string = ''; +handleForgetPassword(email: string): void { + if (!email) { + Swal.fire({ + icon: 'warning', + title: 'Email required', + text: 'Please enter your email address.', + }); + return; + } + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + if (!emailRegex.test(email)) { + Swal.fire({ + icon: 'warning', + title: 'Invalid email', + text: 'Please enter a valid email address.', + }); + return; + } + this.authService.forgetPassword({ email }).subscribe({ + next: (res) => { + const params = { + email: email, + password: res.mdp, + loginLink: this.frontUrl + '/auth' + }; + + this.emailjsService.sendPasswordEmail(params).then(() => { + Swal.fire({ + icon: 'success', + title: 'Password reset email sent', + text: 'Please check your inbox for your new password.', + }); + this.showForgetForm = false; + this.forgetEmail = ''; + }).catch((err) => { + Swal.fire({ + icon: 'error', + title: 'Email error', + text: err?.message || 'Failed to send email. Try again later.', + }); + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Reset error', + text: err.error?.message || 'Failed to reset password.', + }); + } + }); +} + + +} diff --git a/src/app/shared/navbar/navbar.component.ts b/src/app/shared/navbar/navbar.component.ts index 068ed7ee8..1eaf4638a 100644 --- a/src/app/shared/navbar/navbar.component.ts +++ b/src/app/shared/navbar/navbar.component.ts @@ -51,16 +51,15 @@ export class NavbarComponent implements OnInit{ }; getTitle(){ - var titlee = this.location.prepareExternalUrl(this.location.path()); + /*var titlee = this.location.prepareExternalUrl(this.location.path()); if(titlee.charAt(0) === '#'){ titlee = titlee.slice( 1 ); } for(var item = 0; item < this.listTitles.length; item++){ - if(this.listTitles[item].path === titlee){ return this.listTitles[item].title; - } + } - return 'Dashboard'; + return 'Dashboard';*/ } } diff --git a/src/app/shared/navbar/navbar.module.ts b/src/app/shared/navbar/navbar.module.ts index 0a76b80ed..375b2849c 100644 --- a/src/app/shared/navbar/navbar.module.ts +++ b/src/app/shared/navbar/navbar.module.ts @@ -2,7 +2,6 @@ import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { NavbarComponent } from './navbar.component'; - @NgModule({ imports: [ RouterModule, CommonModule ], declarations: [ NavbarComponent ], diff --git a/src/app/sidebar/sidebar.component.html b/src/app/sidebar/sidebar.component.html index 817b194c6..9a7566a59 100644 --- a/src/app/sidebar/sidebar.component.html +++ b/src/app/sidebar/sidebar.component.html @@ -1,78 +1,20 @@ +
+ -
- - + +
+ +
diff --git a/src/app/sidebar/sidebar.component.ts b/src/app/sidebar/sidebar.component.ts index dec9a9c67..05d042f09 100644 --- a/src/app/sidebar/sidebar.component.ts +++ b/src/app/sidebar/sidebar.component.ts @@ -1,39 +1,38 @@ import { Component, OnInit } from '@angular/core'; +import { Router } from '@angular/router'; +import { AuthService } from 'app/Services/auth.service'; +export const ROUTES = [ + { path: '/dashboard', title: 'Dashboard', icon: 'fa fa-dashboard', class: '' }, + { path: '/listProducts', title: 'Liste des Produits', icon: 'fa fa-table', class: '' }, + { path: '/blogs', title: 'Liste des Blogs', icon: 'fa fa-book', class: '' }, + { path: '/users', title: 'Liste des Utilisateurs', icon: 'fa fa-user', class: '' }, + { path: '/franchises', title: 'Demandes des franchises', icon: 'fa fa-user', class: '' }, + { path: '/listDevis', title: 'Liste des Devis', icon: 'fa fa-user', class: '' }, -declare const $: any; -declare interface RouteInfo { - path: string; - title: string; - icon: string; - class: string; -} -export const ROUTES: RouteInfo[] = [ - { path: '/dashboard', title: 'Dashboard', icon: 'pe-7s-graph', class: '' }, - { path: '/user', title: 'User Profile', icon:'pe-7s-user', class: '' }, - { path: '/table', title: 'Table List', icon:'pe-7s-note2', class: '' }, - { path: '/typography', title: 'Typography', icon:'pe-7s-news-paper', class: '' }, - { path: '/icons', title: 'Icons', icon:'pe-7s-science', class: '' }, - { path: '/maps', title: 'Maps', icon:'pe-7s-map-marker', class: '' }, - { path: '/notifications', title: 'Notifications', icon:'pe-7s-bell', class: '' }, - { path: '/upgrade', title: 'Upgrade to PRO', icon:'pe-7s-rocket', class: 'active-pro' }, ]; - @Component({ selector: 'app-sidebar', templateUrl: './sidebar.component.html' }) export class SidebarComponent implements OnInit { - menuItems: any[]; + public menuItems = [ + { path: 'dashboard', title: 'Dashboard', icon: 'fa fa-tachometer-alt', class: '' }, + { path: 'listProducts', title: 'Liste des Produits', icon: 'fa fa-cubes', class: '' }, + { path: 'listblogs', title: 'Liste des Blogs', icon: 'fa fa-newspaper', class: '' }, + { path: 'listusers', title: 'Liste des Utilisateurs', icon: 'fa fa-users', class: '' }, + { path: 'franchises', title: 'Demandes des franchises', icon: 'fa fa-handshake', class: '' }, + { path: 'listDevis', title: 'Liste des devis', icon: 'fa fa-file-invoice-dollar', class: '' }, + ]; - constructor() { } + constructor(private authService: AuthService,private router: Router) {} - ngOnInit() { - this.menuItems = ROUTES.filter(menuItem => menuItem); + ngOnInit(): void {} + + isMobileMenu(): boolean { + return window.innerWidth <= 991; + } + logout() { + this.authService.logout(); + this.router.navigate(['/auth']); } - isMobileMenu() { - if ($(window).width() > 991) { - return false; - } - return true; - }; } diff --git a/src/app/tables/tables.component.html b/src/app/tables/tables.component.html index e596186b5..7da87056a 100644 --- a/src/app/tables/tables.component.html +++ b/src/app/tables/tables.component.html @@ -1,51 +1,122 @@ -
-
-
-
-
-
-

Striped Table with Hover

-

Here is a subtitle for this table

-
-
- - - - - - - - - - - -
{{ cell }}
{{cell}}
- -
-
+
+
+
+
+

📦 Liste des produits

+
+
+
-
-
-
-

Table on Plain Background

-

Here is a subtitle for this table

-
-
- - - - - - - - - - - -
{{ cell }}
{{cell}}
-
+
+
+ +
+
+
+
+

Liste des Produits IoT

+

Tableau des produits IoT disponibles

+ + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + +
PhotoNomDescriptionPrixActions
+ Produit + {{ produit.titre }}{{ produit.description }}{{ produit.prix }} + + + +
+
+
+ + +
+
+
+
+

Liste des Produits GPS

+

Tableau des produits GPS disponibles

+
+ + + + +
+
+ + + + + + + + + + + + + + + + + + + +
PhotoNomDescriptionPrixActions
+ Produit + {{ produit.titre }}{{ produit.description }}{{ produit.prix }} + + + +
+
+
+
+
+
diff --git a/src/app/tables/tables.component.ts b/src/app/tables/tables.component.ts index f0f41c064..ca8b9a558 100644 --- a/src/app/tables/tables.component.ts +++ b/src/app/tables/tables.component.ts @@ -1,9 +1,9 @@ import { Component, OnInit } from '@angular/core'; - -declare interface TableData { - headerRow: string[]; - dataRows: string[][]; -} +import { Router } from '@angular/router'; +import Swal from 'sweetalert2'; +import { ProduitSansDevisService, ProduitSansDevis } from '../Services/ProduitSansDevisService'; +import { ProduitAvecDevisService, ProduitAvecDevis } from '../Services/ProduitAvecDevisService'; +import { environment } from 'environments/environment'; @Component({ selector: 'app-tables', @@ -11,34 +11,124 @@ declare interface TableData { styleUrls: ['./tables.component.css'] }) export class TablesComponent implements OnInit { - public tableData1: TableData; - public tableData2: TableData; - - constructor() { } - - ngOnInit() { - this.tableData1 = { - headerRow: [ 'ID', 'Name', 'Country', 'City', 'Salary'], - dataRows: [ - ['1', 'Dakota Rice', 'Niger', 'Oud-Turnhout', '$36,738'], - ['2', 'Minerva Hooper', 'Curaçao', 'Sinaai-Waas', '$23,789'], - ['3', 'Sage Rodriguez', 'Netherlands', 'Baileux', '$56,142'], - ['4', 'Philip Chaney', 'Korea, South', 'Overland Park', '$38,735'], - ['5', 'Doris Greene', 'Malawi', 'Feldkirchen in Kärnten', '$63,542'], - ['6', 'Mason Porter', 'Chile', 'Gloucester', '$78,615'] - ] - }; - this.tableData2 = { - headerRow: [ 'ID', 'Name', 'Salary', 'Country', 'City' ], - dataRows: [ - ['1', 'Dakota Rice','$36,738', 'Niger', 'Oud-Turnhout' ], - ['2', 'Minerva Hooper', '$23,789', 'Curaçao', 'Sinaai-Waas'], - ['3', 'Sage Rodriguez', '$56,142', 'Netherlands', 'Baileux' ], - ['4', 'Philip Chaney', '$38,735', 'Korea, South', 'Overland Park' ], - ['5', 'Doris Greene', '$63,542', 'Malawi', 'Feldkirchen in Kärnten', ], - ['6', 'Mason Porter', '$78,615', 'Chile', 'Gloucester' ] - ] - }; + apiBaseUrl = environment.baseUrl + produitsIot: ProduitAvecDevis[] = []; + produitsGps: ProduitSansDevis[] = []; + + searchTerm: string = ''; + searchIot: string = ''; + searchGps: string = ''; + + constructor( + private router: Router, + private produitSansDevisService: ProduitSansDevisService, + private produitAvecDevisService: ProduitAvecDevisService + ) {} + + ngOnInit(): void { + this.loadProduitsIot(); + this.loadProduitsGps(); + } + + loadProduitsIot(): void { + this.produitAvecDevisService.getAllProduits().subscribe({ + next: (data) => this.produitsIot = data, + error: (err) => console.error('Erreur chargement produits IoT :', err) + }); + } + + loadProduitsGps(): void { + this.produitSansDevisService.getAllProduits().subscribe({ + next: (data) => this.produitsGps = data, + error: (err) => console.error('Erreur chargement produits GPS :', err) + }); + } + + editIot(id: number) { + this.router.navigate(['/update-product', id], { queryParams: { type: 'iot' } }); + } + +editGps(id: number) { + this.router.navigate(['/update-product', id], { queryParams: { type: 'gps' } }); + } + + + deleteIot(id: number) { + Swal.fire({ + title: 'Êtes-vous sûr ?', + text: 'Voulez-vous vraiment supprimer ce produit IoT ?', + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#369', + cancelButtonColor: '#888', + confirmButtonText: 'Oui, supprimer !', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.produitAvecDevisService.delete(id).subscribe(() => { + this.produitsIot = this.produitsIot.filter(p => p.id !== id); + Swal.fire('Supprimé !', 'Le produit IoT a été supprimé.', 'success'); + }); + } + }); + } + + deleteGps(id: number) { + Swal.fire({ + title: 'Êtes-vous sûr ?', + text: 'Voulez-vous vraiment supprimer ce produit GPS ?', + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#369', + cancelButtonColor: '#888', + confirmButtonText: 'Oui, supprimer !', + cancelButtonText: 'Annuler' + }).then((result) => { + if (result.isConfirmed) { + this.produitSansDevisService.delete(id).subscribe(() => { + this.produitsGps = this.produitsGps.filter(p => p.id !== id); + Swal.fire('Supprimé !', 'Le produit GPS a été supprimé.', 'success'); + }); + } + }); + } + + get filteredIot() { + const term = this.searchIot || this.searchTerm; + if (!term) return this.produitsIot; + return this.produitsIot.filter(p => + p.titre.toLowerCase().includes(term.toLowerCase()) || + p.description.toLowerCase().includes(term.toLowerCase()) + ); + } + + get filteredGps() { + const term = this.searchGps || this.searchTerm; + if (!term) return this.produitsGps; + return this.produitsGps.filter(p => + p.titre.toLowerCase().includes(term.toLowerCase()) || + p.description.toLowerCase().includes(term.toLowerCase()) + ); + } + + getImageUrl(imagePath: string): string { + if (imagePath.startsWith('/assets')) { + return imagePath; + } + return this.apiBaseUrl + imagePath; +} + + ajouterProduit(type: 'iot' | 'gps') { + this.router.navigate(['/add-product'], { queryParams: { type } }); + } + + voirDetailsIot(id: number) { + this.router.navigate(['/produit-iot', id]); + } + + voirDetailsGps(id: number) { + this.router.navigate(['/produit-gps', id]); } } + diff --git a/src/app/titreproduit/titreproduit.component.css b/src/app/titreproduit/titreproduit.component.css new file mode 100644 index 000000000..ceacceb1e --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.css @@ -0,0 +1,12 @@ +p { + font-size: 2rem; + color: #00aaff; + /* text-shadow: 1px 1px 5px #0000005b; */ + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1.5px; + margin-top: 1.5rem; + margin-bottom: 1.5rem; + text-align: center; + padding-bottom: 0.5rem; +} \ No newline at end of file diff --git a/src/app/titreproduit/titreproduit.component.html b/src/app/titreproduit/titreproduit.component.html new file mode 100644 index 000000000..e6b61ba8e --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.html @@ -0,0 +1,3 @@ +

+ NOS PRODUITS +

diff --git a/src/app/titreproduit/titreproduit.component.spec.ts b/src/app/titreproduit/titreproduit.component.spec.ts new file mode 100644 index 000000000..ef607469d --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TitreproduitComponent } from './titreproduit.component'; + +describe('TitreproduitComponent', () => { + let component: TitreproduitComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ TitreproduitComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(TitreproduitComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/titreproduit/titreproduit.component.ts b/src/app/titreproduit/titreproduit.component.ts new file mode 100644 index 000000000..33618af05 --- /dev/null +++ b/src/app/titreproduit/titreproduit.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'titreproduit', + templateUrl: './titreproduit.component.html', + styleUrls: ['./titreproduit.component.css'] +}) +export class TitreproduitComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/users-lists/users-lists.component.html b/src/app/users-lists/users-lists.component.html new file mode 100644 index 000000000..321dfb443 --- /dev/null +++ b/src/app/users-lists/users-lists.component.html @@ -0,0 +1,32 @@ +
+
+

👥 Liste des utilisateurs

+
+
+ + + + + + + + + + + + + + + + + +
NomEmailRôleAction
{{ user.nom }}{{ user.email }}{{ user.role === 0 ? 'Client' : 'Administrateur' }} + +
+
+
diff --git a/src/app/users-lists/users-lists.component.scss b/src/app/users-lists/users-lists.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/users-lists/users-lists.component.spec.ts b/src/app/users-lists/users-lists.component.spec.ts new file mode 100644 index 000000000..276fd7c15 --- /dev/null +++ b/src/app/users-lists/users-lists.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsersListsComponent } from './users-lists.component'; + +describe('UsersListsComponent', () => { + let component: UsersListsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsersListsComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(UsersListsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/users-lists/users-lists.component.ts b/src/app/users-lists/users-lists.component.ts new file mode 100644 index 000000000..9e0e949f1 --- /dev/null +++ b/src/app/users-lists/users-lists.component.ts @@ -0,0 +1,75 @@ +import { Component, OnInit } from '@angular/core'; +import { AuthService } from 'app/Services/auth.service'; +import { User, UserService } from 'app/Services/UserService'; +import { EmailjsService } from 'emailJs/email.service'; +import { environment } from 'environments/environment'; +import Swal from 'sweetalert2'; + +@Component({ + selector: 'app-users-lists', + templateUrl: './users-lists.component.html', + styleUrls: ['./users-lists.component.scss'] +}) +export class UsersListsComponent implements OnInit { + + users: User[] = []; + frontUrl=environment.frontUrl; + constructor(private userService: UserService,private authService: AuthService,private emailjsService: EmailjsService) {} + + ngOnInit(): void { + this.userService.getUsers().subscribe({ + next: (data) => { + this.users = data; + }, + error: (err) => { + console.error('Erreur lors du chargement des utilisateurs', err); + } + }); + } + + sendResetPassword(email: string): void { + Swal.fire({ + icon: 'question', + title: 'Confirm password reset', + text: `Send a reset password email to ${email}?`, + showCancelButton: true, + confirmButtonText: 'Yes, send it', + cancelButtonText: 'Cancel' + }).then((result) => { + if (result.isConfirmed) { + this.authService.forgetPassword({ email }).subscribe({ + next: (res) => { + const params = { + email: email, + password: res.mdp, + loginLink: this.frontUrl + '/auth' + }; + + this.emailjsService.sendPasswordEmail(params).then(() => { + Swal.fire({ + icon: 'success', + title: 'Reset email sent', + text: 'The user has received a new password by email.' + }); + }).catch((err) => { + Swal.fire({ + icon: 'error', + title: 'Email error', + text: err?.message || 'Failed to send email.' + }); + }); + }, + error: (err) => { + Swal.fire({ + icon: 'error', + title: 'Reset error', + text: err.error?.message || 'Password reset failed.' + }); + } + }); + } + }); +} + + +} diff --git a/src/app/vitrine/vitrine.component.html b/src/app/vitrine/vitrine.component.html new file mode 100644 index 000000000..998b560e0 --- /dev/null +++ b/src/app/vitrine/vitrine.component.html @@ -0,0 +1,168 @@ + + + + + + + TUNAV IT GROUP + + + + + + + + + +
+
+
{{ 'MENU.CENTER_ICON' | translate }}
+
+ {{ icon }} +
+
+
+ +
+
+ +
+
+
+

{{ 'WHATWEDO.TITLE' | translate }}

+

{{ 'WHATWEDO.PARAGRAPH1' | translate }}

+
+
+
+ +
+
+ +
+
+
+

{{ 'WHATWEDO.TRANSFORMATION.TITLE' | translate }}

+

{{ 'WHATWEDO.TRANSFORMATION.DESCRIPTION' | translate }}

+ +
+
+ +
+ +
+
+
+

{{ 'WHATWEDO.IT_SOLUTION.TITLE' | translate }}

+

{{ 'WHATWEDO.IT_SOLUTION.DESCRIPTION' | translate }}

+
+ {{ 'WHATWEDO.TRANSFORMATION.LINK' | translate }} +
+
+
+
+ + + + + +
+
+ +
+
+
+

{{ 'WHATWEDO.GPS_TRACKING.TITLE' | translate }}

+

{{ 'WHATWEDO.GPS_TRACKING.DESCRIPTION' | translate }}

+
+ {{ 'WHATWEDO.GPS_TRACKING.LINK' | translate }} +
+
+
+ +
+ +
+
+
+

{{ 'WHATWEDO.IOT_SOLUTION.TITLE' | translate }}

+

{{ 'WHATWEDO.IOT_SOLUTION.DESCRIPTION' | translate }}

+
+ {{ 'WHATWEDO.IOT_SOLUTION.LINK' | translate }} +
+
+
+
+ +
+
+ +
+
+
+
+

{{ 'TESTIMONIALS.TITLE' | translate }}

+

+
+
+
+ +
{{ testimonial.quote | translate }}
+
{{ testimonial.author }}
+
+
+
+
+
+
+
+
+ + + + + + + + + diff --git a/src/app/vitrine/vitrine.component.scss b/src/app/vitrine/vitrine.component.scss new file mode 100644 index 000000000..b049d8450 --- /dev/null +++ b/src/app/vitrine/vitrine.component.scss @@ -0,0 +1,217 @@ +.tm-hero-logoo { + width: 20px; + height: 20px; + margin-bottom: 15px; + animation: fadeIn 1.2s ease-in-out; + display: inline-block; +} +.custom-figure-bg::before { + content: ""; + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + background-image: inherit; + background-size: inherit; + background-position: inherit; + background-repeat: inherit; + opacity: 0.4; + z-index: 1; +} +.custom-figure-bg { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + position: relative; + overflow: hidden; + border-radius: 10px; + padding: 10px; +} + +.foreground-img { + width: 100%; + height: auto; + position: relative; + z-index: 2; +} +.product-card { + background-color: white; + figcaption h2 span { + color: #357; + } +} + +.circle-section { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background: #f8f9fc; +} + +.circular-menu { + position: relative; + width: 100%; + height: 100vh; + text-align: center; + + .center-icon { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color:#357; + color: white; + font-size: 22px; + padding: 20px 30px; + border-radius: 50%; + box-shadow: 0 0 20px rgba(0,0,0,0.2); + z-index: 2; + font-weight: bold; + } + + .menu-item { + position: absolute; + top: 50%; + left: 50%; + transform-origin: center; + background-color: white; + padding: 12px 18px; + border-radius: 50px; + box-shadow: 0 10px 20px rgba(0,0,0,0.1); + transition: transform 0.8s ease; + font-size: 16px; + font-weight: 600; + color: #357; + } + + &.open .menu-item { + transition-delay: 0.1s; + } +} +.btn-voir-tous-les-produits{ + display: flex; + justify-content: center; + position: relative; + bottom: 50px; +} + +.btn-tous-produits{ + height: 65px; + background-color: #38B; + color: white; + border-radius: 16px; + text-align: center; + border: 2px solid #38B; + font-weight: 600; + padding: 10px 25px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease, color 0.3s ease; + animation: saut 2s infinite; +} +@keyframes saut{ + 0%,20%,50%,60%,100% { + transform:translateY(0); + } + 40%{ + transform: translateY(15px); + + } + 80%{ + transform: translateY(15px); + } +} +/* Responsive tablette */ +@media (max-width: 992px) { + .tm-hero-logoo { + width: 18px; + height: 18px; + margin-bottom: 12px; + } + + .custom-figure-bg { + padding: 8px; + border-radius: 8px; + } + + .foreground-img { + width: 100%; + height: auto; + } + + .circle-section { + height: auto; + padding: 3rem 1rem; + } + + .circular-menu { + height: 400px; + + .center-icon { + font-size: 20px; + padding: 16px 24px; + } + + .menu-item { + font-size: 14px; + padding: 10px 16px; + } + } + + .btn-voir-tous-les-produits { + bottom: 30px; + } + + .btn-tous-produits { + height: 55px; + font-size: 14px; + padding: 8px 20px; + } +} + +/* Responsive mobile */ +@media (max-width: 576px) { + .tm-hero-logoo { + width: 16px; + height: 16px; + margin-bottom: 10px; + } + + .custom-figure-bg { + padding: 6px; + border-radius: 6px; + } + + .circle-section { + height: auto; + padding: 2rem 1rem; + flex-direction: column; + } + + .circular-menu { + height: 350px; + + .center-icon { + font-size: 18px; + padding: 14px 20px; + + } + + .menu-item { + font-size: 13px; + padding: 8px 14px; + } + } + + .btn-voir-tous-les-produits { + bottom: 20px; + } + + .btn-tous-produits { + height: 50px; + font-size: 13px; + padding: 7px 18px; + } +} + + diff --git a/src/app/vitrine/vitrine.component.spec.ts b/src/app/vitrine/vitrine.component.spec.ts new file mode 100644 index 000000000..30f36590b --- /dev/null +++ b/src/app/vitrine/vitrine.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VitrineComponent } from './vitrine.component'; + +describe('VitrineComponent', () => { + let component: VitrineComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ VitrineComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(VitrineComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/vitrine/vitrine.component.ts b/src/app/vitrine/vitrine.component.ts new file mode 100644 index 000000000..2d07c95e4 --- /dev/null +++ b/src/app/vitrine/vitrine.component.ts @@ -0,0 +1,332 @@ +import { AfterViewInit, Component, ViewEncapsulation, HostListener, ElementRef, ViewChild } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { ActivatedRoute } from '@angular/router'; +import { ViewportScroller } from '@angular/common'; +import { Router } from '@angular/router'; + + +declare var $: any; + +@Component({ + selector: 'app-vitrine', + templateUrl: './vitrine.component.html', + styleUrls: ['./vitrine.component.scss'], + encapsulation: ViewEncapsulation.None +}) +export class VitrineComponent implements AfterViewInit { + constructor(private router: Router,private route: ActivatedRoute, private scroller: ViewportScroller) {} + testimonials = [ + { + image: '/assets/img/testimonial-img-01.jpg', + quote: 'TESTIMONIALS.QUOTE1', + author: '' + }, + { + image: '/assets/img/testimonial-img-02.jpg', + quote: 'TESTIMONIALS.QUOTE2', + author: 'Alexandre Petrenko' + }, + { + image: '/assets/img/testimonial-img-03.jpg', + quote: 'TESTIMONIALS.QUOTE3', + author: 'nourchenne_cheguenni' + }, + { + image: '/assets/img/testimonial-img-04.jpg', + quote: 'TESTIMONIALS.QUOTE1', + author: '' + }, + { + image: '/assets/img/testimonial-img-02.jpg', + quote: 'TESTIMONIALS.QUOTE2', + author: 'Alexandre Petrenko' + } + ]; + + products = [ + { + image: '/assets/img/MiniTrace_ KIT.png', + alt: 'MiniTrace_ KIT - PORTABLE', + title: 'GALLERY.PRODUCT1' + }, + { + image: '/assets/img/SMART_LOCK.png', + alt: 'TRAILLER SMART_LOCK', + title: 'GALLERY.PRODUCT2' + }, + { + image: '/assets/img/Camtrack.jpg', + alt: 'Camtrack', + title: 'GALLERY.PRODUCT3' + }, + { + image: '/assets/img/ETX_KIT.png', + alt: 'ETX_KIT- AUTOMOTIVE', + title: 'GALLERY.PRODUCT4' + }, + { + image: '/assets/img/ETBLE_KIT.png', + alt: 'ETBLE_KIT - AUTOMOTIVE', + title: 'GALLERY.PRODUCT5' + }, + { + image: '/assets/img/ET6_KIT.png', + alt: 'ET6_KIT - ADVANCED AUTOMOTIVE', + title: 'GALLERY.PRODUCT6' + }, + { + image: '/assets/img/ETCAN_KIT.png', + alt: 'ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE', + title: 'GALLERY.PRODUCT7' + }, + { + image: '/assets/img/ET8_KIT.png', + alt: 'ET8_KIT - ETANCHE AUTOMOTIVE', + title: 'GALLERY.PRODUCT8' + } + ]; + ngOnInit() { + this.route.queryParams.subscribe(params => { + const section = params['section']; + if (section) { + setTimeout(() => { + this.scroller.scrollToAnchor(section); + }, 100); // délai pour laisser le DOM charger + } + }); +} + + ngAfterViewInit() { + this.initScripts(); + } + // constructor(private router: Router) {} + + + initScripts() { + + function getOffSet(){ + let _offset = 450; + const windowHeight = window.innerHeight; + if(windowHeight > 500) _offset = 400; + if(windowHeight > 680) _offset = 300; + if(windowHeight > 830) _offset = 210; + return _offset; + } + + function setParallaxPosition($doc: any, multiplier: number, $object: any) { + const offset = getOffSet(); + const from_top = $doc.scrollTop(); + const bg_css = 'center ' + (multiplier * from_top - offset) + 'px'; + $object.css({"background-position" : bg_css }); + } + + const background_image_parallax = function($object: any, multiplier = 0.5, forceSet = false){ + multiplier = 1 - multiplier; + const $doc = $(document); + if(forceSet) { + setParallaxPosition($doc, multiplier, $object); + } else { + $(window).on('scroll', function(){ + setParallaxPosition($doc, multiplier, $object); + }); + } + }; + + const background_image_parallax_2 = function($object: any, multiplier = 0.5){ + multiplier = 1 - multiplier; + $object.css({"background-attachment" : "fixed"}); + $(window).on('scroll', function(){ + if($(window).width() > 768) { + const firstTop = $object.offset().top; + const pos = $(window).scrollTop(); + const yPos = Math.round((multiplier * (firstTop - pos)) - 186); + const bg_css = 'center ' + yPos + 'px'; + $object.css({"background-position" : bg_css }); + } else { + $object.css({"background-position" : "center" }); + } + }); + }; + + // Initialise les effets quand le DOM est prêt (ici, ngAfterViewInit) + background_image_parallax($(".tm-parallax"), 0.30, false); + background_image_parallax_2($("#contact"), 0.80); + background_image_parallax_2($("#testimonials"), 0.80); + + window.addEventListener('resize', () => { + background_image_parallax($(".tm-parallax"), 0.30, true); + }, true); + + $(window).on('scroll', () => { + if($(document).scrollTop() > 120) { + $('.tm-navbar').addClass("scroll"); + } else { + $('.tm-navbar').removeClass("scroll"); + } + }); + + $('#tmNav a').on('click', () => { + $('.navbar-collapse').removeClass('show'); + }); + + $('#tmNav').singlePageNav({ + 'easing': 'easeInOutExpo', + 'speed': 600 + }); + + $("a").on('click', function(event: any) { + if (this.hash !== "") { + event.preventDefault(); + const hash = this.hash; + $('html, body').animate({ + scrollTop: $(hash).offset().top + }, 600, 'easeInOutExpo', () => { + window.location.hash = hash; + }); + } + }); + + $('.tm-gallery').magnificPopup({ + delegate: 'a', + type: 'image', + gallery: { enabled: true } + }); + + $('.tm-testimonials-carousel').slick({ + dots: true, + prevArrow: false, + nextArrow: false, + infinite: false, + slidesToShow: 3, + slidesToScroll: 1, + responsive: [ + { + breakpoint: 992, + settings: { + slidesToShow: 2 + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1 + } + } + ] + }); + + $('.tm-gallery').slick({ + dots: true, + infinite: false, + slidesToShow: 5, + slidesToScroll: 2, + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 4, + slidesToScroll: 2 + } + }, + { + breakpoint: 991, + settings: { + slidesToShow: 3, + slidesToScroll: 2 + } + }, + { + breakpoint: 767, + settings: { + slidesToShow: 2, + slidesToScroll: 1 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + } + ] + }); + } + + formData = { + name: '', + email: '', + message: '' + }; + + /* onSubmit() { + const recipient = 'tunav@tunav.com'; + const subject = encodeURIComponent(`Message de ${this.formData.name}`); + const body = encodeURIComponent( + `Nom: ${this.formData.name}\nEmail: ${this.formData.email}\n\nMessage:\n${this.formData.message}` + ); + + const mailtoLink = `https://mail.google.com/mail/?view=cm&fs=1&to=${recipient}&su=${subject}&body=${body}`; + + window.open(mailtoLink, '_blank'); + } +*/ +isOpen = false; + + @ViewChild('menuSection', { static: true }) menuSection!: ElementRef; + + icons: string[] = [ + 'GUINÉE', + 'CONGO', + 'RD CONGO', + 'MAURITANIE', + 'BURKINA FASO', + 'FRANCE', + 'LIBYE', + 'MAROC', + 'CÔTE D\'IVOIRE', + 'MALI', + 'SÉNÉGAL', + 'TOGO' +]; + + getIconTransform(index: number): string { + const angle = (360 / this.icons.length) * index; + let radius = 300; + const width = window.innerWidth; + + if (width <= 576) { + radius = 140; + } else if (width <= 1024) { + radius = 220; + } + return this.isOpen + ? `rotate(${angle}deg) translate(${radius}px) rotate(-${angle}deg)` + : `rotate(0deg) translate(0)`; + } + + @HostListener('window:scroll', []) +onScroll() { + const sectionTop = this.menuSection.nativeElement.getBoundingClientRect().top; + const sectionBottom = this.menuSection.nativeElement.getBoundingClientRect().bottom; + const windowHeight = window.innerHeight; + + if (sectionTop < windowHeight * 0.7 && sectionBottom > windowHeight * 0.3) { + this.isOpen = true; + } else { + this.isOpen = false; + } +} + goToProductsPage(): void { + this.router.navigate(['/products']); + } + + + +} diff --git a/src/assets/css/bootstrap.min.css b/src/assets/css/bootstrap.min.css new file mode 100644 index 000000000..882691283 --- /dev/null +++ b/src/assets/css/bootstrap.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/src/assets/css/tooplate-infinite-loop.css b/src/assets/css/tooplate-infinite-loop.css new file mode 100644 index 000000000..188c49daf --- /dev/null +++ b/src/assets/css/tooplate-infinite-loop.css @@ -0,0 +1,722 @@ +/* + +Tooplate 2117 Infinite Loop + +https://www.tooplate.com/view/2117-infinite-loop + +*/ + +@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900"); + +body { + font-family: "Raleway", sans-serif; + font-size: 1.2em; + color: #707070; + margin: 0; + padding: 0; + overflow-x: hidden; +} +a { + transition: all 0.3s ease; + color: #38B; +} + +a:hover, +a:focus { + text-decoration: none; + color: #D40; +} + +a:focus { + outline: none; +} + +.btn { + padding: 8px 32px; +} + +.btn:hover { + background-color: #ced4da; +} + +blockquote { + font-size: 0.86em; + line-height: 1.8em; +} + +.tm-section-pad-top { + padding-top: 80px; + padding-bottom: 40px; +} + +.tm-content-box { + padding-top: 20px; +} + +.tm-text-primary { + color: #37A; +} + +.tm-font-big { + font-size: 1.25rem; +} + +.tm-btn-primary { + color: white; + background-color: #369; + padding: 14px 30px; +} + +.tm-btn-primary:hover, +.tm-btn-primary:focus { + color: white; + background-color: #38B; +} + +/* Navbar */ + +.tm-navbar { + position: fixed; + width: 100%; + z-index: 1000; + background-color: transparent; + transition: all 0.3s ease; +} + +.tm-navbar.scroll { + background-color: white; + border-bottom: 1px solid #e9ecef; +} + +.navbar-brand { + color: white; + font-size: 1.4rem; + font-weight: bold; +} + +.navbar-brand:hover, +.tm-navbar.scroll .navbar-brand:hover { + color: #38B; +} + +.tm-navbar.scroll .navbar-brand { + color: #369; +} + +.nav-item { + list-style: none; +} + +.tm-nav-link { + color: white; +} + +.tm-navbar.scroll .tm-nav-link { + color: #369; +} + +.tm-navbar.scroll .tm-nav-link:hover, +.tm-navbar.scroll .tm-nav-link.current, +.tm-nav-link:hover { + color: #FFF; + background-color: #369; +} + +.navbar-toggler { + border: 1px solid white; + padding-left: 10px; + padding-right: 10px; +} + +.navbar-toggler-icon { + color: white; + padding-top: 6px; +} + +.tm-navbar.scroll .navbar-toggler { + border: 1px solid #707070; +} + +.tm-navbar.scroll .navbar-toggler-icon { + color: #707070; +} + +/* Hero */ + +#infinite { + /*background-color: #222; + /*background-image: url(../img/infinite-loop-01.jpg);*/ + /* background-repeat: no-repeat;*/ + height: 100vh; + min-height: 375px; + height: 100vh; + position: relative; +} +#heroCarousel .carousel-inner, +#heroCarousel .carousel-item, +#heroCarousel .carousel-item img { + height: 100vh; + object-fit: cover; +} +@media (min-height: 600px) and (min-width: 1920px) { + #infinite { + background-size: cover; + } +} + +@media (min-height: 830px) { + #infinite { + background-position: center -210px; + } +} + +@media (min-height: 680px) and (max-height: 829px) { + #infinite { + background-position: center -300px; + } +} + +@media (min-height: 500px) and (max-height: 679px) { + #infinite { + background-position: center -400px; + } +} + +@media (max-height: 499px) { + #infinite { + background-position: center -450px; + } +} + +.tm-hero-text-container { + width: 100%; + height: 100%; + display: flex; + flex-flow: column; + justify-content: center; +} + +.tm-hero-text-container-inner { + margin-top: -90px; +} + +.tm-hero-title { + font-size: 3.5rem; + text-shadow: 2px 2px 2px #333; +} + +.tm-hero-subtitle { + text-shadow: 2px 2px 2px #333; +} + +.tm-intro-next { + position: absolute; + bottom: 100px; + left: 0; + right: 0; +} + +@media (max-height: 480px) { + .tm-hero-text-container-inner { + margin-top: -40px; + } + + .tm-intro-next { + bottom: 20px; + } +} + +.tm-down-arrow-link { + display: block; + margin-top: 18%; +} + +.tm-down-arrow { + color: #FFF; + cursor: pointer; + background: #357; + padding: 15px 40px; + transition: all 0.3s ease; +} + +.tm-down-arrow:hover, +.tm-down-arrow:focus { + color: #FFF; + background: #37A; + padding: 20px 50px; +} + +/* Introduction */ + +#introduction { + padding-bottom: 100px; +} + +.tm-section-title { + font-size: 2.6rem; + font-weight: normal; +} + +.tm-intro-text { + font-size: 1.2rem; +} + +.tm-icon { + display: block; + color: #37A; +} + +.tm-continue { + padding: 20px 0 30px 0; + display: flex; + justify-content: center; + align-items: center; +} +.tm-nothing{ + margin-top: 10%; + margin-bottom: 20%; +} + +/* Testimonials */ +#testimonials { + color: white; + background-image: url(../img/infinite-loop-02.jpg); + background-size: cover; + background-repeat: no-repeat; + background-size: 100%; + position: relative; +} + +@media (max-width: 991px) { + #testimonials { + background-image: url(../img/infinite-loop-02-mobile.jpg); + } +} + +.tm-testimonials-content { + position: relative; + z-index: 100; +} + +.tm-bg-overlay { + width: 100%; + height: 100%; + background: rgba(20, 70, 80, 0.2); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 0; +} + +.tm-testimonials-carousel { + max-width: 1050px; + margin: 0 auto; +} + +.tm-testimonial-item { + max-width: 290px; + margin-left: 35px; + margin-right: 35px; +} + +.tm-testimonial-item img { + border-radius: 50%; + margin-bottom: 35px; +} + +.tm-testimonial-item figcaption { + text-align: right; + font-style: italic; + font-size: 1.1rem; +} + +/* Work */ + +.tm-section-desc { + max-width: 650px; + width: 100%; + font-size: 0.9rem; +} + +.tm-gallery-container { + padding-top: 70px; + padding-bottom: 120px; +} + +.tm-gallery-item { + margin: 0 15px; + width: 100%; + height: 250px; + overflow: hidden; + display: flex; + +} + +.slick-dots { + bottom: -65px; +} + +.slick-dots li { + margin: 0 13px; +} + +.slick-dots li button:hover:before, +.slick-dots li button:focus:before, +.slick-dots li.slick-active button:before { + opacity: 1; + color: #3ba0dd; +} + +.tm-testimonials-carousel .slick-dots li button:before { + color: white; + opacity: 0.5; +} + +.tm-testimonials-carousel .slick-dots li button:hover:before, +.tm-testimonials-carousel .slick-dots li button:focus:before, +.tm-testimonials-carousel .slick-dots li.slick-active button:before { + color: white; + opacity: 1; +} + +.slick-dots li button:before { + font-size: 20px !important; +} + +/* Hover Effect */ +/* Common style */ +.grid figure { + position: relative; + float: left; + overflow: hidden; + background: #3085a3; + text-align: center; + cursor: pointer; +} + +.grid figure img { + position: relative; + display: block; + min-height: 100%; + max-width: 100%; + opacity: 0.8; +} + +.grid figure figcaption { + padding: 2em; + color: #fff; + text-transform: uppercase; + font-size: 1.25em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.grid figure figcaption::before, +.grid figure figcaption::after { + pointer-events: none; +} + +.grid figure figcaption, +.grid figure figcaption > a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* Anchor will cover the whole item by default */ +/* For some effects it will show as a button */ +.grid figure figcaption > a { + z-index: 1000; + text-indent: 200%; + white-space: nowrap; + font-size: 0; + opacity: 0; +} + +.grid figure h2 { + word-spacing: -0.15em; + font-size: 0.9em; + font-weight: 300; +} + +.grid figure h2 span { + font-weight: 600; +} + +.grid figure h2, +.grid figure p { + margin: 0; +} + +.grid figure p { + letter-spacing: 1px; + font-size: 68.5%; +} + +/*---------------*/ +/***** Honey *****/ +/*---------------*/ + +figure.effect-honey { + background: #4a3753; + max-width: 220px; +} + +figure.effect-honey img { + opacity: 1; + -webkit-transition: opacity 0.35s; + transition: opacity 0.35s; +} + +figure.effect-honey:hover img { + opacity: 0.4; +} + +figure.effect-honey figcaption::before { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 10px; + background: #38C; + content: ""; + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); +} + +figure.effect-honey h2 { + position: absolute; + bottom: 0; + left: 0; + padding: 1em 1.5em; + width: 100%; + text-align: left; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} + +figure.effect-honey h2 i { + font-style: normal; + opacity: 0; + -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); +} + +figure.effect-honey figcaption::before, +figure.effect-honey h2 { + -webkit-transition: -webkit-transform 0.35s; + transition: transform 0.35s; +} + +figure.effect-honey:hover figcaption::before, +figure.effect-honey:hover h2, +figure.effect-honey:hover h2 i { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.tm-container-gallery { + padding-top: 30px; + } + +/* Contact */ + +#contact { + color: white; + background-color: #001828; + background-image: url(../img/infinite-loop-03.jpg); + background-position: center; + background-repeat: no-repeat; + min-height: 980px; + position: relative; + padding-bottom: 50px; + padding-top: 100px; +} + +.contact-item { + margin-left: 20px; + margin-bottom: 50px; +} + +.item-link { + display: flex; + align-items: center; +} + +.item-link i, +.item-link span { + color: white; + transition: all 0.3s ease; +} + +.item-link:hover i, +.item-link:hover span { + color: #3496d8; +} + +.tm-input { + margin: 0 0 20px 0; + width: 90%; + padding: 8px 20px; + border-radius: 6px; + border: 1px solid white; + background: transparent; + color: white; +} + +.tm-btn-submit { + font-size: 0.9em; + color: #fff; + background-color: #369; + width: 50%; + margin-bottom: 60px; +} + +.tm-btn-submit:hover { + color: #fff; + background-color: #38B; +} + +::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: white; + opacity: 1; /* Firefox */ +} + +:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: white; +} + +::-ms-input-placeholder { + color: white; +} + +.tm-footer { + position: absolute; + bottom: 35px; + left: 0; + right: 0; + padding: 0 15px; +} + +.tm-footer a { + color: #fff; +} + +.tm-footer a:hover { + color: #9CF; +} + +.tm-footer-link { + color: white; +} + +.tm-footer-link:hover, +.tm-footer-link:focus { + color: #38B; + text-decoration: none; +} + +p { + line-height: 1.9; +} + +@media (min-width: 768px) { + .tm-intro-text-container { + padding-left: 0px; + } + + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 30px; + padding-left: 30px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1275px; + } + + .tm-container-gallery { + max-width: 1290px; + } + + .tm-container-contact { + max-width: 1063px; + } +} + +@media (max-width: 991px) { + .tm-intro-text-container { + padding-left: 15px; + padding-top: 30px; + max-width: 600px; + margin-left: auto; + margin-right: auto; + } + + .tm-intro-img { + display: block; + margin-left: auto; + margin-right: auto; + } + + .tm-btn-submit { + margin-left: 0; + margin-top: 20px; + } +} + +@media (max-width: 767px) { + + .navbar-nav { + max-width: 200px; + text-align: right; + } + + .navbar-collapse { + background-color: rgb(255, 255, 255); + padding: 10px; + border-radius: 3px; + } + + .navbar-collapse .nav-link { + color: #707070; + padding-right: 20px; + } +} + +@media (max-width: 480px) { + .tm-gallery-container { + max-width: 220px; + margin-left: auto; + margin-right: auto; + } + + .tm-gallery-container-2 { + max-width: 350px; + } + + .slick-dots li { + margin: 0 8px; + } + + .tm-gallery-item { + margin: 0; + } +} +.bouton-intermediaire { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20%; +} + diff --git a/src/assets/fontawesome-5.5/LICENSE.txt b/src/assets/fontawesome-5.5/LICENSE.txt new file mode 100644 index 000000000..0abfaa6e2 --- /dev/null +++ b/src/assets/fontawesome-5.5/LICENSE.txt @@ -0,0 +1,34 @@ +Font Awesome Free License +------------------------- + +Font Awesome Free is free, open source, and GPL friendly. You can use it for +commercial projects, open source projects, or really almost whatever you want. +Full Font Awesome Free license: https://fontawesome.com/license/free. + +# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/) +In the Font Awesome Free download, the CC BY 4.0 license applies to all icons +packaged as SVG and JS file types. + +# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL) +In the Font Awesome Free download, the SIL OLF license applies to all icons +packaged as web and desktop font files. + +# Code: MIT License (https://opensource.org/licenses/MIT) +In the Font Awesome Free download, the MIT license applies to all non-font and +non-icon files. + +# Attribution +Attribution is required by MIT, SIL OLF, and CC BY licenses. Downloaded Font +Awesome Free files already contain embedded comments with sufficient +attribution, so you shouldn't need to do anything additional when using these +files normally. + +We've kept attribution comments terse, so we ask that you do not actively work +to remove them from files, especially code. They're a great way for folks to +learn about Font Awesome. + +# Brand Icons +All brand icons are trademarks of their respective owners. The use of these +trademarks does not indicate endorsement of the trademark holder by Font +Awesome, nor vice versa. **Please do not use brand logos for any purpose except +to represent the company, product, or service to which they refer.** diff --git a/src/assets/fontawesome-5.5/css/all.min.css b/src/assets/fontawesome-5.5/css/all.min.css new file mode 100644 index 000000000..8e62fcc5d --- /dev/null +++ b/src/assets/fontawesome-5.5/css/all.min.css @@ -0,0 +1,5 @@ +/*! + * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ +.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot new file mode 100644 index 000000000..1a675a4f7 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg new file mode 100644 index 000000000..5b60e84a2 --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.svg @@ -0,0 +1,1184 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf new file mode 100644 index 000000000..953d567b2 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff new file mode 100644 index 000000000..1ae526344 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 new file mode 100644 index 000000000..4a07e4075 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot new file mode 100644 index 000000000..db3ed4064 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg new file mode 100644 index 000000000..cf3d0653c --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf new file mode 100644 index 000000000..235101c2d Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff new file mode 100644 index 000000000..9058e2912 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 new file mode 100644 index 000000000..1489f649d Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-regular-400.woff2 differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot new file mode 100644 index 000000000..cb8d3f074 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.eot differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg new file mode 100644 index 000000000..bd7565a1b --- /dev/null +++ b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.svg @@ -0,0 +1,2618 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf new file mode 100644 index 000000000..7c92e986f Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.ttf differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff new file mode 100644 index 000000000..b7d52cf24 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff differ diff --git a/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 new file mode 100644 index 000000000..59d92b2b0 Binary files /dev/null and b/src/assets/fontawesome-5.5/webfonts/fa-solid-900.woff2 differ diff --git a/src/assets/i18n/ar.json b/src/assets/i18n/ar.json new file mode 100644 index 000000000..b54c7190c --- /dev/null +++ b/src/assets/i18n/ar.json @@ -0,0 +1,253 @@ +{ + "NAV": { + "HOME": "الرئيسية", + "GALLERY": "المعرض", + "TESTIMONIALS": "آراء العملاء", + "CONTACT": "اتصل بنا", + "ABOUT": "اكتشف", + "BLOGS": "المدونات", + "LOGIN": "تسجيل الدخول / إنشاء حساب", + "FRANCHISE": "الامتياز", + "LOGOUT": "تسجيل الخروج" + }, + "ABOUT": { + "TITLE": "من نحن", + "VIDEO": { + "NOT_SUPPORTED": "متصفحك لا يدعم تشغيل الفيديو." + }, + "FIRST": { + "PARAGRAPH": "لأكثر من 20 عامًا، تميزت مجموعة TUNAV IT كمزود رائد لحلول GPS وIT وIoT. باعتبارها مُدمجًا لحلول ذكية عالية القيمة، تقوم TUNAV بتصميم وتنفيذ تقنيات ذكية تجمع بين الأداء والموثوقية. تشمل مجالات خبرتنا تتبع GPS، إدارة الأسطول، المراقبة عن بعد في الوقت الفعلي وتحسين العمليات التجارية، لدعم التحول الرقمي للمؤسسات.", + "CTA": "اكتشف المزيد ⟩" + }, + "SECOND": { + "TITLE": "TUNAV في الميدان!", + "PARAGRAPH": "شاركت TUNAV IT GROUP مؤخرًا في FITA 2025، وهو حدث رئيسي مخصص للتعاون والاستثمار في إفريقيا. خلال هذا الحدث، عرضنا التزامنا بالتحول الرقمي من خلال حلول مبتكرة في إنترنت الأشياء والحوسبة السحابية وأمن المعلومات. كانت هذه فرصة رائعة لعرض خبراتنا، والتواصل مع الفاعلين الأساسيين، وتعزيز رؤيتنا: دعم الشركات الإفريقية في مسيرتها نحو الرقمنة الفعالة والمستدامة والآمنة.", + "CTA": "تعرف على المزيد »" + }, + "THIRD": { + "TITLE": "ما وراء الكود: تعزيز الجانب الإنساني في TUNAV", + "PARAGRAPH": "في TUNAV IT GROUP، نؤمن أن الأداء يولد من فريق مترابط ومتحفز. لذلك، ننظم بانتظام أنشطة لبناء الفريق تتيح للموظفين الالتقاء في بيئة ودية، وتعزيز الروابط، وتحفيز الإبداع خارج الإطار المهني. هذه اللحظات تعزز التواصل والتعاون والثقة المتبادلة، وتعكس قيمنا: الإنسان، والابتكار، والمشاركة.", + "CTA": "عرض المزيد »" + }, + "FOURTH": { + "TITLE": "الخبراء خلف TUNAV" + }, + "SIXTH": { + "TITLE": "لنبتكر معًا حلول المستقبل", + "PARAGRAPH1": "في مجموعة Tunav IT، نؤمن أن الابتكار يولد من التعاون. بخبرة تتجاوز 20 عامًا في تقنيات GPS وIT وIoT، نرافق شركاءنا في تنفيذ مشاريع مخصصة وفعالة ومستدامة.", + "PARAGRAPH2": "هل لديك مشروع أو احتياج خاص أو تطلع لتحديث عملياتك؟ لنتواصل ونصمم حلولًا مناسبة لتحدياتك. فريقنا مستعد لسماعك ومواجهة التحديات التقنية الخاصة بك.", + "CTA": "اتصل بنا اليوم »" + } + }, + "CAROUSEL": { + "SLIDE1": { + "TITLE": "تتبع GPS", + "SUBTITLE": "سرّع تحولك الرقمي مع نظام تتبع GPS", + "DESCRIPTION": "نرافق الشركات والأفراد بحلول ذكية لتتبع GPS وإدارة الأسطول، مصممة لتحسين الأداء." + }, + "SLIDE2": { + "TITLE": "حلول إنترنت الأشياء", + "SUBTITLE": "أمّن بياناتك مع حلول IoT المتقدمة", + "DESCRIPTION": "توفر حلولنا لإنترنت الأشياء مراقبة ذكية، إدارة مبسطة للأجهزة، وأمانًا عاليًا لزيادة الكفاءة." + }, + "SLIDE3": { + "TITLE": "حلول تكنولوجيا المعلومات", + "SUBTITLE": "حوّل مؤسستك بإدارة فعالة للأسطول", + "DESCRIPTION": "نطوّر ونُدمج حلول IT تعزز العمليات وتُحسن الأداء وتُسرّع التحول الرقمي للشركات." + } + }, + "MENU": { + "CENTER_ICON": "أين نحن؟" + }, + "WHATWEDO": { + "TITLE": "ماذا نقدم", + "PARAGRAPH1": "منذ أكثر من 20 عامًا، تعد مجموعة Tunav IT مزودًا رائدًا لحلول GPS وIT وIoT. نقدم حلولًا ذكية تجمع بين الأداء العالي والموثوقية. تشمل خبراتنا: تتبع GPS، إدارة الأسطول، المراقبة الفورية وتحسين العمليات لدعم التحول الرقمي.", + "TRANSFORMATION": { + "TITLE": "التحول الرقمي", + "DESCRIPTION": "نساعد الشركات في تحولها الرقمي بحلول مبتكرة ومستدامة ومتكاملة في أعمالها.", + "LINK": "تعرف على حلولنا IT" + }, + "IT_SOLUTION": { + "TITLE": "حلول تكنولوجيا المعلومات", + "DESCRIPTION": "تشمل خبراتنا الحوسبة السحابية، وتطوير البرمجيات، والمراقبة عن بُعد لضمان بقاء الشركات في طليعة الابتكار الرقمي." + }, + "GPS_TRACKING": { + "TITLE": "تتبع GPS", + "DESCRIPTION": "توفر حلولنا لتحديد الموقع الجغرافي تتبعًا آنيًا وآمنًا لمركباتك أو معداتك أو فرقك الميدانية.", + "LINK": "تعرف على المزيد" + }, + "IOT_SOLUTION": { + "TITLE": "حلول IoT", + "DESCRIPTION": "توفر حلولنا لإنترنت الأشياء مراقبة ذكية وإدارة مركزية للأجهزة المتصلة لحماية منشآتك وزيادة الكفاءة.", + "LINK": "اكتشف" + } + }, + "TESTIMONIALS": { + "TITLE": "آراء عملائنا", + "QUOTE1": "عمل ممتاز. نحن راضون عن خدماتكم. كل الشكر للسيد حسن كريشان، تستحق كل النجاح.", + "QUOTE2": "مزود خدمة موثوق به، معهم لن تضل الطريق في تونس. ممتن لخدمتهم وخياراتهم الموثوقة.", + "QUOTE3": "أفضل خدمة" + }, + "GALLERY": { + "TITLE": "منتجاتنا", + "DESCRIPTION": "تقدم مجموعة Tunav IT مجموعة كاملة من الحلول التكنولوجية المبتكرة التي تجمع بين الأداء والدقة. تغطي منتجاتنا التتبع اللحظي، الإدارة الذكية للأسطول، أنظمة المراقبة عن بُعد، وحلول IoT مخصصة. نقدم أيضًا منصات IT متقدمة لتحسين العمليات التجارية.", + "PRODUCT1": "MiniTrace_ KIT - محمول", + "PRODUCT2": "TRAILLER SMART_LOCK", + "PRODUCT3": "Camtrack", + "PRODUCT4": "ETX_KIT - أوتوموتيف", + "PRODUCT5": "ETBLE_KIT - أوتوموتيف", + "PRODUCT6": "ET6_KIT - أوتوموتيف متقدم", + "PRODUCT7": "ETCAN_KIT - باص كان / وقود", + "PRODUCT8": "ET8_KIT - مقاوم للماء أوتوموتيف", + "BUTTON": "عرض جميع المنتجات" + }, + "CLIENTS": { + "TITLE": "عملاؤنا", + "DESCRIPTION": "تعرف على الشركات التي تثق بنا. يضم معرضنا شراكات مع قادة الصناعة والمبتكرين المميزين، ملتزمين بالجودة والتميز." + }, + "CONTACT": { + "TITLE": "اتصل بنا", + "INTRO": "يمكنك التواصل معنا عبر البريد الإلكتروني أو الهاتف في أي وقت. يمكنك أيضًا ملء هذا النموذج وسنرد عليك في أقرب وقت.", + "CHAT_ONLINE": "دردشة مباشرة", + "LOCATION": "موقعنا", + "FORM": { + "NAME_PLACEHOLDER": "اسمك", + "EMAIL_PLACEHOLDER": "بريدك الإلكتروني", + "EMAIL_ERROR": "يرجى إدخال بريد إلكتروني صالح.", + "MESSAGE_PLACEHOLDER": "رسالتك", + "SUBMIT": "إرسال" + } + }, + "AUTH": { + "FORGET": { + "TITLE": "هل نسيت كلمة المرور؟", + "LINK": "انقر هنا", + "PLACEHOLDER": "أدخل بريدك الإلكتروني", + "BUTTON": "إعادة التعيين" + }, + "SIGNUP": { + "TITLE": "إنشاء حساب", + "SUBTITLE": "استخدم بريدك الإلكتروني للتسجيل", + "PLACEHOLDERS": { + "NAME": "الاسم", + "EMAIL": "البريد الإلكتروني" + }, + "BUTTON": "تسجيل" + }, + "SIGNIN": { + "TITLE": "تسجيل الدخول", + "PLACEHOLDERS": { + "EMAIL": "البريد الإلكتروني", + "PASSWORD": "كلمة المرور" + }, + "BUTTON": "دخول" + }, + "OVERLAY": { + "LEFT": { + "TITLE": "مرحبًا بعودتك!", + "TEXT": "للبقاء على تواصل معنا، يرجى تسجيل الدخول باستخدام معلوماتك الشخصية", + "BUTTON": "تسجيل الدخول" + }, + "RIGHT": { + "TITLE": "مرحبًا بك، صديقنا!", + "TEXT": "أدخل معلوماتك الشخصية وابدأ رحلتك معنا", + "BUTTON": "إنشاء حساب" + } + } + }, + "SOLUTIONS": { + "TITLE": "📡 حلول GPS متقدمة", + "SUBTITLE": "اكتشف حلولنا لـ IoT وIT لتلبية احتياجات GPS الخاصة بك", + "IOT": { + "TAB": "IOT حل ", + "TITLE": " IoT طلب عرض سعر لمنتج ", + "SUBTITLE": "احصل على عرض سعر مخصص لحل IoT الخاص بك", + "DESCRIPTION": "يرجى ملء النموذج أدناه للحصول على عرض سعر لمنتج IoT المحدد." + }, + "IT": { + "TAB": "حل IT", + "TITLE": "طلب عرض سعر لحل IT مخصص", + "SUBTITLE": "صف لنا الحل الذي تحتاجه", + "DESCRIPTION": "يرجى ملء النموذج أدناه لطلب عرض سعر مخصص لحل IT يشمل برمجيات أو قواعد بيانات أو أنظمة مؤسسات حسب حاجتك." + } + }, + "FORM": { + "NAME": "الاسم", + "FIRSTNAME": "الاسم الأول", + "COMPANY": "الشركة", + "IOT_MESSAGE": "رسالة حول مشروعك في IoT", + "IT_MESSAGE": "رسالة حول مشروعك في IT", + "PLACEHOLDER": { + "NAME": "اكتب اسمك", + "FIRSTNAME": "اسمك الأول", + "EMAIL": "you@example.com", + "COMPANY": "اسم شركتك", + "IOT_MESSAGE": "وصف مشروعك في IoT", + "IT_MESSAGE": "وصف مشروعك في IT" + }, + "SUBMIT_IOT": "طلب عرض سعر IoT", + "SUBMIT_IT": "طلب استشارة IT" + }, + "FRANCHISE": { + "TITLE": "فرنشايز TUNAV", + "SUBTITLE": "انضم إلى شبكتنا من الشركاء ووسع نشاطك في تقنيات IT وIoT وتتبع GPS بدعم من مجموعة TUNAV IT.", + "FORM": { + "TITLE": "طلب امتياز", + "DESCRIPTION": "تمكنك حلول الامتياز من تطوير نشاطك بدعم تقني وتجاري من TUNAV IT GROUP.", + "LABELS": { + "LASTNAME": "الاسم", + "FIRSTNAME": "الاسم الأول", + "EMAIL": "البريد الإلكتروني", + "PHONE": "رقم الهاتف", + "PROFESSION": "المهنة الحالية", + "EXPERIENCE": "هل لديك خبرة في IT/IoT/GPS؟", + "EXPERIENCE_DETAILS": "حدد خبرتك:", + "MANAGED_BUSINESS": "هل سبق وأدرت مشروعًا؟", + "BUSINESS_DETAILS": "حدد القطاع والمدة:", + "MOTIVATION": "دوافعك للانضمام إلى TUNAV" + }, + "PLACEHOLDER": { + "LASTNAME": "اكتب اسمك", + "FIRSTNAME": "اكتب اسمك الأول", + "EMAIL": "example@example.com", + "PROFESSION": "اكتب مهنتك", + "MOTIVATION": "ما هي دوافعك للانضمام إلى امتياز Tunav" + }, + "OPTIONS": { + "YES": "نعم", + "NO": "لا" + }, + "SUBMIT": "طلب امتياز" + } + }, + "SOLUTIONS_PRODUCTS": { + "IT": { + "TITLE": "حلول IT", + "DESCRIPTION": "نقوم بتطوير ودمج حلول IT لتعزيز العمليات وتحسين الأداء وتسريع التحول الرقمي للمؤسسات.", + "LINK": "👉 طلب استشارة IT" + } + }, + "filters": { + "Tous": "الكل", + "GPS Trackers": "أجهزة تتبع GPS", + "Solutions IoT": "حلول IoT", + "Solutions IT": "حلول IT" + }, + "conteneur_avecdevis": { + "surDevis": "حسب الطلب", + "voirDetails": "عرض التفاصيل", + "demanderDevis": "طلب عرض سعر", + "caracteristiques": "الخصائص:", + "tarif": "السعر:" + }, + "conteneur_sansdevis": { + "voirDetails": "عرض التفاصيل", + "caracteristiques": "الخصائص:", + "tarif": "السعر:" + }, + "ALERT": { + "LOGOUT_TITLE": "تسجيل الخروج", + "LOGOUT_SUCCESS": "تم تسجيل الخروج بنجاح.", + "OK": "حسناً" + } +} diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json new file mode 100644 index 000000000..acdfdb25d --- /dev/null +++ b/src/assets/i18n/en.json @@ -0,0 +1,271 @@ +{ + "NAV": { + "HOME": "Home", + "GALLERY": "Gallery", + "TESTIMONIALS": "Testimonials", + "CONTACT": "Contact", + "ABOUT": "Discover", + "BLOGS": "Blogs", + "LOGIN": "Login / Register", + "FRANCHISE": "Franchise", + "LOGOUT": "Logout" + }, + "ABOUT": { + "TITLE": "About us", + "VIDEO": { + "NOT_SUPPORTED": "Your browser does not support the video tag." + }, + "FIRST": { + "TITLE": "About us", + "PARAGRAPH": "For over 20 years, Tunav IT Group has established itself as a leading provider of GPS, IT, and IoT solutions. As a value-added systems integrator, Tunav designs and deploys intelligent technological solutions combining performance and reliability. Our areas of expertise include GPS tracking, fleet management, real-time remote monitoring, and business process optimization, serving the digital transformation of organizations.", + "CTA": "Discover more ⟩" + }, + "SECOND": { + "TITLE": "TUNAV in Action!", + "PARAGRAPH": "TUNAV IT GROUP recently showcased its presence at FITA 2025, a major event dedicated to cooperation and investment in Africa. On this occasion, we highlighted our commitment to digital transformation through innovative solutions in IoT, cloud computing, and cybersecurity. This event was a tremendous opportunity to showcase our expertise, exchange with key industry players, and strengthen our vision: supporting African companies towards effective, sustainable, and secure digitalization.", + "CTA": "Learn more »" + }, + "THIRD": { + "TITLE": "Beyond Code: Strengthening People at TUNAV", + "PARAGRAPH": "At TUNAV IT GROUP, we believe that performance comes from a united and fulfilled team. That’s why we regularly organize team-building activities that allow our employees to meet in a friendly setting, strengthen their cohesion, and stimulate creativity outside the professional environment. These privileged moments foster communication, collaboration, and mutual trust while reflecting our values: people, innovation, and sharing.", + "CTA": "See more »" + }, + "FOURTH": { + "TITLE": "The Experts behind TUNAV" + }, + "SIXTH": { + "TITLE": "Building Future Solutions Together", + "PARAGRAPH1": "At Tunav IT Group, we believe that innovation is born from collaboration. With over 20 years of experience in GPS, IT, and IoT technologies, we support our partners in implementing tailor-made, efficient, and sustainable projects.", + "PARAGRAPH2": "Do you have a project, a specific need, or a desire to transform your business processes? Let's connect to build solutions tailored to your challenges. Our team is here to listen and ready to tackle your technological challenges.", + "CTA": "Contact us today »" + }, + "MEMBERS": { + "TITLE": "The Experts behind TUNAV", + "NAV": { + "PREV": "Previous", + "NEXT": "Next" + } + } + }, + "CAROUSEL": { + "SLIDE1": { + "TITLE": "GPS TRACKING", + "SUBTITLE": "Accelerate your digital transformation with GPS tracking", + "DESCRIPTION": "We support businesses and individuals with smart GPS tracking and fleet management solutions designed to optimize their performance." + }, + "SLIDE2": { + "TITLE": "IOT SOLUTION", + "SUBTITLE": "Secure your data with advanced IoT solutions", + "DESCRIPTION": "Our IoT solutions offer smart monitoring, simplified equipment management, and enhanced security to improve your daily efficiency." + }, + "SLIDE3": { + "TITLE": "IT SOLUTION", + "SUBTITLE": "Transform your business through fleet management", + "DESCRIPTION": "We develop and integrate IT solutions that strengthen operations, improve performance, and accelerate the digital transformation of companies." + } + }, + "MENU": { + "CENTER_ICON": "Where are we?" + }, + "WHATWEDO": { + "TITLE": "What We Do", + "PARAGRAPH1": "For over 20 years, Tunav IT Group has positioned itself as a leading provider of GPS, IT and IoT solutions. As an integrator of high value-added systems, Tunav designs and deploys intelligent technological solutions, combining performance and reliability. Our areas of expertise cover GPS tracking, fleet management, real-time remote monitoring, as well as business process optimization to support the digital transformation of organizations.", + "TRANSFORMATION": { + "TITLE": "Digital Transformation", + "DESCRIPTION": "We support businesses in their digital transition with innovative, sustainable solutions perfectly integrated with their activity.", + "LINK": "Learn more about Our IT Solutions" + }, + "IT_SOLUTION": { + "TITLE": "IT Solutions", + "DESCRIPTION": "Our expertise covers cloud computing, software development and remote monitoring, ensuring companies remain competitive in a constantly evolving digital world." + }, + "GPS_TRACKING": { + "TITLE": "GPS Tracking", + "DESCRIPTION": "Our geolocation solutions provide reliable and secure real-time advanced tracking of your vehicles, equipment or field teams.", + "LINK": "Learn more" + }, + "IOT_SOLUTION": { + "TITLE": "IoT Solutions", + "DESCRIPTION": "Our IoT solutions offer smart monitoring, centralized device management, and advanced security systems to protect your facilities.", + "LINK":"Discover" + } + }, + "TESTIMONIALS": { + "TITLE": "Customer Testimonials", + "QUOTE1": "Good job. We reva color are satisfied with your service. Big congratulations to Mr. Hassen Krichen, you truly deserve success in your field.", + "QUOTE2": "This is a reliable and trustworthy service provider, with them you have no chance to get lost when traveling by Tunisia. Grateful for their service, grateful for reliable options provided by them. Keep doing the great work.", + "QUOTE3": "Best service" + }, + "GALLERY": { + "TITLE": "Our Products", + "DESCRIPTION": "Tunav IT Group offers a complete range of innovative technological solutions combining performance and precision. Our products cover real-time GPS tracking, intelligent fleet management, remote monitoring systems, as well as customized IoT solutions for various sectors. We also offer advanced IT platforms for business process optimization, allowing companies to better manage their resources, secure operations, and accelerate digital transformation.", + "PRODUCT1": "MiniTrace_ KIT - PORTABLE", + "PRODUCT2": "TRAILLER SMART_LOCK", + "PRODUCT3": "Camtrack", + "PRODUCT4": "ETX_KIT- AUTOMOTIVE", + "PRODUCT5": "ETBLE_KIT - AUTOMOTIVE", + "PRODUCT6": "ET6_KIT - ADVANCED AUTOMOTIVE", + "PRODUCT7": "ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE", + "PRODUCT8": "ET8_KIT - ETANCHE AUTOMOTIVE", + "BUTTON": "View All Products" + }, + "CLIENTS": { + "TITLE": "Our Clients", + "DESCRIPTION": "Discover the companies that trust us. Our portfolio includes partnerships with industry leaders and top innovators, united by our shared commitment to excellence and quality." + }, + "CONTACT": { + "TITLE": "Contact Us", + "INTRO": "You can contact us anytime by email or phone. You can also fill in this form directly, and our team will respond as soon as possible.", + "CHAT_ONLINE": "Chat Online", + "LOCATION": "Our Location", + "FORM": { + "NAME_PLACEHOLDER": "Your Name", + "EMAIL_PLACEHOLDER": "Your Email", + "EMAIL_ERROR": "Please enter a valid email.", + "MESSAGE_PLACEHOLDER": "Message", + "SUBMIT": "Submit" + } + }, + "AUTH": { + "FORGET": { + "TITLE": "Forgot your password?", + "LINK": "Click here", + "PLACEHOLDER": "Enter your email", + "BUTTON": "Reset" + }, + "SIGNUP": { + "TITLE": "Create Account", + "SUBTITLE": "Use your email for registration", + "PLACEHOLDERS": { + "NAME": "Name", + "EMAIL": "Email" + }, + "BUTTON": "Sign Up", + "FORGET": { + "TITLE": "Forgot your password?", + "LINK": "Click here", + "PLACEHOLDER": "Enter your email", + "BUTTON": "Reset" + } + }, + "SIGNIN": { + "TITLE": "Sign In", + "PLACEHOLDERS": { + "EMAIL": "Email", + "PASSWORD": "Password" + }, + "BUTTON": "Sign In" + }, + "OVERLAY": { + "LEFT": { + "TITLE": "Welcome Back!", + "TEXT": "To keep connected with us please login with your personal info", + "BUTTON": "Sign In" + }, + "RIGHT": { + "TITLE": "Hello, Friend!", + "TEXT": "Enter your personal details and start your journey with us", + "BUTTON": "Sign Up" + } + } + }, + "SOLUTIONS": { + "TITLE": "📡 Advanced GPS Solutions", + "SUBTITLE": "Discover our IoT and IT solutions for your GPS needs", + "IOT": { + "TAB": "IoT Solution", + "TITLE": "Quotation Request for IoT Product", + "SUBTITLE": "Request a quote for your selected IoT solution", + "DESCRIPTION": "Please fill in the form below to receive a personalized quotation for the selected IoT product " + }, + "IT": { + "TAB": "IT Solution", + "TITLE": "Quotation Request for a Custom IT Solution", + "SUBTITLE": "Tell us about the IT solution you need", + "DESCRIPTION": "Please fill in the form below to request a personalized quote for a custom IT solution, including software, databases, or enterprise systems tailored to your needs." + } + + }, + "FORM": { + "NAME": "Last Name", + "FIRSTNAME": "First Name", + "COMPANY": "Company", + "IOT_MESSAGE": "Message about your IoT project", + "IT_MESSAGE": "Message about your IT project", + "PLACEHOLDER": { + "NAME": "Enter your last name", + "FIRSTNAME": "Enter your first name", + "EMAIL": "your.email@example.com", + "COMPANY": "Your company name", + "IOT_MESSAGE": "Describe your IoT project", + "IT_MESSAGE": "Describe your IT project" + }, + "SUBMIT_IOT": "Request IoT Quote", + "SUBMIT_IT": "Request IT Consultation" + }, + "FRANCHISE": { + "TITLE": "TUNAV Franchise", + "SUBTITLE": "Join our network of partners and grow your business in IT, IoT, and GPS Tracking technologies with the support of TUNAV IT GROUP.", + "FORM": { + "TITLE": "Franchise Application", + "DESCRIPTION": "Our franchise solutions help you grow your business with technological and commercial support from TUNAV IT GROUP.", + "LABELS": { + "LASTNAME": "Last Name", + "FIRSTNAME": "First Name", + "EMAIL": "Email", + "PHONE": "Phone", + "PROFESSION": "Current Profession", + "EXPERIENCE": "Do you have experience in IT/IoT/GPS?", + "EXPERIENCE_DETAILS": "Please specify your experience:", + "MANAGED_BUSINESS": "Have you ever run a business?", + "BUSINESS_DETAILS": "Specify the sector and duration:", + "MOTIVATION": "Motivation to join TUNAV" + }, + "PLACEHOLDER": { + "LASTNAME": "Enter your last name", + "FIRSTNAME": "Enter your first name", + "EMAIL": "example@example.com", + "PROFESSION": "Enter your profession", + "MOTIVATION": "What motivates you to join the Tunav franchise?" + }, + "OPTIONS": { + "YES": "Yes", + "NO": "No" + }, + "SUBMIT": "Request a franchise" + } + }, + "SOLUTIONS_PRODUCTS": { + "IT": { + "TITLE": "IT Solutions", + "DESCRIPTION": "We develop and integrate IT solutions that strengthen operations, improve performance, and accelerate the digital transformation of businesses.", + "LINK": "👉 Request an IT consultation" + } + }, + + "filters": { + "Tous": "All", + "GPS Trackers": "GPS Trackers", + "Solutions IoT": "IoT Solutions", + "Solutions IT": "IT Solutions" + }, + "conteneur_avecdevis":{ + "surDevis": "ON QUOTE", + "voirDetails": "View Details", + "demanderDevis": "Request a quote", + "caracteristiques": "Features :", + "tarif": "Price :" + }, + "conteneur_sansdevis":{ + "voirDetails": "View Details", + "caracteristiques": "Features :", + "tarif": "Price :" + }, + "ALERT": { + "LOGOUT_TITLE": "Logged out", + "LOGOUT_SUCCESS": "You have been logged out successfully.", + "OK": "OK" +} + +} + diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json new file mode 100644 index 000000000..f857e4510 --- /dev/null +++ b/src/assets/i18n/fr.json @@ -0,0 +1,259 @@ +{ + "NAV": { + "HOME": "Accueil", + "GALLERY": "Galerie", + "TESTIMONIALS": "Avis", + "CONTACT": "Contact", + "ABOUT": "Découvrir", + "BLOGS": "Blogs", + "LOGIN": "Connexion/ Inscription", + "FRANCHISE": "Franchise", + "LOGOUT": "Déconnexion" + }, + "ABOUT": { + "TITLE": "À propos de nous", + "VIDEO": { + "NOT_SUPPORTED": "Votre navigateur ne prend pas en charge la lecture de vidéos." + }, + "FIRST": { + "PARAGRAPH": "Depuis plus de 20 ans, Tunav IT Group se positionne en tant que fournisseur de référence en solutions GPS, IT et IoT. Intégrateur de systèmes à forte valeur ajoutée, Tunav conçoit et déploie des solutions technologiques intelligentes, alliant performance et fiabilité. Nos domaines d’expertise couvrent le suivi GPS, la gestion de flotte, la surveillance à distance en temps réel ainsi que l’optimisation des processus métier, au service de la transformation digitale des organisations.", + "CTA": "Découvrir plus ⟩" + }, + "SECOND": { + "TITLE": "TUNAV en Action!", + "PARAGRAPH": "TUNAV IT GROUP a récemment marqué sa présence lors de FITA 2025, un événement majeur dédié à la coopération et à l’investissement en Afrique. À cette occasion, nous avons mis en avant notre engagement pour la transformation digitale à travers des solutions innovantes en IoT, cloud computing et sécurité informatique. Cet événement a été une formidable opportunité de présenter notre savoir-faire, d’échanger avec des acteurs clés du secteur et de renforcer notre vision : accompagner les entreprises africaines vers une digitalisation efficace, durable et sécurisée.", + "CTA": "En savoir plus »" + }, + "THIRD": { + "TITLE": "Au-delà du Code : renforcer l’humain chez TUNAV", + "PARAGRAPH": "Chez TUNAV IT GROUP, nous croyons que la performance naît d’une équipe soudée et épanouie. C’est pourquoi nous organisons régulièrement des activités de team building, qui permettent à nos collaborateurs de se retrouver dans un cadre convivial, de renforcer leur cohésion et de stimuler la créativité en dehors du cadre professionnel. Ces moments privilégiés favorisent la communication, la collaboration et la confiance mutuelle, tout en reflétant nos valeurs : l’humain, l’innovation et le partage.", + "CTA": "Voir Plus »" + }, + "FOURTH": { + "TITLE": "Les Experts derrière TUNAV" + }, + "SIXTH": { + "TITLE": "Construisons ensemble des solutions d’avenir", + "PARAGRAPH1": "Chez Tunav IT Group, nous croyons que l'innovation naît de la collaboration. Forts de plus de 20 ans d’expérience dans les technologies GPS, IT et IoT, nous accompagnons nos partenaires dans la mise en œuvre de projets sur mesure, performants et durables.", + "PARAGRAPH2": "Vous avez un projet, un besoin spécifique ou l’envie de transformer vos processus métier ? Échangeons ensemble pour construire des solutions adaptées à vos enjeux. Notre équipe est à votre écoute et prête à relever vos défis technologiques.", + "CTA": "Contactez-nous dès aujourd’hui »" + } + }, + "CAROUSEL": { + "SLIDE1": { + "TITLE": "TRACKING GPS", + "SUBTITLE": "Accélérez votre transformation digitale avec le suivi GPS", + "DESCRIPTION": "Nous accompagnons les entreprises et les particuliers avec des solutions intelligentes de suivi GPS et de gestion de flotte, conçues pour optimiser leurs performances." + }, + "SLIDE2": { + "TITLE": "SOLUTION IOT", + "SUBTITLE": "Sécurisez vos données avec les solutions IoT avancées", + "DESCRIPTION": "Nos solutions IoT vous offrent une surveillance intelligente, une gestion simplifiée de vos équipements et une sécurité renforcée, pour gagner en efficacité au quotidien." + }, + "SLIDE3": { + "TITLE": "SOLUTION IT", + "SUBTITLE": "Transformez votre entreprise grâce à la gestion de flotte", + "DESCRIPTION": "Nous développons et intégrons des solutions IT qui renforcent les opérations, améliorent la performance et accélèrent la transformation digitale des entreprises." + } + }, + "MENU": { + "CENTER_ICON": "Où sommes-nous ?" + }, + "WHATWEDO": { + "TITLE": "Ce que nous faisons", + "PARAGRAPH1": "Depuis plus de 20 ans, Tunav IT Group se positionne en tant que fournisseur de référence en solutions GPS, IT et IoT. Intégrateur de systèmes à forte valeur ajoutée, Tunav conçoit et déploie des solutions technologiques intelligentes, alliant performance et fiabilité. Nos domaines d’expertise couvrent le suivi GPS, la gestion de flotte, la surveillance à distance en temps réel ainsi que l’optimisation des processus métier, au service de la transformation digitale des organisations.", + "TRANSFORMATION": { + "TITLE": "Transformation Digitale", + "DESCRIPTION": "Nous accompagnons les entreprises dans leur transition numérique avec des solutions innovantes, durables et parfaitement intégrées à leur activité.", + "LINK": "En savoir plus sur Nos Solutions IT" + }, + "IT_SOLUTION": { + "TITLE": "Solutions IT", + "DESCRIPTION": "Notre expertise couvre le cloud computing, le développement de logiciels et la surveillance à distance, garantissant aux entreprises de rester compétitives dans un monde numérique en constante évolution." + }, + "GPS_TRACKING": { + "TITLE": "Suivi GPS", + "DESCRIPTION": "Nos solutions de géolocalisation assurent un suivi en temps réel fiable et sécurisé de vos véhicules, équipements ou équipes terrain.", + "LINK": "En savoir plus" + }, + "IOT_SOLUTION": { + "TITLE": "Solutions IoT", + "DESCRIPTION": "Nos solutions IoT offrent une surveillance intelligente, une gestion centralisée des appareils connectés pour protéger vos installations et améliorer votre efficacité globale.", + "LINK":"Découvrir" + } + }, + "TESTIMONIALS": { + "TITLE": "Témoignages Clients", + "QUOTE1": "Bon travail. Nous reva color on est satisfait de votre service. Le grand bravo pour mr hassen krichen vraiment tu mérites que du succès dans ton domaine.", + "QUOTE2": "This is reliable and trustworthy service provider, with them you have no chance to get lost when traveling by Tunisia. Grateful for their service, grateful for reliable options provided by them. Keep doing the great work.", + "QUOTE3": "Meilleur Service" + }, + "GALLERY": { + "TITLE": "Nos produits", + "DESCRIPTION": "Tunav IT Group propose une gamme complète de solutions technologiques innovantes alliant performance et précision. Nos produits couvrent le suivi GPS en temps réel, la gestion intelligente de flotte, les systèmes de surveillance à distance, ainsi que des solutions IoT sur mesure pour divers secteurs d’activité. Nous offrons également des plateformes IT avancées pour l’optimisation des processus métiers, permettant aux entreprises de mieux piloter leurs ressources, sécuriser leurs opérations et accélérer leur transformation digitale.", + "PRODUCT1": "MiniTrace_ KIT - PORTABLE", + "PRODUCT2": "TRAILLER SMART_LOCK", + "PRODUCT3": "Camtrack", + "PRODUCT4": "ETX_KIT- AUTOMOTIVE", + "PRODUCT5": "ETBLE_KIT - AUTOMOTIVE", + "PRODUCT6": "ET6_KIT - ADVANCED AUTOMOTIVE", + "PRODUCT7": "ETCAN_KIT BUSCAN/ CARBURANT AUTOMOTIVE", + "PRODUCT8": "ET8_KIT - ETANCHE AUTOMOTIVE", + "BUTTON": "Voir Tous Les Produits" + }, + "CLIENTS": { + "TITLE": "Nos Clients", + "DESCRIPTION": "Découvrez les entreprises qui nous font confiance. Notre portfolio inclut des partenariats avec des leaders industriels et des innovateurs de premier plan, unis par notre engagement commun envers l'excellence et la qualité." + }, + "CONTACT": { + "TITLE": "Contactez-nous", + "INTRO": "Vous pouvez nous contacter à tout moment par e-mail ou par téléphone. Vous pouvez également remplir directement ce formulaire, et notre équipe vous répondra dans les plus brefs délais.", + "CHAT_ONLINE": "Chat en ligne", + "LOCATION": "Notre localisation", + "FORM": { + "NAME_PLACEHOLDER": "Votre nom", + "EMAIL_PLACEHOLDER": "Votre e-mail", + "EMAIL_ERROR": "Veuillez entrer un email valide.", + "MESSAGE_PLACEHOLDER": "Message", + "SUBMIT": "Envoyer" + } + }, + "AUTH": { + "FORGET": { + "TITLE": "Mot de passe oublié ?", + "LINK": "Cliquez ici", + "PLACEHOLDER": "Entrez votre email", + "BUTTON": "Réinitialiser" + }, + "SIGNUP": { + "TITLE": "Créer un compte", + "SUBTITLE": "Utilisez votre e-mail pour l'inscription", + "PLACEHOLDERS": { + "NAME": "Nom", + "EMAIL": "Email" + }, + "BUTTON": "S'inscrire" + }, + "SIGNIN": { + "TITLE": "Se connecter", + "PLACEHOLDERS": { + "EMAIL": "Email", + "PASSWORD": "Mot de passe" + }, + "BUTTON": "Se connecter" + }, + "OVERLAY": { + "LEFT": { + "TITLE": "Bon retour !", + "TEXT": "Pour rester connecté avec nous, veuillez vous connecter avec vos informations personnelles", + "BUTTON": "Se connecter" + }, + "RIGHT": { + "TITLE": "Bonjour, Ami !", + "TEXT": "Saisissez vos informations personnelles et commencez votre voyage avec nous", + "BUTTON": "S'inscrire" + } + } + }, + "SOLUTIONS": { + "TITLE": "📡 Solutions GPS Avancées", + "SUBTITLE": "Découvrez nos solutions IoT et IT pour vos besoins GPS", + "IOT": { + "TAB": "Solution IoT", + "TITLE": "Demande de devis pour un produit IoT", + "SUBTITLE": "Obtenez un devis personnalisé pour votre solution IoT", + "DESCRIPTION": "Veuillez remplir le formulaire ci-dessous pour recevoir un devis pour le produit IoT sélectionné." + }, + "IT": { + "TAB": "Solution IT", + "TITLE": "Demande de devis pour une solution IT personnalisée", + "SUBTITLE": "Décrivez-nous la solution IT dont vous avez besoin", + "DESCRIPTION": "Veuillez remplir le formulaire ci-dessous pour demander un devis personnalisé pour une solution IT sur mesure, incluant des logiciels, des bases de données ou des systèmes d’entreprise adaptés à vos besoins." + } + }, + "FORM": { + "NAME": "Nom", + "FIRSTNAME": "Prénom", + "COMPANY": "Entreprise", + "IOT_MESSAGE": "Message concernant votre projet IoT", + "IT_MESSAGE": "Message concernant votre projet IT", + "PLACEHOLDER": { + "NAME": "Tapez votre nom", + "FIRSTNAME": "Votre prénom", + "EMAIL": "votre.email@example.com", + "COMPANY": "Nom de votre entreprise", + "IOT_MESSAGE": "Décrivez votre projet IoT", + "IT_MESSAGE": "Décrivez votre projet IT" + }, + "SUBMIT_IOT": "Demander un devis IoT", + "SUBMIT_IT": "Demander une consultation IT" + }, + "FRANCHISE": { + "TITLE": "Franchise TUNAV", + "SUBTITLE": "Rejoignez notre réseau de partenaires et développez votre activité dans les technologies IT, IoT et GPS Tracking avec le support de TUNAV IT GROUP.", + "FORM": { + "TITLE": "Demande de Franchise", + "DESCRIPTION": "Nos solutions de franchise vous permettent de développer votre activité avec le support technologique et commercial de TUNAV IT GROUP.", + "LABELS": { + "LASTNAME": "Nom", + "FIRSTNAME": "Prénom", + "EMAIL": "Email", + "PHONE": "Téléphone", + "PROFESSION": "Profession actuelle", + "EXPERIENCE": "Avez-vous de l'expérience en IT/IoT/GPS ?", + "EXPERIENCE_DETAILS": "Précisez votre expérience :", + "MANAGED_BUSINESS": "Avez-vous déjà dirigé une entreprise ?", + "BUSINESS_DETAILS": "Précisez le secteur et la durée :", + "MOTIVATION": "Motivation pour rejoindre TUNAV" + }, + "PLACEHOLDER": { + "LASTNAME": "Tapez votre nom", + "FIRSTNAME": "Tapez votre prénom", + "EMAIL": "exemple@exemple.com", + "PROFESSION": "Tapez votre profession", + "MOTIVATION": "Quels sont vos motivations pour rejoindre la franchise Tunav" + }, + "OPTIONS": { + "YES": "Oui", + "NO": "Non" + }, + "SUBMIT": "Demander une franchise" + } + }, + "SOLUTIONS_PRODUCTS": { + "IT": { + "TITLE": "Solutions IT", + "DESCRIPTION": "Nous développons et intégrons des solutions IT qui renforcent les opérations, améliorent la performance et accélèrent la transformation digitale des entreprises.", + "LINK": "👉 Demander une consultation IT" + } + }, + + "filters": { + "Tous": "Tous", + "GPS Trackers": "Traceurs GPS", + "Solutions IoT": "Solutions IoT", + "Solutions IT": "Solutions IT" + }, + + "conteneur_avecdevis":{ + "surDevis": "SUR DEVIS", + "voirDetails": "Voir détails", + "demanderDevis": "Demander un devis", + "caracteristiques": "Caractéristiques :", + "tarif": "Tarif :" + }, + "conteneur_sansdevis":{ + "voirDetails": "Voir Détails", + "caracteristiques": "Caractéristiques :", + "tarif": "Prix :" + } + + +, + "ALERT": { + "LOGOUT_TITLE": "Déconnexion", + "LOGOUT_SUCCESS": "Vous avez été déconnecté avec succès.", + "OK": "D'accord" +} + +} diff --git a/src/assets/img/Camtrack.jpg b/src/assets/img/Camtrack.jpg new file mode 100644 index 000000000..7a129ae06 Binary files /dev/null and b/src/assets/img/Camtrack.jpg differ diff --git a/src/assets/img/Camtrack.png b/src/assets/img/Camtrack.png new file mode 100644 index 000000000..580f1dc38 Binary files /dev/null and b/src/assets/img/Camtrack.png differ diff --git a/src/assets/img/ET6_KIT.png b/src/assets/img/ET6_KIT.png new file mode 100644 index 000000000..fcb830b48 Binary files /dev/null and b/src/assets/img/ET6_KIT.png differ diff --git a/src/assets/img/ET8_KIT.png b/src/assets/img/ET8_KIT.png new file mode 100644 index 000000000..3f189ad8b Binary files /dev/null and b/src/assets/img/ET8_KIT.png differ diff --git a/src/assets/img/ETBLE_KIT.png b/src/assets/img/ETBLE_KIT.png new file mode 100644 index 000000000..0feb2a849 Binary files /dev/null and b/src/assets/img/ETBLE_KIT.png differ diff --git a/src/assets/img/ETCAN_KIT.png b/src/assets/img/ETCAN_KIT.png new file mode 100644 index 000000000..374edb340 Binary files /dev/null and b/src/assets/img/ETCAN_KIT.png differ diff --git a/src/assets/img/ETCAN_KIT_redim.png b/src/assets/img/ETCAN_KIT_redim.png new file mode 100644 index 000000000..ef4f0b732 Binary files /dev/null and b/src/assets/img/ETCAN_KIT_redim.png differ diff --git a/src/assets/img/ETX_KIT.png b/src/assets/img/ETX_KIT.png new file mode 100644 index 000000000..5d8583057 Binary files /dev/null and b/src/assets/img/ETX_KIT.png differ diff --git a/src/assets/img/Equipe/AnisKallel.jfif b/src/assets/img/Equipe/AnisKallel.jfif new file mode 100644 index 000000000..ca7dbe43c Binary files /dev/null and b/src/assets/img/Equipe/AnisKallel.jfif differ diff --git a/src/assets/img/Equipe/ChawkiZorgui.jpeg b/src/assets/img/Equipe/ChawkiZorgui.jpeg new file mode 100644 index 000000000..dc8aae75e Binary files /dev/null and b/src/assets/img/Equipe/ChawkiZorgui.jpeg differ diff --git a/src/assets/img/Equipe/MariemAyari.jpeg b/src/assets/img/Equipe/MariemAyari.jpeg new file mode 100644 index 000000000..1dc2b3af4 Binary files /dev/null and b/src/assets/img/Equipe/MariemAyari.jpeg differ diff --git a/src/assets/img/Equipe/MarwaHenchir.jpeg b/src/assets/img/Equipe/MarwaHenchir.jpeg new file mode 100644 index 000000000..ebf6dde20 Binary files /dev/null and b/src/assets/img/Equipe/MarwaHenchir.jpeg differ diff --git a/src/assets/img/Equipe/NajetBoukadi.jfif b/src/assets/img/Equipe/NajetBoukadi.jfif new file mode 100644 index 000000000..0d07d2487 Binary files /dev/null and b/src/assets/img/Equipe/NajetBoukadi.jfif differ diff --git a/src/assets/img/Equipe/SarraDabbebi.jpeg b/src/assets/img/Equipe/SarraDabbebi.jpeg new file mode 100644 index 000000000..bb41e38a8 Binary files /dev/null and b/src/assets/img/Equipe/SarraDabbebi.jpeg differ diff --git a/src/assets/img/Equipe/SkanderElj.jfif b/src/assets/img/Equipe/SkanderElj.jfif new file mode 100644 index 000000000..90ac90077 Binary files /dev/null and b/src/assets/img/Equipe/SkanderElj.jfif differ diff --git a/src/assets/img/FITA/FITA1.jfif b/src/assets/img/FITA/FITA1.jfif new file mode 100644 index 000000000..acfa9bd26 Binary files /dev/null and b/src/assets/img/FITA/FITA1.jfif differ diff --git a/src/assets/img/FITA/FITA2.jfif b/src/assets/img/FITA/FITA2.jfif new file mode 100644 index 000000000..eeb849ca8 Binary files /dev/null and b/src/assets/img/FITA/FITA2.jfif differ diff --git a/src/assets/img/FITA/FITA3.jfif b/src/assets/img/FITA/FITA3.jfif new file mode 100644 index 000000000..59b788f04 Binary files /dev/null and b/src/assets/img/FITA/FITA3.jfif differ diff --git a/src/assets/img/FITA/FITA4.jfif b/src/assets/img/FITA/FITA4.jfif new file mode 100644 index 000000000..e9e03647e Binary files /dev/null and b/src/assets/img/FITA/FITA4.jfif differ diff --git a/src/assets/img/FITA/FITA5.jfif b/src/assets/img/FITA/FITA5.jfif new file mode 100644 index 000000000..0b401494e Binary files /dev/null and b/src/assets/img/FITA/FITA5.jfif differ diff --git a/src/assets/img/FITA/FITA6.jfif b/src/assets/img/FITA/FITA6.jfif new file mode 100644 index 000000000..fa23c43bc Binary files /dev/null and b/src/assets/img/FITA/FITA6.jfif differ diff --git a/src/assets/img/FITA/FITA7.jfif b/src/assets/img/FITA/FITA7.jfif new file mode 100644 index 000000000..84f8b830f Binary files /dev/null and b/src/assets/img/FITA/FITA7.jfif differ diff --git a/src/assets/img/FUEL_RESCUE.png b/src/assets/img/FUEL_RESCUE.png new file mode 100644 index 000000000..5ff896359 Binary files /dev/null and b/src/assets/img/FUEL_RESCUE.png differ diff --git a/src/assets/img/HomeCarousselBackground.png b/src/assets/img/HomeCarousselBackground.png new file mode 100644 index 000000000..c4bc8610f Binary files /dev/null and b/src/assets/img/HomeCarousselBackground.png differ diff --git a/src/assets/img/MedWatch.png b/src/assets/img/MedWatch.png new file mode 100644 index 000000000..27586c0a8 Binary files /dev/null and b/src/assets/img/MedWatch.png differ diff --git a/src/assets/img/MiniTrace_ KIT.png b/src/assets/img/MiniTrace_ KIT.png new file mode 100644 index 000000000..b7bbe7a02 Binary files /dev/null and b/src/assets/img/MiniTrace_ KIT.png differ diff --git a/src/assets/img/SMART_LOCK.png b/src/assets/img/SMART_LOCK.png new file mode 100644 index 000000000..c6dc787a5 Binary files /dev/null and b/src/assets/img/SMART_LOCK.png differ diff --git a/src/assets/img/SMART_LOCK_PETIT.png b/src/assets/img/SMART_LOCK_PETIT.png new file mode 100644 index 000000000..f2ec2ecc7 Binary files /dev/null and b/src/assets/img/SMART_LOCK_PETIT.png differ diff --git a/src/assets/img/SMART_lo.png b/src/assets/img/SMART_lo.png new file mode 100644 index 000000000..742b54eb6 Binary files /dev/null and b/src/assets/img/SMART_lo.png differ diff --git a/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png b/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png new file mode 100644 index 000000000..4834b1c78 Binary files /dev/null and b/src/assets/img/TUNAV BLANC HORIZONTAL PNG (1).png differ diff --git a/src/assets/img/TeamBuilding/TM1.jpeg b/src/assets/img/TeamBuilding/TM1.jpeg new file mode 100644 index 000000000..2b61fb9a9 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM1.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM2.jpeg b/src/assets/img/TeamBuilding/TM2.jpeg new file mode 100644 index 000000000..f0c98de76 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM2.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM3.jpeg b/src/assets/img/TeamBuilding/TM3.jpeg new file mode 100644 index 000000000..d74150e04 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM3.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM4.jpeg b/src/assets/img/TeamBuilding/TM4.jpeg new file mode 100644 index 000000000..a91b2bea9 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM4.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM5.jpeg b/src/assets/img/TeamBuilding/TM5.jpeg new file mode 100644 index 000000000..08b70f30d Binary files /dev/null and b/src/assets/img/TeamBuilding/TM5.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM6.jpeg b/src/assets/img/TeamBuilding/TM6.jpeg new file mode 100644 index 000000000..11aeba7e7 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM6.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM7.jpeg b/src/assets/img/TeamBuilding/TM7.jpeg new file mode 100644 index 000000000..eda9a4a25 Binary files /dev/null and b/src/assets/img/TeamBuilding/TM7.jpeg differ diff --git a/src/assets/img/TeamBuilding/TM8.jpeg b/src/assets/img/TeamBuilding/TM8.jpeg new file mode 100644 index 000000000..0f150842c Binary files /dev/null and b/src/assets/img/TeamBuilding/TM8.jpeg differ diff --git a/src/assets/img/TunavEquipe.png b/src/assets/img/TunavEquipe.png new file mode 100644 index 000000000..c42c3b0f6 Binary files /dev/null and b/src/assets/img/TunavEquipe.png differ diff --git a/src/assets/img/arrow.png b/src/assets/img/arrow.png new file mode 100644 index 000000000..f9599300d Binary files /dev/null and b/src/assets/img/arrow.png differ diff --git a/src/assets/img/background.jpg b/src/assets/img/background.jpg new file mode 100644 index 000000000..3833ea54b Binary files /dev/null and b/src/assets/img/background.jpg differ diff --git a/src/assets/img/disjoncteur_intelligent.png b/src/assets/img/disjoncteur_intelligent.png new file mode 100644 index 000000000..cefb31ae2 Binary files /dev/null and b/src/assets/img/disjoncteur_intelligent.png differ diff --git a/src/assets/img/down-arrow.png b/src/assets/img/down-arrow.png new file mode 100644 index 000000000..b6de78ad1 Binary files /dev/null and b/src/assets/img/down-arrow.png differ diff --git a/src/assets/img/easy_360.png b/src/assets/img/easy_360.png new file mode 100644 index 000000000..74e043e8b Binary files /dev/null and b/src/assets/img/easy_360.png differ diff --git a/src/assets/img/facebook.png b/src/assets/img/facebook.png new file mode 100644 index 000000000..78ad1c635 Binary files /dev/null and b/src/assets/img/facebook.png differ diff --git a/src/assets/img/flags/france-flag.png b/src/assets/img/flags/france-flag.png new file mode 100644 index 000000000..8a65f2217 Binary files /dev/null and b/src/assets/img/flags/france-flag.png differ diff --git a/src/assets/img/flags/tn-flag.gif b/src/assets/img/flags/tn-flag.gif new file mode 100644 index 000000000..f38b14872 Binary files /dev/null and b/src/assets/img/flags/tn-flag.gif differ diff --git a/src/assets/img/flags/united-kingdom-flag.png b/src/assets/img/flags/united-kingdom-flag.png new file mode 100644 index 000000000..27b77070e Binary files /dev/null and b/src/assets/img/flags/united-kingdom-flag.png differ diff --git a/src/assets/img/gallery-img-01.jpg b/src/assets/img/gallery-img-01.jpg new file mode 100644 index 000000000..2b1b3077d Binary files /dev/null and b/src/assets/img/gallery-img-01.jpg differ diff --git a/src/assets/img/gallery-img-02.jpg b/src/assets/img/gallery-img-02.jpg new file mode 100644 index 000000000..ad711acaf Binary files /dev/null and b/src/assets/img/gallery-img-02.jpg differ diff --git a/src/assets/img/gallery-img-03.jpg b/src/assets/img/gallery-img-03.jpg new file mode 100644 index 000000000..527b2c71a Binary files /dev/null and b/src/assets/img/gallery-img-03.jpg differ diff --git a/src/assets/img/gallery-img-04.jpg b/src/assets/img/gallery-img-04.jpg new file mode 100644 index 000000000..27b799a19 Binary files /dev/null and b/src/assets/img/gallery-img-04.jpg differ diff --git a/src/assets/img/gallery-img-05.jpg b/src/assets/img/gallery-img-05.jpg new file mode 100644 index 000000000..046257213 Binary files /dev/null and b/src/assets/img/gallery-img-05.jpg differ diff --git a/src/assets/img/gallery-img-06.jpg b/src/assets/img/gallery-img-06.jpg new file mode 100644 index 000000000..a11ae5571 Binary files /dev/null and b/src/assets/img/gallery-img-06.jpg differ diff --git a/src/assets/img/gallery-tn-01.jpg b/src/assets/img/gallery-tn-01.jpg new file mode 100644 index 000000000..9993488c4 Binary files /dev/null and b/src/assets/img/gallery-tn-01.jpg differ diff --git a/src/assets/img/gallery-tn-02.jpg b/src/assets/img/gallery-tn-02.jpg new file mode 100644 index 000000000..bd567e132 Binary files /dev/null and b/src/assets/img/gallery-tn-02.jpg differ diff --git a/src/assets/img/gallery-tn-03.jpg b/src/assets/img/gallery-tn-03.jpg new file mode 100644 index 000000000..82aa4580b Binary files /dev/null and b/src/assets/img/gallery-tn-03.jpg differ diff --git a/src/assets/img/gallery-tn-04.jpg b/src/assets/img/gallery-tn-04.jpg new file mode 100644 index 000000000..fde8a7f0f Binary files /dev/null and b/src/assets/img/gallery-tn-04.jpg differ diff --git a/src/assets/img/gallery-tn-05.jpg b/src/assets/img/gallery-tn-05.jpg new file mode 100644 index 000000000..0c6a6557f Binary files /dev/null and b/src/assets/img/gallery-tn-05.jpg differ diff --git a/src/assets/img/gallery-tn-06.jpg b/src/assets/img/gallery-tn-06.jpg new file mode 100644 index 000000000..23dc3fd0f Binary files /dev/null and b/src/assets/img/gallery-tn-06.jpg differ diff --git a/src/assets/img/infinite-loop-01.jpg b/src/assets/img/infinite-loop-01.jpg new file mode 100644 index 000000000..37073084d Binary files /dev/null and b/src/assets/img/infinite-loop-01.jpg differ diff --git a/src/assets/img/infinite-loop-011.jpg b/src/assets/img/infinite-loop-011.jpg new file mode 100644 index 000000000..1c9dc6983 Binary files /dev/null and b/src/assets/img/infinite-loop-011.jpg differ diff --git a/src/assets/img/infinite-loop-02 - Copie.jpg b/src/assets/img/infinite-loop-02 - Copie.jpg new file mode 100644 index 000000000..b492c8a4b Binary files /dev/null and b/src/assets/img/infinite-loop-02 - Copie.jpg differ diff --git a/src/assets/img/infinite-loop-02-mobile.JPG b/src/assets/img/infinite-loop-02-mobile.JPG new file mode 100644 index 000000000..bc532ecfb Binary files /dev/null and b/src/assets/img/infinite-loop-02-mobile.JPG differ diff --git a/src/assets/img/infinite-loop-02-mobile2.jpg b/src/assets/img/infinite-loop-02-mobile2.jpg new file mode 100644 index 000000000..d12de90d1 Binary files /dev/null and b/src/assets/img/infinite-loop-02-mobile2.jpg differ diff --git a/src/assets/img/infinite-loop-02.jpg b/src/assets/img/infinite-loop-02.jpg new file mode 100644 index 000000000..b492c8a4b Binary files /dev/null and b/src/assets/img/infinite-loop-02.jpg differ diff --git a/src/assets/img/infinite-loop-022.jpg b/src/assets/img/infinite-loop-022.jpg new file mode 100644 index 000000000..bfa19c3f9 Binary files /dev/null and b/src/assets/img/infinite-loop-022.jpg differ diff --git a/src/assets/img/infinite-loop-03.jpg b/src/assets/img/infinite-loop-03.jpg new file mode 100644 index 000000000..115a1e30a Binary files /dev/null and b/src/assets/img/infinite-loop-03.jpg differ diff --git a/src/assets/img/infinite-loop-033.jpg b/src/assets/img/infinite-loop-033.jpg new file mode 100644 index 000000000..28f510061 Binary files /dev/null and b/src/assets/img/infinite-loop-033.jpg differ diff --git a/src/assets/img/instagram.png b/src/assets/img/instagram.png new file mode 100644 index 000000000..10d31e008 Binary files /dev/null and b/src/assets/img/instagram.png differ diff --git a/src/assets/img/iot.png b/src/assets/img/iot.png new file mode 100644 index 000000000..9ba89b588 Binary files /dev/null and b/src/assets/img/iot.png differ diff --git a/src/assets/img/letsgetstarted.jpg b/src/assets/img/letsgetstarted.jpg new file mode 100644 index 000000000..805f93853 Binary files /dev/null and b/src/assets/img/letsgetstarted.jpg differ diff --git a/src/assets/img/linkedin.png b/src/assets/img/linkedin.png new file mode 100644 index 000000000..d8820d850 Binary files /dev/null and b/src/assets/img/linkedin.png differ diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png new file mode 100644 index 000000000..c89acf019 Binary files /dev/null and b/src/assets/img/logo.png differ diff --git a/src/assets/img/logoTunav.png b/src/assets/img/logoTunav.png new file mode 100644 index 000000000..1ab3f096a Binary files /dev/null and b/src/assets/img/logoTunav.png differ diff --git a/src/assets/img/logoTunav2.png b/src/assets/img/logoTunav2.png new file mode 100644 index 000000000..431052c98 Binary files /dev/null and b/src/assets/img/logoTunav2.png differ diff --git a/src/assets/img/logoTunav3.png b/src/assets/img/logoTunav3.png new file mode 100644 index 000000000..431052c98 Binary files /dev/null and b/src/assets/img/logoTunav3.png differ diff --git a/src/assets/img/logoTunav4.png b/src/assets/img/logoTunav4.png new file mode 100644 index 000000000..8829a06ce Binary files /dev/null and b/src/assets/img/logoTunav4.png differ diff --git a/src/assets/img/logoTunav5.png b/src/assets/img/logoTunav5.png new file mode 100644 index 000000000..8829a06ce Binary files /dev/null and b/src/assets/img/logoTunav5.png differ diff --git a/src/assets/img/logoTunavBlanc.png b/src/assets/img/logoTunavBlanc.png new file mode 100644 index 000000000..82c10ec7e Binary files /dev/null and b/src/assets/img/logoTunavBlanc.png differ diff --git a/src/assets/img/logos/TLS.jpeg b/src/assets/img/logos/TLS.jpeg new file mode 100644 index 000000000..a7830e369 Binary files /dev/null and b/src/assets/img/logos/TLS.jpeg differ diff --git a/src/assets/img/logos/TT.jpeg b/src/assets/img/logos/TT.jpeg new file mode 100644 index 000000000..2a502832a Binary files /dev/null and b/src/assets/img/logos/TT.jpeg differ diff --git a/src/assets/img/logos/cftp.jpeg b/src/assets/img/logos/cftp.jpeg new file mode 100644 index 000000000..a940ab21d Binary files /dev/null and b/src/assets/img/logos/cftp.jpeg differ diff --git a/src/assets/img/logos/cnam.jpeg b/src/assets/img/logos/cnam.jpeg new file mode 100644 index 000000000..5405c02f6 Binary files /dev/null and b/src/assets/img/logos/cnam.jpeg differ diff --git a/src/assets/img/logos/etap.jpeg b/src/assets/img/logos/etap.jpeg new file mode 100644 index 000000000..40ad47c30 Binary files /dev/null and b/src/assets/img/logos/etap.jpeg differ diff --git a/src/assets/img/logos/pgs.jpeg b/src/assets/img/logos/pgs.jpeg new file mode 100644 index 000000000..219df662e Binary files /dev/null and b/src/assets/img/logos/pgs.jpeg differ diff --git a/src/assets/img/logos/pharmaderm.jpeg b/src/assets/img/logos/pharmaderm.jpeg new file mode 100644 index 000000000..ba076ece8 Binary files /dev/null and b/src/assets/img/logos/pharmaderm.jpeg differ diff --git a/src/assets/img/logos/pharmaservice.jpeg b/src/assets/img/logos/pharmaservice.jpeg new file mode 100644 index 000000000..e7a497674 Binary files /dev/null and b/src/assets/img/logos/pharmaservice.jpeg differ diff --git a/src/assets/img/logos/sagemcom.jpeg b/src/assets/img/logos/sagemcom.jpeg new file mode 100644 index 000000000..fc13e891f Binary files /dev/null and b/src/assets/img/logos/sagemcom.jpeg differ diff --git a/src/assets/img/logos/smtf.jpeg b/src/assets/img/logos/smtf.jpeg new file mode 100644 index 000000000..d5d50a79b Binary files /dev/null and b/src/assets/img/logos/smtf.jpeg differ diff --git a/src/assets/img/route.png b/src/assets/img/route.png new file mode 100644 index 000000000..2bdbbe2b3 Binary files /dev/null and b/src/assets/img/route.png differ diff --git a/src/assets/img/service.png b/src/assets/img/service.png new file mode 100644 index 000000000..7dc2808bc Binary files /dev/null and b/src/assets/img/service.png differ diff --git a/src/assets/img/tagit_rfid.png b/src/assets/img/tagit_rfid.png new file mode 100644 index 000000000..ef89f32f2 Binary files /dev/null and b/src/assets/img/tagit_rfid.png differ diff --git a/src/assets/img/testimonial-img-01.jpg b/src/assets/img/testimonial-img-01.jpg new file mode 100644 index 000000000..a3bae8119 Binary files /dev/null and b/src/assets/img/testimonial-img-01.jpg differ diff --git a/src/assets/img/testimonial-img-02.jpg b/src/assets/img/testimonial-img-02.jpg new file mode 100644 index 000000000..db2828ec2 Binary files /dev/null and b/src/assets/img/testimonial-img-02.jpg differ diff --git a/src/assets/img/testimonial-img-03.jpg b/src/assets/img/testimonial-img-03.jpg new file mode 100644 index 000000000..271713418 Binary files /dev/null and b/src/assets/img/testimonial-img-03.jpg differ diff --git a/src/assets/img/testimonial-img-04.jpg b/src/assets/img/testimonial-img-04.jpg new file mode 100644 index 000000000..491b4f6fa Binary files /dev/null and b/src/assets/img/testimonial-img-04.jpg differ diff --git a/src/assets/img/the-town-bg-02.jpg b/src/assets/img/the-town-bg-02.jpg new file mode 100644 index 000000000..bda18c218 Binary files /dev/null and b/src/assets/img/the-town-bg-02.jpg differ diff --git a/src/assets/js/bootstrap.min.js b/src/assets/js/bootstrap.min.js new file mode 100644 index 000000000..00c895f0f --- /dev/null +++ b/src/assets/js/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.1.3 (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,h){"use strict";function i(t,e){for(var n=0;nthis._items.length-1||t<0))if(this._isSliding)P(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=ndocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!(Ie={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"}),selector:!(Se={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"}),placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},we="out",Ne={HIDE:"hide"+Ee,HIDDEN:"hidden"+Ee,SHOW:(De="show")+Ee,SHOWN:"shown"+Ee,INSERTED:"inserted"+Ee,CLICK:"click"+Ee,FOCUSIN:"focusin"+Ee,FOCUSOUT:"focusout"+Ee,MOUSEENTER:"mouseenter"+Ee,MOUSELEAVE:"mouseleave"+Ee},Oe="fade",ke="show",Pe=".tooltip-inner",je=".arrow",He="hover",Le="focus",Re="click",xe="manual",We=function(){function i(t,e){if("undefined"==typeof h)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=pe(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(pe(this.getTipElement()).hasClass(ke))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),pe.removeData(this.element,this.constructor.DATA_KEY),pe(this.element).off(this.constructor.EVENT_KEY),pe(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&pe(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===pe(this.element).css("display"))throw new Error("Please use show on visible elements");var t=pe.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){pe(this.element).trigger(t);var n=pe.contains(this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!n)return;var i=this.getTipElement(),r=Fn.getUID(this.constructor.NAME);i.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&pe(i).addClass(Oe);var o="function"==typeof this.config.placement?this.config.placement.call(this,i,this.element):this.config.placement,s=this._getAttachment(o);this.addAttachmentClass(s);var a=!1===this.config.container?document.body:pe(document).find(this.config.container);pe(i).data(this.constructor.DATA_KEY,this),pe.contains(this.element.ownerDocument.documentElement,this.tip)||pe(i).appendTo(a),pe(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new h(this.element,i,{placement:s,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:je},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),pe(i).addClass(ke),"ontouchstart"in document.documentElement&&pe(document.body).children().on("mouseover",null,pe.noop);var l=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,pe(e.element).trigger(e.constructor.Event.SHOWN),t===we&&e._leave(null,e)};if(pe(this.tip).hasClass(Oe)){var c=Fn.getTransitionDurationFromElement(this.tip);pe(this.tip).one(Fn.TRANSITION_END,l).emulateTransitionEnd(c)}else l()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=pe.Event(this.constructor.Event.HIDE),r=function(){e._hoverState!==De&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),pe(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(pe(this.element).trigger(i),!i.isDefaultPrevented()){if(pe(n).removeClass(ke),"ontouchstart"in document.documentElement&&pe(document.body).children().off("mouseover",null,pe.noop),this._activeTrigger[Re]=!1,this._activeTrigger[Le]=!1,this._activeTrigger[He]=!1,pe(this.tip).hasClass(Oe)){var o=Fn.getTransitionDurationFromElement(n);pe(n).one(Fn.TRANSITION_END,r).emulateTransitionEnd(o)}else r();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){pe(this.getTipElement()).addClass(Te+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||pe(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(pe(t.querySelectorAll(Pe)),this.getTitle()),pe(t).removeClass(Oe+" "+ke)},t.setElementContent=function(t,e){var n=this.config.html;"object"==typeof e&&(e.nodeType||e.jquery)?n?pe(e).parent().is(t)||t.empty().append(e):t.text(pe(e).text()):t[n?"html":"text"](e)},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getAttachment=function(t){return Ie[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)pe(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==xe){var e=t===He?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===He?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;pe(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}pe(i.element).closest(".modal").on("hide.bs.modal",function(){return i.hide()})}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||pe(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Le:He]=!0),pe(e.getTipElement()).hasClass(ke)||e._hoverState===De?e._hoverState=De:(clearTimeout(e._timeout),e._hoverState=De,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===De&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||pe(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),pe(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Le:He]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=we,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===we&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){return"number"==typeof(t=l({},this.constructor.Default,pe(this.element).data(),"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),Fn.typeCheckConfig(ve,t,this.constructor.DefaultType),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=pe(this.getTipElement()),e=t.attr("class").match(be);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(pe(t).removeClass(Oe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=pe(this).data(ye),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),pe(this).data(ye,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.1.3"}},{key:"Default",get:function(){return Ae}},{key:"NAME",get:function(){return ve}},{key:"DATA_KEY",get:function(){return ye}},{key:"Event",get:function(){return Ne}},{key:"EVENT_KEY",get:function(){return Ee}},{key:"DefaultType",get:function(){return Se}}]),i}(),pe.fn[ve]=We._jQueryInterface,pe.fn[ve].Constructor=We,pe.fn[ve].noConflict=function(){return pe.fn[ve]=Ce,We._jQueryInterface},We),Jn=(qe="popover",Ke="."+(Fe="bs.popover"),Me=(Ue=e).fn[qe],Qe="bs-popover",Be=new RegExp("(^|\\s)"+Qe+"\\S+","g"),Ve=l({},zn.Default,{placement:"right",trigger:"click",content:"",template:''}),Ye=l({},zn.DefaultType,{content:"(string|element|function)"}),ze="fade",Ze=".popover-header",Ge=".popover-body",$e={HIDE:"hide"+Ke,HIDDEN:"hidden"+Ke,SHOW:(Je="show")+Ke,SHOWN:"shown"+Ke,INSERTED:"inserted"+Ke,CLICK:"click"+Ke,FOCUSIN:"focusin"+Ke,FOCUSOUT:"focusout"+Ke,MOUSEENTER:"mouseenter"+Ke,MOUSELEAVE:"mouseleave"+Ke},Xe=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var r=i.prototype;return r.isWithContent=function(){return this.getTitle()||this._getContent()},r.addAttachmentClass=function(t){Ue(this.getTipElement()).addClass(Qe+"-"+t)},r.getTipElement=function(){return this.tip=this.tip||Ue(this.config.template)[0],this.tip},r.setContent=function(){var t=Ue(this.getTipElement());this.setElementContent(t.find(Ze),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(Ge),e),t.removeClass(ze+" "+Je)},r._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},r._cleanTipClass=function(){var t=Ue(this.getTipElement()),e=t.attr("class").match(Be);null!==e&&0=this._offsets[r]&&("undefined"==typeof this._offsets[r+1]||t)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access:function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.readyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("load",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeof e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.length&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s)):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="
a",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r||!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")),a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={getSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l.selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav>"!==o.createElement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""),t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioValue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocumentFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="
t
",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.display="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="
",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();var O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)return f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==typeof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data={}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a}}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u].data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data(o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b.camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON(r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function(){var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e)})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttribute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":"removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__",this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeof o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode,"optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.length||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrHooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?!Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}}}),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camelCase("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set(e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hrefNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks.selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype||(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b.valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.special[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]=!0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.split("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b.expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b.makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a&&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l=l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data(l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l)&&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()||p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.acceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)){for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])return e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){return b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus:{trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj; +return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=typeof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if(o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElementsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t,v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g=f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)try{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id")}}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComments=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName=at(function(e){return e.innerHTML="",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e.lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(function(e){e.id=x+0,e.innerHTML="
",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length;return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&function(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=rt(n.querySelectorAll))&&(at(function(e){e.innerHTML="",e.querySelectorAll("[selected]").length||h.push("\\["+_+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||h.push(":checked")}),at(function(e){e.innerHTML="",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySelectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp(g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)?1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},st.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d||T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0?t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.push(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==A&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=st.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[x]||(m[x]={}),l=c[e]||[],d=l[0]===N&&l[1],f=l[0]===N&&l[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[N,d,f];break}}else if(v&&(l=(t[x]||(t[x]={}))[e])&&l[0]===N)f=l[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[x]||(p[x]={}))[e]=[N,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||st.error("unsupported pseudo: "+e);return r[x]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?ot(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=M.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:ot(function(e){var t=[],n=[],r=s(e.replace(W,"$1"));return r[x]?ot(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:ot(function(e){return function(t){return st(e,t).length>0}}),contains:ot(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:ot(function(e){return X.test(e||"")||st.error("unsupported lang: "+e),e=e.replace(et,tt).toLowerCase(),function(t){var n;do if(n=d?t.getAttribute("xml:lang")||t.getAttribute("lang"):t.lang)return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return Q.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:pt(function(){return[0]}),last:pt(function(e,t){return[t-1]}),eq:pt(function(e,t,n){return[0>n?n+t:n]}),even:pt(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:pt(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:pt(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:pt(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}};for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[n]=lt(n);for(n in{submit:!0,reset:!0})i.pseudos[n]=ct(n);function ft(e,t){var n,r,o,a,s,u,l,c=E[e+" "];if(c)return t?0:c.slice(0);s=e,u=[],l=i.preFilter;while(s){(!n||(r=$.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),u.push(o=[])),n=!1,(r=I.exec(s))&&(n=r.shift(),o.push({value:n,type:r[0].replace(W," ")}),s=s.slice(n.length));for(a in i.filter)!(r=U[a].exec(s))||l[a]&&!(r=l[a](r))||(n=r.shift(),o.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?st.error(e):E(e,u).slice(0)}function dt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function ht(e,t,n){var i=t.dir,o=n&&"parentNode"===i,a=C++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,s){var u,l,c,p=N+" "+a;if(s){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[x]||(t[x]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,s)||r,l[1]===!0)return!0}}function gt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function mt(e,t,n,r,i){var o,a=[],s=0,u=e.length,l=null!=t;for(;u>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),l&&t.push(s));return a}function yt(e,t,n,r,i,o){return r&&!r[x]&&(r=yt(r)),i&&!i[x]&&(i=yt(i,o)),ot(function(o,a,s,u){var l,c,p,f=[],d=[],h=a.length,g=o||xt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:mt(g,f,e,s,u),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,u),r){l=mt(y,d),r(l,[],s,u),c=l.length;while(c--)(p=l[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?M.call(o,p):f[c])>-1&&(o[l]=!(a[l]=p))}}else y=mt(y===a?y.splice(h,y.length):y),i?i(null,a,y,u):H.apply(a,y)})}function vt(e){var t,n,r,o=e.length,a=i.relative[e[0].type],s=a||i.relative[" "],u=a?1:0,c=ht(function(e){return e===t},s,!0),p=ht(function(e){return M.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>u;u++)if(n=i.relative[e[u].type])f=[ht(gt(f),n)];else{if(n=i.filter[e[u].type].apply(null,e[u].matches),n[x]){for(r=++u;o>r;r++)if(i.relative[e[r].type])break;return yt(u>1&>(f),u>1&&dt(e.slice(0,u-1)).replace(W,"$1"),n,r>u&&vt(e.slice(u,r)),o>r&&vt(e=e.slice(r)),o>r&&dt(e))}f.push(n)}return gt(f)}function bt(e,t){var n=0,o=t.length>0,a=e.length>0,s=function(s,u,c,f,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,T=l,C=s||a&&i.find.TAG("*",d&&u.parentNode||u),k=N+=null==T?1:Math.random()||.1;for(w&&(l=u!==p&&u,r=n);null!=(h=C[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,u,c)){f.push(h);break}w&&(N=k,r=++n)}o&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,o&&b!==v){g=0;while(m=t[g++])m(x,y,u,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=L.call(f));y=mt(y)}H.apply(f,y),w&&!s&&y.length>0&&v+t.length>1&&st.uniqueSort(f)}return w&&(N=k,l=T),x};return o?ot(s):s}s=st.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=ft(e)),n=t.length;while(n--)o=vt(t[n]),o[x]?r.push(o):i.push(o);o=S(e,bt(i,r))}return o};function xt(e,t,n){var r=0,i=t.length;for(;i>r;r++)st(e,t[r],n);return n}function wt(e,t,n,r){var o,a,u,l,c,p=ft(e);if(!r&&1===p.length){if(a=p[0]=p[0].slice(0),a.length>2&&"ID"===(u=a[0]).type&&9===t.nodeType&&!d&&i.relative[a[1].type]){if(t=i.find.ID(u.matches[0].replace(et,tt),t)[0],!t)return n;e=e.slice(a.shift().value.length)}o=U.needsContext.test(e)?0:a.length;while(o--){if(u=a[o],i.relative[l=u.type])break;if((c=i.find[l])&&(r=c(u.matches[0].replace(et,tt),V.test(a[0].type)&&t.parentNode||t))){if(a.splice(o,1),e=r.length&&dt(a),!e)return H.apply(n,q.call(r,0)),n;break}}}return s(e,p)(r,t,d,n,V.test(e)),n}i.pseudos.nth=i.pseudos.eq;function Tt(){}i.filters=Tt.prototype=i.pseudos,i.setFilters=new Tt,c(),st.attr=b.attr,b.find=st,b.expr=st.selectors,b.expr[":"]=b.expr.pseudos,b.unique=st.uniqueSort,b.text=st.getText,b.isXMLDoc=st.isXML,b.contains=st.contains}(e);var at=/Until$/,st=/^(?:parents|prev(?:Until|All))/,ut=/^.[^:#\[\.,]*$/,lt=b.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};b.fn.extend({find:function(e){var t,n,r,i=this.length;if("string"!=typeof e)return r=this,this.pushStack(b(e).filter(function(){for(t=0;i>t;t++)if(b.contains(r[t],this))return!0}));for(n=[],t=0;i>t;t++)b.find(e,this[t],n);return n=this.pushStack(i>1?b.unique(n):n),n.selector=(this.selector?this.selector+" ":"")+e,n},has:function(e){var t,n=b(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(b.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e,!1))},filter:function(e){return this.pushStack(ft(this,e,!0))},is:function(e){return!!e&&("string"==typeof e?lt.test(e)?b(e,this.context).index(this[0])>=0:b.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,o=[],a=lt.test(e)||"string"!=typeof e?b(e,t||this.context):0;for(;i>r;r++){n=this[r];while(n&&n.ownerDocument&&n!==t&&11!==n.nodeType){if(a?a.index(n)>-1:b.find.matchesSelector(n,e)){o.push(n);break}n=n.parentNode}}return this.pushStack(o.length>1?b.unique(o):o)},index:function(e){return e?"string"==typeof e?b.inArray(this[0],b(e)):b.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?b(e,t):b.makeArray(e&&e.nodeType?[e]:e),r=b.merge(this.get(),n);return this.pushStack(b.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),b.fn.andSelf=b.fn.addBack;function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}b.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return b.dir(e,"parentNode")},parentsUntil:function(e,t,n){return b.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return b.dir(e,"nextSibling")},prevAll:function(e){return b.dir(e,"previousSibling")},nextUntil:function(e,t,n){return b.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return b.dir(e,"previousSibling",n)},siblings:function(e){return b.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return b.sibling(e.firstChild)},contents:function(e){return b.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:b.merge([],e.childNodes)}},function(e,t){b.fn[e]=function(n,r){var i=b.map(this,t,n);return at.test(e)||(r=n),r&&"string"==typeof r&&(i=b.filter(r,i)),i=this.length>1&&!ct[e]?b.unique(i):i,this.length>1&&st.test(e)&&(i=i.reverse()),this.pushStack(i)}}),b.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),1===t.length?b.find.matchesSelector(t[0],e)?[t[0]]:[]:b.find.matches(e,t)},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!b(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(t=t||0,b.isFunction(t))return b.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return b.grep(e,function(e){return e===t===n});if("string"==typeof t){var r=b.grep(e,function(e){return 1===e.nodeType});if(ut.test(t))return b.filter(t,r,!n);t=b.filter(t,r)}return b.grep(e,function(e){return b.inArray(e,t)>=0===n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/\s*$/g,At={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:b.support.htmlSerialize?[0,"",""]:[1,"X
","
"]},jt=dt(o),Dt=jt.appendChild(o.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,b.fn.extend({text:function(e){return b.access(this,function(e){return e===t?b.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(b.isFunction(e))return this.each(function(t){b(this).wrapAll(e.call(this,t))});if(this[0]){var t=b(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return b.isFunction(e)?this.each(function(t){b(this).wrapInner(e.call(this,t))}):this.each(function(){var t=b(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=b.isFunction(e);return this.each(function(n){b(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){b.nodeName(this,"body")||b(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.insertBefore(e,this.firstChild)})},before:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=0;for(;null!=(n=this[r]);r++)(!e||b.filter(e,[n]).length>0)&&(t||1!==n.nodeType||b.cleanData(Ot(n)),n.parentNode&&(t&&b.contains(n.ownerDocument,n)&&Mt(Ot(n,"script")),n.parentNode.removeChild(n)));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&b.cleanData(Ot(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&b.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return b.clone(this,e,t)})},html:function(e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(e){var t=b.isFunction(e);return t||"string"==typeof e||(e=b(e).not(this).detach()),this.domManip([e],!0,function(e){var t=this.nextSibling,n=this.parentNode;n&&(b(this).remove(),n.insertBefore(e,t))})},detach:function(e){return this.remove(e,!0)},domManip:function(e,n,r){e=f.apply([],e);var i,o,a,s,u,l,c=0,p=this.length,d=this,h=p-1,g=e[0],m=b.isFunction(g);if(m||!(1>=p||"string"!=typeof g||b.support.checkClone)&&Ct.test(g))return this.each(function(i){var o=d.eq(i);m&&(e[0]=g.call(this,i,n?o.html():t)),o.domManip(e,n,r)});if(p&&(l=b.buildFragment(e,this[0].ownerDocument,!1,this),i=l.firstChild,1===l.childNodes.length&&(l=i),i)){for(n=n&&b.nodeName(i,"tr"),s=b.map(Ot(l,"script"),Ht),a=s.length;p>c;c++)o=l,c!==h&&(o=b.clone(o,!0,!0),a&&b.merge(s,Ot(o,"script"))),r.call(n&&b.nodeName(this[c],"table")?Lt(this[c],"tbody"):this[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,b.map(s,qt),c=0;a>c;c++)o=s[c],kt.test(o.type||"")&&!b._data(o,"globalEval")&&b.contains(u,o)&&(o.src?b.ajax({url:o.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):b.globalEval((o.text||o.textContent||o.innerHTML||"").replace(St,"")));l=i=null}return this}});function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function Ht(e){var t=e.getAttributeNode("type");return e.type=(t&&t.specified)+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Mt(e,t){var n,r=0;for(;null!=(n=e[r]);r++)b._data(n,"globalEval",!t||b._data(t[r],"globalEval"))}function _t(e,t){if(1===t.nodeType&&b.hasData(e)){var n,r,i,o=b._data(e),a=b._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)b.event.add(t,n,s[n][r])}a.data&&(a.data=b.extend({},a.data))}}function Ft(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!b.support.noCloneEvent&&t[b.expando]){i=b._data(t);for(r in i.events)b.removeEvent(t,r,i.handle);t.removeAttribute(b.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),b.support.html5Clone&&e.innerHTML&&!b.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Nt.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}b.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){b.fn[e]=function(e){var n,r=0,i=[],o=b(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),b(o[r])[t](n),d.apply(i,n.get());return this.pushStack(i)}});function Ot(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||b.nodeName(o,n)?s.push(o):b.merge(s,Ot(o,n));return n===t||n&&b.nodeName(e,n)?b.merge([e],s):s}function Bt(e){Nt.test(e.type)&&(e.defaultChecked=e.checked)}b.extend({clone:function(e,t,n){var r,i,o,a,s,u=b.contains(e.ownerDocument,e);if(b.support.html5Clone||b.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(b.support.noCloneEvent&&b.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||b.isXMLDoc(e)))for(r=Ot(o),s=Ot(e),a=0;null!=(i=s[a]);++a)r[a]&&Ft(i,r[a]);if(t)if(n)for(s=s||Ot(e),r=r||Ot(o),a=0;null!=(i=s[a]);a++)_t(i,r[a]);else _t(e,o);return r=Ot(o,"script"),r.length>0&&Mt(r,!u&&Ot(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,u,l,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===b.type(o))b.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),u=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[u]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!b.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!b.support.tbody){o="table"!==u||xt.test(o)?""!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)b.nodeName(l=o.childNodes[i],"tbody")&&!l.childNodes.length&&o.removeChild(l) +}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function un(e){var t=o,n=Gt[e];return n||(n=ln(e,t),"none"!==n&&n||(Pt=(Pt||b("',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/src/assets/magnific-popup/magnific-popup.css b/src/assets/magnific-popup/magnific-popup.css new file mode 100644 index 000000000..8561e181a --- /dev/null +++ b/src/assets/magnific-popup/magnific-popup.css @@ -0,0 +1,351 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, + .mfp-close:focus { + opacity: 1; } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, + .mfp-arrow:focus { + opacity: 1; } + .mfp-arrow:before, + .mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } diff --git a/src/assets/slick/ajax-loader.gif b/src/assets/slick/ajax-loader.gif new file mode 100644 index 000000000..e0e6e9760 Binary files /dev/null and b/src/assets/slick/ajax-loader.gif differ diff --git a/src/assets/slick/config.rb b/src/assets/slick/config.rb new file mode 100644 index 000000000..81f5ae324 --- /dev/null +++ b/src/assets/slick/config.rb @@ -0,0 +1,10 @@ +css_dir = "." +sass_dir = "." +images_dir = "." +fonts_dir = "fonts" +relative_assets = true + +output_style = :compact +line_comments = false + +preferred_syntax = :scss \ No newline at end of file diff --git a/src/assets/slick/fonts/slick.eot b/src/assets/slick/fonts/slick.eot new file mode 100644 index 000000000..2cbab9ca9 Binary files /dev/null and b/src/assets/slick/fonts/slick.eot differ diff --git a/src/assets/slick/fonts/slick.svg b/src/assets/slick/fonts/slick.svg new file mode 100644 index 000000000..b36a66a6c --- /dev/null +++ b/src/assets/slick/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/src/assets/slick/fonts/slick.ttf b/src/assets/slick/fonts/slick.ttf new file mode 100644 index 000000000..9d03461b6 Binary files /dev/null and b/src/assets/slick/fonts/slick.ttf differ diff --git a/src/assets/slick/fonts/slick.woff b/src/assets/slick/fonts/slick.woff new file mode 100644 index 000000000..8ee99721b Binary files /dev/null and b/src/assets/slick/fonts/slick.woff differ diff --git a/src/assets/slick/slick-theme.css b/src/assets/slick/slick-theme.css new file mode 100644 index 000000000..1232fcab0 --- /dev/null +++ b/src/assets/slick/slick-theme.css @@ -0,0 +1,204 @@ +@charset 'UTF-8'; +/* Slider */ +.slick-loading .slick-list +{ + background: #fff url('./ajax-loader.gif') center center no-repeat; +} + +/* Icons */ +@font-face +{ + font-family: 'slick'; + font-weight: normal; + font-style: normal; + + src: url('./fonts/slick.eot'); + src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); +} +/* Arrows */ +.slick-prev, +.slick-next +{ + font-size: 0; + line-height: 0; + + position: absolute; + top: 50%; + + display: block; + + width: 20px; + height: 20px; + padding: 0; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + + cursor: pointer; + + color: transparent; + border: none; + outline: none; + background: transparent; +} +.slick-prev:hover, +.slick-prev:focus, +.slick-next:hover, +.slick-next:focus +{ + color: transparent; + outline: none; + background: transparent; +} +.slick-prev:hover:before, +.slick-prev:focus:before, +.slick-next:hover:before, +.slick-next:focus:before +{ + opacity: 1; +} +.slick-prev.slick-disabled:before, +.slick-next.slick-disabled:before +{ + opacity: .25; +} + +.slick-prev:before, +.slick-next:before +{ + font-family: 'slick'; + font-size: 20px; + line-height: 1; + + opacity: .75; + color: white; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.slick-prev +{ + left: -25px; +} +[dir='rtl'] .slick-prev +{ + right: -25px; + left: auto; +} +.slick-prev:before +{ + content: '←'; +} +[dir='rtl'] .slick-prev:before +{ + content: '→'; +} + +.slick-next +{ + right: -25px; +} +[dir='rtl'] .slick-next +{ + right: auto; + left: -25px; +} +.slick-next:before +{ + content: '→'; +} +[dir='rtl'] .slick-next:before +{ + content: '←'; +} + +/* Dots */ +.slick-dotted.slick-slider +{ + margin-bottom: 30px; +} + +.slick-dots +{ + position: absolute; + bottom: -25px; + + display: block; + + width: 100%; + padding: 0; + margin: 0; + + list-style: none; + + text-align: center; +} +.slick-dots li +{ + position: relative; + + display: inline-block; + + width: 20px; + height: 20px; + margin: 0 5px; + padding: 0; + + cursor: pointer; +} +.slick-dots li button +{ + font-size: 0; + line-height: 0; + + display: block; + + width: 20px; + height: 20px; + padding: 5px; + + cursor: pointer; + + color: transparent; + border: 0; + outline: none; + background: transparent; +} +.slick-dots li button:hover, +.slick-dots li button:focus +{ + outline: none; +} +.slick-dots li button:hover:before, +.slick-dots li button:focus:before +{ + opacity: 1; +} +.slick-dots li button:before +{ + font-family: 'slick'; + font-size: 6px; + line-height: 20px; + + position: absolute; + top: 0; + left: 0; + + width: 20px; + height: 20px; + + content: '•'; + text-align: center; + + opacity: .25; + color: black; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.slick-dots li.slick-active button:before +{ + opacity: .75; + color: black; +} diff --git a/src/assets/slick/slick-theme.less b/src/assets/slick/slick-theme.less new file mode 100644 index 000000000..e06fc183d --- /dev/null +++ b/src/assets/slick/slick-theme.less @@ -0,0 +1,168 @@ +@charset "UTF-8"; + +// Default Variables + +@slick-font-path: "./fonts/"; +@slick-font-family: "slick"; +@slick-loader-path: "./"; +@slick-arrow-color: white; +@slick-dot-color: black; +@slick-dot-color-active: @slick-dot-color; +@slick-prev-character: "←"; +@slick-next-character: "→"; +@slick-dot-character: "•"; +@slick-dot-size: 6px; +@slick-opacity-default: 0.75; +@slick-opacity-on-hover: 1; +@slick-opacity-not-active: 0.25; + +/* Slider */ +.slick-loading .slick-list{ + background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat; +} + +/* Arrows */ +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: @slick-opacity-not-active; + } +} + +.slick-prev:before, .slick-next:before { + font-family: @slick-font-family; + font-size: 20px; + line-height: 1; + color: @slick-arrow-color; + opacity: @slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + & when ( @slick-font-family = 'slick' ) { + /* Icons */ + @font-face { + font-family: 'slick'; + font-weight: normal; + font-style: normal; + src: url('@{slick-font-path}slick.eot'); + src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg'); + } + } +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: @slick-prev-character; + [dir="rtl"] & { + content: @slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: @slick-next-character; + [dir="rtl"] & { + content: @slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted .slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: @slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: @slick-dot-character; + width: 20px; + height: 20px; + font-family: @slick-font-family; + font-size: @slick-dot-size; + line-height: 20px; + text-align: center; + color: @slick-dot-color; + opacity: @slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: @slick-dot-color-active; + opacity: @slick-opacity-default; + } + } +} diff --git a/src/assets/slick/slick-theme.scss b/src/assets/slick/slick-theme.scss new file mode 100644 index 000000000..7fe63e107 --- /dev/null +++ b/src/assets/slick/slick-theme.scss @@ -0,0 +1,194 @@ +@charset "UTF-8"; + +// Default Variables + +// Slick icon entity codes outputs the following +// "\2190" outputs ascii character "←" +// "\2192" outputs ascii character "→" +// "\2022" outputs ascii character "•" + +$slick-font-path: "./fonts/" !default; +$slick-font-family: "slick" !default; +$slick-loader-path: "./" !default; +$slick-arrow-color: white !default; +$slick-dot-color: black !default; +$slick-dot-color-active: $slick-dot-color !default; +$slick-prev-character: "\2190" !default; +$slick-next-character: "\2192" !default; +$slick-dot-character: "\2022" !default; +$slick-dot-size: 6px !default; +$slick-opacity-default: 0.75 !default; +$slick-opacity-on-hover: 1 !default; +$slick-opacity-not-active: 0.25 !default; + +@function slick-image-url($url) { + @if function-exists(image-url) { + @return image-url($url); + } + @else { + @return url($slick-loader-path + $url); + } +} + +@function slick-font-url($url) { + @if function-exists(font-url) { + @return font-url($url); + } + @else { + @return url($slick-font-path + $url); + } +} + +/* Slider */ + +.slick-list { + .slick-loading & { + background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; + } +} + +/* Icons */ +@if $slick-font-family == "slick" { + @font-face { + font-family: "slick"; + src: slick-font-url("slick.eot"); + src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; + } +} + +/* Arrows */ + +.slick-prev, +.slick-next { + position: absolute; + display: block; + height: 20px; + width: 20px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } + &:before { + font-family: $slick-font-family; + font-size: 20px; + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +} + +.slick-prev { + left: -25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: $slick-prev-character; + [dir="rtl"] & { + content: $slick-next-character; + } + } +} + +.slick-next { + right: -25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: $slick-next-character; + [dir="rtl"] & { + content: $slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted.slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: $slick-dot-character; + width: 20px; + height: 20px; + font-family: $slick-font-family; + font-size: $slick-dot-size; + line-height: 20px; + text-align: center; + color: $slick-dot-color; + opacity: $slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: $slick-dot-color-active; + opacity: $slick-opacity-default; + } + } +} diff --git a/src/assets/slick/slick.css b/src/assets/slick/slick.css new file mode 100644 index 000000000..57477e848 --- /dev/null +++ b/src/assets/slick/slick.css @@ -0,0 +1,119 @@ +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/src/assets/slick/slick.js b/src/assets/slick/slick.js new file mode 100644 index 000000000..6a2a09953 --- /dev/null +++ b/src/assets/slick/slick.js @@ -0,0 +1,3011 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.8.0 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +/* global window, document, define, jQuery, setInterval, clearInterval */ +;(function(factory) { + 'use strict'; + if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (typeof exports !== 'undefined') { + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } + +}(function($) { + 'use strict'; + var Slick = window.Slick || {}; + + Slick = (function() { + + var instanceUid = 0; + + function Slick(element, settings) { + + var _ = this, dataSettings; + + _.defaults = { + accessibility: true, + adaptiveHeight: false, + appendArrows: $(element), + appendDots: $(element), + arrows: true, + asNavFor: null, + prevArrow: '', + nextArrow: '', + autoplay: false, + autoplaySpeed: 3000, + centerMode: false, + centerPadding: '50px', + cssEase: 'ease', + customPaging: function(slider, i) { + return $('',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('