swf links

app/assets/javascripts/outfits/edit.js

@@ -1090,13 +1090,14 @@ View.PreviewAdapterForm = function (wardrobe) {
   }
 }
 
-View.ReportBrokenImage = function (wardrobe) {
-  var link = $('#report-broken-image');
-  var baseURL = link.attr('data-base-url');
+View.AssetLinks = function (wardrobe) {
+  var links = $('#swf-links, #report-broken-image');
 
   function updateLink() {
+    links.each(function() {
+      var link = $(this);
       var assets = wardrobe.outfits.getVisibleAssets();
-    var url = baseURL + "?";
+      var url = link.attr('data-base-url') + "?";
 
       for(var i = 0; i < assets.length; i++) {
         if(i > 0) url += "&";
@@ -1104,6 +1105,7 @@ View.ReportBrokenImage = function (wardrobe) {
       }
 
       link.attr('href', url);
+    });
   }
 
   wardrobe.outfits.bind('updateWornItems', updateLink);

app/assets/stylesheets/application.css.sass

@@ -28,4 +28,5 @@
 @import static/donate
 @import static/image_mode
 @import static/terms
+@import swf_assets/links
 @import users/top_contributors

app/assets/stylesheets/broken_image_reports/_new.sass

@@ -1,23 +1,9 @@
+@import partials/assets-list
+
 body.broken_image_reports-new
 
   #report-assets
-    li
-      +border-radius(.5em)
-      +inline-block
-      border: 1px solid $soft-border-color
-      margin: .5em
-      padding: .5em
-      text-align: center
-      vertical-align: top
-      width: 150px
-
-      img, span, input
-        display: block
-        width: 100%
-
-      img
-        height: 150px
-        width: 150px
+    +assets-list
 
     span
       font-size: 85%

app/assets/stylesheets/outfits/_edit.sass

@@ -168,7 +168,9 @@ body.outfits-edit
     button
       font-size: 75%
       width: 100%
-  #preview-mode a
+  #preview-mode
+    a
+      display: block
       font-size: 75%
       margin-top: .5em
       text-align: center
@@ -177,7 +179,7 @@ body.outfits-edit
       em
         font-style: normal
         text-decoration: underline
-  #preview-mode-note, #report-broken-image
+    #report-broken-image
       display: none
   
   #preview-sidebar

app/assets/stylesheets/partials/_assets-list.sass

@@ -0,0 +1,18 @@
+=assets-list
+  li
+    +border-radius(.5em)
+    +inline-block
+    border: 1px solid $soft-border-color
+    margin: .5em
+    padding: .5em
+    text-align: center
+    vertical-align: top
+    width: 150px
+
+    img, span, input
+      display: block
+      width: 100%
+
+    img
+      height: 150px
+      width: 150px

app/assets/stylesheets/swf_assets/_links.sass

@@ -0,0 +1,10 @@
+@import partials/assets-list
+
+body.swf_assets-links
+  #swf-assets
+    +assets-list
+
+    li
+      span
+        font-size: 75%
+        word-wrap: break-word

app/controllers/broken_image_reports_controller.rb

@@ -1,12 +1,6 @@
 class BrokenImageReportsController < ApplicationController
   def new
-    ids = params[:asset_ids]
-    assets = SwfAsset.arel_table
-    @swf_assets = SwfAsset.where(:has_image => true).where((
-        assets[:remote_id].in(ids[:biology]).and(assets[:type].eq('biology'))
-      ).or(
-        assets[:remote_id].in(ids[:object]).and(assets[:type].eq('object'))
-      ))
+    @swf_assets = SwfAsset.from_wardrobe_link_params(params[:asset_ids]).where(:has_image => true)
   end
 
   def create

app/controllers/swf_assets_controller.rb

@@ -60,5 +60,9 @@ class SwfAssetsController < ApplicationController
     @swf_asset = SwfAsset.find params[:id]
     render :json => @swf_asset
   end
+
+  def links
+    @swf_assets = SwfAsset.from_wardrobe_link_params(params[:asset_ids])
+  end
 end
 

app/models/swf_asset.rb

@@ -237,6 +237,14 @@ class SwfAsset < ActiveRecord::Base
     self.url = "#{NEOPETS_ASSET_SERVER}/#{data['url']}"
   end
 
+  def self.from_wardrobe_link_params(ids)
+    where((
+      arel_table[:remote_id].in(ids[:biology]).and(arel_table[:type].eq('biology'))
+    ).or(
+      arel_table[:remote_id].in(ids[:object]).and(arel_table[:type].eq('object'))
+    ))
+  end
+
   before_create do
     uri = URI.parse url
     begin

app/views/outfits/edit.html.haml

@@ -37,6 +37,8 @@
         = link_to t('.preview.big_picture'), 'javascript:void(0)',
           id: 'toggle-big-picture'
         = link_to t('.preview.download'), 'javascript:void(0)', id: 'preview-mode-download'
+        = link_to t('.preview.swf_links'), 'javascript:void(0)', id: 'swf-links',
+          target: '_blank', 'data-base-url' => links_swf_assets_path
         = link_to t('.preview.mode.image.report_broken'), 'javascript:void(0)',
           :id => 'report-broken-image', :target => '_blank', 'data-base-url' => new_broken_image_report_path
     #preview-sidebar

app/views/swf_assets/links.html.haml

@@ -0,0 +1,8 @@
+- title t('.title')
+
+%ul#swf-assets
+  - @swf_assets.each do |swf_asset|
+    %li
+      = link_to swf_asset.url do
+        = image_tag(swf_asset.image_url([150, 150]))
+        %span= swf_asset.url

config/locales/en.yml

@@ -564,6 +564,7 @@ en:
           Flash and Javascript (but not Java!) are required to preview outfits.
         big_picture: Big Picture
         download: Download
+        swf_links: SWF Links
         mode:
           flash:
             name: Flash
@@ -816,6 +817,10 @@ en:
         Please try again later!
       neopia_error: "We couldn't load that pet: \"%{message}\". Try again later?"
   
+  swf_assets:
+    links:
+      title: Links to SWFs
+
   users:
     index:
       not_found: We don't have a user named %{name}. Is it spelled correctly?

config/routes.rb

@@ -32,7 +32,11 @@ OpenneoImpressItems::Application.routes.draw do
   end
   resources :outfits, :only => [:show, :create, :update, :destroy]
   resources :pet_attributes, :only => [:index]
-  resources :swf_assets, :only => [:index, :show]
+  resources :swf_assets, :only => [:index, :show] do
+    collection do
+      get :links
+    end
+  end
   resources :zones, only: [:index]
 
   scope 'import' do