7th-saga/web/views/master.pug

125 lines
5.6 KiB
Plaintext

doctype
html
head
meta(charset="UTF-8")
title 7th Saga Data
link(rel="stylesheet" href="./static/bootstrap.css")
link(rel="stylesheet" href="./static/7th-saga.css")
body
mixin sortHeader(label, col)
th(data-col=col): div.sortable
div.sortable-links
a(href="?col=" + col + "&dir=asc") ▲
a(href="?col=" + col + "&dir=desc") ▼
div.col-label.ml-1= label
mixin na(bool, text)
if bool
block
else
small: em.text-muted= text || 'n/a'
mixin apprenticeFilterForm()
div.d-flex.justify-content-center.apprentice-filter-form.my-2
each apprentice in [ 'Esuna', 'Kamil', 'Olvan', 'Lejes', 'Lux', 'Valsu', 'Wilme' ]
div.form-check-inline
- const id = 'apprentice-' + apprentice;
input.form-check-input(type="checkbox" name=apprentice id=id)
label.form-check-label(for=id)= apprentice
mixin locationFilterForm()
div.d-flex.justify-content-center.location-filter-form.my-2.flex-wrap
each location in [ 'Lemele', 'Rablesk', 'Bonro', 'Zellis', 'Pell', 'Patrof', 'Bone', 'Dowaine', 'Belaine', 'Telaine', 'Pang', 'Padal', 'Polasu', 'Tiffana', 'Bilthem', 'Brush', 'Valenca', 'Bugask', 'Guanta', 'Pharano', 'Pasanda', 'Ligena', 'Palsu', 'Melenam', 'Airship' ]
div.form-check-inline
- const id = 'location-' + location;
input.form-check-input(type="checkbox" name=location id=id)
label.form-check-label(for=id)= location
div.container-fluid
div.bg-light.position-sticky.pt-2.d-flex.justify-content-between(style="top: 0; background-color: white; z-index: 1")
ul.nav.mr-auto.nav-tabs
li.nav-item: a.nav-link(href="/index.html" class=(context === 'enemies' ? 'active' : '')) Enemies
li.nav-item: a.nav-link(href="/spells.html" class=(context === 'spells' ? 'active' : '')) Spells
li.nav-item: a.nav-link(href="/items.html" class=(context === 'items' ? 'active' : '')) Items
li.nav-item: a.nav-link(href="/weapons.html" class=(context === 'weapons' ? 'active' : '')) Weapons
li.nav-item: a.nav-link(href="/armor.html" class=(context === 'armor' ? 'active' : '')) Armor
li.nav-item: a.nav-link(href="/accessories.html" class=(context === 'accessories' ? 'active' : '')) Accessories
li.nav-item: a.nav-link(href="/exp.html" class=(context === 'exp' ? 'active' : '')) Experience
li.nav-item: a.nav-link(href="/levels.html" class=(context === 'levels' ? 'active' : '')) Levels
div: button.btn.btn-secondary.btn-sm(data-toggle="modal" data-target="#char-stats-modal")
| Set character stats
small.ml-1: tt.char-stats-display
div.tab-content
div.tab-pane.show.active.mt-2
block tab-content
div#char-stats-modal.modal(tabindex="-1")
div.modal-dialog
div.modal-content
div.modal-header
h5.modal-title Character stats
button.close(type="button" data-dismiss="modal")
div.modal-body
div.row
div.col-6
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-power") Power
div.col-8: input#char-power.form-control(type="number" min="0" step="1" max="999" autocomplete="off")
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-guard") Guard
div.col-8: input#char-guard.form-control(type="number" min="0" step="1" max="999" autocomplete="off")
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-magic") Magic
div.col-8: input#char-magic.form-control(type="number" min="0" step="1" max="255" autocomplete="off")
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-speed") Speed
div.col-8: input#char-speed.form-control(type="number" min="0" step="1" max="255" autocomplete="off")
div.col-6
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-weapon") Weapon
div.col-8: select#char-weapon.form-control(autocomplete="off")
option(value="") Choose weapon
each weapon in charWeapons
option(value=weapon.name data-power=weapon.attack)
= weapon.name + ' (' + weapon.attack + ')'
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-armor") Armor
div.col-8: select#char-armor.form-control(autocomplete="off")
option(value="") Choose armor
each armor in charArmor
option(
value=armor.name
data-defense=armor.defense
data-res-fire=armor.resistance.fire
data-res-ice=armor.resistance.ice
data-res-thunder=armor.resistance.thunder
data-res-vacuum=armor.resistance.vacuum
data-res-debuff=armor.resistance.debuff
)
= armor.name + ' (' + armor.defense + ')'
div.form-row.form-group
label.col-form-label-sm.col-4(for="char-armor") Accessory
div.col-8: select#char-accessory.form-control(autocomplete="off")
option(value="") Choose accessory
each accessory in charAccessories
option(
value=accessory.name
data-defense=accessory.defense
data-res-fire=accessory.resistance.fire
data-res-ice=accessory.resistance.ice
data-res-thunder=accessory.resistance.thunder
data-res-vacuum=accessory.resistance.vacuum
data-res-debuff=accessory.resistance.debuff
)= accessory.name + ' (' + accessory.defense + ')'
div.modal-footer
button.btn.btn-primary(data-dismiss="modal") Close
script(src="./static/jquery.js")
script(src="./static/popper.js")
script(src="./static/bootstrap.js")
script(src="./static/js.cookie.js")
script(src="./static/saga.js")
script(src="./static/calc.js")
script(src="./static/spells.js")