check - Asp.Net,C#,Sql server,jquery,Angularjs,Mvc,interview tips and coding tips

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Exenta</title>
<meta charset="utf-8" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="Content/bootstrap.css" rel="stylesheet" />

<link rel="stylesheet" href="Content/supersized.css" />
<link rel="stylesheet" href="Content/StyleNew.css" media="screen" />
<link rel="stylesheet" href="Content/bootstrap.css" />
<link rel="stylesheet" href="Content/main.css" />
<link href="Content/font-awesome.min.css" rel="stylesheet" />
<link href="fonts/font-awesome.min.css" rel="stylesheet" />
<link href="Content/font-awesome.css" rel="stylesheet" />

<link rel="shortcut icon" href="~/favicon.ico" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon.png" />


</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="scr" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<asp:Panel ID="Panel1" DefaultButton="btnLogin" runat="server">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="logo">
<asp:Image ID="imgLogo" CssClass="imgLogo" runat="server" />
</div>
</div>
<div class="clearfix">
</div>
<div class="col-xs-12 col-md-3">
</div>
<div class="col-xs-12 col-md-6">
<div class="page-container">
<h1>
<i class="fa fa-lock"></i> Sign In</h1>
<div class="clearfix"></div>
<div class="row">
<div class="col-lg-11">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user"></i>
</div>
<asp:TextBox ID="txtUsername" placeholder="Username" CssClass="username form-control input clsUserName"
MaxLength="50" runat="server"></asp:TextBox>
</div>

</div>
</div>
<div class="col-lg-1 no-pad">
<div class="error" id="divUserError" style="display: none;"><span>+</span></div>
</div>

<div class="col-lg-11">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-lock"></i>
</div>
<asp:TextBox ID="txtPassword" TextMode="Password" placeholder="Password" MaxLength="50"
CssClass="password form-control input clsUserName" runat="server"></asp:TextBox>
</div>
</div>
</div>
<div class="col-lg-1 no-pad">
<div id="divPassError" class="error" style="display: none;"><span>+</span></div>
</div>
</div>
<div id="divLoginAlert" align="left" class="col-lg-11 alert alert-warning fade in">
<button class="close" onclick="hideLoginAlert();return false;">
×
</button>
<i id="i1" class="fa-fw fa fa-warning"></i><strong>Warning!
</strong>
<asp:Label ID="lblLoginAlertMessage" runat="server"></asp:Label>
</div>

<asp:UpdatePanel ID="up1" runat="server">
<ContentTemplate>
<div class="col-md-12">
<asp:Button ID="btnLogin" class="bt-wid btnLogin" runat="server" Text="Sign in" OnClick="btnLogin_Click"
OnClientClick="return CheckUserPass()" />
</div>

<div class="div-lft">
<input id="chkKeepLogin" class="css-checkbox" runat="server" type="checkbox" name="cbG05" />
<label class="css-label cb0" for="chkKeepLogin">
Keep me logged in</label>

</div>
<div class="div-lft">
<p>
<a href="javascript:ShowPopUpForgotModal();"><i class="fa fa-unlock-alt"></i> Forgot
Password</a>
</p>
</div>
<div class="clear">
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="connect">
<img src="img/logo.png" alt="" class="img-responsive center-block" />
<p>
Copyright © 2014 Exenta, All rights reserved.
</p>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
</asp:Panel>
<div class="modal fade" align="left" id="divAlertBox" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
x</button>
<h4 class="modal-title">
<asp:Label ID="lblAlertHead" runat="server"></asp:Label>
</h4>
</div>
<div id="divAlertBody" class="modal-body">
</div>
<div class="modal-footer ">
<button class="btn btn-danger" data-dismiss="modal" type="button">
Ok</button>
</div>
</div>
</div>
</div>
<div class="modal fade" align="left" id="divForgotPassModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
x</button>
<h4 class="modal-title">
<asp:Label ID="lbl" runat="server" Text=" Forgot Password"></asp:Label>
</h4>
</div>
<div id="divForgotPass" class="modal-body">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-envelope"></i>
</div>
<asp:TextBox ID="txtEmail" placeholder="Email Address" CssClass="username form-control input-email"
MaxLength="50" runat="server"></asp:TextBox>
</div>
</div>
<div id="divAlert" class="alert alert-danger fade in">
<button class="close" onclick="return hideLoginAlert();">
×
</button>
<i id="iAlertSymbol" class="fa-fw fa fa-times"></i><strong>
<asp:Label ID="lblAlertMesHead" runat="server" Text=""></asp:Label>
</strong>
<asp:Label ID="lblAlertMessage" runat="server"></asp:Label>
</div>
</div>
<asp:UpdatePanel ID="up2" runat="server">
<ContentTemplate>
<div class="modal-footer ">
<div class="col-lg-6"></div>
<div class="col-lg-3 no-pad">
<asp:Button ID="btnCancel" data-dismiss="modal" CssClass="btn btn-danger" runat="server" Text="Cancel" OnClientClick="return false;" />
</div>

<div class="col-lg-3 no-pad">
<asp:Button ID="btnSend" CssClass="btn btn-success" runat="server" Text="Send Mail"
OnClick="btnSend_Click" OnClientClick="return CheckEmailAvail();" />
</div>

</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>


<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="Scripts/supersized-init.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.js"></script>
<script type="text/javascript" src="Scripts/ExentaCommonScript.js"></script>
<script type="text/javascript" src="Scripts/jquery.capslockstate.js"></script>
<script type="text/javascript" src="Scripts/notify.js"></script>
<script type="text/javascript">

$(document).ready(function () {
$(window).capslockstate();
hideLoginAlert();
});

$('.username,.password').keyup(function () {
$('.error').fadeOut('fast');
});

$("#<%=txtUsername.ClientID%>").keypress(function (event) {
if ($(window).capslockstate("state") === true) {
exenta.Notify("#<%=txtUsername.ClientID%>", "CapsLock is on", "info", 1500);
}
});

$("#<%=txtPassword.ClientID%>").keypress(function (event) {
if ($(window).capslockstate("state") === true) {
exenta.Notify("#<%=txtPassword.ClientID%>", "CapsLock is on", "info", 1500);
}
});

function CheckEmailAvail() {
if ($("#<%=txtEmail.ClientID %>").val().trim() == '') {
ShowAlertMessage(5, "Enter email address");
return false;
}
else {
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if ($("#<%=txtEmail.ClientID %>").val().trim().match(mailformat)) {
return true;
}
else {
ShowAlertMessage(5, "Enter valid email address");
return false;
}
}
}

function CheckUserPass() {
var username = $('.username').val().trim();
var password = $('.password').val().trim();
if (username == '') {
$('#divUserError').fadeIn('fast', function () {
$(this).parent().find('.username').focus();
});
return false;
}
else if (password == '') {
$('#divPassError').fadeIn('fast', function () {
$(this).parent().find('.password').focus();
});
return false;
}
else {
return true;
}
}

function ShowPopUp(head, body) {
$("#<%=txtPassword.ClientID %>").val('');
$("#<%=lblAlertHead.ClientID %>").html(head);
$("#divAlertBody").html(body);
$('#divAlertBox').modal('show');
}

function ShowPopUpForgotModal() {
$("#<%=txtEmail.ClientID %>").val('');
$('#divForgotPassModal').modal('show');
$('#divAlert').hide();

}

function ShowAlertMessage(alertValue, message) {
$("#lblAlertMessage").html(message);
if (alertValue == 1) {
$("#divAlert").prop("class", "alert alert-success fade in");
$("#iAlertSymbol").prop("class", "fa-fw fa fa-check");
$("#lblAlertMesHead").html("Success");

}
else if (alertValue == 2 || alertValue == 3 || alertValue == 4) {
$("#divAlert").prop("class", "alert alert-warning fade in");
$("#iAlertSymbol").prop("class", "fa-fw fa fa-warning");
$("#lblAlertMesHead").html("Warning");

}
else if (alertValue == 5) {
$("#divAlert").prop("class", "alert alert-danger fade in");
$("#iAlertSymbol").prop("class", "fa-fw fa fa-times");
$("#lblAlertMesHead").html("Error!");
}
$('#divAlert').show();

}

function ShowLoginAlertMessage(message) {
$("#<%=lblLoginAlertMessage.ClientID %>").html(message);
$('#divLoginAlert').show();
}

function hideLoginAlert() {
$(".alert").hide();
return false;
}
</script>
</form>
</body>
</html>

function GoToTop() { // Scrolls the screen to top
$('html, body', window.parent.document).animate({ scrollTop: 0 }, 'slow');
}
function ScrollToPos(posVal) { // scroll to spcified position , posval in pixel
$('html, body', window.parent.document).animate({ scrollTop: posVal }, 'slow');
} // (e.g) ScrollToPos(50);

$(document).on("cut copy paste", "clsPreventPaste", function (e) { // Prevent Cut copy and paste from/to the fields havaing class .clsPreventPaste
e.preventDefault();
});

$(document).on("keydown", ".clsNumberOnly", function (event) { // Allow only numbers in the fields having class .clsNumberOnly
if (event.which != 9 && event.which != 13 && (event.which != 46 || event.which != 190) && ((event.which < 48 || event.which > 57) && event.which != 8) && (event.which < 96 || event.which > 105)) {
event.preventDefault();
}
});

$(document).on("keypress", ".clsAlphaNumeric", function (event) {// Allow only Alphabets and Numbers in the fields having class .clsAlphaNumeric
if (event.which != 13 && (event.which < 65 || event.which > 90) && (event.which < 97 || event.which > 123) && (event.which != 32) && (event.which < 48 || event.which > 57) && (event.which != 0) && (event.which != 8)) {
event.preventDefault();
}
});

$(document).on("keypress", ".clsAlphaOnly", function (event) { // Allow only Alphabets in the fields having class .clsAlphaOnly
if ((event.which < 65 || event.which > 90) && (event.which < 97 || event.which > 122) && (event.which != 32) && (event.which != 8) && (event.which != 0)) {
event.preventDefault();
}
});

$(document).on("keypress", ".clsDecimal", function (event) { // Allow only Decimal number that means numbers and only one dot(.) in the fields having class .clsDecimal
var value = $(this).val();
if (event.which != 13 && (event.which != 0) && (event.which != 8) && (event.which != 46) && (event.which < 48 || event.which > 57)) {
event.preventDefault();
}

if (event.which != 13 && event.which == 46 && value.indexOf('.') != -1 && (event.which != 8) && (event.which != 0)) {
event.preventDefault();
}
});

$(document).on("change", ".clsDate", function () { // Allow only Valid date in the fields having class .clsDate
var da = new Date($(this).val());
if (isNaN(da)) {
$(this).val('');
alert("Please Enter Valid Date");

}
});
$(document).on("keypress", ".clsUserName", function (event) {// Allow only Alphabets and Numbers in the fields having class .clsUserName
if (("abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%&*()_,.").indexOf(String.fromCharCode(event.which)) === -1) {
event.preventDefault();
return false;
}
});

function loadQueryString() {
var parameters = {};
var searchString = location.search.substr(1);
var pairs = searchString.split("&");
var parts;
for (i = 0; i < pairs.length; i++) {
parts = pairs[i].split("=");
var name = parts[0];
var data = decodeURI(parts[1]);
parameters[name] = data;
}
return parameters;
}

function BindDropDown(result, dropDownID, valueField, textField, defaultstring) { // Function to Bind dropdown
debugger

$("#" + dropDownID).html("");
if (defaultstring != null)
$("#" + dropDownID).append($('<option></option>').val('0').html(defaultstring));
if (result.length > 0) {

for (var i = 0; i < result.length; i++) {

$("#" + dropDownID).append($('<option></option>').val(result[i][valueField]).html(result[i][textField]));

}
}
} // (e.g)1. BindDropDown(result, dropDownID, 'Id', 'text','Please select');
//(e.g)1. BindDropDown(result, dropDownID, 'Id', 'text', 'select this');
//(e.g) 3. BindDropDown(result, dropDownID, 'Id', 'text');--if defaultstring null

function ShowPopUpCommon(divid, title, CloseFunction) {
$("#" + divid).show();
$("#" + divid).prop("class", "modal-body");
var divHeaderString = "<div class='modal-header'><button type='button' id='btn_Close' class='close' data-dismiss='modal' aria-hidden='true'>x</button><h4 class='modal-title'>" + title + "</h4></div>";

if ($("#divModalFullOuter" + divid + "").length > 0) {
$("#divModalFullOuter" + divid + " .modal-header").remove();
$("#" + divid).unwrap().unwrap().unwrap();
}
var outerDivString = "<div class='modal fade' align='left' id='divModalFullOuter" + divid + "' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true' style='display: none;'></div>";
var modalDialogString = "<div id='divModalMidOuter" + divid + "' class='modal-dialog modal-lg'></div>";
var modalContentString = "<div id='divModalInnerOuter" + divid + "' class='modal-content'></div>";
$("#" + divid).wrap(modalContentString);
$("#divModalInnerOuter" + divid + "").wrap(modalDialogString);
$("#divModalMidOuter" + divid + "").wrap(outerDivString);
$("#" + divid).before(divHeaderString);
var close = "";
if (CloseFunction == "" || CloseFunction == null || CloseFunction == '') {
close = "CloseCommonPopUp('" + divid + "');";
}
else {
close = "CloseCommonPopUp('" + divid + "');" + (CloseFunction.indexOf("(") != "-1" ? CloseFunction + ";" : CloseFunction + "();");
}
$("#btn_Close").attr('onclick', close);
$("#divModalFullOuter" + divid + "").modal('show');
}

function CloseCommonPopUp(divid) {
$("#divModalFullOuter" + divid + "").modal('hide');
}

function ajaxReturnDate(dateString) {
return new Date(dateString, 1, -1, 26)
}

function statusCodefn(type) {
if (document.domain == 'localhost') {

alert("Hai progermer :" + type);
}
}

//test trail v.0.1
//exenta.ajax(true, url, dataValue, Successfun, fail, dataValue);
//exenta.ChangePageHeight("url_of_first_parent","url_of_second_parent"); (e.g)changeFrameHeight("http://localhost:30072/Home.aspx", "http://localhost:30131/Home.aspx");

var exenta = {

listMove: function (d, s) {

// $('#'+d option:selected').appendTo('#'+s);
var selectedOpts = $('#' + d + ' option:selected');
if (selectedOpts.length == 0) {
$.notify("please select ");
// alert("Nothing to move.");
// e.preventDefault();
return false;
}

$('#' + s).append($(selectedOpts).clone());
$(selectedOpts).remove();

var options = $('#' + s + ' option');
var arr = options.map(function (_, o) {
return {
t: $(o).text(),
v: o.value
};
}).get();
arr.sort(function (o1, o2) {
return o1.t > o2.t ? 1 : o1.t < o2.t ? -1 : 0;
});
options.each(function (i, o) {
console.log(i);
o.value = arr[i].v;
$(o).text(arr[i].t);
});
},
ajax: function (async, url, dataValue, Successfun, failfun, passdata) {

if (exenta.CheckSession()) {

if ($.type(async) != 'boolean') {
if (document.domain = 'localhost')

alert(" " + $.type(async));

return false;
}
if ($.type(Successfun) != 'function') {
alert("use pass type is false " + $.type(async));
return false;
}
var request = $.ajax({
type: "POST",
url: url,
async: async,
data: dataValue,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
if (passdata != undefined) {
Successfun(result.d, passdata);
} else {
Successfun(result.d);
}

},
error: function (result) {
if (document.domain == 'localhost') {
alert(result.responseText);
console.log(result.responseText);
} else { console.log(result.responseText); }
if (failfun === 'function') {
failfun(error);
}

}
});
}
else
{
SetSessionNull();
}

},
ChangePageHeight: function (parentlocation, childlocation) {
debugger
var height = parseInt(document.body.scrollHeight) + 250;
//var clientHeight1 = parseInt(document.body.clientHeight);
//var documentElement1 = parseInt(document.body.documentElement.scrollHeight);
parent.postMessage(0, childlocation);
parent.parent.postMessage(0, parentlocation);
var documentElement11 = parseInt(document.documentElement.scrollHeight);
// var documentElement111 = parseInt(document.body.document.scrollHeight);
//var documentElement1111 = parseInt(document.body.document.documentElement.scrollHeight);
//var documentElement11111 = parseInt(document.body.document.clientHeight);
// parent.postMessage(document.body.scrollHeight, childlocation);

parent.postMessage(documentElement11, childlocation);
parent.parent.postMessage(documentElement11, parentlocation);
},
HandleSession:function()
{
if (!exenta.CheckSession())
{
SetSessionNull();
}
},
CheckSession:function()
{
var res;
$.ajax({
type: "POST",
url: "../../SharedWebMethod.aspx/CheckSessionAvail",
async: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
if (result.d == 1) {
res= true;
}
else {
res= false;
}
},
error: function (result) {
res = false;
}
});

return res;
},
Notify: function (elem, mess, type, delay) {
var fDelay;
var fType;
fType = (type != null) ? type : "error";
fDelay = (delay != null) ? delay : 5000;
(elem=='') ? $.notify(mess, { position: "t,c", autoHide: true, className: fType, autoHideDelay: fDelay }) : $("" + elem + "").notify(mess, { position: "b,r", autoHide: true, className: fType, autoHideDelay: fDelay })
}
};

function ClientLogout() {
$.ajax({
type: "POST",
url: "../../SharedWebMethod.aspx/GetUrlPage",
async: false,
data: "{page:'LoginURL'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
parent.parent.location.href = result.d;
},
error: function (result) {
}
});

}