107 lines
2.9 KiB
Text
107 lines
2.9 KiB
Text
- content_for(:title, 'Contact')
|
|
|
|
#contact-form
|
|
.container
|
|
%h1.new-h1 Contact
|
|
|
|
.description
|
|
Contactez-nous via ce formulaire et nous vous répondrons dans les plus brefs délais.
|
|
Pensez bien à nous donner le plus d'informations possible pour que nous puissions vous aider au mieux
|
|
|
|
= form_tag contact_path, method: :post, multipart: true, class: 'form' do |f|
|
|
- if !logged_in?
|
|
.contact-champ
|
|
= label_tag :email do
|
|
Email
|
|
%span.mandatory *
|
|
= text_field_tag :email, params[:email], required: true
|
|
|
|
.contact-champ
|
|
= label_tag :type do
|
|
Votre problème
|
|
%span.mandatory *
|
|
= select_tag :type, options_for_select(@options, params[:type]),include_blank:"Choisir un problème", onchange:"show()"
|
|
|
|
|
|
#info_demarche.contact-champ.aidesupport.hide
|
|
Mon texte info_demarche
|
|
%br
|
|
%br
|
|
|
|
#usager_perdu.contact-champ.aidesupport.hide
|
|
Mon texte usager_perdu
|
|
%br
|
|
%br
|
|
|
|
#info_instruction.contact-champ.aidesupport.hide
|
|
Mon texte info_instruction
|
|
%br
|
|
%br
|
|
|
|
|
|
.contact-champ
|
|
= label_tag :dossier_id, 'Numéro du dossier concerné'
|
|
= text_field_tag :dossier_id, @dossier_id
|
|
|
|
.contact-champ
|
|
= label_tag :subject do
|
|
Sujet
|
|
%span.mandatory *
|
|
= text_field_tag :subject, params[:subject], required: true
|
|
|
|
.contact-champ
|
|
= label_tag :text do
|
|
Message
|
|
%span.mandatory *
|
|
= text_area_tag :text, params[:text], rows: 6, required: true
|
|
|
|
.contact-champ
|
|
= label_tag :text, 'Pièce jointe'
|
|
= file_field_tag :file
|
|
|
|
= hidden_field_tag :tags, @tags&.join(',')
|
|
|
|
.send-wrapper
|
|
= button_tag 'Envoyer le message', type: :submit, class: 'button send primary'
|
|
|
|
:javascript
|
|
function show(){
|
|
var e = document.getElementById ("type");
|
|
var choix = e.options [e.selectedIndex] .value;
|
|
var divid = choix.replace(' ','_');
|
|
var div_info_demarche = document.getElementById("info_demarche");
|
|
var div_usager_perdu_ = document.getElementById("usager_perdu");
|
|
var div_info_instruction = document.getElementById("info_instruction");
|
|
|
|
|
|
console.log(divid);
|
|
switch (divid) {
|
|
case 'info_demarche':
|
|
console.log('info_demarche');
|
|
document.getElementById("info_demarche").classList.add("show");
|
|
|
|
break;
|
|
|
|
case 'usager_perdu':
|
|
console.log('usager_perdu');
|
|
document.getElementById("usager_perdu").classList.add("show");
|
|
|
|
break;
|
|
|
|
case 'info_instruction':
|
|
console.log('info_instruction');
|
|
document.getElementById("info_instruction").classList.add("show");
|
|
|
|
break;
|
|
|
|
default:
|
|
console.log('defaut');
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|