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

%outfit-viewer
  .loading-indicator= render partial: "hanger_spinner"

  %label.play-pause-button
    %input.play-pause-toggle{type: "checkbox"}
    Play/pause

  - 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)}
      - else
        = image_tag swf_asset.image_url, alt: ""
Add hacky play/pause toggle to new item page preview This doesn't do a good job maintaining state across morphs, but hey it's Working At All in terms of wiring, and that's good!! Also need to style up the toggle as a cute button instead of a visible checkbox and the words "Play/pause"! 2024-07-08 13:43:28 -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"`
Add hacky play/pause toggle to new item page preview This doesn't do a good job maintaining state across morphs, but hey it's Working At All in terms of wiring, and that's good!! Also need to style up the toggle as a cute button instead of a visible checkbox and the words "Play/pause"! 2024-07-08 13:43:28 -07:00
			`%label.play-pause-button`
			`%input.play-pause-toggle{type: "checkbox"}`
			`Play/pause`

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?`
Add hacky play/pause toggle to new item page preview This doesn't do a good job maintaining state across morphs, but hey it's Working At All in terms of wiring, and that's good!! Also need to style up the toggle as a cute button instead of a visible checkbox and the words "Play/pause"! 2024-07-08 13:43:28 -07:00			`%iframe{src: swf_asset_path(swf_asset)}`
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			`- else`
			`= image_tag swf_asset.image_url, alt: ""`