From 7eed638ac08d4d1d7c5eac14c456d7b33b4ba94a Mon Sep 17 00:00:00 2001
From: bartvdbraak <bartvdbraak@gmail.com>
Date: Sat, 1 Feb 2020 01:39:15 +0100
Subject: [PATCH] responsive nav + hamburger menu

---
 src/App.vue                     |  14 +-
 src/components/LeftNav.vue      |   3 +-
 src/components/MainContent.vue  |   2 +-
 src/components/TableSection.vue |  31 ++---
 src/components/TopNav.vue       |  40 ++++--
 src/data/monsters.csv           | 222 ++++++++++++++++----------------
 src/data/monsters.json          | 112 +++++++++++++++-
 7 files changed, 273 insertions(+), 151 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 68e77f8..48e9f7b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
   <div id="app">
-    <top-nav></top-nav>
+    <top-nav @clicked="showMenu"></top-nav>
     <div class="container-fluid">
       <div class="row">
-        <left-nav></left-nav>
+        <left-nav v-show="isDisabled"></left-nav>
         <main-content></main-content>
       </div>
     </div>
@@ -22,6 +22,16 @@ export default {
 		LeftNav,
 		TopNav,
 	},
+	data() {
+		return {
+			isDisabled: false
+		}
+	},
+	methods: {
+		showMenu() {
+			this.isDisabled = !this.isDisabled;
+		}
+	}
 }
 </script>
 
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index c4bffe5..106c512 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -1,5 +1,5 @@
 <template >
-    <nav class="col-md-2 d-none d-md-block bg-light sidebar" @click="activate">
+    <nav class="col-md-2 d-md-block bg-light sidebar" @click="activate">
         <div class="sidebar-sticky">
             <ul class="nav flex-column mb-2">
                 <NavItem v-for="link in links" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :to="link.to"/>
