refactor: site component with site-service

add function to site.services.ts [Refs ticket]: #4
naturalsolutions · Jan 23, 2023 · b3f9989 · b3f9989
1 parent cabdd3c
commit b3f9989
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 33 deletions.
diff --git a/frontend/app/components/monitoring-sitesgroups/monitoring-sitesgroups.component.ts b/frontend/app/components/monitoring-sitesgroups/monitoring-sitesgroups.component.ts
@@ -116,29 +116,17 @@ export class MonitoringSitesGroupsComponent implements OnInit {
     this._sites_service
       .getSitesGroups(offset, LIMIT, params)
       .subscribe((data: PaginatedSitesGroup) => {
+        // console.log(data)
         this.page = {count: data.count, limit: data.limit, offset: data.offset - 1}
-        this.sitesGroups = {
-          features: data.items.map((group) => {
-            let {
-              geometry,
-              properties,
-              ...others
-            } = group;
-            let result = {"geometry":geometry,"properties":properties,"type":"Feature"}
-            console.log("result",result)
-            console.log(group)
-            return result;
-          }),
-          type: "FeatureCollection",
-        };
+        this.sitesGroups = this._sites_service.setFormatToGeoJson(data)
         // console.log(this.sitesGroups);
-        this.getDataTable();
+        this.dataTable = this._sites_service.getDataTable(this.sitesGroups);
         this.listAllColName = this.colsTable();
         // console.log(this.listAllColName)
         this.columns = this.listAllColName;
         this.rows = this.dataTable;
-        console.log("rows", this.rows);
-        console.log("columns", this.columns);
+        // console.log("rows", this.rows);
+        // console.log("columns", this.columns);
         this.groupSiteId = this.sitesGroups.features[0].properties.id_sites_group;
         console.log("this.groupSiteId", this.groupSiteId);
         this.initObjectsStatus();
@@ -150,22 +138,6 @@ export class MonitoringSitesGroupsComponent implements OnInit {
     this.getSites(e.offset + 1, this.filters)
   }
 
-  getDataTable() {
-    this.dataTable = this.sitesGroups.features.map((groupSite) => {
-      let {
-        comments,
-        data,
-        // geometry,
-        uuid_sites_group,
-        // type,
-        id_sites_group,
-        sites_group_description,
-        ...dataTable
-      } = groupSite.properties;
-      return dataTable;
-    });
-    //  console.log(this.dataTable)
-  }
 
   colsTable() {
     console.log(this.dataTable)

diff --git a/frontend/app/services/sites.service.ts b/frontend/app/services/sites.service.ts
@@ -3,7 +3,39 @@ import { Injectable } from "@angular/core";
 import { CacheService } from "./cache.service";
 import { ConfigService } from "./config.service";
 import { HttpClient } from "@angular/common/http";
+import { GeoJSON } from "leaflet";
+interface SitesGroups{
+  comments?: string;
+  data?: any;
+  // geometry: any;
+  id_sites_group: number;
+  nb_sites: number;
+  nb_visits: number;
+  sites_group_code: string;
+  sites_group_description?: string;
+  sites_group_name: string;
+  uuid_sites_group: string;
+}
+
+interface SitesGroupsExtended extends Omit<GeoJSON.Feature, "P"|"type"> {
+  // properties:Omit<SitesGroups,"geometry">;
+  properties:SitesGroups
+  type:string;
+}
 
+interface Page {
+  count: number;
+  limit: number;
+  offset: number;
+}
+
+interface PaginatedSitesGroup extends Page{
+  items: SitesGroupsExtended[];
+}
+interface CustomGeoJson {
+  type: "FeatureCollection";
+  features: SitesGroupsExtended[];
+}
 
 @Injectable()
 export class SitesService {
@@ -14,4 +46,36 @@ export class SitesService {
   getSitesGroups(offset=1, limit=10, params={}) {
     return this._cacheService.request("get", `sites_groups`, {queryParams: {offset, limit, ...params}});
   }
+
+  setFormatToGeoJson(data:PaginatedSitesGroup):CustomGeoJson{
+    return {
+      features: data.items.map((group) => {
+        let {
+          geometry,
+          properties,
+          ..._
+        } = group;
+        let result = {"geometry":geometry,"properties":properties,"type":"Feature"}
+        console.log("result",result)
+        console.log(group)
+        return result;
+      }),
+      type: "FeatureCollection",
+    };
+  }
+
+  getDataTable(data:CustomGeoJson) {
+    return data.features.map((groupSite) => {
+      let {
+        comments,
+        data,
+        uuid_sites_group,
+        id_sites_group,
+        sites_group_description,
+        ...dataTable
+      } = groupSite.properties;
+      return dataTable;
+    });
+  }
+
 }