responsive nav + hamburger menu

This commit is contained in:
Bart van der Braak 2020-02-01 01:39:15 +01:00
parent 5d00256cee
commit 71ada8d8f7
7 changed files with 273 additions and 151 deletions

View file

@ -1,9 +1,9 @@
<template> <template>
<div id="app"> <div id="app">
<top-nav></top-nav> <top-nav @clicked="showMenu"></top-nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<left-nav></left-nav> <left-nav v-show="isDisabled"></left-nav>
<main-content></main-content> <main-content></main-content>
</div> </div>
</div> </div>
@ -22,6 +22,16 @@ export default {
LeftNav, LeftNav,
TopNav, TopNav,
}, },
data() {
return {
isDisabled: false
}
},
methods: {
showMenu() {
this.isDisabled = !this.isDisabled;
}
}
} }
</script> </script>

View file

@ -1,5 +1,5 @@
<template > <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"> <div class="sidebar-sticky">
<ul class="nav flex-column mb-2"> <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"/> <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 */ z-index: 100; /* Behind the navbar */
padding: 48px 0 0; /* Height of navbar */ padding: 48px 0 0; /* Height of navbar */
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
width: 250px;
} }
.sidebar-sticky { .sidebar-sticky {

View file

@ -20,7 +20,7 @@ export default {
<style scoped> <style scoped>
[role="main"] { [role="main"] {
padding-top: 133px; /* Space for fixed navbar */ padding-top: 48px; /* Space for fixed navbar */
} }
@media (min-width: 768px) { @media (min-width: 768px) {

View file

@ -14,13 +14,14 @@
</div> </div>
</div> </div>
<div class="table-responsive"> <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> </div>
</section> </section>
</template> </template>
<script> <script>
import master_json from "../data/masters"; import master_json from "../data/masters";
import monster_json from "../data/monsters";
export default { export default {
name: "TableSection", name: "TableSection",
@ -28,43 +29,31 @@ export default {
return { return {
mastersData: master_json, mastersData: master_json,
currentMaster: null, currentMaster: null,
monstersData: monster_json,
total_weight: 0,
fields: [ fields: [
{ {
key: 'last_name', key: 'monster',
sortable: true 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: { filters: {
age: 35,
combat_level: 49, combat_level: 49,
slayer_level: 75,
}, },
filtered_items: [], filtered_items: [],
} }
}, },
methods: { methods: {
reload() { reload() {
this.currentMaster = this.mastersData.masters[this.$route.params.id] this.currentMaster = this.mastersData.masters[this.$route.params.id];
this.filterData(); this.filterData();
}, },
filterData() { filterData() {
// this.filtered_items = this.items.filter(item => item.last_name.includes('Carney')); // 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() { mounted() {

View file

@ -1,13 +1,17 @@
<template> <template>
<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow " role="navigation" aria-label="main navigation"> <nav class="navbar navbar-dark fixed-top bg-dark px-2 py-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>
<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"> <ul class="navbar-nav px-3">
<li class="nav-item text-nowrap"> <li class="nav-item text-nowrap">
<a class="nav-link" href="https://github.com/bartvdbraak/slayweightcalc"> <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 Github
</a> </a>
</li> </li>
@ -17,22 +21,30 @@
<script> <script>
export default { export default {
name: "Navbar" name: "Navbar",
methods: {
emitMenu() {
console.log('test')
this.$emit('clicked');
}
}
} }
</script> </script>
<style scoped> <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 { .navbar {
padding: .75rem 1rem; padding: .75rem 1rem;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
} }
.menu-icon {
display: none;
}
@media (max-width: 768px) {
.menu-icon {
display: block;
cursor: pointer;
}
}
</style> </style>

View file

@ -1,111 +1,111 @@
monster,slayer_req,combat_req,defence_req id,monster,slayer_req,combat_req,defence_req
Aberrant spectres,60,65,0 0,Aberrant spectres,60,65,0
Abyssal demons,85,85,0 1,Abyssal demons,85,85,0
Adamant dragons,1,0,0 2,Adamant dragons,1,0,0
Ankous,1,40,0 3,Ankous,1,40,0
Aviansies,1,0,0 4,Aviansies,1,0,0
Bandits,1,0,0 5,Bandits,1,0,0
Banshees,15,20,0 6,Banshees,15,20,0
Basilisks,40,40,20 7,Basilisks,40,40,20
Bats,1,5,0 8,Bats,1,5,0
Bears,1,13,0 9,Bears,1,13,0
Birds,1,0,0 10,Birds,1,0,0
Black demons,1,80,0 11,Black demons,1,80,0
Black dragons,1,80,0 12,Black dragons,1,80,0
Bloodvelds,50,50,0 13,Bloodvelds,50,50,0
Blue dragons,1,65,0 14,Blue dragons,1,65,0
Bosses,1,0,0 15,Bosses,1,0,0
Brine rats,47,45,0 16,Brine rats,47,45,0
Bronze dragons,1,75,0 17,Bronze dragons,1,75,0
Catablepons,1,35,0 18,Catablepons,1,35,0
Cave bugs,7,0,0 19,Cave bugs,7,0,0
Cave crawlers,10,10,0 20,Cave crawlers,10,10,0
Cave horrors,58,85,0 21,Cave horrors,58,85,0
Cave krakens,87,80,0 22,Cave krakens,87,80,0
Cave slimes,17,15,0 23,Cave slimes,17,15,0
Chaos druids,1,0,0 24,Chaos druids,1,0,0
Cockatrices,25,25,20 25,Cockatrices,25,25,20
Cows,1,5,0 26,Cows,1,5,0
Crawling Hands,5,0,0 27,Crawling Hands,5,0,0
Crocodiles,1,50,0 28,Crocodiles,1,50,0
Dagannoths,1,75,0 29,Dagannoths,1,75,0
Dark beasts,90,90,0 30,Dark beasts,90,90,0
Dark warriors,1,0,0 31,Dark warriors,1,0,0
Dogs,1,15,0 32,Dogs,1,15,0
Drakes,84,0,0 33,Drakes,84,0,0
Dust devils,65,70,0 34,Dust devils,65,70,0
Dwarves,1,6,0 35,Dwarves,1,6,0
Earth warriors,1,35,0 36,Earth warriors,1,35,0
Elves,1,0,0 37,Elves,1,0,0
Ents,1,0,0 38,Ents,1,0,0
Fever spiders,42,40,0 39,Fever spiders,42,40,0
Fire giants,1,65,0 40,Fire giants,1,65,0
Flesh Crawlers,1,15,0 41,Flesh Crawlers,1,15,0
Fossil Island Wyverns,66,60,0 42,Fossil Island Wyverns,66,60,0
Gargoyles,75,80,0 43,Gargoyles,75,80,0
Ghosts,1,13,0 44,Ghosts,1,13,0
Ghouls,1,25,0 45,Ghouls,1,25,0
Goblins,1,0,0 46,Goblins,1,0,0
Greater demons,1,75,0 47,Greater demons,1,75,0
Green dragons,1,52,0 48,Green dragons,1,52,0
Harpie Bug Swarms,33,45,0 49,Harpie Bug Swarms,33,45,0
Hellhounds,1,75,0 50,Hellhounds,1,75,0
Hill Giants,1,25,0 51,Hill Giants,1,25,0
Hobgoblins,1,20,0 52,Hobgoblins,1,20,0
Hydras,95,0,0 53,Hydras,95,0,0
Ice giants,1,50,0 54,Ice giants,1,50,0
Ice warriors,1,45,0 55,Ice warriors,1,45,0
Icefiends,1,20,0 56,Icefiends,1,20,0
Infernal Mages,45,40,0 57,Infernal Mages,45,40,0
Iron dragons,1,80,0 58,Iron dragons,1,80,0
Jellies,52,57,0 59,Jellies,52,57,0
Jungle horrors,1,65,0 60,Jungle horrors,1,65,0
Kalphites,1,15,0 61,Kalphites,1,15,0
Killerwatts,37,50,0 62,Killerwatts,37,50,0
Kurasks,70,65,0 63,Kurasks,70,65,0
Lava dragons,1,0,0 64,Lava dragons,1,0,0
Lesser demons,1,60,0 65,Lesser demons,1,60,0
Lizardmen,1,0,0 66,Lizardmen,1,0,0
Lizards,22,15,0 67,Lizards,22,15,0
Magic axes,1,0,0 68,Magic axes,1,0,0
Mammoths,1,0,0 69,Mammoths,1,0,0
Minions of Scabaras,1,85,0 70,Minions of Scabaras,1,85,0
Minotaurs,1,7,0 71,Minotaurs,1,7,0
Mithril dragons,1,0,0 72,Mithril dragons,1,0,0
Mogres,32,30,0 73,Mogres,32,30,0
Molanisks,39,50,0 74,Molanisks,39,50,0
Monkeys,1,0,0 75,Monkeys,1,0,0
Moss giants,1,40,0 76,Moss giants,1,40,0
Mutated zygomites,57,60,0 77,Mutated zygomites,57,60,0
Nechryaels,80,85,0 78,Nechryaels,80,85,0
Ogres,1,40,0 79,Ogres,1,40,0
Otherworldly beings,1,40,0 80,Otherworldly beings,1,40,0
Pyrefiends,30,25,0 81,Pyrefiends,30,25,0
Rats,1,0,0 82,Rats,1,0,0
Red dragons,1,68,0 83,Red dragons,1,68,0
Revenants,1,0,0 84,Revenants,1,0,0
Rockslugs,20,20,0 85,Rockslugs,20,20,0
Rogues,1,0,0 86,Rogues,1,0,0
Rune dragons,1,0,0 87,Rune dragons,1,0,0
Scorpions,1,7,0 88,Scorpions,1,7,0
Sea snakes,40,50,0 89,Sea snakes,40,50,0
Shades,1,30,0 90,Shades,1,30,0
Shadow warriors,1,60,0 91,Shadow warriors,1,60,0
Skeletal Wyverns,72,70,0 92,Skeletal Wyverns,72,70,0
Skeletons,1,15,0 93,Skeletons,1,15,0
Smoke devils,93,85,0 94,Smoke devils,93,85,0
Spiders,1,0,0 95,Spiders,1,0,0
Spiritual creatures,63,60,0 96,Spiritual creatures,63,60,0
Steel dragons,1,85,0 97,Steel dragons,1,85,0
Suqahs,1,85,0 98,Suqahs,1,85,0
Terror dogs,40,60,0 99,Terror dogs,40,60,0
Trolls,1,60,0 100,Trolls,1,60,0
Turoths,55,60,0 101,Turoths,55,60,0
TzHaar,1,0,0 102,TzHaar,1,0,0
Vampyres,1,35,0 103,Vampyres,1,35,0
Wall beasts,35,30,5 104,Wall beasts,35,30,5
Waterfiends,1,75,0 105,Waterfiends,1,75,0
Werewolves,1,60,0 106,Werewolves,1,60,0
Wolves,1,20,0 107,Wolves,1,20,0
Wyrms,62,0,0 108,Wyrms,62,0,0
Zombies,1,10,0 109,Zombies,1,10,0

1 id monster slayer_req combat_req defence_req
2 0 Aberrant spectres 60 65 0
3 1 Abyssal demons 85 85 0
4 2 Adamant dragons 1 0 0
5 3 Ankous 1 40 0
6 4 Aviansies 1 0 0
7 5 Bandits 1 0 0
8 6 Banshees 15 20 0
9 7 Basilisks 40 40 20
10 8 Bats 1 5 0
11 9 Bears 1 13 0
12 10 Birds 1 0 0
13 11 Black demons 1 80 0
14 12 Black dragons 1 80 0
15 13 Bloodvelds 50 50 0
16 14 Blue dragons 1 65 0
17 15 Bosses 1 0 0
18 16 Brine rats 47 45 0
19 17 Bronze dragons 1 75 0
20 18 Catablepons 1 35 0
21 19 Cave bugs 7 0 0
22 20 Cave crawlers 10 10 0
23 21 Cave horrors 58 85 0
24 22 Cave krakens 87 80 0
25 23 Cave slimes 17 15 0
26 24 Chaos druids 1 0 0
27 25 Cockatrices 25 25 20
28 26 Cows 1 5 0
29 27 Crawling Hands 5 0 0
30 28 Crocodiles 1 50 0
31 29 Dagannoths 1 75 0
32 30 Dark beasts 90 90 0
33 31 Dark warriors 1 0 0
34 32 Dogs 1 15 0
35 33 Drakes 84 0 0
36 34 Dust devils 65 70 0
37 35 Dwarves 1 6 0
38 36 Earth warriors 1 35 0
39 37 Elves 1 0 0
40 38 Ents 1 0 0
41 39 Fever spiders 42 40 0
42 40 Fire giants 1 65 0
43 41 Flesh Crawlers 1 15 0
44 42 Fossil Island Wyverns 66 60 0
45 43 Gargoyles 75 80 0
46 44 Ghosts 1 13 0
47 45 Ghouls 1 25 0
48 46 Goblins 1 0 0
49 47 Greater demons 1 75 0
50 48 Green dragons 1 52 0
51 49 Harpie Bug Swarms 33 45 0
52 50 Hellhounds 1 75 0
53 51 Hill Giants 1 25 0
54 52 Hobgoblins 1 20 0
55 53 Hydras 95 0 0
56 54 Ice giants 1 50 0
57 55 Ice warriors 1 45 0
58 56 Icefiends 1 20 0
59 57 Infernal Mages 45 40 0
60 58 Iron dragons 1 80 0
61 59 Jellies 52 57 0
62 60 Jungle horrors 1 65 0
63 61 Kalphites 1 15 0
64 62 Killerwatts 37 50 0
65 63 Kurasks 70 65 0
66 64 Lava dragons 1 0 0
67 65 Lesser demons 1 60 0
68 66 Lizardmen 1 0 0
69 67 Lizards 22 15 0
70 68 Magic axes 1 0 0
71 69 Mammoths 1 0 0
72 70 Minions of Scabaras 1 85 0
73 71 Minotaurs 1 7 0
74 72 Mithril dragons 1 0 0
75 73 Mogres 32 30 0
76 74 Molanisks 39 50 0
77 75 Monkeys 1 0 0
78 76 Moss giants 1 40 0
79 77 Mutated zygomites 57 60 0
80 78 Nechryaels 80 85 0
81 79 Ogres 1 40 0
82 80 Otherworldly beings 1 40 0
83 81 Pyrefiends 30 25 0
84 82 Rats 1 0 0
85 83 Red dragons 1 68 0
86 84 Revenants 1 0 0
87 85 Rockslugs 20 20 0
88 86 Rogues 1 0 0
89 87 Rune dragons 1 0 0
90 88 Scorpions 1 7 0
91 89 Sea snakes 40 50 0
92 90 Shades 1 30 0
93 91 Shadow warriors 1 60 0
94 92 Skeletal Wyverns 72 70 0
95 93 Skeletons 1 15 0
96 94 Smoke devils 93 85 0
97 95 Spiders 1 0 0
98 96 Spiritual creatures 63 60 0
99 97 Steel dragons 1 85 0
100 98 Suqahs 1 85 0
101 99 Terror dogs 40 60 0
102 100 Trolls 1 60 0
103 101 Turoths 55 60 0
104 102 TzHaar 1 0 0
105 103 Vampyres 1 35 0
106 104 Wall beasts 35 30 5
107 105 Waterfiends 1 75 0
108 106 Werewolves 1 60 0
109 107 Wolves 1 20 0
110 108 Wyrms 62 0 0
111 109 Zombies 1 10 0

View file

@ -1,662 +1,772 @@
[ [
{ {
"id": 0,
"monster": "Aberrant spectres", "monster": "Aberrant spectres",
"slayer_req": 60, "slayer_req": 60,
"combat_req": 65, "combat_req": 65,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 1,
"monster": "Abyssal demons", "monster": "Abyssal demons",
"slayer_req": 85, "slayer_req": 85,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 2,
"monster": "Adamant dragons", "monster": "Adamant dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 3,
"monster": "Ankous", "monster": "Ankous",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 4,
"monster": "Aviansies", "monster": "Aviansies",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 5,
"monster": "Bandits", "monster": "Bandits",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 6,
"monster": "Banshees", "monster": "Banshees",
"slayer_req": 15, "slayer_req": 15,
"combat_req": 20, "combat_req": 20,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 7,
"monster": "Basilisks", "monster": "Basilisks",
"slayer_req": 40, "slayer_req": 40,
"combat_req": 40, "combat_req": 40,
"defence_req": 20 "defence_req": 20
}, },
{ {
"id": 8,
"monster": "Bats", "monster": "Bats",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 5, "combat_req": 5,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 9,
"monster": "Bears", "monster": "Bears",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 13, "combat_req": 13,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 10,
"monster": "Birds", "monster": "Birds",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 11,
"monster": "Black demons", "monster": "Black demons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 80, "combat_req": 80,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 12,
"monster": "Black dragons", "monster": "Black dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 80, "combat_req": 80,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 13,
"monster": "Bloodvelds", "monster": "Bloodvelds",
"slayer_req": 50, "slayer_req": 50,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 14,
"monster": "Blue dragons", "monster": "Blue dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 65, "combat_req": 65,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 15,
"monster": "Bosses", "monster": "Bosses",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 16,
"monster": "Brine rats", "monster": "Brine rats",
"slayer_req": 47, "slayer_req": 47,
"combat_req": 45, "combat_req": 45,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 17,
"monster": "Bronze dragons", "monster": "Bronze dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 75, "combat_req": 75,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 18,
"monster": "Catablepons", "monster": "Catablepons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 35, "combat_req": 35,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 19,
"monster": "Cave bugs", "monster": "Cave bugs",
"slayer_req": 7, "slayer_req": 7,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 20,
"monster": "Cave crawlers", "monster": "Cave crawlers",
"slayer_req": 10, "slayer_req": 10,
"combat_req": 10, "combat_req": 10,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 21,
"monster": "Cave horrors", "monster": "Cave horrors",
"slayer_req": 58, "slayer_req": 58,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 22,
"monster": "Cave krakens", "monster": "Cave krakens",
"slayer_req": 87, "slayer_req": 87,
"combat_req": 80, "combat_req": 80,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 23,
"monster": "Cave slimes", "monster": "Cave slimes",
"slayer_req": 17, "slayer_req": 17,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 24,
"monster": "Chaos druids", "monster": "Chaos druids",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 25,
"monster": "Cockatrices", "monster": "Cockatrices",
"slayer_req": 25, "slayer_req": 25,
"combat_req": 25, "combat_req": 25,
"defence_req": 20 "defence_req": 20
}, },
{ {
"id": 26,
"monster": "Cows", "monster": "Cows",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 5, "combat_req": 5,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 27,
"monster": "Crawling Hands", "monster": "Crawling Hands",
"slayer_req": 5, "slayer_req": 5,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 28,
"monster": "Crocodiles", "monster": "Crocodiles",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 29,
"monster": "Dagannoths", "monster": "Dagannoths",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 75, "combat_req": 75,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 30,
"monster": "Dark beasts", "monster": "Dark beasts",
"slayer_req": 90, "slayer_req": 90,
"combat_req": 90, "combat_req": 90,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 31,
"monster": "Dark warriors", "monster": "Dark warriors",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 32,
"monster": "Dogs", "monster": "Dogs",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 33,
"monster": "Drakes", "monster": "Drakes",
"slayer_req": 84, "slayer_req": 84,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 34,
"monster": "Dust devils", "monster": "Dust devils",
"slayer_req": 65, "slayer_req": 65,
"combat_req": 70, "combat_req": 70,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 35,
"monster": "Dwarves", "monster": "Dwarves",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 6, "combat_req": 6,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 36,
"monster": "Earth warriors", "monster": "Earth warriors",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 35, "combat_req": 35,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 37,
"monster": "Elves", "monster": "Elves",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 38,
"monster": "Ents", "monster": "Ents",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 39,
"monster": "Fever spiders", "monster": "Fever spiders",
"slayer_req": 42, "slayer_req": 42,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 40,
"monster": "Fire giants", "monster": "Fire giants",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 65, "combat_req": 65,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 41,
"monster": "Flesh Crawlers", "monster": "Flesh Crawlers",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 42,
"monster": "Fossil Island Wyverns", "monster": "Fossil Island Wyverns",
"slayer_req": 66, "slayer_req": 66,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 43,
"monster": "Gargoyles", "monster": "Gargoyles",
"slayer_req": 75, "slayer_req": 75,
"combat_req": 80, "combat_req": 80,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 44,
"monster": "Ghosts", "monster": "Ghosts",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 13, "combat_req": 13,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 45,
"monster": "Ghouls", "monster": "Ghouls",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 25, "combat_req": 25,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 46,
"monster": "Goblins", "monster": "Goblins",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 47,
"monster": "Greater demons", "monster": "Greater demons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 75, "combat_req": 75,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 48,
"monster": "Green dragons", "monster": "Green dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 52, "combat_req": 52,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 49,
"monster": "Harpie Bug Swarms", "monster": "Harpie Bug Swarms",
"slayer_req": 33, "slayer_req": 33,
"combat_req": 45, "combat_req": 45,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 50,
"monster": "Hellhounds", "monster": "Hellhounds",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 75, "combat_req": 75,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 51,
"monster": "Hill Giants", "monster": "Hill Giants",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 25, "combat_req": 25,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 52,
"monster": "Hobgoblins", "monster": "Hobgoblins",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 20, "combat_req": 20,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 53,
"monster": "Hydras", "monster": "Hydras",
"slayer_req": 95, "slayer_req": 95,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 54,
"monster": "Ice giants", "monster": "Ice giants",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 55,
"monster": "Ice warriors", "monster": "Ice warriors",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 45, "combat_req": 45,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 56,
"monster": "Icefiends", "monster": "Icefiends",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 20, "combat_req": 20,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 57,
"monster": "Infernal Mages", "monster": "Infernal Mages",
"slayer_req": 45, "slayer_req": 45,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 58,
"monster": "Iron dragons", "monster": "Iron dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 80, "combat_req": 80,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 59,
"monster": "Jellies", "monster": "Jellies",
"slayer_req": 52, "slayer_req": 52,
"combat_req": 57, "combat_req": 57,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 60,
"monster": "Jungle horrors", "monster": "Jungle horrors",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 65, "combat_req": 65,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 61,
"monster": "Kalphites", "monster": "Kalphites",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 62,
"monster": "Killerwatts", "monster": "Killerwatts",
"slayer_req": 37, "slayer_req": 37,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 63,
"monster": "Kurasks", "monster": "Kurasks",
"slayer_req": 70, "slayer_req": 70,
"combat_req": 65, "combat_req": 65,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 64,
"monster": "Lava dragons", "monster": "Lava dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 65,
"monster": "Lesser demons", "monster": "Lesser demons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 66,
"monster": "Lizardmen", "monster": "Lizardmen",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 67,
"monster": "Lizards", "monster": "Lizards",
"slayer_req": 22, "slayer_req": 22,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 68,
"monster": "Magic axes", "monster": "Magic axes",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 69,
"monster": "Mammoths", "monster": "Mammoths",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 70,
"monster": "Minions of Scabaras", "monster": "Minions of Scabaras",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 71,
"monster": "Minotaurs", "monster": "Minotaurs",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 7, "combat_req": 7,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 72,
"monster": "Mithril dragons", "monster": "Mithril dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 73,
"monster": "Mogres", "monster": "Mogres",
"slayer_req": 32, "slayer_req": 32,
"combat_req": 30, "combat_req": 30,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 74,
"monster": "Molanisks", "monster": "Molanisks",
"slayer_req": 39, "slayer_req": 39,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 75,
"monster": "Monkeys", "monster": "Monkeys",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 76,
"monster": "Moss giants", "monster": "Moss giants",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 77,
"monster": "Mutated zygomites", "monster": "Mutated zygomites",
"slayer_req": 57, "slayer_req": 57,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 78,
"monster": "Nechryaels", "monster": "Nechryaels",
"slayer_req": 80, "slayer_req": 80,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 79,
"monster": "Ogres", "monster": "Ogres",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 80,
"monster": "Otherworldly beings", "monster": "Otherworldly beings",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 40, "combat_req": 40,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 81,
"monster": "Pyrefiends", "monster": "Pyrefiends",
"slayer_req": 30, "slayer_req": 30,
"combat_req": 25, "combat_req": 25,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 82,
"monster": "Rats", "monster": "Rats",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 83,
"monster": "Red dragons", "monster": "Red dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 68, "combat_req": 68,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 84,
"monster": "Revenants", "monster": "Revenants",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 85,
"monster": "Rockslugs", "monster": "Rockslugs",
"slayer_req": 20, "slayer_req": 20,
"combat_req": 20, "combat_req": 20,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 86,
"monster": "Rogues", "monster": "Rogues",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 87,
"monster": "Rune dragons", "monster": "Rune dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 88,
"monster": "Scorpions", "monster": "Scorpions",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 7, "combat_req": 7,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 89,
"monster": "Sea snakes", "monster": "Sea snakes",
"slayer_req": 40, "slayer_req": 40,
"combat_req": 50, "combat_req": 50,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 90,
"monster": "Shades", "monster": "Shades",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 30, "combat_req": 30,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 91,
"monster": "Shadow warriors", "monster": "Shadow warriors",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 92,
"monster": "Skeletal Wyverns", "monster": "Skeletal Wyverns",
"slayer_req": 72, "slayer_req": 72,
"combat_req": 70, "combat_req": 70,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 93,
"monster": "Skeletons", "monster": "Skeletons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 15, "combat_req": 15,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 94,
"monster": "Smoke devils", "monster": "Smoke devils",
"slayer_req": 93, "slayer_req": 93,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 95,
"monster": "Spiders", "monster": "Spiders",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 96,
"monster": "Spiritual creatures", "monster": "Spiritual creatures",
"slayer_req": 63, "slayer_req": 63,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 97,
"monster": "Steel dragons", "monster": "Steel dragons",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 98,
"monster": "Suqahs", "monster": "Suqahs",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 85, "combat_req": 85,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 99,
"monster": "Terror dogs", "monster": "Terror dogs",
"slayer_req": 40, "slayer_req": 40,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 100,
"monster": "Trolls", "monster": "Trolls",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 101,
"monster": "Turoths", "monster": "Turoths",
"slayer_req": 55, "slayer_req": 55,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 102,
"monster": "TzHaar", "monster": "TzHaar",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 103,
"monster": "Vampyres", "monster": "Vampyres",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 35, "combat_req": 35,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 104,
"monster": "Wall beasts", "monster": "Wall beasts",
"slayer_req": 35, "slayer_req": 35,
"combat_req": 30, "combat_req": 30,
"defence_req": 5 "defence_req": 5
}, },
{ {
"id": 105,
"monster": "Waterfiends", "monster": "Waterfiends",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 75, "combat_req": 75,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 106,
"monster": "Werewolves", "monster": "Werewolves",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 60, "combat_req": 60,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 107,
"monster": "Wolves", "monster": "Wolves",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 20, "combat_req": 20,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 108,
"monster": "Wyrms", "monster": "Wyrms",
"slayer_req": 62, "slayer_req": 62,
"combat_req": 0, "combat_req": 0,
"defence_req": 0 "defence_req": 0
}, },
{ {
"id": 109,
"monster": "Zombies", "monster": "Zombies",
"slayer_req": 1, "slayer_req": 1,
"combat_req": 10, "combat_req": 10,
"defence_req": 0 "defence_req": 0
} }
] ]