impress/app/views/outfits/edit.html.haml

- add_body_class 'fullscreen'
- cache :action_suffix => "image_mode_#{can_use_image_mode?}" do
  %a#home-link{:href => "/"}
    %span Dress to Impress
  %h1#title Planning an outfit
  #pet-type-not-found.possible-error
    We haven't seen that combination before. Have you?
    Submit the pet's name if you have!
  #preview-toolbar
    %form#pet-type-form
      %select{:name => "color"}
      %select{:name => "species"}
      %input{:type => "submit", :value => "Go"}/
    %form#pet-state-form
      Gender/Emotions:
      %ul
    #save-outfit-wrapper
      %a#current-outfit-permalink{:target => '_blank'}
        = image_tag 'link_go.png', :alt => 'Permalink', :title => 'Permalink to current outfit'
      %a#shared-outfit-permalink{:target => '_blank'}
        = image_tag 'link_go.png', :alt => 'Permalink', :title => 'Permalink to shared outfit'
      %input#shared-outfit-url.outfit-url{:type => 'text'}
      %button#share-outfit Share outfit
      %button#save-outfit Save outfit
      %button#save-outfit-not-signed-in Log in to save
      %button#save-current-outfit Save &quot;<span>current outfit</span>&quot;
      %button#save-outfit-copy Save a copy
      %form#save-outfit-form
        .outfit-star
        %input#save-outfit-name{:type => 'text', :placeholder => 'Outfit name'}
        %button#save-outfit-finish{:type => 'submit'} Save
        %button#save-outfit-cancel{:type => 'button'} Cancel
  #preview
    #preview-swf
      #preview-swf-container
        %p Flash and Javascript (but not Java!) are required to preview outfits.
        %p If this message stays after the page is done loading, check those first.
      #preview-image-container
      #preview-mode
        %ul#preview-mode-toggle
          %li#preview-mode-flash.active Flash
          - if can_use_image_mode?
            %li#preview-mode-image Image
        - if can_use_image_mode?
          = link_to 'Image mode FAQ', image_mode_path,
            :id => 'preview-mode-note', :target => '_blank'
          = link_to 'Broken image?', '#', :id => 'report-broken-image',
            :target => '_blank', 'data-base-url' => new_broken_image_report_path
          #preview-download-image
            %h3 Download
            %ul
              %li
                %button{'data-download-size' => 'small'} Small
              %li
                %button{'data-download-size' => 'medium'} Medium
              %li
                %button{'data-download-size' => 'large'} Large
        - else
          = link_to(donate_path, :id => 'preview-mode-note', :target => '_blank') do
            %strong Image mode
            is available for early beta testing to users who
            %em donate
            at least $5 to help upgrade the server. Thanks!
    #preview-sidebar
      #outfit-not-found Outfit not found
      #save-success Outfit successfully saved
      #save-error
      #preview-closet.sidebar-view
        %a#preview-sidebar-nav-outfits.preview-sidebar-nav{:href => '#'} Your outfits
        %h2 Closet
        %ul
        %p#fullscreen-copyright
          Images © 2000-2010 Neopets, Inc. All Rights Reserved.
          Used With Permission
      #preview-outfits.sidebar-view
        %a#preview-sidebar-nav-closet.preview-sidebar-nav{:href => "#"} &larr; Back to Closet
        %h2 Your outfits
        %ul
      #preview-saving-outfit.sidebar-view
        %a#preview-sidebar-nav-cancel-save.preview-sidebar-nav{:href => '#'} &larr; Cancel
        %h2 Saving new outfit
        #new-outfit
          %form#new-outfit-form
            %header
              .outfit-star
              %h4
                %input#new-outfit-name{:type => 'text', :placeholder => 'Outfit name'}
              %button{:type => 'submit'} Save
  %form#preview-search-form
    %header
      %h2 Add an item
      %input{:name => "query", :placeholder => "Search items...", :type => "search"}/
      %input{:type => "submit", :value => "Go"}/
      %a.preview-search-form-your-items{:href => '#', 'data-search-value' => 'owns'} Items you own
      %a.preview-search-form-your-items{:href => '#', 'data-search-value' => 'wants'} Items you want
      #preview-search-form-pagination
      %a#preview-search-form-clear{:href => "#"} clear
    %dl#preview-search-form-help
      %div
        %dt kreludor "altador cup" -background
        %dd
          returns any item with the word "kreludor" and the phrase "altador cup"
          in it, but not the word "background"
      %div
        %dt collar -is:nc -is:pb
        %dd
          returns any item with the word "collar" in it, but is not from the NC
          mall, and is not from a deluxe paint brush set
      %div
        %dt
          %span species:
          %span.search-helper{"data-search-filter" => "species"} Acara
        %dd
          returns any item a
          %span.search-helper{"data-search-filter" => "species"} Acara
          can wear
      %div
        %dt
          %span type:
          %span.search-helper{"data-search-filter" => "type"} background
        %dd
          returns any item that fills a
          %span.search-helper{"data-search-filter" => "type"} background
          zone
    #preview-search-form-loading Loading...
    #preview-search-form-error.possible-error
    #preview-search-form-no-results
      No results for "<span></span>"
    %ul
  #no-assets-full-message
    We haven't seen this item on this body type before. Have you? Submit its name on the home page if you have!
  %script#outfit-template{:type => 'text/x-jquery-tmpl'}
    <li class="outfit-${id}{{if starred}} starred{{/if}}">
    %header
      %button.outfit-delete &times;
      .outfit-star
      %h4 ${name}
      %a.outfit-rename-button{:href => '#'} rename
      %form.outfit-rename-form
        %input.outfit-rename-field{:type => 'text'}
    %input.outfit-url{:type => 'text', :value => "http://#{request.host}/outfits/${id}"}
    .outfit-delete-confirmation
      %span Delete forever?
      %a.outfit-delete-confirmation-yes{:href => '#'} yes
      \/
      %a.outfit-delete-confirmation-no{:href => '#'} no, thanks
    </li>
- content_for :javascripts do
  = include_javascript_libraries :jquery, :swfobject, :jquery_tmpl
  = include_javascripts :edit_outfit_package