dburr/SIFTools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add stuff to make this into an iPhone home screen web app

Browse source
This commit is contained in:
Donald Burr 2015-10-17 19:45:57 -07:00
parent 260e53203b
commit 1a69c3dd40
3 changed files with 28 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
web_app/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 63 KiB

16
web_app/js/sif_tools.js
View file

@ -163,7 +163,11 @@ function calculate_rank()
{ {
// validate data // validate data
var current_rank = parseInt($("#current_rank").val()); var current_rank = parseInt($("#current_rank").val());
var current_exp = parseInt($("#current_exp").val()); var current_exp_input = $("#current_exp").val();
var current_exp = 0;
if (current_exp_input != "") {
current_exp = parseInt(current_exp_input);
}
var desired_rank = parseInt($("#desired_rank").val()); var desired_rank = parseInt($("#desired_rank").val());
var game_version = $("#game_version").val(); var game_version = $("#game_version").val();
if (isNaN(current_rank) || isNaN(current_exp) || isNaN(desired_rank)) { if (isNaN(current_rank) || isNaN(current_exp) || isNaN(desired_rank)) {
@ -521,7 +525,11 @@ function is_valid_exp(rarity, level, exp)
function calculate_card() function calculate_card()
{ {
var current_level = parseInt($("#card_current_level").val()); var current_level = parseInt($("#card_current_level").val());
var current_exp = parseInt($("#card_current_exp").val()); var current_exp_input = $("#card_current_exp").val();
var current_exp = 0;
if (current_exp_input != "") {
current_exp = parseInt(current_exp_input);
}
var rarity = $("#card_rarity").val(); var rarity = $("#card_rarity").val();
if (isNaN(current_level) || !is_valid_level(rarity, current_level)) { if (isNaN(current_level) || !is_valid_level(rarity, current_level)) {
@ -611,8 +619,8 @@ function reset_card()
$("#card-result-summary").text("-"); $("#card-result-summary").text("-");
$("#card-level-area").hide(); $("#card-level-area").hide();
$("#card-exp-area").hide(); $("#card-exp-area").hide();
$("#card_current_level").val(0); $("#card_current_level").val("");
$("#card_current_exp").val(0); $("#card_current_exp").val("");
var $radios = $('input:radio[name=card-mode]'); var $radios = $('input:radio[name=card-mode]');
$radios.filter('[value=LEVEL]').prop('checked', true); $radios.filter('[value=LEVEL]').prop('checked', true);
$("#card_desired_level").val(""); $("#card_desired_level").val("");

26
web_app/sif_tools.html
View file

@ -1,7 +1,8 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="viewport" content="width=320, initial-scale=1"> <link rel="apple-touch-icon" href="apple-touch-icon.png" />
<meta name="viewport" content="width=320, initial-scale=1, user-scalable=no">
<meta charset="utf-8"> <meta charset="utf-8">
<title>SIFTools</title> <title>SIFTools</title>
<link href="css/external/jquery-ui.css" rel="stylesheet"> <link href="css/external/jquery-ui.css" rel="stylesheet">
@ -34,8 +35,11 @@
<div id="the-form" align="center"> <div id="the-form" align="center">
<h1>Rank Calculator</h1> <h1>Rank Calculator</h1>
Current Rank:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_rank" name="current_rank" placeholder="rank" value="" /> Current Rank:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_rank" name="current_rank" placeholder="rank" value="" />
Current EXP:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_exp" name="current_exp" placeholder="" value="0" /> <br />
Desired Rank:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" id="desired_rank" name="desired_rank" placeholder="rank" value="" /> Current EXP:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_exp" name="current_exp" placeholder="exp" value="" />
<br />
Desired Rank:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="desired_rank" name="desired_rank" placeholder="rank" value="" />
<br />
Game Version:&nbsp;&nbsp;&nbsp; Game Version:&nbsp;&nbsp;&nbsp;
<select id="game_version" name="game_version"> <select id="game_version" name="game_version">
<option value="EN">EN</option> <option value="EN">EN</option>
@ -47,7 +51,7 @@
<div id="rank-calc-result-area"> <div id="rank-calc-result-area">
<h1>Results</h1> <h1>Results</h1>
EXP required:&nbsp;&nbsp;&nbsp;<span id="rank-result-exp">-</span><br /><br /> EXP required:&nbsp;&nbsp;&nbsp;<span id="rank-result-exp">-</span><br /><br />
To get this level of EXP will require playing the following number of songs:<br /><br /> You will need to play the following number of songs in order to get this amount of EXP:<br /><br />
EASY:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-easy">-</span><br /> EASY:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-easy">-</span><br />
NORMAL:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-normal">-</span><br /> NORMAL:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-normal">-</span><br />
HARD:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-hard">-</span><br /> HARD:&nbsp;&nbsp;&nbsp;<span id="rank-result-songs-hard">-</span><br />
@ -59,11 +63,11 @@
</div> </div>
<div id="tab-love-gem"> <div id="tab-love-gem">
<div id="love-gem-form" align="center"> <div id="love-gem-form" align="center">
Current Love Gems:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_gems" name="current_gems" placeholder="" value="0" /> Current Love Gems:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="current_gems" name="current_gems" placeholder="gems" value="" />
<br /><br /> <br /><br />
Mode:<br /> Mode:<br />
<input type="radio" name="gem-mode" id="gem-mode" value="DATE" checked />How many gems will you have on a given date?<br /> <input type="radio" name="gem-mode" id="gem-mode" value="DATE" checked />Number of gems on date?<br />
<input type="radio" name="gem-mode" id="gem-mode" value="GEMS" />When will I have this many gems?<br /><br /> <input type="radio" name="gem-mode" id="gem-mode" value="GEMS" />Date you will have this many gems?<br /><br />
<div id="gem-date-area"> <div id="gem-date-area">
Date:&nbsp;&nbsp;&nbsp;<input type="text" size="10" id="gem_desired_date" name="gem_desired_date" placeholder="MM/DD/YYYY" value="" /> Date:&nbsp;&nbsp;&nbsp;<input type="text" size="10" id="gem_desired_date" name="gem_desired_date" placeholder="MM/DD/YYYY" value="" />
</div> </div>
@ -95,12 +99,14 @@
<option value="SR">SR</option> <option value="SR">SR</option>
<option value="UR">UR</option> <option value="UR">UR</option>
</select> </select>
<br />
Current Level:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_current_level" name="card_current_level" placeholder="level" value="" /> Current Level:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_current_level" name="card_current_level" placeholder="level" value="" />
Current EXP:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_current_exp" name="card_current_exp" placeholder="" value="0" /> <br />
Current EXP:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_current_exp" name="card_current_exp" placeholder="exp" value="" />
<br /><br /> <br /><br />
Mode:<br /> Mode:<br />
<input type="radio" name="card-mode" id="card-mode" value="LEVEL" checked />Amount of XP needed to get to a level<br /> <input type="radio" name="card-mode" id="card-mode" value="LEVEL" checked />EXP needed to get to a level?<br />
<input type="radio" name="card-mode" id="card-mode" value="EXP" />Final level after feeding an amount of EXP<br /><br /> <input type="radio" name="card-mode" id="card-mode" value="EXP" />Level reached after feeding EXP?<br /><br />
<div id="card-level-area"> <div id="card-level-area">
Desired level:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_desired_level" name="card_desired_level" placeholder="level" value="" /> Desired level:&nbsp;&nbsp;&nbsp;<input type="text" pattern="\d*" size="5" id="card_desired_level" name="card_desired_level" placeholder="level" value="" />
</div> </div>