show offline features in red

src/components/feature/FeatureListTable.vue

@@ -133,7 +133,7 @@
             {{ feature.properties.updated_on }}
           </td>
           <td class="center" v-if="user">
-            {{ feature.properties.creator.username || " ---- " }}
+            {{ getUserName(feature) }}
           </td>
         </tr>
         <tr v-if="filteredFeatures.length === 0" class="odd">
@@ -288,6 +288,12 @@ export default {
   },
 
   methods: {
+    getUserName(feature){
+      if(!feature.properties.creator) {
+        return " ---- ";
+      }
+      return feature.properties.creator.username || " ---- "
+    },
     getFeatureDisplayName(feature) {
       return feature.properties.title || feature.id;
     },

src/views/project/Project_detail.vue

@@ -663,10 +663,13 @@ export default {
       this.$store.dispatch("map/INITIATE_MAP");
       const url = `${this.$store.state.configuration.VUE_APP_DJANGO_API_BASE}projects/${this.$route.params.slug}/feature/?output=geojson`;
       let self = this;
+      this.checkForOfflineFeature();
       axios
         .get(url)
         .then((response) => {
-          const features = response.data.features;
+          let features = response.data.features;
+          self.arraysOffline.forEach(x=>x.geojson.properties.color="red");
+          features=response.data.features.concat(self.arraysOffline.map(x=>x.geojson));
           const featureGroup = mapUtil.addFeatures(features);
           if (featureGroup && featureGroup.getLayers().length > 0) {
             mapUtil
@@ -678,7 +681,7 @@ export default {
         .catch((error) => {
           throw error;
         });
-      this.checkForOfflineFeature();
+      
 
     }