Source

main-vinayFork / Source / WebClient / Web.Client / Views / Shared / _SignIn.cshtml

@model DataUp.Web.Client.Infrastructure.HrdRequest
<script type="text/javascript">
    $(function () {
        $(".MyTestForm").click(function () {
            if ($('.dropdwn').is(':visible')) {
                $('.signInArrow').toggle();
                $('.dropdwn').hide();
            }
        });

        $('#TestHeader').click(function (e) {
            if (e.target.className === "signInArrow trangleDown rFloat") {
                $('.signInArrow').toggle();
                $('.dropdwn').toggle();
            }
            else if (e.target.className === "txt lFloat") {
                $('.signInArrow').toggle();
                $('.dropdwn').toggle();
            }

            else if (e.target.className === "signin") {
                $('.signInArrow').toggle();
                $('.dropdwn').toggle();
            }

            else if (e.target.className === "signInArrow trangle rFloat") {
                $('.signInArrow').toggle();
                $('.dropdwn').toggle();
            }
            else {
                $('.dropdwn').hide();
            }
        });

        $.ajax({
            url: "@Html.Raw(Model.GetUrlWithQueryString())",
            dataType: "jsonp",
            success: function (data, textStatus, jqXHR) {
                for (var i in data) {
                    if (data[i].Name.indexOf('Windows Live') != -1) {
                        $('.windows a').attr('href', data[i].LoginUrl);
                        $('#windows').attr('href', data[i].LoginUrl);
                    }
                    else if (data[i].Name == 'Facebook') {
                        $('.facebook a').attr('href', data[i].LoginUrl);
                        $('#facebook').attr('href', data[i].LoginUrl);
                    }
                }
            }
        });
    });
</script>
<div class="signinHolder rFloat">
    <div class="signin">
        <div class="txt lFloat">
            Sign in</div>
        <div class="signInArrow trangleDown rFloat">
        </div>
        <div class="signInArrow trangle rFloat" style="display: none">
        </div>
    </div>
    <ul class="dropdwn rFloat" style="display: none">
        <li class="windows"><a>
            <img class="borderless" src="@Url.Content("~/Images/WindowsIcon.png")"></a></li>
        <li class="facebook"><a>
            <img class="borderless" src="@Url.Content("~/Images/FacebookIcon.png")"></a></li>
    </ul>
</div>

<div id="SignInpopup" style="display: none">
<div class="popupWraper"></div>
<div class="popupHolder SignInPopup">
<a class="closeCircle" href="#">x</a>
  <div class="containerHolder">
<a id="windows" class="container signinImgHyperlink" href="#"> <img src="Images/WindowsIcon.png" class="icon" />
      <div class="">Windows</div>
<a id="facebook" class="container signinImgHyperlink" href="#"> <img src="Images/FacebookIcon.png" class="icon" />
      <div class="">Facebook</div>
    </a>
  </div>
</div>
</div>