Widget:CharacterTrackerHeader

From Granblue Fantasy Wiki
Jump to navigation Jump to search
  <div class="tracker-filter-options" data-option="o">
    <label>
      Search: <input type="text" id="tracker-search" placeholder="Name or ID" />
    </label>
    <label>
      <input type="checkbox" data-bit="0" id="tracker-character-uncap" value="1" /> Show Character Uncap stars
    </label>
    <label>
      <input type="checkbox" data-bit="1" id="tracker-summon-uncap" value="1" /> Show Summon Uncap stars
    </label><br />
  </div>
  <div style="display: block; float: left; clear: both;">
    <div data-option="y" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-rarity">
      <label class="mw-ui-button mw-ui-disabled label">Rarity</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="ssr" class="mw-ui-button">SSR</label>
        <label data-bit="1" data-value="sr" class="mw-ui-button">SR</label>
        <label data-bit="2" data-value="r" class="mw-ui-button">R</label>
      </div>
    </div>
    <div data-option="t" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-type">
      <label class="mw-ui-button mw-ui-disabled label">Type</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="c" class="mw-ui-button">Characters</label>
        <label data-bit="1" data-value="s" class="mw-ui-button">Summons</label>
      </div>
    </div>
    <div data-option="l" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-element">
      <label class="mw-ui-button mw-ui-disabled label">Element</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="fire" class="mw-ui-button">Fire</label>
        <label data-bit="1" data-value="water" class="mw-ui-button">Water</label>
        <label data-bit="2" data-value="earth" class="mw-ui-button">Earth</label>
        <label data-bit="3" data-value="wind" class="mw-ui-button">Wind</label>
        <label data-bit="4" data-value="light" class="mw-ui-button">Light</label>
        <label data-bit="5" data-value="dark" class="mw-ui-button">Dark</label>
        <label data-bit="6" data-value="any" class="mw-ui-button">Any</label>
      </div>
    </div>
    <div data-option="i" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-obtain">
      <label class="mw-ui-button mw-ui-disabled label">Obtain</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0"  data-value="premium,normal" class="mw-ui-button">Premium</label>
        <label data-bit="17"  data-value="premium,classic;classic" class="mw-ui-button">Classic</label>
        <label data-bit="18"  data-value="premium,classic2;classic2" class="mw-ui-button">Classic II</label>
        <label data-bit="1"  data-value="premium,grand" class="mw-ui-button">Gala</label>
        <label data-bit="14"  data-value="premium,valentine" class="mw-ui-button">Valentine</label>
        <label data-bit="2"  data-value="premium,summer;premium,swimsuit" class="mw-ui-button">Summer</label>
        <label data-bit="3"  data-value="premium,halloween" class="mw-ui-button">Halloween</label>
        <label data-bit="4"  data-value="premium,holiday;premium,christmas" class="mw-ui-button">Holiday</label>
        <label data-bit="5"  data-value="premium,zodiac" class="mw-ui-button">Zodiac</label>
        <label data-bit="6"  data-value="premium,non-ticketable" class="mw-ui-button">Unticketable</label>
        <label data-bit="7"  data-value="promotion" class="mw-ui-button">Promotion</label>
        <label data-bit="8"  data-value="fate,unf" class="mw-ui-button">Eternals</label>
        <label data-bit="16" data-value="arcarum;fate,arcarum" class="mw-ui-button">Arcarum</label>
        <label data-bit="9"  data-value="event" class="mw-ui-button">Event</label>
        <label data-bit="15" data-value="side_story" class="mw-ui-button">Side Story</label>
        <label data-bit="10" data-value="collab" class="mw-ui-button">Collab</label>
        <label data-bit="11" data-value="main_quest" class="mw-ui-button">Story</label>
        <label data-bit="12" data-value="casino" class="mw-ui-button">Casino</label>
        <label data-bit="13" data-value="other" class="mw-ui-button">Other</label>
      </div>
    </div>
    <div data-option="s" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-style">
      <label class="mw-ui-button mw-ui-disabled label">Style</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="balanced" class="mw-ui-button">Balanced</label>
        <label data-bit="1" data-value="attack" class="mw-ui-button">Attack</label>
        <label data-bit="2" data-value="defense" class="mw-ui-button">Defense</label>
        <label data-bit="3" data-value="heal" class="mw-ui-button">Heal</label>
        <label data-bit="4" data-value="special" class="mw-ui-button">Special</label>
      </div>
    </div>
    <div data-option="r" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-race">
      <label class="mw-ui-button mw-ui-disabled label">Race</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="human" class="mw-ui-button">Human</label>
        <label data-bit="1" data-value="erune" class="mw-ui-button">Erune</label>
        <label data-bit="2" data-value="draph" class="mw-ui-button">Draph</label>
        <label data-bit="3" data-value="harvin" class="mw-ui-button">Harvin</label>
        <label data-bit="4" data-value="primal" class="mw-ui-button">Primal</label>
        <label data-bit="5" data-value="other" class="mw-ui-button">Other</label>
      </div>
    </div>
    <div data-option="p" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-weapon">
      <label class="mw-ui-button mw-ui-disabled label">Specialty</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="sabre" class="mw-ui-button">Sabre</label>
        <label data-bit="1" data-value="dagger" class="mw-ui-button">Dagger</label>
        <label data-bit="2" data-value="spear" class="mw-ui-button">Spear</label>
        <label data-bit="3" data-value="axe" class="mw-ui-button">Axe</label>
        <label data-bit="4" data-value="staff" class="mw-ui-button">Staff</label>
        <label data-bit="5" data-value="gun" class="mw-ui-button">Gun</label>
        <label data-bit="6" data-value="melee" class="mw-ui-button">Melee</label>
        <label data-bit="7" data-value="bow" class="mw-ui-button">Bow</label>
        <label data-bit="8" data-value="harp" class="mw-ui-button">Harp</label>
        <label data-bit="9" data-value="katana" class="mw-ui-button">Katana</label>
      </div>
    </div>
    <div data-option="g" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-gender">
      <label class="mw-ui-button mw-ui-disabled label">Gender</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="m" class="mw-ui-button">Male</label>
        <label data-bit="1" data-value="f" class="mw-ui-button">Female</label>
        <label data-bit="2" data-value="o" class="mw-ui-button">Other</label>
      </div>
    </div>
    <div data-option="v" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-maxevo">
      <label class="mw-ui-button mw-ui-disabled label">Max. Uncap</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="3" class="mw-ui-button">3★</label>
        <label data-bit="1" data-value="4" class="mw-ui-button">4★</label>
        <label data-bit="2" data-value="5" class="mw-ui-button">5★</label>
        <label data-bit="3" data-value="6" class="mw-ui-button">6★</label>
      </div>
    </div>
    <div data-option="x" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-released">
      <label class="mw-ui-button mw-ui-disabled label">Released</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="2014" class="mw-ui-button">2014</label>
        <label data-bit="1" data-value="2015" class="mw-ui-button">2015</label>
        <label data-bit="2" data-value="2016" class="mw-ui-button">2016</label>
        <label data-bit="3" data-value="2017" class="mw-ui-button">2017</label>
        <label data-bit="4" data-value="2018" class="mw-ui-button">2018</label>
        <label data-bit="5" data-value="2019" class="mw-ui-button">2019</label>
        <label data-bit="6" data-value="2020" class="mw-ui-button">2020</label>
        <label data-bit="7" data-value="2021" class="mw-ui-button">2021</label>
        <label data-bit="8" data-value="2022" class="mw-ui-button">2022</label>
        <label data-bit="9" data-value="2023" class="mw-ui-button">2023</label>
        <label data-bit="10" data-value="2024" class="mw-ui-button">2024</label>
      </div>
    </div>
    <div data-option="w" class="mw-ui-button-group tracker-filter-group" id="tracker-filter-owned">
      <label class="mw-ui-button mw-ui-disabled label">Owned</label>
      <div class="mw-ui-button-group items">
        <label data-value="*" class="mw-ui-button mw-ui-progressive">All</label>
        <label data-bit="0" data-value="true" class="mw-ui-button">Yes</label>
        <label data-bit="1" data-value="false" class="mw-ui-button">No</label>
      </div>
    </div>
  </div>
  <div style="display: block; float: left; clear: both;" id="tracker-savedstate-container">
    <div class="mw-ui-button-group tracker-filter-group" id="tracker-local-container">
      <label class="mw-ui-button mw-ui-disabled label" title="Stores collection data in your browser's local storage.">Save locally</label>
      <div class="mw-ui-button-group items">
        <label class="mw-ui-button" id="tracker-local-save">Save</label>
        <label class="mw-ui-button" id="tracker-local-load">Load</label>
      </div>
    </div>
  </div>
  <div style="clear: both"></div>