Fixed Responsiveness, Refactored title, context path and key

README.md

@@ -1,9 +1,7 @@
-# Cumulocity Tracking Replay Map Widget Plugin [<img width="35" src="https://user-images.githubusercontent.com/32765455/211497905-561e9197-18b9-43d5-a023-071d3635f4eb.png"/>](https://github.com/SoftwareAG/cumulocity-tracking-replay-map-widget-plugin/releases/download/1.0.0-beta/tracking-replay-runtime-widget-1.0.0-beta.zip)
+# Cumulocity Tracking Replay Map Widget Plugin [<img width="35" src="https://user-images.githubusercontent.com/32765455/211497905-561e9197-18b9-43d5-a023-071d3635f4eb.png"/>](https://github.com/SoftwareAG/cumulocity-tracking-replay-map-widget-plugin/releases/download/1.0.0/sag-ps-pkg-tracking-replay-1.0.0.zip)
 
 The Cumulocity Tracking Replay widget is the Cumulocity module federation plugin created using c8ycli. This plugin can be used in Application Builder or Cockpit. The Cumulocity Tracking Replay widget helps you to display track lines of the tracking device with replay feature on map.
 
-### Please note that this plugin is in currently under BETA mode.
-
 ### Please choose Tracking Replay Map Widget release based on Cumulocity/Application builder version:
 
 |APPLICATION BUILDER | CUMULOCITY | TRACKING REPLAY MAP WIDGET PLUGIN |
@@ -34,7 +32,7 @@ The Cumulocity Tracking Replay widget is the Cumulocity module federation plugin
 
 ### Runtime Widget Deployment?
 
