templates/include/modal.html.twig line 1

Open in your IDE?
  1. <!-- Modal -->
  2.     <div class="sign_up_modal modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
  3.         <div class="modal-dialog modal-lg" role="document">
  4.             <div class="modal-content">
  5.                   <div class="modal-header">
  6.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  7.                   </div>
  8.                   <div class="modal-body container pb20">
  9.                       <div class="row">
  10.                           <div class="col-lg-12">
  11.                             <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
  12.                                   <li class="nav-item">
  13.                                     <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Login</a>
  14.                                   </li>
  15.                                   <li class="nav-item">
  16.                                     <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Register</a>
  17.                                   </li>
  18.                             </ul>
  19.                           </div>
  20.                       </div>
  21.                     <div class="tab-content container" id="myTabContent">
  22.                           <div class="row mt25 tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  23.                               <div class="col-lg-6 col-xl-6">
  24.                                   <div class="login_thumb">
  25.                                       <img class="img-fluid w100" src="images/resource/login.jpg" alt="login.jpg">
  26.                                   </div>
  27.                               </div>
  28.                               <div class="col-lg-6 col-xl-6">
  29.                                 <div class="login_form">
  30.                                     <form action="#">
  31.                                         <div class="heading">
  32.                                             <h4>Login</h4>
  33.                                         </div>
  34.                                         <div class="row mt25">
  35.                                          
  37.                             <center><div class="g-signin2" data-onsuccess="onSignIn"></div></center>
  38.  
  39.  
  40.  
  41.  
  42. <script type="text/javascript">
  44.     function onSignIn(googleUser) {
  46.       var profile = googleUser.getBasicProfile();
  48.       if(profile){
  50.           $.ajax({
  52.                 type: 'POST',
  54.                 url: 'login_pro.php',
  56.                 data: {id:profile.getId(), name:profile.getName(), email:profile.getEmail()}
  58.             }).done(function(data){
  60.                 console.log(data);
  62.                 window.location.href = 'home.php';
  64.             }).fail(function() { 
  66.                 alert( "Posting failed." );
  68.             });
  70.       }
  72.     }
  74. </script>
  75.  
  81.                                         </div>
  82.                                         <hr>
  85. <div class="fb-login-button fb_iframe_widget" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" data-width="" login_text="" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=889633337863177&amp;auto_logout_link=false&amp;button_type=continue_with&amp;container_width=1350&amp;layout=default&amp;locale=en_US&amp;login_text=&amp;sdk=joey&amp;size=large&amp;use_continue_as=false&amp;width="><span style="vertical-align: bottom; width: 247px; height: 40px;"><iframe name="f1301fc660a3ce2" data-testid="fb:login_button Facebook Social Plugin" title="fb:login_button Facebook Social Plugin" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" style="border: medium none; visibility: visible; width: 247px; height: 40px;" src="https://www.facebook.com/v9.0/plugins/login_button.php?app_id=889633337863177&amp;auto_logout_link=false&amp;button_type=continue_with&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df3b67b8d96cd422%26domain%3Dcdpn.io%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fcdpn.io%252Ff38384b7c263f98%26relation%3Dparent.parent&amp;container_width=1350&amp;layout=default&amp;locale=en_US&amp;login_text=&amp;sdk=joey&amp;size=large&amp;use_continue_as=false&amp;width=" class="" width="1000px" height="1000px" frameborder="0"></iframe></span></div>
  86.  
  87. <div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div>
  88.   
  89.   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  91.   
  92.       <script id="rendered-js">
  93. $(document).ready(function () {
  94.   console.log("ready!");
  95.   FB.init({
  96.     appId: '889633337863177',
  97.     cookie: true,
  98.     xfbml: true,
  99.     version: 'v9.0' });
  102.   console.log("ready!");
  103. });
  104. //# sourceURL=pen.js
  105.     </script>
  107.   
  112.  
  113.                                        
  114.                                          
  115.                                          
  116.  
  117.                                     </form>
  118.                                 </div>
  119.                               </div>
  120.                           </div>
  121.                           <div class="row mt25 tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  122.                               <div class="col-lg-6 col-xl-6">
  123.                                   <div class="regstr_thumb">
  124.                                       <img class="img-fluid w100" src="images/resource/regstr.jpg" alt="regstr.jpg">
  125.                                   </div>
  126.                               </div>
  127.                               <div class="col-lg-6 col-xl-6">
  128.                                 <div class="sign_up_form">
  129.                                     <div class="heading">
  130.                                         <h4>Register</h4>
  131.                                     </div>
  132.                                     <form action="#">
  133.                                         <div class="row">
  134.                                             <div class="col-lg-12">
  135.                                                 <button type="submit" class="btn btn-block btn-fb"><i class="fa fa-facebook float-left mt5"></i> Login with Facebook</button>
  136.                                             </div>
  137.                                             <div class="col-lg-12">
  138.                                              <center><div class="g-signin2" data-onsuccess="onSignIn"></div></center>
  140.                                             </div>
  141.                                         </div>
  142.                                         <hr>
  143.                                         <div class="form-group input-group">
  144.                                             <input type="text" class="form-control" id="exampleInputName" placeholder="User Name">
  145.                                             <div class="input-group-prepend">
  146.                                                 <div class="input-group-text"><i class="flaticon-user"></i></div>
  147.                                             </div>
  148.                                         </div>
  149.                                         <div class="form-group input-group">
  150.                                             <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email">
  151.                                             <div class="input-group-prepend">
  152.                                                 <div class="input-group-text"><i class="fa fa-envelope-o"></i></div>
  153.                                             </div>
  154.                                         </div>
  155.                                         <div class="form-group input-group">
  156.                                             <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  157.                                             <div class="input-group-prepend">
  158.                                                 <div class="input-group-text"><i class="flaticon-password"></i></div>
  159.                                             </div>
  160.                                         </div>
  161.                                         <div class="form-group input-group">
  162.                                             <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Re-enter password">
  163.                                             <div class="input-group-prepend">
  164.                                                 <div class="input-group-text"><i class="flaticon-password"></i></div>
  165.                                             </div>
  166.                                         </div>
  167.                                         <div class="form-group ui_kit_select_search mb0">
  168.                                             <select class="selectpicker" data-live-search="true" data-width="100%">
  169.                                                 <option data-tokens="SelectRole">Single User</option>
  170.                                                 <option data-tokens="Agent/Agency">Agent</option>
  171.                                                 <option data-tokens="SingleUser">Multi User</option>
  172.                                             </select>
  173.                                         </div>
  174.                                         <div class="form-group custom-control custom-checkbox">
  175.                                             <input type="checkbox" class="custom-control-input" id="exampleCheck2">
  176.                                             <label class="custom-control-label" for="exampleCheck2">I have read and accept the Terms and Privacy Policy?</label>
  177.                                         </div>
  178.                                         <button type="submit" class="btn btn-log btn-block btn-thm">Sign Up</button>
  179.                                         <p class="text-center">Already have an account? <a class="text-thm" href="#">Log In</a></p>
  180.                                     </form>
  181.                                 </div>
  182.                               </div>
  183.                           </div>
  184.                     </div>
  185.                   </div>
  186.             </div>
  187.         </div>
  188.     </div>
  190.  
  191.  
  192. <script type="text/javascript">
  194.     function onSignIn(googleUser) {
  196.       var profile = googleUser.getBasicProfile();
  198.       if(profile){
  200.           $.ajax({
  202.                 type: 'POST',
  204.                 url: 'login_pro.php',
  206.                 data: {id:profile.getId(), name:profile.getName(), email:profile.getEmail()}
  208.             }).done(function(data){
  210.                 console.log(data);
  212.                 window.location.href = 'home.php';
  214.             }).fail(function() { 
  216.                 alert( "Posting failed." );
  218.             });
  220.       }
  222.     }
  224. </script>