From faddc2f90ca1aa9f85b2c29ac1146f9718a9edc5 Mon Sep 17 00:00:00 2001
From: Matt Voboril <tobiah@pm.me>
Date: Tue, 25 May 2021 11:48:11 -0500
Subject: [PATCH] feat: storm indicator & separate storm & non-storm fissures
 in the sort (#487)

---
 src/components/panels/FissuresPanel.vue | 21 +++++++++++++++++++--
 src/lang/en.json                        |  3 ++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/panels/FissuresPanel.vue b/src/components/panels/FissuresPanel.vue
index ecd7ec70..f8d560c7 100644
--- a/src/components/panels/FissuresPanel.vue
+++ b/src/components/panels/FissuresPanel.vue
@@ -22,7 +22,18 @@
           <b>{{ fissure.node }}</b> | {{ fissure.missionType }} |
           {{ fissure.tier }}
         </span>
-        <TimeBadge :starttime="fissure.activation" :endtime="fissure.expiry" :interval="1000" style="padding: 5px" />
+
+        <span class="pull-right">
+          <TimeBadge :starttime="fissure.activation" :endtime="fissure.expiry" :interval="1000" style="padding: 5px" />
+          <HubImg
+            v-if="fissure.isStorm"
+            :src="archwing"
+            :name="$t('fissures.voidstorm')"
+            class="li-mission-decorator li-mission-decorator-lg"
+            height="24px"
+            width="24px"
+          />
+        </span>
       </b-list-group-item>
       <NoDataItem v-if="filteredFissures.length === 0" :text="headertext" />
     </b-list-group>
@@ -34,6 +45,7 @@ import TimeBadge from '@/components/TimeBadge.vue';
 import HubImg from '@/components/HubImg.vue';
 import NoDataItem from '@/components/NoDataItem.vue';
 import HubPanelWrap from '@/components/HubPanelWrap';
+import archwing from '@/assets/img/archwing.svg';
 
 const fissureIcons = [];
 import lith from '@/assets/img/fissures/1.svg';
@@ -67,7 +79,11 @@ export default {
           const isFiltered = planets.test(fissure.node);
           return (pState.length > 0 ? !isFiltered : true) && !fissure.expired;
         })
-        .sort((a, b) => a.tierNum - b.tierNum);
+        .sort((a, b) => {
+          return (a.isStorm && !b.isStorm)
+            ? 1
+            : ((!a.isStorm && b.isStorm) ? -1 : a.tierNum - b.tierNum);
+        });
     },
   },
   methods: {
@@ -81,6 +97,7 @@ export default {
         display: 'inline',
         'vertical-align': 'middle',
       },
+      archwing,
     };
   },
   components: {
diff --git a/src/lang/en.json b/src/lang/en.json
index 0e9d3cb2..3789794c 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -84,7 +84,8 @@
     "sentient": "Sentient"
   },
   "fissures": {
-    "header": "Fissures"
+    "header": "Fissures",
+    "voidstorm": "Void Storm"
   },
   "invasions": {
     "header": "Invasions",