GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

save/load

Browse Source
This commit is contained in:
Kyle
2020-08-16 14:57:14 -07:00
parent 6b1f513b02
commit fbd1ae0538
54 changed files with 408 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
creator/index.html
View File

@@ -37,7 +37,7 @@
<div onclick='toggleTabs(this, "setSymbolTab")' class='interactable'>Set Symbol</div>
<div onclick='toggleTabs(this, "watermarkTab")' class='interactable'>Watermark</div>
<div onclick='toggleTabs(this, "collectorTab")' class='interactable'>Collector</div>
<div onclick='toggleTabs(this, "importTab")' class='interactable'>Import</div>
<div onclick='toggleTabs(this, "importTab")' class='interactable'>Import/Save</div>
<div onclick='{toggleTabs(this, "tutorialTab"); if (document.getElementById("tutorial").src == "") {document.getElementById("tutorial").src = "https://www.youtube.com/embed/UrNk6I55S0Q"}}' class='interactable'>Tutorial</div>
</div>
<div id='tabOptions'>
@@ -144,11 +144,19 @@
</div>
</div>
<div id='setSymbolTab' class='hidden'>
<div class="autoGrid">
<input type="file" accept="image/*" onchange="uploadImage(event, setSymbol)" placeholder="Via File Upload">
<input type="text" placeholder="Via URL" onchange="setSymbol.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
<input type="text" id="inputSetCode" placeholder="Via Set Code" onchange="setSymbolFromGatherer()">
<input type="text" id="inputSetRarity" placeholder="Rarity" onchange="setSymbolFromGatherer()">
<div class="splitGrid">
<div>
<input type="file" accept="image/*" onchange="uploadImage(event, setSymbol)" placeholder="Via File Upload">
<input type="text" placeholder="Via URL" onchange="setSymbol.src = 'https://cors-anywhere.herokuapp.com/' + this.value">
<input type="text" id="inputSetCode" placeholder="Via Set Code" onchange="setSymbolFromGatherer()">
<input type="text" id="inputSetRarity" placeholder="Rarity" onchange="setSymbolFromGatherer()">
</div>
<div>
<div>X, Y, &amp; Zoom:</div>
<input type="number" value="0" id="inputSetSymbolX" oninput="setSymbol.onload()">
<input type="number" value="0" id="inputSetSymbolY" oninput="setSymbol.onload()">
<input type="number" value="100" step="0.1" min="0" id="inputSetSymbolZoom" oninput="setSymbol.onload()">
</div>
</div>
</div>
<div id='watermarkTab' class='hidden'>
@@ -184,10 +192,26 @@
</div>
</div>
<div id='importTab' class='hidden'>
Type in a card name to import it! (Doesn't work with doublefaced or split cards)
<input type="text" class="input text" id="inputCardNameTextImport" onchange="inputCardNameTextImport(this.value)" placeholder="Via Card Name">
Select which card to import:
<input type="number" class="input number" id="inputCardNameNumberTextImport" onchange="inputCardNameNumberTextImport(this.value)" value="1" min="1" max="1">
<div>
Import a real card:
<input type="text" class="input text" id="inputCardNameTextImport" onchange="inputCardNameTextImport(this.value)" placeholder="Via Card Name">
Select which card to import:
<input type="number" class="input number" id="inputCardNameNumberTextImport" onchange="inputCardNameNumberTextImport(this.value)" value="1" min="1" max="1">
</div><br>
<div>
Load a saved card:
<select id="inputCardToImport" onchange="importSavedCard(this.value)">
<option disabled selected='selected'>None selected</option>
</select>
<button onclick='saveCard()'>Save current card</button>
<button onclick='deleteCard()'>Delete selected card</button>
</div><br>
<div>
Cards are saved to your browser's local storage. If you plan on clearing site data or switching devices, you can download your saved cards here:
<button onclick='downloadSavedCards()'>Download all saved cards</button>
And upload your saved cards file here:
<input oninput='uploadSavedCards(event)' type='file'>
</div>
</div>
<div id='tutorialTab' class='hidden' style='width: 100%; height: 56.25%;'>
<iframe width='1920' height='1080' allowfullscreen style='width: 100%; height:100%; border: none;' id='tutorial'></iframe>
@@ -277,6 +301,7 @@
<script defer src="/data/scripts/sortable.js"></script>
<script defer src="/data/scripts/main.js"></script>
<script defer src="/data/scripts/versions/m15/version.js"></script>
<script defer src="/data/scripts/localStorage.js"></script>
<div class='notificationContainer'></div>
</body>
<footer id='footer'>