templates/registration/index.html.twig line 1

Open in your IDE?
  1.  
  3. {% block body %}
  4. <!DOCTYPE html>
  5. <html>
  6.     <head>
  7.         <meta charset="UTF-8">
  8.         <title>{% block title %}Welcome!{% endblock %}</title>
  9.         <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/style.css') }}">
  10.         {% block stylesheets %}{% endblock %}
  11.     </head>
  13. <!-- The Modal -->
  14. <div id="myModal" class="modalreg"
  15. {% if user != null %}
  16.      data-user="true"  
  17. {% endif %} 
  18. >
  19. <div class="modalreg2" onclick="closebut()"></div>
  20.   <!-- Modal content -->
  21.   <div class="modal-content">
  22.     <span class="close" onclick="closebut()">X</span>
  23.     
  24.     <div id="connexion">
  25.             <h3 >Connexion</h3>
  26.     <form action="{{ path('home_log')}}" method="post" id="cnx_form">
  27.         <div class="form-group">
  28.         <input type="text" id="username" class="form-control" placeholder="email" required name="_username">
  29.         </div>
  30.         <div class="form-group">
  31.         <input type="password" id="password" class="form-control" placeholder="Mot de passe" required name="_password">
  32.         </div>
  33.         <div class="form-group">
  34.         <input type="submit" class="valider" onclick="" value="Connexion">
  35.         </div>
  36.         
  37.     </form>
  39.     
  40. <button id="registr" onclick="registr()">Créer un compte</button>
  42.     </div>
  43.      
  44.   <div id="registration" style="display:none" >
  45.    <h3 >Vous êtes Nouveau ?<br />Bienvenu !</h3>
  46.             
  47.             {{ form_start(form, {'action': path('home_reg') })}} 
  50. {{ form_row(form.Type, {'label': ' ', 'attr': { 'class': 'typerad', 'onChange': 'seltyp()' }})}}
  51. <br />  
  52. {{ form_row(form.Username, {'label': ' ',  'attr': { 'placeholder': 'Nom d\'utilisateur'}})}}
  54. {{ form_row(form.Raisonsocial, {'label': ' ', 'attr': {'placeholder': 'Raison social', 'class': 'entre collec' }})}}
  55. {{ form_row(form.Denomination, {'label': ' ', 'attr': {'placeholder': 'Denomination', 'class': 'assoc' }})}}
  56. {{ form_row(form.NoTva, {'label': ' ', 'attr': {'placeholder': 'Numéro de TVA', 'class': 'entre collec assoc' }})}}
  57. {{ form_row(form.Rna, {'label': ' ', 'attr': {'placeholder': 'Numéro RNA', 'class': 'assoc' }})}}
  58. {{ form_row(form.Nom, {'label': ' ', 'attr': {'placeholder': 'Nom', 'class': 'partic' }})}}
  59. {{ form_row(form.Prenom, {'label': ' ', 'attr': {'placeholder': 'Prenom', 'class': 'partic' }})}}
  60. <br /> 
  62. {{ form_row(form.Adresse, {'label': ' ', 'attr': {'placeholder': 'Adresse' }})}}
  63. {{ form_row(form.Ville, {'label': ' ', 'attr': {'placeholder': 'Ville' }})}}
  64. {{ form_row(form.Pays, {'label': ' ', 'attr': {'placeholder': 'Pays'}})}}
  65. {{ form_row(form.CP, {'label': ' ', 'attr': {'placeholder': 'Code Postal'}})}} 
  66. <br /> 
  67. {{ form_row(form.Email, {'label': ' ', 'attr': {'placeholder': 'Email'}})}}
  68. {{ form_row(form.Password, {'label': ' ', 'attr': {'placeholder': 'Mot de passe'}})}} 
  69. <p>Tous vos devis sont consultables en ligne depuis votre compte.</p>
  70. <button type="submit" class="valider"> 
  71. Valider
  72. </button>
  73. {{ form_end(form)}}
  76. <button id="cnxion" onclick="cnxion()">Déjà un compte ? Se connecter</button>     
  77.     </div>
  79.  
  80.         
  81.     </div>
  83.   </div>
  86. </div>   
  88. <script>
  92. {% if showform == 1 %}  
  93. {% elseif showform == 2 %} 
  94.    registration.style.display = "block";
  95.   connexion.style.display = "none";
  96.     {% endif %}
  98. function registr() {
  99. let connexion = document.getElementById("connexion");
  100. let registration = document.getElementById("registration");
  101.     history.pushState({ reg: true}, "register", "/register")
  102.   registration.style.display = "block";
  103.   connexion.style.display = "none";
  104. }
  105. function cnxion() {
  106. let connexion = document.getElementById("connexion");
  107. let registration = document.getElementById("registration");
  108.     history.pushState({ reg: true}, "login", "/login")
  109.   registration.style.display = "none";
  110.   connexion.style.display = "block";
  111. } 
  112.  
  113. function seltyp() {
  114. let users_Type = document.getElementById("users_Type");
  115.   let radsel = ''
  116.   for (let item of  users_Type.children) {
  117.     if( item.checked == true){
  118.     radsel = item.value 
  119.     }
  120. }
  121. let entrepr = document.getElementsByClassName("entre");
  122. let partic = document.getElementsByClassName("partic");
  123. let collect = document.getElementsByClassName("collec");
  124. let associ = document.getElementsByClassName("assoc"); 
  126. if( radsel == 'Entreprise' ){
  127. for (let itementre_part of  partic) { 
  128.     itementre_part.parentNode.style.display = "none"; 
  129. }
  130. for (let itementre_collect of  collect) {
  131.     itementre_collect.parentNode.style.display = "none";
  132. }
  133. for (let itementre_associ of  associ) {
  134.     itementre_associ.parentNode.style.display = "none";
  135. }
  136. for (let itementre_entrepr of  entrepr) {
  137.     itementre_entrepr.parentNode.style.display = "block";
  138. }
  139. }else if( radsel == 'Particulier' ){
  140. for (let itementre_collect of  collect) {
  141.     itementre_collect.parentNode.style.display = "none";
  142. }
  143. for (let itementre_associ of  associ) {
  144.     itementre_associ.parentNode.style.display = "none";
  145. }
  146. for (let itementre_entrepr of  entrepr) {
  147.     itementre_entrepr.parentNode.style.display = "none";
  148. }
  149. for (let itementre_part of  partic) {
  150.     itementre_part.parentNode.style.display = "block";
  151. }
  152. }else if( radsel == 'Collectivité' ){
  153. for (let itementre_part of  partic) {
  154.     itementre_part.parentNode.style.display = "none";
  155. }
  156. for (let itementre_associ of  associ) {
  157.     itementre_associ.parentNode.style.display = "none";
  158. }
  159. for (let itementre_entrepr of  entrepr) {
  160.     itementre_entrepr.parentNode.style.display = "none";
  161. }
  162. for (let itementre_collect of  collect) {
  163.     itementre_collect.parentNode.style.display = "block";
  164. }
  165. }else if( radsel == 'Association' ){
  166. for (let itementre_part of  partic) {
  167.     itementre_part.parentNode.style.display = "none";
  168. }
  169. for (let itementre_collect of  collect) {
  170.     itementre_collect.parentNode.style.display = "none";
  171. }
  172. for (let itementre_entrepr of  entrepr) {
  173.     itementre_entrepr.parentNode.style.display = "none";
  174. }
  175. for (let itementre_associ of  associ) {
  176.     itementre_associ.parentNode.style.display = "block";
  177. }
  178. }  
  180. }
  183. function send_cnx(){ 
  185. }
  187. function closebut(){
  188. var modal = document.getElementById("myModal");
  189.     modal.style.display = "none";
  190. }
  191. /*
  192. var span = document.getElementsByClassName("close")[0];
  193. // When the user clicks on <span> (x), close the modal
  194. span.onclick = function() {
  195. //  modal.style.display = "none";
  196. }*/
  198. /*
  199.  // Get the modal
  200. var modal = document.getElementById("myModal");
  202. // Get the button that opens the modal
  203. var btn = document.getElementById("myBtn");
  204.  
  205.  
  207. // When the user clicks on the button, open the modal
  208. btn.onclick = function(e) {
  209.   e.preventDefault();
  210.   modal.style.display = "block";
  211. }
  215. // When the user clicks anywhere outside of the modal, close it
  216. window.onclick = function(event) {
  217.   if (event.target == modal) {
  218.     modal.style.display = "none";
  219.   }
  220. } */
  221. </script>
  222. {% endblock %}