-* This widget support runtime deployment. Download [Runtime Binary](https://github.com/SoftwareAG/cumulocity-tracking-replay-map-widget-plugin/releases/download/1.0.0-beta/tracking-replay-runtime-widget-1.0.0-beta.zip) and install via Administrations(Beta mode) --> Ecosystems --> Applications --> Packages 
+* This widget support runtime deployment. Download [Runtime Binary](https://github.com/SoftwareAG/cumulocity-tracking-replay-map-widget-plugin/releases/download/1.0.0/sag-ps-pkg-tracking-replay-1.0.0.zip) and install via Administrations --> Ecosystems --> Applications --> Packages 
 
 ## QuickStart
 

package.json

@@ -1,16 +1,20 @@
 {
  "name": "cumulocity-tracking-replay-map-widget-plugin",
- "version": "1.0.0-beta",
+ "version": "1.0.0",
  "description": "The Tracking Replay Map Widget displays track lines of tracking device with replay feature.",
  "scripts": {
- "start": "c8ycli server --env.beta=true",
+ "start": "c8ycli server",
  "build": "c8ycli build --env.mode=production",
  "deploy": "c8ycli deploy",
  "postinstall": "ngcc",
  "prebuild": " gulp clean",
  "postbuild": " gulp bundle"
  },
- "keywords": [],
+ "keywords": [
+ "Cumulocity",
+ "Plugin",
+ "Widget"
+ ],
  "author": "Software AG, Global Presales",
  "license": "Apache 2.0",
  "dependencies": {
@@ -55,10 +59,10 @@
  },
  "c8y": {
  "application": {
- "name": "Tracking Replay Map Runtime Widget",
+ "name": "Tracking Replay Map Widget",
  "description": "The Tracking Replay Map Widget displays track lines of tracking device with replay feature.",
- "contextPath": "tracking-replay-runtime-widget",
- "key": "tracking-replay-runtime-widget-application-key",
+ "contextPath": "sag-ps-pkg-tracking-replay",
+ "key": "sag-ps-pkg-tracking-replay-application-key",
  "globalTitle": "The Tracking Replay Map Widget displays track lines of tracking device with replay feature.",
  "tabsHorizontal": true,
  "isPackage": true,
@@ -67,7 +71,7 @@
  "requiredPlatformVersion": ">=1016.0.0",
  "exports": [
  {
- "name": "Cumulocity Tracking Replay Map Widget Plugin",
+ "name": "Tracking Replay Map Widget",
  "module": "GpTrackingReplayMapModule",
  "path": "./widget/gp-tracking-replay-map.module.ts",
  "description": "The Tracking Replay Map Widget displays track lines of tracking device with replay feature."
@@ -84,4 +88,4 @@
  "browserslist": [
  "last 2 major versions"
  ]
-}
+}

widget/config/gp-tracking-replay-map-config.component.html

@@ -1,18 +1,16 @@
-<div class="form-group">
- <div class="row col-sm-12">
- <div class="col-sm-4">
- <label translate>Event Type</label>
- <input class="form-control" style="width: 100%" type="text" name="config.eventType"
- [(ngModel)]="config.eventType" />
- </div>
- <div class="col-sm-4">
- <label translate>Fragment Type</label>
- <input class="form-control" style="width: 100%" type="text" name="config.fragmentType"
- [(ngModel)]="config.fragmentType" />
- <span>
- <p style="font-size: 12px;color:orange;">Fragment type should consist of Latitude(lat) and
- Longitude(lng) values.</p>
- </span>
- </div>
- </div><br>
-</div>
+<div class="row col-sm-12">
+ <div class="col-sm-6 col-md-6">
+ <label translate>Event Type</label>
+ <input class="form-control" style="width: 100%" type="text" name="config.eventType"
+ [(ngModel)]="config.eventType" />
+ </div>
+ <div class="col-sm-6 col-md-6">
+ <label translate>Fragment Type</label>
+ <input class="form-control" style="width: 100%" type="text" name="config.fragmentType"
+ [(ngModel)]="config.fragmentType" />
+ <span>
+ <p style="font-size: 12px;color:orange;">Fragment type should consist of Latitude(lat) and
+ Longitude(lng) values.</p>
+ </span>
+ </div>
+</div><br>

widget/gp-tracking-replay-map.component.html

@@ -62,27 +62,28 @@
  </div>
  </div>
  <div class="widget-gps-tracking-content">
- <div class="">
+ <div class="row col-sm-12">
  <div class="col-sm-6 col-md-10 col-xs-12 flex-item-v-stretch widget-gps-tracking-map" #trmapRef
- [style.height.px]="height"></div>
- </div>
- <ul class="event-list list-group col-sm-6 col-md-2 col-xs-12 event-list flex-item-v-stretch modal-inner-scroll"
- [style.height.px]="height">
- <h4 class="heading">Tracking events</h4>
- <div *ngIf="dataPoints && dataPoints.length === 0">
- <hr style="margin:0;" />
- <div class=" c8y-empty-state text-left">
- <h1 class="c8y-icon c8y-icon-location c8y-icon-duocolor"></h1>
- <p>No tracking events found</p>
- </div>
+ [style.height.px]="height">
  </div>
- <li class="list-group-item tracking-event" *ngFor="let dataPoint of dataPoints; let i = index"
- (click)="playTillPoint(i)">
- <div class="list-item-icon">
- <i c8y-icon="c8y-location" class="c8y-icon c8y-icon-location"></i>
+ <ul class="event-list list-group col-sm-6 col-md-2 col-xs-12 event-list flex-item-v-stretch modal-inner-scroll"
+ [style.height.px]="height">
+ <h4 class="heading">Tracking events</h4>
+ <div *ngIf="dataPoints && dataPoints.length === 0">
+ <hr style="margin:0;" />
+ <div class=" c8y-empty-state text-left">
+ <h1 class="c8y-icon c8y-icon-location c8y-icon-duocolor"></h1>
+ <p>No tracking events found</p>
+ </div>
  </div>
- {{dataPoint.time | date : 'medium'}}
- </li>
- </ul>
+ <li class="list-group-item tracking-event" *ngFor="let dataPoint of dataPoints; let i = index"
+ (click)="playTillPoint(i)">
+ <div class="list-item-icon">
+ <i c8y-icon="c8y-location" class="c8y-icon c8y-icon-location"></i>
+ </div>
+ {{dataPoint.time | date : 'medium'}}
+ </li>
+ </ul>
+ </div>
  </div>
 </div>