Clean up Editor controls, add button to download deck png

This commit is contained in:
Adam Goldsmith 2019-01-06 09:54:04 -05:00
parent e9fd80dd66
commit 687cd373b6

View File

@ -4,13 +4,19 @@
<div id="controls"> <div id="controls">
<div> <div>
<button type="button" @click="upload"> Save Deck </button> <button type="button" @click="upload"> Save Deck </button>
Download:
<button type="button" @click="jsonInputDownload"> <button type="button" @click="jsonInputDownload">
Download Input JSON Input JSON
</button> </button>
<button type="button" <button type="button"
@click="downloadFile('/decks/' + deckID + '.tts.json', deckInfo.meta.name + '.tts.json')"> @click="downloadFile(`/decks/${deckID}.tts.json`, deckInfo.meta.name + '.tts.json')">
Download Tabletop Output JSON Tabletop Output JSON
</button>
<button type="button"
@click="downloadFile(`/decks/${deckID}.png`, deckInfo.meta.name + '.png')">
Deck PNG
</button> </button>
</div> </div>
@ -20,20 +26,16 @@
</label> </label>
</div> </div>
<form> <div>
<div> <label> Deck Name: <input type="text" v-model="deckInfo.meta.name"> </label>
<label> Deck Name: <input type="text" v-model="deckInfo.meta.name"> </label> <label> Deck Type:
</div> <select v-model="deckInfo.meta.type">
<div> <option value="hero">hero</option>
<label> Deck Type: <option value="villain">villain</option>
<select v-model="deckInfo.meta.type"> <option value="environment">environment</option>
<option value="hero">hero</option> </select>
<option value="villain">villain</option> </label>
<option value="environment">environment</option> </div>
</select>
</label>
</div>
</form>
</div> </div>
<div id="cardEditor" v-if="selected"> <div id="cardEditor" v-if="selected">