latest updates @APR 20, 2022
This commit is contained in:
pritesh
parent
90b15f5e00
commit
a0bdbc7c55
1657 changed files with 301942 additions and 0 deletions
79
src/app/trip-history/trip-history.component.html
Normal file
79
src/app/trip-history/trip-history.component.html
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<!-- <flash-messages style="float: center;"></flash-messages>
|
||||
<div style="height: 535px;padding-top: 6%;">
|
||||
<div class="loading" *ngIf="Load">Loading…</div>
|
||||
<div>
|
||||
<h4 style="text-align:center">{{'TRIP HISTORY' | translate}}</h4>
|
||||
</div>
|
||||
<button style="background-color: #427942;border: white;float:right;" class="btn btn-primary w3-button/" (click)="exportExcel()">{{'Export to excel' | translate}}</button>
|
||||
<table id='test_history' class="table table-striped table-hover" style="overflow-y: hidden;
|
||||
overflow-x: hidden;font-size:12px">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{'Event name' | translate}}</th>
|
||||
<th>{{'Event time' | translate}}</th>
|
||||
<th>{{'Location' | translate}}</th>
|
||||
<th>{{'Vehicle name' | translate}}</th>
|
||||
<th>{{'Driver' | translate}}</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let history of populateHistory">
|
||||
<td style="cursor:pointer">{{history.item.sentence}}</td>
|
||||
<td style="cursor:pointer">{{history.timestamp|date:'short'}}</td>
|
||||
<td style="cursor:pointer">{{history.address}}</td>
|
||||
<td style="cursor:pointer">{{history.vehicleName}}</td>
|
||||
<td style="cursor:pointer">{{history.driver?history.trip.driver.name:'NA'}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div class="container">
|
||||
<div id="map" style="width:100%;height: 100%;"></div>
|
||||
<div class="row" *ngFor="let historyArr of tempMapHistory ; let i = index"
|
||||
style="position: absolute; top: 10px;background: white; border-radius: 2px;padding: 3px 20px;left: 215px;box-shadow: rgba(0, 0, 0, 0.16) 4px 2px 10px;">
|
||||
<div class="col-12">
|
||||
<div style="display: flex;">
|
||||
<div>
|
||||
<i class="far fa-play-circle" *ngIf="tempMapHistory[i].flag=='init'" (click)="play(i)"
|
||||
mdTooltip="{{'Play History' | translate}}"
|
||||
style="width: 34px;height: 34px;font-size: 34px;color: #1eacb2;"></i>
|
||||
<i class="far fa-play-circle" *ngIf="tempMapHistory[i].flag=='start'" (click)="play(i)"
|
||||
mdTooltip="{{'Play History' | translate}}"
|
||||
style="width: 34px;height: 34px;font-size: 34px;color: #1eacb2;"></i>
|
||||
<i class="far fa-pause-circle" *ngIf="tempMapHistory[i].flag=='stop'" (click)="play(i)"
|
||||
mdTooltip="{{'Pause' | translate}}"
|
||||
style="width: 34px;height: 34px;font-size: 34px;color: #1eacb2;"></i>
|
||||
</div>
|
||||
<input type="range" min="0" max={{seekBarValue}} [(ngModel)]="sliderValue" class="slider" id="slider1"
|
||||
style="width: 200px;margin-left: 20px;margin-right: 20px; box-shadow: 0px 0px 6px 5px lightg"
|
||||
(change)="zoomSet()">
|
||||
<!-- <div class="kWgQNm" id="myDIV">
|
||||
<div width="30px" cursor="pointer" font-size="14px" color="#1EACB2" class="sc-bdVaJa dfmgGo active" (click)="changeSpeed(1)">1x</div>
|
||||
<div width="30px" cursor="pointer" font-size="14px" color="#1EACB2" class="sc-bdVaJa jXaklS" (click)="changeSpeed(2)">2x</div>
|
||||
<div width="30px" cursor="pointer" font-size="14px" color="#1EACB2" class="sc-bdVaJa jXaklS" (click)="changeSpeed(5)">5x</div>
|
||||
<div width="30px" cursor="pointer" font-size="14px" color="#FFFFFF" class="sc-bdVaJa bvKoMW" (click)="changeSpeed(10)">10x</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="row"
|
||||
style="padding:0;position: absolute;top: 432px;background: white;border-radius: 2px;padding: 10px 0px;width: 62%;left: 40px;box-shadow: rgba(0, 0, 0, 0.16) 4px 2px 10px;">
|
||||
<div class="col-3">
|
||||
<p style="font-weight: 700;text-align: center;margin: 0;">Distance</p>
|
||||
<p style="text-align: center;margin: 0;">{{tdistance}}</p>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<p style="font-weight: 700;text-align: center;margin: 0;">Cumulative Distance (Kms.)</p>
|
||||
<p style="text-align: center;margin: 0;">{{cummulative_Distance}}</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<p style="font-weight: 700;text-align: center;margin: 0;">Speed (Kmph)</p>
|
||||
<p style="text-align: center;margin: 0;">{{speeed2}}</p>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<p style="font-weight: 700;text-align: center;margin: 0;">Time</p>
|
||||
<p style="text-align: center;margin: 0;">{{triptime|date:'medium'}}</p>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
62
src/app/trip-history/trip-history.component.scss
Normal file
62
src/app/trip-history/trip-history.component.scss
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
.container {
|
||||
width: 900px;
|
||||
height: 500px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slider {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.kWgQNm {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
-webkit-box-pack: start;
|
||||
justify-content: flex-start;
|
||||
align-content: center;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
max-width: unset;
|
||||
min-width: unset;
|
||||
min-height: unset;
|
||||
cursor: unset;
|
||||
transform: unset;
|
||||
word-break: unset;
|
||||
z-index: unset;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
overflow: unset;
|
||||
background: unset;
|
||||
border-right: unset;
|
||||
border-bottom: unset;
|
||||
flex: 0 0 auto;
|
||||
border-radius: unset;
|
||||
transition: initial;
|
||||
}
|
||||
|
||||
.kWgQNm {
|
||||
// .active, .dfmgGo:hover{
|
||||
// background-color: rgb(30, 172, 178);
|
||||
// border-right: 1px solid rgb(30, 172, 178);
|
||||
// border-top: 1px solid rgb(30, 172, 178);
|
||||
// border-bottom: 1px solid rgb(30, 172, 178);
|
||||
// color:white;
|
||||
// }
|
||||
|
||||
.active,
|
||||
.sc-bdVaJa:hover {
|
||||
background-color: rgb(30, 172, 178);
|
||||
color: white;
|
||||
border-bottom: 1px solid rgb(30, 172, 178);
|
||||
}
|
||||
|
||||
// .active, .bvKoMW:hover{
|
||||
// background-color: rgb(30, 172, 178);
|
||||
// border-right: 1px solid rgb(30, 172, 178);
|
||||
// border-top: 1px solid rgb(30, 172, 178);
|
||||
// border-bottom: 1px solid rgb(30, 172, 178);
|
||||
// color:white;
|
||||
// }
|
||||
}
|
||||
25
src/app/trip-history/trip-history.component.spec.ts
Normal file
25
src/app/trip-history/trip-history.component.spec.ts
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { TripHistoryComponent } from './trip-history.component';
|
||||
|
||||
describe('TripHistoryComponent', () => {
|
||||
let component: TripHistoryComponent;
|
||||
let fixture: ComponentFixture<TripHistoryComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ TripHistoryComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(TripHistoryComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should be created', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
1074
src/app/trip-history/trip-history.component.ts
Normal file
1074
src/app/trip-history/trip-history.component.ts
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue