_form.html.erb

<%= form_for(@post, :html => {:multipart => true}) do |f| %>

<ul class="formError">
<% @post.errors.full_messages.each do |msg| %>
      <li><%= msg %></li>
<% end %>
</ul>


<fieldset class="one">
	<div class="fieldContener">
		<h2>Titre de l'article</h2>
		<p class="def">Donnez un titre explicite.</p>
		<div class="field">
			<%= f.text_field :title %>
			<p class="counter"><span>80</span> caractère(s) restant(s)</p>
		</div>
	</div>
</fieldset>

<fieldset class="two">
	<div class="fieldContener">
		<h2>Ajouter une ou plusieurs photos et réorganisez-les</h2>
		<p class="def">Les utilisateurs seront ravis d'avoir une photo du produit mis en vente</p>
		<div class="field  clearfix">

			<% key = Rails.application.config.session_options[:key] %>

			<script language="JavaScript">
			$(document).ready(function () {
				var upload_params = {
				      '<%= key %>' : '<%= cookies[key] %>',
				      'request_forgery_protection_token' : '<%= form_authenticity_token %>',
				      '_http_accept': 'application/javascript'
				    };

			    var url = $('input#photo_image').attr('rel');
			    $('input#photo_image').uploadify({
			      'swf' : '/assets/uploadify.swf',
			      'buttonText' : 'Ajouter depuis l’ordinateur',
			      'uploader' : url,
			      'width' : 310,
			      'height' :42,
			      'fileObjName' : 'photo[image]',
			      'fileTypeDesc' : 'Image Files',
    			  'fileTypeExts' : '*.gif; *.jpg; *.png',
			      'multi' : true,
			      'uploadLimit' : 5,
			      'formData' : upload_params,
			      'scriptData' : upload_params,
			      'auto' : true,
			      'onUploadSuccess' : function(file, data, response) {
			            $('#photosList').append(data);
			       },
			      'onUploadError' : function (a, b, c, d) {
			         if (d.status == 404)
			            alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
			         else if (d.type === "HTTP")
			            console.log(d);
			         else if (d.type ==="File Size")
			            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
			         else
			            alert('error '+d.type+": "+d.text);
			      },
			    });
			});
			</script>
			<div id="photos">
				<% unless @post.new_record? %>
					<%= fields_for Photo.new do |f| %>
						<%= f.file_field :image, :rel => post_photos_path(@post) %> <p>Choisissez une ou plusieurs photo(s) de l’article à partir de l’ordinateur.</p>
					<%end%>
				<%end%>

				<ul id="photosList" data-update-url="<%= sort_photos_url %>">
					<%= render :partial => 'photos/photo', :collection => @post.photos %>
				</ul>
			</div>
		</div>
  	</div>
</fieldset>

<fieldset class="three">
	<div class="fieldContener">
		<h2>Plutot pour...</h2>
		<p class="def">L’article est plutôt destiné à un homme, une femme, garçon, fille ou indifférent ?</p>
		<div class="field  clearfix">
			<%= select_tag :gender, options_for_select(@genders, @post.gender), {:class => "post[gender] dk", :name => "post[gender]", :tabindex => "1"} %>
		</div>
		<h2 class="top10">catégorie</h2>
		<p class="def">L’article rentre dans quelle catégorie ?</p>
		<div class="field clearfix">
			<%= select_tag :category, options_for_select(@categories, @post.category), {:class => "post[category] dk", :name => "post[category]", :tabindex => "2"} %>
		</div>
  	</div>
</fieldset>

