OFFLINE
+
+
diff --git a/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.scss b/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6835a0d2880a8dd9eb12f8a7b42d1c57b177a3a4
--- /dev/null
+++ b/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.scss
@@ -0,0 +1,40 @@
+@import 'src/theme/mixins.scss';
+downloaded-tracks-box {
+ margin-top: calc(146px + constant(safe-area-inset-top));
+ margin-top: calc(146px + env(safe-area-inset-top));
+ top: calc(146px + constant(safe-area-inset-top));
+ top: calc(146px + env(safe-area-inset-top));
+ height: 100%;
+
+ ion-text {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-content: flex-end;
+ align-items: flex-end;
+ height: calc(46px + env(safe-area-inset-top));
+ min-height: 80px;
+
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background-color: #333;
+ color: #fff;
+ padding: 5px;
+ box-sizing: border-box;
+ z-index: 999;
+
+ h1,
+ ion-icon {
+ order: 0;
+ flex: 0 1 auto;
+ align-self: center;
+ }
+ }
+ .downloaded-tracks-box-content {
+ margin-top: calc(86px + env(safe-area-inset-top));
+ box-sizing: border-box;
+ }
+}
diff --git a/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.ts b/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6b90713f39f05f48eb2a334ef2be24dea65651dc
--- /dev/null
+++ b/carg-app/core/src/app/components/box/downloaded-tracks-box/downloaded-tracks-box.component.ts
@@ -0,0 +1,34 @@
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {NavController} from '@ionic/angular';
+import {from, Observable} from 'rxjs';
+import {map} from 'rxjs/operators';
+import {NavigationExtras} from '@angular/router';
+import {getEcTracks} from '@wm-core/utils/localForage';
+@Component({
+ selector: 'downloaded-tracks-box',
+ templateUrl: './downloaded-tracks-box.component.html',
+ styleUrls: ['./downloaded-tracks-box.component.scss'],
+ encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DownloadedTracksBoxComponent {
+ tracks$: Observable
+ {{track.properties.name | wmtrans
+ }}
+
+ {{track.properties.duration_forward | minutetime}}
+
+ {{track.properties.size| wmToMb}}
+
+
+
+ {{track.properties.difficulty | wmtrans }}
+
+
+
+ {{track.properties.distance}} Km
+
+
+
+
+
+
+
+
+
+
+ {{message| wmtrans}}
+
+
+
+
+
+
+
+
+ {{ 'modals.coin.defaultmessage' | wmtrans }}
+
+
+
+
+
+ {{ 'modals.coin.info1' | wmtrans }}
+
+
+ {{ 'modals.coin.subinfo1' | wmtrans }}
+
+
+
+
+
+
+ {{ 'modals.coin.info2' | wmtrans }}
+
+
+ {{ 'modals.coin.subinfo2' | wmtrans }}
+
+
+
+
+
+
+ {{ 'modals.coin.info3' | wmtrans }}
+
+
+ {{ 'modals.coin.subinfo3' | wmtrans }}
+
+
+
+
+
+
+
+
+ {{ 'modals.giftcoin.title' | wmtrans }}
+
+
+
+ {{ 'modals.giftcoin.info' | wmtrans }}
+
+
+
+
+
+
+
+
+
+
+ {{ 'modals.storesuccess.title' | wmtrans }}
+
+
+
+ {{ 'modals.storesuccess.info' | wmtrans }}
+
+
+
+ {{ 'modals.storesuccess.continue' | wmtrans }}
+ "{{trackname}}"
+ {{ 'modals.storesuccess.continue2' | wmtrans }}
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ {{'modals.success.track.title' | wmtrans}}
+
+
+ {{'modals.success.track.text' | wmtrans}}
+
+
+
+
+
+
+
+
+ {{track.properties.name}}
+ {{trackDate | date}}
+
+
+ {{trackTime?.hours | number : '2.0-0'}}: {{trackTime?.minutes| number : '2.0-0'}}:
+ {{trackTime?.seconds| number : '2.0-0'}}
+
+
+
+ {{trackodo | number : '1.1-1'}}km
+
+
+
+ {{trackSlope | number:'1.0-00'}}m
+
+
+
+
+
+
+
+
+ +{{properties.media.length-3}}
+
+
+
+
+ {{'modals.success.waypoint.title' | wmtrans}}
+
+
+
+ {{'Hai salvato correttamente il tuo waypoint. Puoi visualizzarlo accedendo al tuo profilo.' | wmtrans}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{name}}
+
+
+ {{date| date }}
+
+
+
+
+
+ {{geometry[0]??geometry?.coordinates[0]}} ,
+ {{geometry[1]??geometry?.coordinates[1]}}
+
+
+
+
+
+
+
+
+
+
+ +{{ properties?.media?.length}}
+
+
+
+ {{"Distanza da te" | wmtrans}}
+ {{distanceFromCurrentPoi|distance:'auto':0}}
+
+
+
+
+
+
+
+
+
+
+
+
++ {{ "Per registrare tracce e poi correttamente, abilita l'autorizzazione alla posizione nelle impostazioni" | wmtrans + }}. +
++ {{'la distanza espressa in metri che indica la cadenza di rilevamento posizione, più il distance filter è minore piu il consumo della batteria sarà maggiore.'|wmtrans}} +
++ {{gpsAccuracy[currentDistanceFilter]|wmtrans}} +
+
+ {{'pages.profile.projectlink'|wmtrans}}
+ {{'pages.profile.disclaimerlink'|wmtrans}}
+ {{'pages.profile.creditslink'|wmtrans}}
+ {{'pages.profile.privacylink'|wmtrans}}
+
+
+
+
+
+
+
+ ![]()
+
+ {{item.name|wmtrans}}
+
+
+
+
+
+
+
+
+ {{ error | wmtrans }}
+
diff --git a/carg-app/core/src/app/components/shared/form-field/form-field.component.scss b/carg-app/core/src/app/components/shared/form-field/form-field.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..092098627ade5a3c501d4ba64c26537cdb7f4b30
--- /dev/null
+++ b/carg-app/core/src/app/components/shared/form-field/form-field.component.scss
@@ -0,0 +1,65 @@
+.webmapp-formfield-item {
+ padding: 22px 15px 10px 22px;
+ overflow: visible;
+ &.webmapp-formfield-item-noicon{
+ padding: 0px;
+ }
+
+ &.compiled {
+ --border-color: var(--wm-color-primary);
+ }
+
+
+ &.error {
+ --border-color: var(--wm-color-red);
+ }
+
+ &:focus-within {
+ --border-color: var(--wm-color-dark);
+ }
+
+ // border: 1px solid var(--ion-color-danger);
+
+ .webmapp-formfield-label {
+ font-weight: var(--wm-font-weight-bold);
+ .webmapp-formfield-label-secondary {
+ font-weight: var(--wm-font-weight-light);
+ }
+ .webmapp-formfield-label-required {
+ color: var(--ion-color-danger);
+ }
+ &.webmapp-formfield-labelphoto {
+ height: 30px;
+ top: 0px;
+ position: absolute;
+ }
+ }
+
+ .webmapp-formfield-icon {
+ position: absolute;
+ left: -28px;
+ top: 10px;
+ color: var(--wm-color-grey);
+
+ // &.primary {
+ // color: var(--wm-color-primary);
+ // }
+
+ // &.secondary {
+ // color: var(--wm-color-secondary);
+ // }
+
+ // &.tertiary {
+ // color: var(--wm-color-tertiary);
+ // }
+ }
+}
+.webmapp-formfield-error {
+ padding: 0px 25px 8px 41px;
+ color: var(--ion-color-danger);
+ display: inline-block;
+}
+
+.webmapp-formfield-content {
+ width: 100%;
+}
diff --git a/carg-app/core/src/app/components/shared/form-field/form-field.component.ts b/carg-app/core/src/app/components/shared/form-field/form-field.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..46afdf150ca6961213a14e9c37bc37a656dd1b7b
--- /dev/null
+++ b/carg-app/core/src/app/components/shared/form-field/form-field.component.ts
@@ -0,0 +1,54 @@
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';
+
+@Component({
+ selector: 'webmapp-form-field',
+ templateUrl: './form-field.component.html',
+ styleUrls: ['./form-field.component.scss'],
+})
+export class FormFieldComponent implements OnInit {
+
+ public value;
+
+ @Input() icon: string;
+ @Input() iconColor: string;
+ @Input() label: string;
+ @Input() secondary: string;
+ @Input() placeholder: string;
+ @Input() textArea: boolean = false;
+ @Input() required: boolean = false;
+ @Input() noline: boolean = false;
+ @Input() error: string;
+
+ @Input() validate: boolean = false;
+
+ @Input('value') set setValue(val: any) { this.value = val; this.valueChanged() }
+
+ @Output() valueChange = new EventEmitter
+
+
+
+
+
+
+ {{actualIndex}} / {{images?.length}}
+
diff --git a/carg-app/core/src/app/components/shared/gallery/gallery.component.scss b/carg-app/core/src/app/components/shared/gallery/gallery.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..49655dc8f175d6f22a02616ce0b0cdc9c370b148
--- /dev/null
+++ b/carg-app/core/src/app/components/shared/gallery/gallery.component.scss
@@ -0,0 +1,49 @@
+.webmapp-gallery-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+ // background-color: rgba(var(--wm-color-dark-rgb-trans));
+ background-color: var(--wm-color-dark);
+}
+
+.webmapp-gallery-closebtn {
+ position: absolute;
+ top: 30px;
+ left: 0px;
+ color: var(--wm-color-light);
+ z-index: 101;
+ padding: 15px;
+ font-size: var(--wm-font-icon);
+}
+
+.webmapp-gallery-slider {
+ left: 0;
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.webmapp-gallery-slide {
+}
+
+.webmapp-gallery-image {
+ min-width: 100%;
+ min-height: 150px;
+}
+
+.webmapp-gallery-legend{
+ position: absolute;
+ bottom: 30px;
+ left: 0px;
+ width: 100%;
+ text-align: center;
+ display: block;
+ color: var(--wm-color-light);
+ z-index: 101;
+ font-size: var(--wm-font-md);
+}
diff --git a/carg-app/core/src/app/components/shared/gallery/gallery.component.spec.ts b/carg-app/core/src/app/components/shared/gallery/gallery.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..acdec511295fc4aaf4daab62a3b31ed1b0fed4e4
--- /dev/null
+++ b/carg-app/core/src/app/components/shared/gallery/gallery.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { GalleryComponent } from './gallery.component';
+
+describe('GalleryComponent', () => {
+ let component: GalleryComponent;
+ let fixture: ComponentFixture
+
+
+ {{'pages.map.recordingbtn' | wmtrans}}
+
+
+ {{time?.hours | number : '2.0-0'}}:{{time?.minutes| number : '2.0-0'
+ }}:{{time?.seconds| number : '2.0-0'}}
+
+
+ {{ 'pages.downloadlist.select' | wmtrans }}
+ {{ 'pages.downloadlist.deleteselected' | wmtrans }}
+ {{ 'pages.downloadlist.cancel' | wmtrans }}
+
+
+
+ {{'pages.downloadlist.nodata' | wmtrans}}
+ {{ 'pages.downloadlist.nodata2' | wmtrans }}
+ {{ 'pages.downloadlist.nodatabtn' | wmtrans }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ Regione Lombardia
+
+
+
+ {{'pages.route.downloadpanel.download' | wmtrans}}
+
+ {{'pages.route.downloadpanel.downloading' |
+ wmtrans}}
+ {{track?.properties.name | wmtrans}}
+ {{track?.properties.name | wmtrans}}
+
+ {{'pages.route.downloadpanel.complete' |
+ wmtrans}}
+
+
+ {{'pages.route.downloadpanel.downloadbtn' | wmtrans}}
+
+ {{'pages.route.downloadpanel.dontclose' |
+ wmtrans}}
+
+
+ {{'pages.route.downloadpanel.gotobtn' | wmtrans}}
+
diff --git a/carg-app/core/src/app/pages/map/download-panel/download-panel.component.scss b/carg-app/core/src/app/pages/map/download-panel/download-panel.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..53ebf1009cf0534b92adb08d6e05a67129646aab
--- /dev/null
+++ b/carg-app/core/src/app/pages/map/download-panel/download-panel.component.scss
@@ -0,0 +1,54 @@
+wm-download-panel {
+ .webmapp-downloadpanel {
+ width: 100%;
+ height: auto;
+ max-height: 80vh;
+ overflow-y: scroll;
+ padding: 10px 0;
+ }
+
+ .webmapp-downloadpanel-status {
+ font-size: var(--wm-font-sm);
+ color: var(--wm-color-darkgrey);
+ display: block;
+ }
+
+ .webmapp-downloadpanel-title {
+ font-weight: var(--wm-font-weight-bold);
+ font-size: var(--wm-font-lg);
+ color: var(--wm-color-dark);
+ display: block;
+ padding: 15px 0;
+ }
+
+ .webmapp-downloadpanel-element-title {
+ padding: 30px 0 0;
+ font-weight: 300;
+ font-size: 12px;
+ display: block;
+ }
+
+ .webmapp-downloadpanel-element-value {
+ padding: 5px 0;
+ display: block;
+ font-weight: var(--wm-font-weight-bold);
+ font-size: var(--wm-font-xxlg);
+ }
+ .webmapp-downloadpanel-element-progress {
+ &::part(track) {
+ background-color: transparent;
+ }
+ }
+
+ .webmapp-downloadpanel-advice {
+ font-size: var(--wm-font-sm);
+ padding-top: 20px;
+ display: block;
+ }
+
+ .webmapp-downloadpanel-button {
+ width: 99%;
+ --border-radius: 36px;
+ --background: var(--wm-color-primary);
+ }
+}
diff --git a/carg-app/core/src/app/pages/map/download-panel/download-panel.component.ts b/carg-app/core/src/app/pages/map/download-panel/download-panel.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..aca34fc0d2dafbff56f0faea8d111c7e2f605ff9
--- /dev/null
+++ b/carg-app/core/src/app/pages/map/download-panel/download-panel.component.ts
@@ -0,0 +1,121 @@
+import {
+ ChangeDetectionStrategy,
+ ChangeDetectorRef,
+ Component,
+ EventEmitter,
+ Input,
+ OnChanges,
+ Output,
+ SimpleChanges,
+ ViewEncapsulation,
+} from '@angular/core';
+
+import {DownloadStatus} from 'src/app/types/download';
+import {downloadPanelStatus} from 'src/app/types/downloadpanel.enum';
+import {LineString} from 'geojson';
+import {downloadEcTrack} from '@wm-core/utils/localForage';
+import {WmFeature} from '@wm-types/feature';
+import {Store} from '@ngrx/store';
+import {goToHome, openDownloads} from '@wm-core/store/user-activity/user-activity.action';
+import {UrlHandlerService} from '@wm-core/services/url-handler.service';
+import {downloadOverlay} from '@map-core/utils';
+import {currentHitmapFeature} from '@wm-core/store/user-activity/user-activity.selector';
+import {take} from 'rxjs/operators';
+@Component({
+ selector: 'wm-download-panel',
+ templateUrl: './download-panel.component.html',
+ styleUrls: ['./download-panel.component.scss'],
+ encapsulation: ViewEncapsulation.None,
+ changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class WmDownloadPanelComponent implements OnChanges {
+ private _myEventSubscription;
+
+ @Input() track: WmFeature
+
+
+
+ {{'pages.route.downloadpanel.' + element.name | wmtrans}}
+
+ {{element.value*100 | number : "0.0-0"}}%
+
+
+
+
diff --git a/carg-app/core/src/app/pages/map/download/download.component.scss b/carg-app/core/src/app/pages/map/download/download.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..6300870f30a42a234a1d51c9e1b525cf96775a7e
--- /dev/null
+++ b/carg-app/core/src/app/pages/map/download/download.component.scss
@@ -0,0 +1,40 @@
+wm-download {
+ position: relative;
+ .webmapp-pageroute-downloadpanel-container {
+ background-color: white;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ padding: 50px 10px 20px;
+ z-index: 99;
+ .webmapp-pageroute-downloadpanel-exit {
+ position: absolute;
+ z-index: 99;
+ top: 15px;
+ right: 15px;
+ font-size: 15px;
+ padding: 5px;
+ background-color: rgba(255, 255, 255, 0.7);
+
+ color: var(--wm-color-dark);
+ // @include box-shadow-light;
+ }
+ .webmapp-pageroute-downloadpanel-logo {
+ position: absolute;
+ z-index: 99;
+ top: 6px;
+ left: 6px;
+ font-size: 15px;
+ }
+ }
+ .webmapp-pageroute-downloadbackpanel {
+ width: 100%;
+ height: 100vh;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ background-color: #333;
+ opacity: 0.4;
+ }
+}
diff --git a/carg-app/core/src/app/pages/map/download/download.component.ts b/carg-app/core/src/app/pages/map/download/download.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fc7fea5c71b30552a0ed126f170924ad0aba141d
--- /dev/null
+++ b/carg-app/core/src/app/pages/map/download/download.component.ts
@@ -0,0 +1,78 @@
+import {
+ Component,
+ OnInit,
+ ChangeDetectionStrategy,
+ ViewEncapsulation,
+ Input,
+ EventEmitter,
+ Output,
+} from '@angular/core';
+import {AlertController} from '@ionic/angular';
+import {LangService} from '@wm-core/localization/lang.service';
+import {downloadPanelStatus} from '@wm-core/types/downloadpanel.enum';
+import {WmFeature} from '@wm-types/feature';
+import {LineString} from 'geojson';
+@Component({
+ selector: 'wm-download',
+ templateUrl: './download.component.html',
+ styleUrls: ['./download.component.scss'],
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ encapsulation: ViewEncapsulation.None,
+})
+export class WmDownloadComponent implements OnInit {
+ private _actualDownloadStatus: downloadPanelStatus;
+
+ @Input() track: WmFeature
+
+
+
+
+
+
+
+
+
+
+
+ {{ track.properties.name | wmtrans }}
+ {{ track.properties.duration_forward | minutetime }}
+
+
+ {{ track.properties.difficulty | wmtrans }}
+
+
+
+ {{ track.properties.distance }} Km
+
+
+
+
+
+
+
+
+
+
+ {{ugcPoiProperties.name|wmtrans}}
+
+
+
+
+
+ {{currentTrack?.properties?.name|wmtrans }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ poiType.name|wmtrans}}
+
+ {{ poiType.name|wmtrans}}
+
+
+
+ {{name|wmtrans}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ poiType.name | wmtrans}}
+
+
+ {{ name | wmtrans}}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentPoi.properties.address}}
+
+
+
+
+ {{phone}}
+
+
+
+
+
+
+
+
+ {{'pages.register.modalphotos.noimages' | wmtrans}}
+
+
+
+ {{'pages.register.modalphotos.selectall' | wmtrans}}
+
+ {{'pages.register.modalphotos.deselectall' | wmtrans}}
+
+
+
+
+
+
+ {{'pages.register.time' | wmtrans}}
+
+
+ {{time?.hours | number : '2.0-0'}}:{{time?.minutes| number : '2.0-0'}}:{{time?.seconds|
+ number : '2.0-0'}}
+
+
+
+
+ {{'pages.register.currentspeed' | wmtrans}}
+
+
+ {{actualSpeed | number:'1.0-0'}}km/h
+
+
+
+
+ {{'pages.register.averagespeed' | wmtrans}}
+
+
+ {{averageSpeed | number:'1.0-0'}}km/h
+
+
+
+
+ {{'pages.register.odo' | wmtrans}}
+
+ {{length | number:'1.2-2'}}
+
+
+ {{'pages.register.backgroundbtn' | wmtrans}}
+
+
+
+
+
+
+ {{'pages.register.resumebtn' | wmtrans}}
+
+
+
+ {{'pages.register.pausebtn' | wmtrans}}
+
+
+
+ {{'pages.register.stopbtn' | wmtrans}}
+