@@ -68,6 +68,7 @@ export default {
         z-index: 100; /* Behind the navbar */
         padding: 48px 0 0; /* Height of navbar */
         box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+        width: 250px;
     }
 
     .sidebar-sticky {
diff --git a/src/components/MainContent.vue b/src/components/MainContent.vue
index fdc3e2a..5151003 100644
--- a/src/components/MainContent.vue
+++ b/src/components/MainContent.vue
@@ -20,7 +20,7 @@ export default {
 
 <style scoped>
   [role="main"] {
-    padding-top: 133px; /* Space for fixed navbar */
+    padding-top: 48px; /* Space for fixed navbar */
   }
 
   @media (min-width: 768px) {
diff --git a/src/components/TableSection.vue b/src/components/TableSection.vue
index 52cf266..bcf1391 100644
--- a/src/components/TableSection.vue
+++ b/src/components/TableSection.vue
@@ -14,13 +14,14 @@
             </div>
         </div>
         <div class="table-responsive">
-            <b-table striped hover :items="filtered_items" :fields="fields"></b-table>
+            <b-table striped hover :items="monstersData" :fields="fields"></b-table>
         </div>
     </section>
 </template>
 
 <script>
 import master_json from "../data/masters";
+import monster_json from "../data/monsters";
 
 export default {
 	name: "TableSection",
@@ -28,43 +29,31 @@ export default {
 		return {
 			mastersData: master_json,
 		    currentMaster: null,
+			monstersData: monster_json,
+			total_weight: 0,
 			fields: [
 				{
-					key: 'last_name',
-					sortable: true
+					key: 'monster',
+					label: 'Monster name',
+					sortable: true,
 				},
-				{
-					key: 'first_name',
-					sortable: true
-				},
-			],
-		    total_weight: 100,
-			items: [
-				{ age_requirement: 40, first_name: 'Dickerson', last_name: 'Macdonald', combat_requirement: 10 },
-				{ age_requirement: 21, first_name: 'Larsen', last_name: 'Shaw', combat_requirement: 0 },
-				{ age_requirement: 89, first_name: 'Geneva', last_name: 'Wilson', combat_requirement: 50 },
-				{ age_requirement: 38, first_name: 'Jami', last_name: 'Carney', combat_requirement: 0 }
 			],
 			filters: {
-				age: 35,
 				combat_level: 49,
+				slayer_level: 75,
 			},
 			filtered_items: [],
 		}
 	},
 	methods: {
 		reload() {
-		    this.currentMaster = this.mastersData.masters[this.$route.params.id]
+		    this.currentMaster = this.mastersData.masters[this.$route.params.id];
 		    this.filterData();
 		},
 	    filterData() {
 			// this.filtered_items = this.items.filter(item => item.last_name.includes('Carney'));
+			this.filtered_items = this.monstersData.filter(item => item.combat_req < this.filters.combat_level);
 
-			this.filtered_items = this.items.filter(item => item.combat_requirement < this.filters.combat_level);
-
-		},
-		getMasterById(jsonObject, id) {
-			return jsonObject.filter(item => item.id === id)[0];
 		},
 	},
 	mounted() {
diff --git a/src/components/TopNav.vue b/src/components/TopNav.vue
index 3ebc376..3f6f193 100644
--- a/src/components/TopNav.vue
+++ b/src/components/TopNav.vue
@@ -1,13 +1,17 @@
 <template>
-    <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow  " role="navigation" aria-label="main navigation">
-        <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="/">Slayer Weight Calculator</a>
-
-        <small class="text-white-50 font-italic">A calculator for slayer geeks that need to know percentages.</small>
+    <nav class="navbar navbar-dark fixed-top bg-dark px-2 py-0 shadow" role="navigation" aria-label="main navigation">
 
+        <ul class="navbar-nav px-3 menu-icon">
+            <li class="nav-item text-nowrap">
+                <a class="nav-link" @click="emitMenu">
+                    <svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="currentColor" d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>                </a>
+            </li>
+        </ul>
+        <div class="d-inline-block  text-monospace text-white">Slayer Weight Calculator</div>
         <ul class="navbar-nav px-3">
             <li class="nav-item text-nowrap">
                 <a class="nav-link" href="https://github.com/bartvdbraak/slayweightcalc">
-                    <svg xmlns="http://www.w3.org/2000/svg" height="20" class="m-1" viewBox="0 0 512 499.36" role="img" focusable="false"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" height="28" class="m-1" viewBox="0 0 512 499.36" role="img" focusable="false"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg>
                     Github
                 </a>
             </li>
@@ -17,22 +21,30 @@
 
 <script>
 export default {
-	name: "Navbar"
+	name: "Navbar",
+	methods: {
+		emitMenu() {
+			console.log('test')
+			this.$emit('clicked');
+		}
+	}
 }
 </script>
 
 <style scoped>
-    .navbar-brand {
-        padding-top: .75rem;
-        padding-bottom: .75rem;
-        font-size: 1rem;
-        background-color: rgba(0, 0, 0, .25);
-        box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
-    }
-
     .navbar {
         padding: .75rem 1rem;
         border-width: 0;
         border-radius: 0;
     }
+    .menu-icon {
+        display: none;
+    }
+
+    @media (max-width: 768px) {
+        .menu-icon {
+            display: block;
+            cursor: pointer;
+        }
+    }
 </style>
diff --git a/src/data/monsters.csv b/src/data/monsters.csv
index 54309df..dfa3dd9 100644
--- a/src/data/monsters.csv
+++ b/src/data/monsters.csv
@@ -1,111 +1,111 @@
-monster,slayer_req,combat_req,defence_req
-Aberrant spectres,60,65,0
-Abyssal demons,85,85,0
-Adamant dragons,1,0,0
-Ankous,1,40,0
-Aviansies,1,0,0
-Bandits,1,0,0
-Banshees,15,20,0
-Basilisks,40,40,20
-Bats,1,5,0
-Bears,1,13,0
-Birds,1,0,0
-Black demons,1,80,0
-Black dragons,1,80,0
-Bloodvelds,50,50,0
-Blue dragons,1,65,0
-Bosses,1,0,0
-Brine rats,47,45,0
-Bronze dragons,1,75,0
-Catablepons,1,35,0
-Cave bugs,7,0,0
-Cave crawlers,10,10,0
-Cave horrors,58,85,0
-Cave krakens,87,80,0
-Cave slimes,17,15,0
-Chaos druids,1,0,0
-Cockatrices,25,25,20
-Cows,1,5,0
-Crawling Hands,5,0,0
-Crocodiles,1,50,0
-Dagannoths,1,75,0
-Dark beasts,90,90,0
-Dark warriors,1,0,0
-Dogs,1,15,0
-Drakes,84,0,0
-Dust devils,65,70,0
-Dwarves,1,6,0
-Earth warriors,1,35,0
-Elves,1,0,0
-Ents,1,0,0
-Fever spiders,42,40,0
-Fire giants,1,65,0
-Flesh Crawlers,1,15,0
-Fossil Island Wyverns,66,60,0
-Gargoyles,75,80,0
-Ghosts,1,13,0
-Ghouls,1,25,0
-Goblins,1,0,0
-Greater demons,1,75,0
-Green dragons,1,52,0
-Harpie Bug Swarms,33,45,0
-Hellhounds,1,75,0
-Hill Giants,1,25,0
-Hobgoblins,1,20,0
-Hydras,95,0,0
-Ice giants,1,50,0
-Ice warriors,1,45,0
-Icefiends,1,20,0
-Infernal Mages,45,40,0
-Iron dragons,1,80,0
-Jellies,52,57,0
-Jungle horrors,1,65,0
-Kalphites,1,15,0
-Killerwatts,37,50,0
-Kurasks,70,65,0
-Lava dragons,1,0,0
-Lesser demons,1,60,0
-Lizardmen,1,0,0
-Lizards,22,15,0
-Magic axes,1,0,0
-Mammoths,1,0,0
-Minions of Scabaras,1,85,0
-Minotaurs,1,7,0
-Mithril dragons,1,0,0
-Mogres,32,30,0
-Molanisks,39,50,0
-Monkeys,1,0,0
-Moss giants,1,40,0
-Mutated zygomites,57,60,0
-Nechryaels,80,85,0
-Ogres,1,40,0
-Otherworldly beings,1,40,0
-Pyrefiends,30,25,0
-Rats,1,0,0
-Red dragons,1,68,0
-Revenants,1,0,0
-Rockslugs,20,20,0
-Rogues,1,0,0
-Rune dragons,1,0,0
-Scorpions,1,7,0
-Sea snakes,40,50,0
-Shades,1,30,0
-Shadow warriors,1,60,0
-Skeletal Wyverns,72,70,0
-Skeletons,1,15,0
-Smoke devils,93,85,0
-Spiders,1,0,0
-Spiritual creatures,63,60,0
-Steel dragons,1,85,0
-Suqahs,1,85,0
-Terror dogs,40,60,0
-Trolls,1,60,0
-Turoths,55,60,0
-TzHaar,1,0,0
-Vampyres,1,35,0
-Wall beasts,35,30,5
-Waterfiends,1,75,0
-Werewolves,1,60,0
-Wolves,1,20,0
-Wyrms,62,0,0
-Zombies,1,10,0
+id,monster,slayer_req,combat_req,defence_req
+0,Aberrant spectres,60,65,0
+1,Abyssal demons,85,85,0
+2,Adamant dragons,1,0,0
+3,Ankous,1,40,0
+4,Aviansies,1,0,0
+5,Bandits,1,0,0
+6,Banshees,15,20,0
+7,Basilisks,40,40,20
+8,Bats,1,5,0
+9,Bears,1,13,0
+10,Birds,1,0,0
+11,Black demons,1,80,0
+12,Black dragons,1,80,0
+13,Bloodvelds,50,50,0
+14,Blue dragons,1,65,0
+15,Bosses,1,0,0
+16,Brine rats,47,45,0
+17,Bronze dragons,1,75,0
+18,Catablepons,1,35,0
+19,Cave bugs,7,0,0
+20,Cave crawlers,10,10,0
+21,Cave horrors,58,85,0
+22,Cave krakens,87,80,0
+23,Cave slimes,17,15,0
+24,Chaos druids,1,0,0
+25,Cockatrices,25,25,20
+26,Cows,1,5,0
+27,Crawling Hands,5,0,0
+28,Crocodiles,1,50,0
+29,Dagannoths,1,75,0
+30,Dark beasts,90,90,0
+31,Dark warriors,1,0,0
+32,Dogs,1,15,0
+33,Drakes,84,0,0
+34,Dust devils,65,70,0
+35,Dwarves,1,6,0
+36,Earth warriors,1,35,0
+37,Elves,1,0,0
+38,Ents,1,0,0
+39,Fever spiders,42,40,0
+40,Fire giants,1,65,0
+41,Flesh Crawlers,1,15,0
+42,Fossil Island Wyverns,66,60,0
+43,Gargoyles,75,80,0
+44,Ghosts,1,13,0
+45,Ghouls,1,25,0
+46,Goblins,1,0,0
+47,Greater demons,1,75,0
+48,Green dragons,1,52,0
+49,Harpie Bug Swarms,33,45,0
+50,Hellhounds,1,75,0
+51,Hill Giants,1,25,0
+52,Hobgoblins,1,20,0
+53,Hydras,95,0,0
+54,Ice giants,1,50,0
+55,Ice warriors,1,45,0
+56,Icefiends,1,20,0
+57,Infernal Mages,45,40,0
+58,Iron dragons,1,80,0
+59,Jellies,52,57,0
+60,Jungle horrors,1,65,0
+61,Kalphites,1,15,0
+62,Killerwatts,37,50,0
+63,Kurasks,70,65,0
+64,Lava dragons,1,0,0
+65,Lesser demons,1,60,0
+66,Lizardmen,1,0,0
+67,Lizards,22,15,0
+68,Magic axes,1,0,0
+69,Mammoths,1,0,0
+70,Minions of Scabaras,1,85,0
+71,Minotaurs,1,7,0
+72,Mithril dragons,1,0,0
+73,Mogres,32,30,0
+74,Molanisks,39,50,0
+75,Monkeys,1,0,0
+76,Moss giants,1,40,0
+77,Mutated zygomites,57,60,0
+78,Nechryaels,80,85,0
+79,Ogres,1,40,0
+80,Otherworldly beings,1,40,0
+81,Pyrefiends,30,25,0
+82,Rats,1,0,0
+83,Red dragons,1,68,0
+84,Revenants,1,0,0
+85,Rockslugs,20,20,0
+86,Rogues,1,0,0
+87,Rune dragons,1,0,0
+88,Scorpions,1,7,0
+89,Sea snakes,40,50,0
+90,Shades,1,30,0
+91,Shadow warriors,1,60,0
+92,Skeletal Wyverns,72,70,0
+93,Skeletons,1,15,0
+94,Smoke devils,93,85,0
+95,Spiders,1,0,0
+96,Spiritual creatures,63,60,0
+97,Steel dragons,1,85,0
+98,Suqahs,1,85,0
+99,Terror dogs,40,60,0
+100,Trolls,1,60,0
+101,Turoths,55,60,0
+102,TzHaar,1,0,0
+103,Vampyres,1,35,0
+104,Wall beasts,35,30,5
+105,Waterfiends,1,75,0
+106,Werewolves,1,60,0
+107,Wolves,1,20,0
+108,Wyrms,62,0,0
+109,Zombies,1,10,0
diff --git a/src/data/monsters.json b/src/data/monsters.json
index 425a71d..1fd76f8 100644
--- a/src/data/monsters.json
+++ b/src/data/monsters.json
@@ -1,662 +1,772 @@
 [
   {
+    "id": 0,
     "monster": "Aberrant spectres",
     "slayer_req": 60,
     "combat_req": 65,
     "defence_req": 0
   },
   {
+    "id": 1,
     "monster": "Abyssal demons",
     "slayer_req": 85,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 2,
     "monster": "Adamant dragons",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 3,
     "monster": "Ankous",
     "slayer_req": 1,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 4,
     "monster": "Aviansies",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 5,
     "monster": "Bandits",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 6,
     "monster": "Banshees",
     "slayer_req": 15,
     "combat_req": 20,
     "defence_req": 0
   },
   {
+    "id": 7,
     "monster": "Basilisks",
     "slayer_req": 40,
     "combat_req": 40,
     "defence_req": 20
   },
   {
+    "id": 8,
     "monster": "Bats",
     "slayer_req": 1,
     "combat_req": 5,
     "defence_req": 0
   },
   {
+    "id": 9,
     "monster": "Bears",
     "slayer_req": 1,
     "combat_req": 13,
     "defence_req": 0
   },
   {
+    "id": 10,
     "monster": "Birds",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 11,
     "monster": "Black demons",
     "slayer_req": 1,
     "combat_req": 80,
     "defence_req": 0
   },
   {
+    "id": 12,
     "monster": "Black dragons",
     "slayer_req": 1,
     "combat_req": 80,
     "defence_req": 0
   },
   {
+    "id": 13,
     "monster": "Bloodvelds",
     "slayer_req": 50,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 14,
     "monster": "Blue dragons",
     "slayer_req": 1,
     "combat_req": 65,
     "defence_req": 0
   },
   {
+    "id": 15,
     "monster": "Bosses",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 16,
     "monster": "Brine rats",
     "slayer_req": 47,
     "combat_req": 45,
     "defence_req": 0
   },
   {
+    "id": 17,
     "monster": "Bronze dragons",
     "slayer_req": 1,
     "combat_req": 75,
     "defence_req": 0
   },
   {
+    "id": 18,
     "monster": "Catablepons",
     "slayer_req": 1,
     "combat_req": 35,
     "defence_req": 0
   },
   {
+    "id": 19,
     "monster": "Cave bugs",
     "slayer_req": 7,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 20,
     "monster": "Cave crawlers",
     "slayer_req": 10,
     "combat_req": 10,
     "defence_req": 0
   },
   {
+    "id": 21,
     "monster": "Cave horrors",
     "slayer_req": 58,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 22,
     "monster": "Cave krakens",
     "slayer_req": 87,
     "combat_req": 80,
     "defence_req": 0
   },
   {
+    "id": 23,
     "monster": "Cave slimes",
     "slayer_req": 17,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 24,
     "monster": "Chaos druids",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 25,
     "monster": "Cockatrices",
     "slayer_req": 25,
     "combat_req": 25,
     "defence_req": 20
   },
   {
+    "id": 26,
     "monster": "Cows",
     "slayer_req": 1,
     "combat_req": 5,
     "defence_req": 0
   },
   {
+    "id": 27,
     "monster": "Crawling Hands",
     "slayer_req": 5,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 28,
     "monster": "Crocodiles",
     "slayer_req": 1,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 29,
     "monster": "Dagannoths",
     "slayer_req": 1,
     "combat_req": 75,
     "defence_req": 0
   },
   {
+    "id": 30,
     "monster": "Dark beasts",
     "slayer_req": 90,
     "combat_req": 90,
     "defence_req": 0
   },
   {
+    "id": 31,
     "monster": "Dark warriors",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 32,
     "monster": "Dogs",
     "slayer_req": 1,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 33,
     "monster": "Drakes",
     "slayer_req": 84,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 34,
     "monster": "Dust devils",
     "slayer_req": 65,
     "combat_req": 70,
     "defence_req": 0
   },
   {
+    "id": 35,
     "monster": "Dwarves",
     "slayer_req": 1,
     "combat_req": 6,
     "defence_req": 0
   },
   {
+    "id": 36,
     "monster": "Earth warriors",
     "slayer_req": 1,
     "combat_req": 35,
     "defence_req": 0
   },
   {
+    "id": 37,
     "monster": "Elves",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 38,
     "monster": "Ents",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 39,
     "monster": "Fever spiders",
     "slayer_req": 42,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 40,
     "monster": "Fire giants",
     "slayer_req": 1,
     "combat_req": 65,
     "defence_req": 0
   },
   {
+    "id": 41,
     "monster": "Flesh Crawlers",
     "slayer_req": 1,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 42,
     "monster": "Fossil Island Wyverns",
     "slayer_req": 66,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 43,
     "monster": "Gargoyles",
     "slayer_req": 75,
     "combat_req": 80,
     "defence_req": 0
   },
   {
+    "id": 44,
     "monster": "Ghosts",
     "slayer_req": 1,
     "combat_req": 13,
     "defence_req": 0
   },
   {
+    "id": 45,
     "monster": "Ghouls",
     "slayer_req": 1,
     "combat_req": 25,
     "defence_req": 0
   },
   {
+    "id": 46,
     "monster": "Goblins",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 47,
     "monster": "Greater demons",
     "slayer_req": 1,
     "combat_req": 75,
     "defence_req": 0
   },
   {
+    "id": 48,
     "monster": "Green dragons",
     "slayer_req": 1,
     "combat_req": 52,
     "defence_req": 0
   },
   {
+    "id": 49,
     "monster": "Harpie Bug Swarms",
     "slayer_req": 33,
     "combat_req": 45,
     "defence_req": 0
   },
   {
+    "id": 50,
     "monster": "Hellhounds",
     "slayer_req": 1,
     "combat_req": 75,
     "defence_req": 0
   },
   {
+    "id": 51,
     "monster": "Hill Giants",
     "slayer_req": 1,
     "combat_req": 25,
     "defence_req": 0
   },
   {
+    "id": 52,
     "monster": "Hobgoblins",
     "slayer_req": 1,
     "combat_req": 20,
     "defence_req": 0
   },
   {
+    "id": 53,
     "monster": "Hydras",
     "slayer_req": 95,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 54,
     "monster": "Ice giants",
     "slayer_req": 1,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 55,
     "monster": "Ice warriors",
     "slayer_req": 1,
     "combat_req": 45,
     "defence_req": 0
   },
   {
+    "id": 56,
     "monster": "Icefiends",
     "slayer_req": 1,
     "combat_req": 20,
     "defence_req": 0
   },
   {
+    "id": 57,
     "monster": "Infernal Mages",
     "slayer_req": 45,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 58,
     "monster": "Iron dragons",
     "slayer_req": 1,
     "combat_req": 80,
     "defence_req": 0
   },
   {
+    "id": 59,
     "monster": "Jellies",
     "slayer_req": 52,
     "combat_req": 57,
     "defence_req": 0
   },
   {
+    "id": 60,
     "monster": "Jungle horrors",
     "slayer_req": 1,
     "combat_req": 65,
     "defence_req": 0
   },
   {
+    "id": 61,
     "monster": "Kalphites",
     "slayer_req": 1,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 62,
     "monster": "Killerwatts",
     "slayer_req": 37,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 63,
     "monster": "Kurasks",
     "slayer_req": 70,
     "combat_req": 65,
     "defence_req": 0
   },
   {
+    "id": 64,
     "monster": "Lava dragons",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 65,
     "monster": "Lesser demons",
     "slayer_req": 1,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 66,
     "monster": "Lizardmen",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 67,
     "monster": "Lizards",
     "slayer_req": 22,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 68,
     "monster": "Magic axes",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 69,
     "monster": "Mammoths",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 70,
     "monster": "Minions of Scabaras",
     "slayer_req": 1,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 71,
     "monster": "Minotaurs",
     "slayer_req": 1,
     "combat_req": 7,
     "defence_req": 0
   },
   {
+    "id": 72,
     "monster": "Mithril dragons",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 73,
     "monster": "Mogres",
     "slayer_req": 32,
     "combat_req": 30,
     "defence_req": 0
   },
   {
+    "id": 74,
     "monster": "Molanisks",
     "slayer_req": 39,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 75,
     "monster": "Monkeys",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 76,
     "monster": "Moss giants",
     "slayer_req": 1,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 77,
     "monster": "Mutated zygomites",
     "slayer_req": 57,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 78,
     "monster": "Nechryaels",
     "slayer_req": 80,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 79,
     "monster": "Ogres",
     "slayer_req": 1,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 80,
     "monster": "Otherworldly beings",
     "slayer_req": 1,
     "combat_req": 40,
     "defence_req": 0
   },
   {
+    "id": 81,
     "monster": "Pyrefiends",
     "slayer_req": 30,
     "combat_req": 25,
     "defence_req": 0
   },
   {
+    "id": 82,
     "monster": "Rats",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 83,
     "monster": "Red dragons",
     "slayer_req": 1,
     "combat_req": 68,
     "defence_req": 0
   },
   {
+    "id": 84,
     "monster": "Revenants",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 85,
     "monster": "Rockslugs",
     "slayer_req": 20,
     "combat_req": 20,
     "defence_req": 0
   },
   {
+    "id": 86,
     "monster": "Rogues",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 87,
     "monster": "Rune dragons",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 88,
     "monster": "Scorpions",
     "slayer_req": 1,
     "combat_req": 7,
     "defence_req": 0
   },
   {
+    "id": 89,
     "monster": "Sea snakes",
     "slayer_req": 40,
     "combat_req": 50,
     "defence_req": 0
   },
   {
+    "id": 90,
     "monster": "Shades",
     "slayer_req": 1,
     "combat_req": 30,
     "defence_req": 0
   },
   {
+    "id": 91,
     "monster": "Shadow warriors",
     "slayer_req": 1,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 92,
     "monster": "Skeletal Wyverns",
     "slayer_req": 72,
     "combat_req": 70,
     "defence_req": 0
   },
   {
+    "id": 93,
     "monster": "Skeletons",
     "slayer_req": 1,
     "combat_req": 15,
     "defence_req": 0
   },
   {
+    "id": 94,
     "monster": "Smoke devils",
     "slayer_req": 93,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 95,
     "monster": "Spiders",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 96,
     "monster": "Spiritual creatures",
     "slayer_req": 63,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 97,
     "monster": "Steel dragons",
     "slayer_req": 1,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 98,
     "monster": "Suqahs",
     "slayer_req": 1,
     "combat_req": 85,
     "defence_req": 0
   },
   {
+    "id": 99,
     "monster": "Terror dogs",
     "slayer_req": 40,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 100,
     "monster": "Trolls",
     "slayer_req": 1,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 101,
     "monster": "Turoths",
     "slayer_req": 55,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 102,
     "monster": "TzHaar",
     "slayer_req": 1,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 103,
     "monster": "Vampyres",
     "slayer_req": 1,
     "combat_req": 35,
     "defence_req": 0
   },
   {
+    "id": 104,
     "monster": "Wall beasts",
     "slayer_req": 35,
     "combat_req": 30,
     "defence_req": 5
   },
   {
+    "id": 105,
     "monster": "Waterfiends",
     "slayer_req": 1,
     "combat_req": 75,
     "defence_req": 0
   },
   {
+    "id": 106,
     "monster": "Werewolves",
     "slayer_req": 1,
     "combat_req": 60,
     "defence_req": 0
   },
   {
+    "id": 107,
     "monster": "Wolves",
     "slayer_req": 1,
     "combat_req": 20,
     "defence_req": 0
   },
   {
+    "id": 108,
     "monster": "Wyrms",
     "slayer_req": 62,
     "combat_req": 0,
     "defence_req": 0
   },
   {
+    "id": 109,
     "monster": "Zombies",
     "slayer_req": 1,
     "combat_req": 10,
     "defence_req": 0
   }
-]
\ No newline at end of file
+]