download links for each image size

This commit is contained in:
Emi Matchu 2015-05-03 16:37:24 -05:00
parent caaf524060
commit bf9f9ed82e
5 changed files with 43 additions and 1 deletions

View file

@ -849,11 +849,24 @@ View.Outfits = function (wardrobe) {
function formatUrl(key, url) { function formatUrl(key, url) {
sharing_url_els[key].val(url); sharing_url_els[key].val(url);
} }
function formatDownload(key, outfit) {
var el = $('#preview-sharing-download-' + key + '-image');
var url = urls[key + '_image'];
var outfit_name = outfit.name === null ? ('Outfit ' + outfit.id) : outfit.name;
var format_name = key.charAt(0).toUpperCase() + key.substr(1);
el.attr('href', url);
el.attr('download', 'Dress to Impress - ' + outfit_name + ' - ' + format_name + '.png');
}
wardrobe.image_subscriptions.bind('imageEnqueued', function (outfit) { wardrobe.image_subscriptions.bind('imageEnqueued', function (outfit) {
if(outfit.id == current_shared_outfit.id) { if(outfit.id == current_shared_outfit.id) {
log("Sharing thumbnail enqueued for outfit", outfit); log("Sharing thumbnail enqueued for outfit", outfit);
WRAPPER.removeClass('thumbnail-loaded'); WRAPPER.removeClass('thumbnail-loaded');
$('#preview-sharing-urls a').removeAttr('href').removeAttr('download');
} }
}); });
@ -864,6 +877,11 @@ View.Outfits = function (wardrobe) {
thumbnail_el.attr('src', src); thumbnail_el.attr('src', src);
WRAPPER.addClass('thumbnail-loaded'); WRAPPER.addClass('thumbnail-loaded');
WRAPPER.addClass('thumbnail-available'); WRAPPER.addClass('thumbnail-available');
formatDownload('large', outfit);
formatDownload('medium', outfit);
formatDownload('small', outfit);
unsubscribeFromImage(outfit); unsubscribeFromImage(outfit);
} }
}); });
@ -878,6 +896,12 @@ View.Outfits = function (wardrobe) {
log("Sharing sees the setOutfit signal, and will set", outfit); log("Sharing sees the setOutfit signal, and will set", outfit);
sharing.setOutfit(outfit); sharing.setOutfit(outfit);
}); });
this.initialize = function() {
if ('download' in document.createElement('a')) {
$('#preview-sharing-urls').addClass('support-download');
}
}
} }
/* Saving */ /* Saving */
@ -948,6 +972,8 @@ View.Outfits = function (wardrobe) {
wardrobe.outfits.bind('outfitNotFound', function () { wardrobe.outfits.bind('outfitNotFound', function () {
outfit_not_found_el.notify(); outfit_not_found_el.notify();
}); });
this.initialize = sharing.initialize();
} }
View.PetStateForm = function (wardrobe) { View.PetStateForm = function (wardrobe) {

View file

@ -634,12 +634,23 @@ body.outfits-edit
width: 100% width: 100%
label label
display: block display: inline-block
font-weight: bold font-weight: bold
input input
display: block display: block
width: 100% width: 100%
a
display: none
float: right
font-size: 75%
margin-top: .25em
text-decoration: none
&.support-download
li a
display: block
#preview-sharing-url-formats #preview-sharing-url-formats
+sidebar-view-child +sidebar-view-child

View file

@ -77,14 +77,17 @@
%li %li
%label{:for => 'preview-sharing-large-image-url'} %label{:for => 'preview-sharing-large-image-url'}
= t '.sidebar.sharing.links.images.large' = t '.sidebar.sharing.links.images.large'
%a#preview-sharing-download-large-image{download: true}= t '.sidebar.sharing.download'
%input#preview-sharing-large-image-url.outfit-url{:type => 'text'} %input#preview-sharing-large-image-url.outfit-url{:type => 'text'}
%li %li
%label{:for => 'preview-sharing-medium-image-url'} %label{:for => 'preview-sharing-medium-image-url'}
= t '.sidebar.sharing.links.images.medium' = t '.sidebar.sharing.links.images.medium'
%a#preview-sharing-download-medium-image{download: true}= t '.sidebar.sharing.download'
%input#preview-sharing-medium-image-url.outfit-url{:type => 'text'} %input#preview-sharing-medium-image-url.outfit-url{:type => 'text'}
%li %li
%label{:for => 'preview-sharing-small-image-url'} %label{:for => 'preview-sharing-small-image-url'}
= t '.sidebar.sharing.links.images.small' = t '.sidebar.sharing.links.images.small'
%a#preview-sharing-download-small-image{download: true}= t '.sidebar.sharing.download'
%input#preview-sharing-small-image-url.outfit-url{:type => 'text'} %input#preview-sharing-small-image-url.outfit-url{:type => 'text'}
%ul#preview-sharing-url-formats %ul#preview-sharing-url-formats
%li.active{'data-format' => 'plain'} %li.active{'data-format' => 'plain'}

View file

@ -565,6 +565,7 @@ en-MEEP:
plain: Pleen plain: Pleen
html: HTMeepL html: HTMeepL
bbcode: BBMeep bbcode: BBMeep
download: Downmeep
search: search:
header: Meep an item header: Meep an item
form: form:

View file

@ -623,6 +623,7 @@ en:
plain: Plain plain: Plain
html: HTML html: HTML
bbcode: BBCode bbcode: BBCode
download: Download
search: search:
header: Add an item header: Add an item
form: form: