File: CMF/Web/application/views/en/customer/login.php

Recommend this page to a friend!
  Classes of Burge Lab  >  BurgeATS  >  CMF/Web/application/views/en/customer/login.php  >  Download  
File: CMF/Web/application/views/en/customer/login.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: BurgeATS
CRM, Ticketing system, and employee manangement
Author: By
Last change: OAUTH login -> Linkdein
OAuth2. for Microsoft Live COnnect
Date: 2 years ago
Size: 3,140 bytes
 

Contents

Class file image Download
<div class="main">
    <div class="container width-400">
        <h1>{login_text}</h1>
        <a class="results-search-again" style="font-size:1.2em"
            href="<?php echo get_link('customer_signup');?>"
        >
            {signup_text}
        </a>
        <br><br>
        <?php echo form_open(get_link("customer_login"),array("id"=>"login-form")); ?>
<div class="twelve columns mrg-btn-20">
                <label>{email_text}</label>
                <input class="lang-en full-width" type="text" name="email" />
            </div>
            <div class="twelve columns mrg-btn-20">
                <label>{password_text}</label>
                <input class="lang-en full-width" type="password" name="pass"/>
            </div>
            <div class="twelve columns mrg-btn-40">
                <labeL>{captcha}</label>
                <input class="lang-en full-width" type="text" name="captcha" />
            </div>
       
            <div class="twelve columns">
                <input class="full-width button-primary" type="submit" value="{sign-in_text}" />
            </div>
        </form>
        <br>&nbsp;<br>
        <a style="font-size:1.2em"
            onclick="forgottenPassword();"
        >
            {do_you_forget_your_password_text}
        </a>
        <script type="text/javascript">
            function forgottenPassword()
            {
                if(!$("#login-form input[name=email]").val() || !$("#login-form input[name=captcha]").val())
                {
                    alert("{please_enter_your_email_and_captcha_text}");
                    return;
                }

                $("#login-form").prop("action","<?php echo get_link('customer_forgotten_password');?>").submit();
            }
        </script>
       
        <div class="twelve columns" style="margin-top:50px">
            <style type="text/css">
                .openid-login
                {
                    width:calc(20% - 10px);
                    margin:0px 5px;
                    direction:ltr;
                    cursor: pointer;
                    border-radius: 5px;
                    box-shadow: 5px 5px 5px #333;
                    transition: box-shadow .3s;
                }

                .openid-login:hover
                {
                    box-shadow: 2px 4px 5px #aaa, -2px -4px 5px #aaa;
                    transition: box-shadow .3s;
                }
            </style>
            <labeL>{social_media_login_text}</label>
            <br>
            <div style="font-size:0">
            <img class="openid-login" src="{images_url}/login-ym.jpg" title="Yahoo!" onclick="yahooLogin();" />
            <img class="openid-login" src="{images_url}/login-gm.jpg" title="Google" onclick="googleLogin();" />
            <img class="openid-login" src="{images_url}/login-fb.jpg" title="Facebook" onclick="facebookLogin();" />
            <img class="openid-login" src="{images_url}/login-ms.jpg" title="Microsoft Live Connect" onclick="microsoftLogin();" />
            <img class="openid-login" src="{images_url}/login-in.jpg" title="Linkedin" onclick="linkedinLogin();" />
        </div>
            <script type="text/javascript">

                function linkedinLogin()
                {
                    window.open("{linkedin_login_page}","_blank","width=600, height=400");
                }

                function microsoftLogin()
                {
                    window.open("{microsoft_login_page}","_blank","width=600, height=400");
                }

                function yahooLogin()
                {
                    window.open("{yahoo_login_page}","_blank","width=600, height=400");
                }

                function googleLogin()
                {
                    window.open("{google_login_page}","_blank","width=600, height=400");
                }

                function facebookLogin()
                {
                    window.open("{facebook_login_page}","_blank","width=600, height=400");
                }
            </script>
        </div>
    </div>
</div>


For more information send a message to info at phpclasses dot org.