151 lines
5.8 KiB
Plaintext
151 lines
5.8 KiB
Plaintext
|
||
|
||
|
||
-if @m_odr.start_at > Date.today and params[:force].to_s == ""
|
||
%div{:style => "margin-top:30px;font-weight:bold;font-weight:800;font-size:2em;text-transform:uppercase;font-family: 'Open Sans','Helvetica Neue', Helvetica, sans-serif;text-align:center;"}
|
||
-count = ((@m_odr.start_at) - (Date.today))
|
||
|
||
-if @m_odr.landing_text?
|
||
=@m_odr.landing_text
|
||
-else
|
||
Démarrage
|
||
%div{:style => "font-weight:bold;font-weight:800;text-transform:uppercase;font-family: 'Open Sans','Helvetica Neue', Helvetica, sans-serif;text-align:center;line-height:200px;position:relative;top:-40px"}
|
||
dans
|
||
.clock{:style => "margin:2em;display:inline-block;width:auto;margin:0 auto;position:relative;top:35px"}
|
||
-if count > 1
|
||
jours !
|
||
-else
|
||
jour !
|
||
<script type="text/javascript">
|
||
=raw "var clock_max = #{count};"
|
||
</script>
|
||
:javascript
|
||
var countup;
|
||
|
||
var clock = $('.clock').FlipClock(0, {
|
||
clockFace: 'Counter',
|
||
minimumDigits: 1,
|
||
callbacks:{
|
||
init:function (){
|
||
|
||
}
|
||
}
|
||
});
|
||
if(clock_max > 0){
|
||
countup = setInterval(function() {
|
||
clock.increment();
|
||
if(clock.getTime().time >= clock_max) {
|
||
clock.stop();
|
||
clearInterval(countup);
|
||
}
|
||
}, 0);}
|
||
|
||
-if false
|
||
%p{:style => "font-weight:bold;font-size:2em;text-transform:uppercase;font-family:'Helvetica Neue', Helvetica, sans-serif;"}
|
||
jours avant l'ouverture
|
||
|
||
-else
|
||
-if !@m_odr_rep
|
||
-@m_odr_rep = @m_odr.m_odr_reps.new(:t => params[:t])
|
||
-@m_odr_rep.particulars.build(:skip_organisation => true, :validate_name => true,:validate_email => true)
|
||
-@m_odr_rep.m_odr_rep_ribs.build()
|
||
|
||
- @m_odr.m_odr_file_types.each do |ft|
|
||
-@m_odr_rep.m_odr_files.build(:m_odr_file_type_id => ft.id)
|
||
|
||
|
||
#odr_form
|
||
=semantic_form_for [:public, @m_odr_rep], html: { multipart: true } , :remote => false do |f|
|
||
=f.hidden_field :m_odr_id
|
||
=hidden_field_tag :force, params[:force]
|
||
=f.hidden_field :t
|
||
|
||
.form_pannel
|
||
%h3 Vous
|
||
|
||
=f.inputs do
|
||
=f.semantic_fields_for :particulars do |f|
|
||
|
||
=f.hidden_field :validate_name
|
||
=f.hidden_field :skip_organisation
|
||
=f.hidden_field :validate_tel
|
||
|
||
%table
|
||
%tr
|
||
%td{:style => "width:20%;padding-right:4px;"}
|
||
=f.input :civilite, :label => false, :placeholder => "Civilité", :as => :select, :collection => [[qit("don-particular-civilite-mme","Mme."), "Mme"], [qit("don-particular-civilite-m","M."), "M"]], :include_blank => true
|
||
%td{:style => "width:40%;padding-right:4px;"}
|
||
=f.input :name, :label => false, :placeholder => "Nom"
|
||
|
||
%td{:style => "width:40%"}
|
||
=f.input :firstname, :label => false, :placeholder => "Prénom"
|
||
|
||
=f.input :address_2, :label => false, :placeholder => "Adresse"
|
||
=f.input :address_3, :label => false, :placeholder => "Adresse suite"
|
||
%table
|
||
%tr
|
||
%td{:style => "width:30%;padding-right:4px;"}
|
||
=f.input :cp, :label => false, :placeholder => "Code postal"
|
||
%td{:style => "width:70%"}
|
||
=f.input :city, :label => false, :placeholder => "Ville"
|
||
|
||
=f.input :country, :label => false, :placeholder => "Pays", :priority_countries => ["FR", "CH", "BE"], :include_blank => false, :locale => @lang.slug
|
||
|
||
=f.input :email, :label => "Email :"
|
||
|
||
=f.input :tel, :label => "Tel :"
|
||
Nous ne vous contacterons par téléphone qu’en cas de problème avec votre dossier
|
||
|
||
.form_pannel
|
||
%h3 Vos coordonnées bancaires
|
||
|
||
=f.inputs do
|
||
=f.semantic_fields_for :m_odr_rep_ribs do |f|
|
||
%table
|
||
%tr
|
||
%td{:style => "width:20%;padding-right:4px;"}
|
||
=f.input :bic, :label => "Bic : "
|
||
%td{:style => "width:40%;padding-right:4px;"}
|
||
=f.input :iban, :label => "Iban :", :input_html => {:class => "iban_input"}
|
||
|
||
:javascript
|
||
$('.iban_input').mask('SSAA AAAA AAAA AAAA AAAA AAAA AAAA AAAA AA', {
|
||
placeholder: '____ ____ ____ ____ ____ ____ ____ ____ __'
|
||
});
|
||
|
||
|
||
.form_pannel
|
||
%h3 Votre achat
|
||
|
||
=f.inputs do
|
||
=f.input :m_odr_product_id, :label => "Pneu :", :as => :select, :collection => f.object.m_odr.m_odr_products.where(:m_odr_brand_id => f.object.m_odr.m_odr_brands.where("(start_at is null or start_at <= ?) and (public_end is null or public_end >= ?)", Date.today,Date.today) ).order("m_odr_brand_id ASC, m_odr_products.name"), :member_label => :member_label, :include_blank => true
|
||
|
||
=f.inputs do
|
||
=f.input :qte, :label => "Nombre de pneus :", :as => :select, :collection => [1,2], :include_blank => true
|
||
|
||
=f.inputs do
|
||
=f.input :m_odr_place, :label => "Point de vente :", :as => :select, :collection => f.object.m_odr.m_odr_places.order(:name), :include_blank => true
|
||
|
||
|
||
|
||
=f.inputs do
|
||
=f.semantic_fields_for :m_odr_files do |f|
|
||
=f.input :file, :label => f.object.m_odr_file_type.name
|
||
=f.hidden_field :m_odr_file_type_id
|
||
|
||
%br
|
||
%center=f.submit "Envoyer", :class => "btn btn-primary btn-lg"
|
||
%br
|
||
|
||
:scss
|
||
abbr[title="required"] {
|
||
//display: none;
|
||
text-decoration:none;
|
||
border:0;
|
||
}
|
||
form{
|
||
td{
|
||
vertical-align:top;
|
||
}
|
||
|
||
} |