mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Added preview picture. Added a flow : start with only file input enabled

Browse Source
This commit is contained in:
jdescottes
2013-10-23 23:34:09 +02:00
parent 3dde3504d1
commit a0a1fa7bdf
9 changed files with 188 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/settings/export-gif.html
View File

@@ -5,13 +5,14 @@
<div class="settings-item">
<label>Select resolution:</label>
<form action="" method="POST" name="gif-export-upload-form">
<script type="text/template" id="export-gif-radio-template">
<script type="text/template" id="gif-export-radio-template">
<label style="display:block"><input type="radio" name="gif-dpi" value="{{value}}"/>
{{label}}</label>
</script>
<div class="gif-export-radio-group"></div>
<input type="submit" class="export-gif-upload-button" value="Upload" />
<input type="submit" class="button button-primary gif-upload-button" value="Upload" />
<button type="button" class="button gif-render-button">Render</button>
</form>
<div class="export-gif-preview"><div></div></div>
<div class="gif-export-preview"></div>
</div>
</div>

14
templates/settings/import.html
View File

@@ -6,22 +6,26 @@
<form action="" method="POST" name="import-form">
<div class="import-section">
<span class="import-section-title">File :</span>
<button type="button" class="button file-input-button">Browse</button>
<button type="button" class="button button-primary file-input-button">Browse</button>
<span class="file-input-status"></span>
<input style="display:none"
type="file" name="file-upload-input"
value="file" accept="image/*"/>
</div>
<div class="import-section">
<div class="import-section import-section-disabled">
<span class="import-section-title" style="vertical-align:top">Preview :</span>
<div class="import-section-preview"></div>
</div>
<div class="import-section import-section-disabled">
<span class="import-section-title">Size :</span>
<input type="text" disabled="disabled" class="textfield import-resize-field" name="resize-width"/>x
<input type="text" disabled="disabled" class="textfield import-resize-field" name="resize-height"/>
</div>
<div class="import-section">
<div class="import-section import-section-disabled">
<span class="import-section-title">Smooth resize :</span>
<input type="checkbox" disabled="disabled" checked="checked" name="smooth-resize-checkbox"/>
<input type="checkbox" disabled="disabled" checked="checked" name="smooth-resize-checkbox" value="1"/>
</div>
<input type="submit" class="button import-button" value="Import" />
<input type="submit" name="import-submit" disabled="disabled" class="button button-primary import-button" value="Import" />
</form>
</div>
</div>