src/ApplicationBundle/Modules/Authentication/Resources/views/pages/views/central_login.html.twig line 1

Open in your IDE?
  1. {% include '@Application/inc/central_header.html.twig' %}
  2. {# honeybee login page #}
  3. <section class="login-account section">
  4.     <div class="container">
  5.         <div class="row">
  7.             <div class="row">
  8.                 <div class="col-md-12 d-flex justify-content-center align-items-center">
  9.                     <div class="section-head-area" style="text-align: center;">
  10.                         <h1 class="section-title">Login to Your Account </h1>
  11.                         <h5 class="">This is the official login portal for HoneyBee ERP </h5>
  12.                     </div>
  13.                 </div>
  14.             </div>
  16.             <div class="login-form-wrapper login-inputs">
  17.                 <form action="{{ url('core_login') }}" class="login-form" method="post"  id="relevantForm">
  18.                     <p style="    margin: 0; text-align: center; color: #eb9f9f;">{{ message==''?'&nbsp;':message }}</p>
  20.                     <div class="email">
  21.                         <label class="email" for="email">User Id / Email Address</label>
  22.                         <input type="text" id="username" name="username" required>
  23.                     </div>
  25.                     <div class="password-row">
  26.                         <label class="password" for="password">Password</label>
  27.                         <input type="password" id="password" name="password" required>
  28.                         <button type="button" class="toggle-password">
  29.                             <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/eye-close.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" class="eyeicon" alt="">
  30.                         </button>
  31.                     </div>
  33.                     <div class="remember">
  36.                         <div class="terms">
  37.                             <input type="hidden" id="applicantDirectLogin" name="applicantDirectLogin" placeholder="" value="1">
  38.                             <input type="checkbox" id="check" >
  39.                             <label for="check">Remember Me</label>
  40.                         </div>
  41.                         <div>
  42.                             <a href="{{ url('find_account_forgot_password',{ 'encData':(encData|json_encode) | nzo_encrypt  } )  }}" for="">Forgot Password ?</a>
  43.                         </div>
  44.                     </div>
  46.                     <button type="submit"  class="submit-button rel_form_submit">Login</button>
  48.                     <p class="login-link">Don't have an account? <a href="{{ url('sign_up') }}">Create Account</a></p>
  50.                     <div class="social-login">
  51.                         <div class="separator"><span>Or</span></div>
  52.                         <a type="button" href="{{ oAuthLink }}" class="social-button google">
  53.                             <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/login/google.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"> Login with Google
  54.                         </a>
  55. {#                        <button type="button" class="social-button facebook">#}
  56. {#                            <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/login/Facebook.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"alt="Facebook logo"> Login with Facebook#}
  57. {#                        </button>#}
  58. {#                        <button type="button" class="social-button linkedin">#}
  59. {#                            <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/login/linkedin.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="LinkedIn 'In' icon"> Login with LinkedIn#}
  60. {#                        </button>#}
  61.                     </div>
  62.                 </form>
  63.             </div>
  64.         </div>
  65.     </div>
  66. </section>
  68. {% include '@HoneybeeWeb/footer/central_footer.html.twig' %}
  71. <script>
  72.     var fbt='';
  73.     function check_doc_and_submit(submitFlag) {
  75.         var checkFailed = 0;
  77.         submitFlag=submitFlag||0
  78.         /////check if any checking needed here
  79.         $('.login-inputs input').each(function(ind,elem){
  80.             if($(this).prop('required')){
  81.                 if($(this).val()=='' || $(this).val()==0)
  82.                     checkFailed=1;
  83.                       console.log("REQ");
  85.             } else {
  86.                       console.log("NREQ");
  87.             }
  88.         });
  90.         $('.small_error_text').each(function(ind,elem)
  91.         {
  92.             if($(elem).text()!='')
  93.                 checkFailed=1;
  94.         })
  96.         if(checkFailed==0)
  97.             $('.rel_form_submit').addClass('ready');
  98.         else
  99.         {
  100.             $('.rel_form_submit').removeClass('ready');
  101.         }
  103.         if (checkFailed == 0 && submitFlag==1) {
  104.             $('.rel_form_submit').removeClass('ready');
  105.             $('.rel_form_submit').hide();
  106.             $('#relevantForm').submit();
  107.         }
  109.     }
  110.     $(document).ready(function(){
  111.         $.ajaxSetup({ cache: true });
  112. //         $.getScript('https://connect.facebook.net/en_US/sdk.js', function(){
  113. //             FB.init({
  114. //                 appId: '1116951735682132',
  115. //                 version: 'v2.7' // or v2.1, v2.2, v2.3, ...
  116. //             });
  117. //             $('#loginbutton,#feedbutton').removeAttr('disabled');
  118. //             FB.getLoginStatus(function(response) {
  119. //                 //    console.log(response);
  120. // //                statusChangeCallback(response);
  121. //             });
  122. //
  123. //
  124. //             $('#fb_login').click(function(e){
  125. //                 e.preventDefault();
  126. //                 FB.login(function(response) {
  127. //                     //    console.log(response)
  128. //                     //    console.log(response.authResponse)
  129. //                     if (response.authResponse) {
  130. //                         fbt=response.authResponse.accessToken;
  131. //                         //    console.log('Welcome!  Fetching your information.... ');
  132. // //                        alert('This feature will be available on 12 Dec, please use other login method for now.')
  133. //                         FB.api('/me?fields=id,name,email,picture', function(response) {
  134. // //                            $('#fb_login_form').clear();
  135. //                             var split_name=response.name.split(' ');
  136. //                             var f_name=split_name[0];
  137. //                             var l_name=(typeof split_name[1] !== 'undefined')? split_name[1]:'';
  138. //
  139. //                             if(typeof response.email !== 'undefined') {
  140. //
  141. //                                 $('#fb_login_form').html(
  142. //                                         '<input type="hidden" id="email_for_fb_login" name="email" value="' + response.email + '">' +
  143. //                                         '<input type="hidden" name="oAuthHash" value="_NONE_">' +
  144. //                                         '<input type="hidden" name="image" value="' + response.picture.data.url + '">' +
  145. //                                         '<input type="hidden" name="uniqueId" value="' + response.id + '">' +
  146. //                                         '<input type="hidden" name="emailVerified" value="' + response.email + '">' +
  147. //                                         '<input type="hidden" name="firstName" value="' + f_name + '">' +
  148. //                                         '<input type="hidden" name="lastName" value="' + l_name + '">' +
  149. //                                         '<input type="hidden" name="type" value="1">' +
  150. //                                         '<input type="hidden" name="oAuthtoken" value="' + fbt + '">'
  151. //                                 );
  152. //                                 $('#fb_login_form').submit();
  153. //                             }
  154. //                             else
  155. //                             {
  156. //                                 $('#fb_login_form').html(
  157. //                                         '<input type="hidden" id="email_for_fb_login" name="email" value="">' +
  158. //                                         '<input type="hidden" name="oAuthHash" value="_NONE_">' +
  159. //                                         '<input type="hidden" name="image" value="' + response.picture.data.url + '">' +
  160. //                                         '<input type="hidden" name="uniqueId" value="' + response.id + '">' +
  161. //                                         '<input type="hidden" name="emailVerified" value="' + response.email + '">' +
  162. //                                         '<input type="hidden" name="firstName" value="' + f_name + '">' +
  163. //                                         '<input type="hidden" name="lastName" value="' + l_name + '">' +
  164. //                                         '<input type="hidden" name="type" value="1">' +
  165. //                                         '<input type="hidden" name="oAuthtoken" value="' + fbt + '">'
  166. //                                 );
  167. // //                                alert('you need to provide your email address access on facebook.')
  168. //                                 swal({
  169. //                                             title: "Validate Action!",
  170. //                                             text: "Please Provide Your Approval Hash:",
  171. //                                             type: "input",
  172. //                                             inputType: "password",
  173. //                                             showCancelButton: true,
  174. //                                             closeOnConfirm: true,
  175. //                                             animation: "slide-from-top",
  176. //                                             inputPlaceholder: "Approval Hash"
  177. //                                         },
  178. //                                         function (inputValue) {
  179. //                                             if (inputValue === false) return false;
  180. //                                             else if (inputValue === "") {
  181. //                                                 swal.showInputError("Email Needed!");
  182. //                                                 return false
  183. //                                             }
  184. //                                             else if (inputValue != '') {
  185. //                                                 $('#email_for_fb_login').val(inputValue)
  186. //                                                 $('#fb_login_form').submit();
  187. //
  188. //
  189. //                                                 //$(form_object).submit();
  190. //
  191. //                                             }
  192. //
  193. //                                             //swal("Nice!", "You wrote: " + inputValue, "success");
  194. //                                         });
  195. //
  196. //
  197. //
  198. //                             }
  199. //
  200. //                             //    console.log('Good to see you, ' + response.name + '.');
  201. //                             //    console.log(response)
  202. //                         });
  203. //                     } else {
  204. //                         //    console.log('User cancelled login or did not fully authorize.');
  205. //                     }
  206. //                 }
  207. //                         , {scope: 'public_profile,email'}
  208. //                 );
  209. //             })
  210. //
  211. //         });
  213.         $('.login-inputs input').focus(function() {
  214. //            if()
  215. //            $('.login-inputs input').removeClass('error_class');
  216.             $(this).removeClass('error_class');
  217.         })
  219.         $('.login-inputs input').change(function () {
  221.             check_doc_and_submit(0); //check only not submit
  222.         })
  227.         //For save action
  229.         $('input[type="submit"], button[type="submit"], .rel_form_submit').click(function (event) {
  230.             event.preventDefault();
  232.             console.log('____________________________HEREW__________________')
  233.             check_doc_and_submit(1);
  236.         })
  238.         check_doc_and_submit(0)
  239.     })
  241. </script>
  285. {# {% include '@Application/codecovers_header.html.twig' %} #}
  286. {# <style> #}
  287. {# .registration__hr { #}
  288. {# margin-bottom: 1rem; #}
  289. {# position: relative; #}
  290. {# text-align: center; #}
  291. {# } #}
  293. {# .registration__hr:after { #}
  294. {# border: 1px solid #d2d6db; #}
  295. {# content: ''; #}
  296. {# display: block; #}
  297. {# position: absolute; #}
  298. {# top: 50%; #}
  299. {# width: 100%; #}
  300. {# z-index: 0; #}
  301. {# border-radius: 5px; #}
  302. {# } #}
  304. {# .registration__hr-label { #}
  305. {# position: relative; #}
  307. {# color: #4d5760; #}
  308. {# background: #fff; #}
  309. {# padding: 0 0.5rem; #}
  310. {# z-index: 1; #}
  311. {# display: inline-block; #}
  312. {# max-width: 75%; #}
  313. {# } #}
  314. {# </style> #}
  315. {# <section class="section-account"> #}
  316. {# <div class="img-backdrop" style="background-image: url('http://www.codecovers.eu/assets/img/modules/materialadmin/img16.jpg')"></div> #}
  317. {# <div class="spacer"></div> #}
  318. {# <div class="card contain-sm style-transparent"> #}
  319. {# <div class="card-body"> #}
  320. {# <div class="row"> #}
  321. {# <div class="col-sm-6"> #}
  322. {# <br/> #}
  323. {# <span class="text-lg text-bold text-primary">BUDDY BEE</span> #}
  324. {# <br/><br/> #}
  325. {# <form class="form floating-label" action="http://www.codecovers.eu/materialadmin/dashboards/dashboard" accept-charset="utf-8" method="post"> #}
  326. {# <div id="loginForm"> #}
  327. {# <div class="form-group"> #}
  328. {# <input type="text" class="form-control" id="username" name="username"> #}
  329. {# <label for="username">Username</label> #}
  330. {# </div> #}
  331. {# <div class="form-group"> #}
  332. {# <input type="password" class="form-control" id="password" name="password"> #}
  333. {# <label for="password">Password</label> #}
  334. {# <p class="help-block"><a href="#">Forgotten?</a></p> #}
  335. {# </div> #}
  336. {# <br/> #}
  337. {# <div class="row"> #}
  338. {# <div class="col-xs-6 text-left"> #}
  339. {# <div class="checkbox checkbox-inline checkbox-styled"> #}
  340. {# <label> #}
  341. {# <input type="checkbox"> <span>Remember me</span> #}
  342. {# </label> #}
  343. {# </div> #}
  344. {# </div><!--end .col --> #}
  345. {# <div class="col-xs-6 text-right"> #}
  346. {# <button class="btn btn-primary btn-raised" type="submit">Login</button> #}
  347. {# </div><!--end .col --> #}
  348. {# </div><!--end .row --> #}
  349. {# </div> #}
  350. {# <div id="signupForm"> #}
  351. {# <div class="form-group"> #}
  352. {# <input type="text" class="form-control" id="userName" name="userName"> #}
  353. {# <label for="username">Username</label> #}
  354. {# </div> #}
  355. {# <div class="form-group"> #}
  356. {# <input type="text" class="form-control" id="email" name="email"> #}
  357. {# <label for="username">Email</label> #}
  358. {# </div> #}
  359. {# <div class="form-group"> #}
  360. {# <input type="password" class="form-control" id="password" name="password"> #}
  361. {# <label for="password">Password</label> #}
  362. {# </div> #}
  363. {# <div class="form-group"> #}
  364. {# <input type="password" class="form-control" id="password" name="password"> #}
  365. {# <label for="password">Confirm Password</label> #}
  366. {# </div> #}
  367. {# <div class="form-group"> #}
  368. {# <label for="">Select Your Requirement</label> #}
  369. {# <select name="selector" id="selector" class="form-control selectize_me"> #}
  370. {# <option value=""></option> #}
  371. {# {% for key,val in selector %} #}
  372. {# <option value="{{ key }}">{{ val }}</option> #}
  373. {# {% endfor %} #}
  375. {# </select> #}
  376. {# </div> #}
  377. {# <br> #}
  378. {# <div class="row"> #}
  379. {# <div class="col-xs-6 text-left"> #}
  381. {# </div><!--end .col --> #}
  382. {# <div class="col-xs-6 text-right"> #}
  383. {# <button class="btn btn-primary btn-raised" type="submit">Sign Up</button> #}
  384. {# </div><!--end .col --> #}
  385. {# </div><!--end .row --> #}
  387. {# </div> #}
  388. {# </form> #}
  389. {# </div><!--end .col --> #}
  390. {# <div class="col-sm-8 col-sm-offset-1 text-center"> #}
  391. {# <br><br> #}
  392. {# <h3 class="text-light" id="signupHead"> #}
  393. {# No account yet? #}
  394. {# </h3> #}
  395. {# <h3 class="text-light" id="loginHead"> #}
  396. {# Already have an account? Please login #}
  397. {# </h3> #}
  398. {# <a class="btn btn-block btn-raised btn-primary" href="#" id="signUp">Sign up here</a> #}
  399. {# <a class="btn btn-block btn-raised btn-primary" href="#" id="login">Login</a> #}
  400. {# <br><br> #}
  401. {# <h3 class="text-light"> #}
  402. {# or #}
  403. {# </h3> #}
  404. {# <p> #}
  405. {# <a href="#" class="btn btn-block btn-raised btn-info"><i class="fa fa-facebook pull-left"></i>Login with Gmail</a> #}
  406. {# </p> #}
  407. {# <p> #}
  408. {# <a href="https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=8638b5kvyew2si&redirect_uri={{ redirect_url }}&state={{ state }}&scope=r_liteprofile%20r_emailaddress" class="btn btn-block btn-raised btn-info"><i class="fa fa-linkedin pull-left"></i>Login with Linkedin</a> #}
  409. {# </p> #}
  411. {# <p> #}
  412. {# <a href="https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=8638b5kvyew2si&redirect_uri={{ redirect_url }}&state={{ state }}&scope=r_liteprofile%20r_emailaddress" class="btn btn-block" style="font-size: 1.5rem;  border-radius: 0.5rem; background-color: #207aac; color: #}
  413. {# white;"> <span style="display: inline-block; margin-left: 1rem;"><img src="https://content.linkedin.com/content/dam/developer/global/en_US/site/img/signin-button.png"></span></a> #}
  414. {# </p> #}
  416. {# </div><!--end .col --> #}
  417. {# </div><!--end .row --> #}
  418. {# </div><!--end .card-body --> #}
  419. {# </div><!--end .card --> #}
  420. {# </section> #}
  421. {# <!-- END LOGIN SECTION --> #}
  424. {# <section class="section-account"> #}
  425. {# <div class="img-backdrop" style="background-image: url('http://honeybee/images/img16.jpg')"> #}
  426. {# </div> #}
  427. {# <div class="spacer"></div> #}
  428. {# <div class="mx-auto" style="width: 50vw;"> #}
  429. {# <div class="card" #}
  430. {# style="box-shadow: none; box-shadow: 0 0 0 1px rgba(8, 9, 10, 0.1); border-radius: 0.4rem; color: black;"> #}
  431. {# <div class="p-5"> #}
  432. {# <div class="text-center"> #}
  433. {# <h2 style="font-weight: bold; font-size: 3rem; margin: 0; color: #0aa89e;">Honeybee</h2> #}
  434. {# <p style="font-size: 1.5rem; margin-top: 0.4rem;">Tailored for Every type of Business</p> #}
  435. {# </div> #}
  436. {# <div class="mb-4"> #}
  437. {# <a href="{{oAuthLink|raw}}" class="btn btn-block" #}
  438. {# style="font-size: 1.5rem; padding: 1rem; border-radius: 0.5rem; background-color: #EA4335; color: white; margin-bottom: 1rem;"><i #}
  439. {# class="fab fa-google"></i> <span style="display: inline-block; margin-left: 1rem;">Continue with #}
  440. {# Google</span></a> #}
  441. {# <a href="#" class="btn btn-block" style="font-size: 1.5rem; padding: 1rem; border-radius: 0.5rem; background-color: #1DA1F2; color: #}
  442. {# white;"><i class="fab fa-twitter"></i> <span style="display: inline-block; margin-left: 1rem;">Continue #}
  443. {# with Twitter</span></a> #}
  444. {# <a href="https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_id=8638b5kvyew2si&redirect_uri={{ redirect_url }}&state={{ state }}&scope=r_liteprofile%20r_emailaddress" class="btn btn-block" style="font-size: 1.5rem;  border-radius: 0.5rem; background-color: #207aac; color: #}
  445. {# white;"><i class="fab fa-twitter"></i> <span style="display: inline-block; margin-left: 1rem;"><img src="https://content.linkedin.com/content/dam/developer/global/en_US/site/img/signin-button.png"></span></a> #}
  447. {# </div> #}
  448. {# <div class="registration__hr"> #}
  449. {# <span class="registration__hr-label"> #}
  450. {# Have a password? Continue with your email address #}
  451. {# </span> #}
  452. {# </div> #}
  453. {# <form> #}
  454. {# <div class="form-group"> #}
  455. {# <label for="exampleInputEmail1">Email address</label> #}
  456. {# <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" #}
  457. {# placeholder="Enter email"> #}
  458. {# </div> #}
  459. {# <div class="form-group"> #}
  460. {# <label for="exampleInputPassword1">Password</label> #}
  461. {# <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> #}
  462. {# </div> #}
  463. {# <button type="submit" class="btn btn-block btn-success" #}
  464. {# style="font-size: 1.5rem; padding: 1rem; border-radius: 0.5rem;">Continue</button> #}
  465. {# </form> #}
  466. {# </div> #}
  467. {# </div> #}
  468. {# </div> #}
  469. {# </section> #}
  474. {# {% include '@Application/footer/footer_js_codecovers.html.twig' %} #}
  475. {# <script> #}
  476. {# $(document).ready(function(){ #}
  477. {# $('#login').hide(); #}
  478. {# $('#signupForm').hide(); #}
  479. {# $('#loginHead').hide(); #}
  481. {# $('#signUp').click(function () { #}
  482. {# $('#login').show(); #}
  483. {# $('#loginHead').show(); #}
  484. {# $('#signupForm').show(); #}
  486. {# $('#signUp').hide(); #}
  487. {# $('#signupHead').hide(); #}
  488. {# $('#loginForm').hide(); #}
  489. {# }) #}
  491. {# $('#login').click(function () { #}
  492. {# $('#login').hide(); #}
  493. {# $('#loginHead').hide(); #}
  494. {# $('#signupForm').hide(); #}
  496. {# $('#signUp').show(); #}
  497. {# $('#signupHead').show(); #}
  498. {# $('#loginForm').show(); #}
  499. {# }) #}
  500. {# }); #}
  501. {# </script> #}