export to file

This commit is contained in:
jdescottes 2014-07-13 15:17:09 +02:00
parent d7102ae0bd
commit b1e18d0c56
8 changed files with 25348 additions and 16 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,9 @@
(function () { (function () {
var version = '-2014-07-13-01-02'; /**
* See @Gruntfile.js => after build, -2014-07-13-03-15 is replaced by the build version
*/
var version = '-2014-07-13-03-15';
var versionHasNotBeenReplaced = version.indexOf('@@') === 0; var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
if (versionHasNotBeenReplaced) { if (versionHasNotBeenReplaced) {
version = ''; version = '';

View File

@ -1,38 +1,36 @@
<div class="vertical-centerer"> <div class="vertical-centerer">
<div <div
data-setting="user" data-setting="user"
class="tool-icon gear-icon" class="tool-icon gear-icon"
title="Preferences" title="<span style='color:gold'>PREFERENCES</span></br>"
rel="tooltip" data-placement="left"> rel="tooltip" data-placement="left">
</div> </div>
<div <div
data-setting="resize" data-setting="resize"
class="tool-icon resize-icon" class="tool-icon resize-icon"
title="Resize the drawing area" title="<span style='color:gold'>RESIZE</span></br>Resize the drawing area"
rel="tooltip" data-placement="left"> rel="tooltip" data-placement="left">
</div> </div>
<div <div
data-setting="save" data-setting="save"
class="tool-icon save-icon" class="tool-icon save-icon"
title="Save to your gallery, save locally<br/>or export as a file" title="<span style='color:gold'>SAVE</span></br>Save to your gallery, save locally<br/>or export as a file"
rel="tooltip" data-placement="left" > rel="tooltip" data-placement="left" >
</div> </div>
<div <div
data-setting="export" data-setting="export"
class="tool-icon export-icon" class="tool-icon export-icon"
title="Export as Image, as Spritesheet<br/>or as Animated GIF" title="<span style='color:gold'>EXPORT</span></br>Export as Image, as Spritesheet<br/>or as Animated GIF"
rel="tooltip" data-placement="left"> rel="tooltip" data-placement="left">
</div> </div>
<div <div
data-setting="import" data-setting="import"
class="tool-icon local-storage-icon" class="tool-icon local-storage-icon"
title="Import an existing image,<br/>an animated GIF or a .piskel file" title="<span style='color:gold'>IMPORT</span></br>Import an existing image,<br/>an animated GIF or a .piskel file"
rel="tooltip" data-placement="left"> rel="tooltip" data-placement="left">
</div> </div>

View File

@ -2,7 +2,7 @@
<div class="settings-title"> <div class="settings-title">
Export Spritesheet Export Spritesheet
</div> </div>
<div class="png-export-preview"></div> <div class="png-export-preview settings-item"></div>
<div class="settings-item"> <div class="settings-item">
<span class="settings-description">PNG with all frames side by side.</span> <span class="settings-description">PNG with all frames side by side.</span>
<button type="button" class="button button-primary png-download-button">Download PNG</button> <button type="button" class="button button-primary png-download-button">Download PNG</button>
@ -18,19 +18,19 @@
</div> </div>
<div class="settings-item"> <div class="settings-item">
<form action="" method="POST" class="gif-export-form"> <form action="" method="POST" class="gif-export-form">
<div style="margin:10px 0;"> <div class="settings-item">
<label>Select resolution:</label> <label>Select resolution:</label>
<select class="gif-export-select-resolution"></select> <select class="gif-export-select-resolution"></select>
<script type="text/template" id="gif-export-option-template"> <script type="text/template" id="gif-export-option-template">
<option value="{{value}}">{{label}}</option> <option value="{{value}}">{{label}}</option>
</script> </script>
</div> </div>
<div style="margin:10px 0;"> <div class="settings-item">
<button type="button" class="button button-primary gif-download-button">Download GIF</button> <button type="button" class="button button-primary gif-download-button">Download GIF</button>
<button type="button" class="button button gif-upload-button">Get public URL</button> <button type="button" class="button button gif-upload-button">Get public URL</button>
</div> </div>
</form> </form>
<div class="clearfix"> <div class="gif-upload">
<div class="gif-export-preview"></div> <div class="gif-export-preview"></div>
<div class="gif-upload-status"></div> <div class="gif-upload-status"></div>
</div> </div>