impress/app/views/items/_outfit_viewer.html.haml

.outfit-viewer
  .loading-indicator= render partial: "hanger_spinner"
  - outfit.visible_layers.each do |swf_asset|
    %outfit-layer{
      data: {
        "asset-id": swf_asset.id,
        "zone": swf_asset.zone.label,
      },
    }
      - if swf_asset.canvas_movie?
        %iframe{src: swf_asset_path(swf_asset) + "?playing"}
      - else
        = image_tag swf_asset.image_url, alt: ""
Extract outfit-viewer to a separate template Just cuz this is gonna get more complex down the line! 2024-07-02 22:43:36 -07:00			`.outfit-viewer`
Improve the loading indicator for the new item page previews Add some unobtrusive white background for contrast, show it when the Turbo frame is loading too, add a spinner cursor, and fix a silliness of how we put the `position: absolute` stuff into the component-y part of the hanger spinner instead of this specific use case lol oops! 2024-07-07 21:32:41 -07:00			`.loading-indicator= render partial: "hanger_spinner"`
Extract outfit-viewer to a separate template Just cuz this is gonna get more complex down the line! 2024-07-02 22:43:36 -07:00			`- outfit.visible_layers.each do \|swf_asset\|`
			`%outfit-layer{`
			`data: {`
			`"asset-id": swf_asset.id,`
			`"zone": swf_asset.zone.label,`
			`},`
			`}`
Load movies in iframe for new item page preview Hey hey, it's working! Still stuff to add like pause/play, but yeah! 2024-07-03 20:15:35 -07:00			`- if swf_asset.canvas_movie?`
			`%iframe{src: swf_asset_path(swf_asset) + "?playing"}`
			`- else`
			`= image_tag swf_asset.image_url, alt: ""`