forked from april/decklist
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
144 lines (136 loc) · 9.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<title>Magic the Gathering Decklist / Registration Sheet Generator</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/decklist.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
<!-- jQuery -->
<script type="text/javascript" src="js/jquery/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
<!-- List of all cards (thanks, mtgjson!) -->
<script type="text/javascript" src="js/cards/decklist-cards-min.js" ></script>
<!-- jsPDF and associated libraries -->
<script type="text/javascript" src="js/jsPDF/dist/jspdf.min.js"></script>
<script type="text/javascript" src="js/jsPDF/plugins/addimage.js"></script>
<script type="text/javascript" src="js/jsPDF/libs/png_support/png.js"></script>
<script type="text/javascript" src="js/jsPDF/libs/png_support/zlib.js"></script>
<script type="text/javascript" src="js/jsPDF/plugins/png_support.js"></script>
<script type="text/javascript" src="js/jsPDF/plugins/standard_fonts_metrics.js"></script>
<script type="text/javascript" src="js/FileSaver/FileSaver-1.3.3.min.js"></script>
<!-- Code for the website -->
<script type="text/javascript" src="js/decklist/decklist.js"></script>
<script type="text/javascript" src="js/decklist/main.js"></script>
<script type="text/javascript" src="js/decklist/dci.js"></script>
<link rel="stylesheet" type="text/css" href="css/auseternal.css">
<link rel='stylesheet' id='hemingway_googleFonts-css' href='https://fonts.googleapis.com/css?family=Lato%3A400%2C700%2C400italic%2C700italic%7CRaleway%3A700%2C400&ver=4.2.2' type='text/css' media='all' />
</head>
<body>
<div class="big-wrapper">
<div class="wrapper section-inner">
<div class="content full-width">
<div class="post-header">
<h2 class="post-title">Decklist Creator</h2>
</div>
<div class="wrapleft">
<div class="left">
<form>
<div class="personal"><h2>Personal Information</h2></div>
<label for="firstname">
<div class="form">
<input type="text" id="firstname" placeholder="First Name"></div>
</label>
<label for="lastname">
<div class="form"><input type="text" id="lastname" placeholder="Last Name"></div>
</label>
<label for="wizacct">
<input type="text" id="wizacct" placeholder="Wizards Account">
</label><br>
<h2>Event Information</h2><br/>
<label for="event">
<div class="form"><input type="text" id="event" placeholder="Event"></div>
</label>
<label for="eventdate">
<div class="form"><input type="text" id="eventdate" placeholder="Event Date"></div>
</label>
<label for="eventlocation">
<input type="text" id="eventlocation" placeholder="Event Location">
</label><br>
<h2>Deck Information</h2><br/>
<label for="deckname">
<div class="form"><input type="text" id="deckname" placeholder="Deck Name"></div>
</label>
<label for="deckdesigner">
<input type="text" id="deckdesigner" placeholder="Deck Designer">
</label><br>
<h2>Deck Format</h2><br/>
<label for="eventformat">
<div class="form"><select name="eventformat" placeholder="Event Format">
<option value="Any">Any</option>
<option value="Standard">Standard</option>
<option value="Pioneer">Pioneer</option>
<option value="Modern">Modern</option>
<option value="Highlander">Australian 7pt Highlander</option>
<option value="Legacy">Legacy</option>
<option value="Vintage">Vintage</option>
</select></div>
</label><br/>
<label for="deckmain">
<textarea id="deckmain" placeholder="Main Deck. You can copy/paste most decks from online sources here without separating the Sideboard."></textarea>
</label><br/>
<input type="text" id="cardentry" placeholder="Manual Entry (Alt-⏎ for Sideboard)" style="width: 60%;">
<input type="button" id="cardtomain" value="↑" class="cardbutton ui-button" role="button" onclick="cardToMain();">
<input type="button" id="cardtoside" value="↓" class="cardbutton ui-button" role="button" onclick="cardToSide();"></label><br/><br/>
<label for="deckside">
<textarea id="deckside" placeholder="Sideboard"></textarea>
</label><br>
<h2>Deck Sort Order</h2><br/>
</form>
</div> <!-- left -->
<div id="sortorderwrapper">
<div id="sortorderfloat" class="ui-buttonset">
<input type="radio" id="sortorder1" name="sortorder"><label for="sortorder1">Alphabetically</label>
<input type="radio" id="sortorder2" name="sortorder"><label for="sortorder2">CMC</label>
<input type="radio" id="sortorder3" name="sortorder" checked><label for="sortorder3">Colour (recommended)</label>
<input type="radio" id="sortorder4" name="sortorder"><label for="sortorder4">Numerically</label>
<input type="radio" id="sortorder5" name="sortorder"><label for="sortorder5">Original</label>
</div>
</div> <!-- sortorderwrapper -->
</div> <!-- wrapleft -->
<div class="right">
<h2>
Decklist Preview
</h2><br>
<div id="decklistpreview">
<iframe id="decklist" name="decklist" height="580" width="440"></iframe>
</div>
<div id="deckliststatuses">
<div class="deckliststatus" id="dle1"><img src="images/error.png">Decklist contains <60 cards.</div>
<div class="deckliststatus" id="dlw1"><img src="images/warning.png">Decklist contains >60 cards.</div>
</div>
<form>
<input type="button" id="download" value="Download Decklist (PDF)" onclick="generateDecklistPDF('dataurlnewwindow');"/>
<input type="button" id="downloadtxt" value="Download Decklist (Txt/MTGO)" onclick="generateDecklistPDF('txt');"/>
<input type="button" id="downloaddec" value="Download Decklist (DEC)" onclick="generateDecklistPDF('dec');"/>
<input type="button" id="upload" value="Upload Decklist" onclick="uploadDecklistPDF();"/>
<input type="button" id="getlink" value="Get Link To Decklist" onclick="openDeckWindow('index');" class="ui-button ui-widget ui-state-default ui-corner-all"/>
<input type="button" id="getplaytest" value="Generate Playtest Cards" onclick="openDeckWindow('playtest');" class="ui-button ui-widget ui-state-default ui-corner-all"/>
<input type="button" id="deckcheck" value="Deck Check Mode" onclick="openDeckWindow('deckcheck');" class="ui-button ui-widget ui-state-default ui-corner-all"/>
<span><div id="URL"></div></span>
</form>
<h2>Status</h2>
<div class="status default">
<div class="statusmark"></div>
<ul class="details"></ul>
</div>
</div> <!-- right -->
<div class="footer">
Magic: the Gathering Decklist Generator by <a href="http://www.twoevils.org/">April King</a>. Please send feedback to <a href="mailto:april@pokeinthe.io?subject=Decklist.org%20feedback">april@pokeinthe.io</a>, or contribute issue reports or code additions <a href="https://github.com/marumari/decklist">via GitHub</a>.<br /><br />Modified by <a href="https://github.com/Fryyyyy/decklist">Fry</a> for Australian 7pt Highlander, multiple pages, autocomplete card entry, legality checking, playtest generator and deck check mode.<br /><br />Magic: The Gathering ® Wizards of the Coast.
</div>
</div> <!-- content full width -->
</div> <!-- wrapper.section inner -->
</div> <!-- bigwrapper -->
</body>
</html>