src/ApplicationBundle/Modules/HoneybeeWeb/Resources/views/pages/find_account.html.twig line 1

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  2. <section class="create-account-page section">
  3.     <div class="container">
  5.         <div class="row">
  7.             <div class="col-md-12 d-flex justify-content-center align-items-center">
  8.                 <div class="section-head-area">
  9.                     <h1 class="section-title">Find Your Account</h1>
  10.                 </div>
  11.             </div>
  13.         </div>
  15.         <div class="row">
  16.             <div class="signup-form-wrapper">
  17.                 <form class="signup-form" name="signup_form" id="relevantForm" method="post">
  19.                     <div class="email warning-">
  20.                         <label for="email" >Please Provide Your Email Address</label>
  21.                         <input type="email"  class=" exist-error email checkIfExists {{ errorField=='email'?'error_class':'' }}" id="email" name="email" data-field-type="email" required>
  23.                         <p class="small_error_text email"></p>
  26.                     </div>
  29.                     <button type="submit" class="submit-button rel_form_submit" style='background-color: #2673B8' id="" >Confirm</button>
  30.                     <p class="login-link"> <a href="{{ url('user_login') }}">Back to Login</a></p>
  32.                 </form>
  33.             </div>
  34.         </div>
  35.     </div>
  36. </section>
  38. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}
  40. <script>
  41.     var fbt='';
  42.     function validatePassword(txt) {
  43.         var p = txt,
  44.             errors = [];
  45.         if (p.length < 8) {
  46.             errors.push("Your password must be at least 8 characters");
  47.         }
  48.         if (p.search(/[a-z]/i) < 0) {
  49.             errors.push("Your password must contain at least one letter.");
  50.         }
  51.         if (p.search(/[0-9]/) < 0) {
  52.             errors.push("Your password must contain at least one digit.");
  53.         }
  54.         if (errors.length > 0) {
  56.             return errors.join(" and ");
  57.         }
  58.         return '';
  59.     }
  60.     $(document).ready(function(){
  61.         $.ajaxSetup({ cache: true });
  62.         $.getScript('https://connect.facebook.net/en_US/sdk.js', function(){
  63.             FB.init({
  64.                 appId: '1116951735682132',
  65.                 version: 'v2.7' // or v2.1, v2.2, v2.3, ...
  66.             });
  67.             $('#loginbutton,#feedbutton').removeAttr('disabled');
  68.             FB.getLoginStatus(function(response) {
  69.                 //    console.log(response);
  70. //                statusChangeCallback(response);
  71.             });
  74.             $('#fb_login').click(function(e){
  75.                 e.preventDefault();
  76.                 FB.login(function(response) {
  77.                         //    console.log(response)
  78.                         //    console.log(response.authResponse)
  79.                         if (response.authResponse) {
  80.                             fbt=response.authResponse.accessToken;
  81.                             //    console.log('Welcome!  Fetching your information.... ');
  82. //                        alert('This feature will be available on 12 Dec, please use other login method for now.')
  83.                             FB.api('/me?fields=id,name,email,picture', function(response) {
  84. //                            $('#fb_login_form').clear();
  85.                                 var split_name=response.name.split(' ');
  86.                                 var f_name=split_name[0];
  87.                                 var l_name=(typeof split_name[1] !== 'undefined')? split_name[1]:'';
  89.                                 if(typeof response.email !== 'undefined') {
  91.                                     $('#fb_login_form').html(
  92.                                         '<input type="hidden" id="email_for_fb_login" name="email" value="' + response.email + '">' +
  93.                                         '<input type="hidden" name="oAuthHash" value="_NONE_">' +
  94.                                         '<input type="hidden" name="image" value="' + response.picture.data.url + '">' +
  95.                                         '<input type="hidden" name="uniqueId" value="' + response.id + '">' +
  96.                                         '<input type="hidden" name="emailVerified" value="' + response.email + '">' +
  97.                                         '<input type="hidden" name="firstName" value="' + f_name + '">' +
  98.                                         '<input type="hidden" name="lastName" value="' + l_name + '">' +
  99.                                         '<input type="hidden" name="type" value="1">' +
  100.                                         '<input type="hidden" name="oAuthtoken" value="' + fbt + '">'
  101.                                     );
  102.                                     $('#fb_login_form').submit();
  103.                                 }
  104.                                 else
  105.                                 {
  106.                                     $('#fb_login_form').html(
  107.                                         '<input type="hidden" id="email_for_fb_login" name="email" value="">' +
  108.                                         '<input type="hidden" name="oAuthHash" value="_NONE_">' +
  109.                                         '<input type="hidden" name="image" value="' + response.picture.data.url + '">' +
  110.                                         '<input type="hidden" name="uniqueId" value="' + response.id + '">' +
  111.                                         '<input type="hidden" name="emailVerified" value="' + response.email + '">' +
  112.                                         '<input type="hidden" name="firstName" value="' + f_name + '">' +
  113.                                         '<input type="hidden" name="lastName" value="' + l_name + '">' +
  114.                                         '<input type="hidden" name="type" value="1">' +
  115.                                         '<input type="hidden" name="oAuthtoken" value="' + fbt + '">'
  116.                                     );
  117. //                                alert('you need to provide your email address access on facebook.')
  118.                                     swal({
  119.                                             title: "Validate Action!",
  120.                                             text: "Please Provide Your Approval Hash:",
  121.                                             type: "input",
  122.                                             inputType: "password",
  123.                                             showCancelButton: true,
  124.                                             closeOnConfirm: true,
  125.                                             animation: "slide-from-top",
  126.                                             inputPlaceholder: "Approval Hash"
  127.                                         },
  128.                                         function (inputValue) {
  129.                                             if (inputValue === false) return false;
  130.                                             else if (inputValue === "") {
  131.                                                 swal.showInputError("Email Needed!");
  132.                                                 return false
  133.                                             }
  134.                                             else if (inputValue != '') {
  135.                                                 $('#email_for_fb_login').val(inputValue)
  136.                                                 $('#fb_login_form').submit();
  139.                                                 //$(form_object).submit();
  141.                                             }
  143.                                             //swal("Nice!", "You wrote: " + inputValue, "success");
  144.                                         });
  148.                                 }
  150.                                 //    console.log('Good to see you, ' + response.name + '.');
  151.                                 //    console.log(response)
  152.                             });
  153.                         } else {
  154.                             //    console.log('User cancelled login or did not fully authorize.');
  155.                         }
  156.                     }
  157.                     , {scope: 'public_profile,email'}
  158.                 );
  159.             })
  161.         });
  162.         $('.signup-form input').focus(function () {
  163. //            if()
  164. //            $('.login-inputs input').removeClass('error_class');
  165.             $(this).removeClass('error_class');
  166.         })
  168.         $('.signup-form input').change(function () {
  169. //            if()
  170. //            $('.login-inputs input').removeClass('error_class');
  171.             if($(this).hasClass('checkIfExists'))
  172.             {
  173.                 check_field_validity($(this).attr('data-field-type'))
  174.             }
  176.             check_doc_and_submit(0); //check only not submit
  177.         })
  178.         function  check_field_validity(fieldType)
  179.         {
  180.             fieldType = fieldType || 'email';
  181.             // alert(fieldType)
  183.             $('.small_error_text.' + fieldType).text('')
  184.             $('.small_error_text.' + fieldType).hide()
  186.             $('.small_error_icon.' + fieldType).removeClass('success').removeClass('error');
  187.             $('.small_error_icon.' + fieldType).removeClass('fa-check').removeClass('fa-times');
  188.             $('.small_error_icon.' + fieldType).addClass('fa-spinner');
  189.             $('.small_error_icon.' + fieldType).show()
  192.             $.post('{{ url('check_if_email_exists_already') }}', {
  193.                 fieldType: fieldType,
  194.                 fieldValue: $('.signup-form input.' + fieldType).val(),
  195.                 signUpUserType: {{ userType }},
  198.             })
  199.                 .done(function (data) {
  200.                         //sales.clearItemTable()
  201.                         fieldType = data.fieldType;
  202.                         if (data.alreadyExists != true) {
  205.                             $('.small_error_text.' + fieldType).text('Could not find your email')
  206.                             $('.small_error_text.' + fieldType).show()
  208.                             $('.small_error_icon.' + fieldType).removeClass('fa-spinner').removeClass('success');
  209.                             $('.small_error_icon.' + fieldType).addClass('fa-times').addClass('error');
  211.                             $('.small_error_icon.' + fieldType).show()
  213.                         }
  214.                         else {
  217.                             $('.small_error_text.' + fieldType).text('')
  219.                             $('.small_error_text.' + fieldType).hide()
  221.                             $('.small_error_icon.' + fieldType).removeClass('fa-spinner').removeClass('error');
  222.                             $('.small_error_icon.' + fieldType).addClass('fa-check').addClass('success');
  224.                             $('.small_error_icon.' + fieldType).show()
  226.                         }
  227.                     }
  228.                 );
  232.         }
  236.         function check_doc_and_submit(submitFlag) {
  238.             var checkFailed = 0;
  239.             submitFlag=submitFlag||0
  241.             /////check if any checking needed here
  242.             $('.signup-form input').each(function(ind,elem){
  245.                 if($(this).prop('required')){
  246.                     if ($(this).attr('type') == 'checkbox' && $(this).prop('checked') == false)
  247.                         checkFailed=1
  248.                     else if($(this).val()=='' || $(this).val()==0)
  249.                         checkFailed=1;
  250. //                    //    console.log("REQ");
  253.                 } else {
  254. //                    //    console.log("NREQ");
  255.                 }
  256.             });
  258.             $('.small_error_text').each(function(ind,elem)
  259.             {
  260.                 if($(elem).text()!='')
  261.                     checkFailed=1;
  262.             })
  263.             $('.small_error_text').each(function(ind,elem)
  264.             {
  265.                 if($(elem).text()!='')
  266.                     checkFailed=1;
  267.             })
  269.             if(checkFailed==0)
  270.                 $('.rel_form_submit').addClass('ready');
  271.             else
  272.             {
  273.                 $('.rel_form_submit').removeClass('ready');
  274.             }
  277.             if (checkFailed == 0 && submitFlag==1) {
  278.                 $('.rel_form_submit').removeClass('ready');
  279.                 $('.rel_form_submit').hide();
  280.                 $('#relevantForm').submit();
  281.             }
  283.         }
  285.         //For save action
  287.         $('input[type="submit"], button[type="submit"], .rel_form_submit').click(function (event) {
  288.             event.preventDefault();
  289.             // alert('HI')
  290.             check_doc_and_submit(1);
  293.         })
  295.         check_doc_and_submit(0)
  296.     })
  298. </script>