<fieldset class="four">
	<div class="fieldContener">
		<h2>Description de l'article</h2>
		<p class="def">Donnez un maximum d’informations sur l’article. Plus il y’en aura de pertinentes et moins vous serez susceptibles d’avoir à répondre à des questions de la part des acheteurs potentiels.</p>
		<div class="field">
			<%= f.label :fulllocation, "Localisation de l'article", :class => 'location' %>
			<%= f.text_field :fulllocation, :name => 'Localisation' %>
			<%= f.hidden_field :location %>
			<%= f.hidden_field :country %>
			<%= f.hidden_field :lat %>
			<%= f.hidden_field :lng %>
		</div>
		<div class="field clearfix">
			<%= f.label :state, "état", :class => 'state' %>
			<%= select_tag :state, options_for_select(@states, @post.state), {:class => "post[state] dk", :name => "post[state]", :tabindex => "3"} %>
		</div>

		<div class="field">
			<%= f.label :size, "taille", :class => 'size' %>
			<%= f.text_field :size %>
		</div>

		<div class="field">
			<input id="noSize" class="noSize" type="checkbox" value="1" name="noSize"><label class="shipfree" for="noSize">Non applicable</label>
		</div>
		<div class="field noSize">
			<%= f.label :brand, "marque (optionnel)" , :class => 'brand' %>
			<%= f.text_field :brand %>
		</div>
		<div class="field euro">
			<%= f.label :initialprice, "prix d'achat initial de l'article (optionnel)", :class => 'initialprice' %>
			<%= f.text_field :initialprice %>
		</div>
		<div class="field">
			<%= f.label :description, :class => 'description' %>
			<%= f.text_area :description %>
		</div>

		<div class="field tagsHolder">
		    <%= f.label :tag_tokens, "Tags", :class => 'tags' %>
		    <p class="def">Ajoutez une série de labels / mots-clefs associés à votre article afin de permettre aux utilisateurs de le trouver plus facilement</p>
  			<%= f.text_field :tag_tokens, data: {load: @post.tags} %><span class="tagInfo">Appuyer sur “Entrée” ou cliquez sur un tag de la liste déroulante pour l’ajouter.</span>
		</div>

  	</div>
</fieldset>

<fieldset class="five">
	<div class="fieldContener">

		<h2>Prix</h2>
		<p class="def">C’est le moment de renseigner le prix de vente de votre produit, ainsi que les frais de livraison</p>
		<div class="clearfix">
			<div id="priceLeft">
				<div class="field euro">
					<%= f.label :price, "prix", :class => 'price', :value => '0.00' %>
					<%= f.text_field :price %>
				</div>
				<div class="field">
					<%= f.check_box :freeship, {:class => 'freeship'}  %>
					<%= label "shipfree", "remise en mains propres", :class => 'shipfree'%>
				</div>
				<div class="field euro">
					<%= f.label :shipcost, "frais de livraison", :value => '0.00', :class => 'shipcost' %>
					<%= f.text_field :shipcost %>
				</div>


			</div>
			<div id="priceRight">
		  		<label>Récapitulatif pour l'acheteur</label>
		  		<table width="100%">
		  			<tr><td>Prix</td><td class='tdprice' id="firstPrice"><span>0.00</span> €</td></tr>
		  			<tr><td>Livraison</td><td class='tdprice' id="shipPrice"><span>0.00</span> €</td></tr>
		  			<!--<tr><td class="grey"><span class="red">* </span>Commission (5%)</td><td class='tdprice grey' id="comPrice"><span></span> €</td></tr>-->
		  			<tr><td class="red">Total</td><td class='tdprice red' id="totalPrice"><span>0.00</span> €</td></tr>
		  		</table>
		  	</div>
	  	</div>
	  	<%if current_user.provider == "facebook" && !current_user.oauth_token.nil? %>
		  	<div class="field">
		  		<input id="fbshare" class="noSize" type="checkbox" value="1" name="fbshare" checked="true"><label class="shipfree" for="fbshare">Je partage cet article sur mon mur Facebook!</label>
			</div>
	  	<%end%>
	  	<%if !current_user.optin %>
		  	<div class="field optinChecked">
		  		<br>
				<input id="optin" class="noSize" type="checkbox" value="1" name="optin"><label class="shipfree" for="optin">J'accepte les <a href="/legals" target="_blank">conditions générales d'utilisation</a> de Fri<span class="red">.</span>pe</label>
				<p class="legend"></p>
			</div>
		<%end%>
		<!--<p class="legend">
			<span class="red">*</span>
			L’acheteur paye à Fri<span class="red">.</span>pe une commission de 5% du prix de vente de l’article afin d’assurer les coûts d’entretien de la plateforme
		</p>-->
  	</div>

</fieldset>

  <div class="actions">
    <%= f.submit 'Je valide
mon annonce', :class => 'button' %>
  </div>

<% end %>