ODS.ODSControllerAJAXAPILoginSource
ODS Controller for AJAX API Login Source Code
The following source code represents the ODS Controller for AJAX API Login users.html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Virtuoso Web Applications</title>
<link rel="stylesheet" type="text/css" href="/ods/default.css" />
<link rel="stylesheet" type="text/css" href="/ods/ods-bar.css" />
<link rel="stylesheet" type="text/css" href="css/users.css" />
<script type="text/javascript" src="js/oid_login.js"></script>
<script type="text/javascript" src="js/users.js"></script>
<script type="text/javascript" src="/ods/common.js"></script>
<script type="text/javascript" src="/ods/CalendarPopup.js"></script>
<script type="text/javascript">
// OAT
var toolkitPath="/ods/oat";
var featureList = ["dom", "ajax2", "ws", "json", "tab", "dimmer", "combolist", "crypto"];
</script>
<script type="text/javascript" src="/ods/oat/loader.js"></script>
<script type="text/javascript">
// publics
var cPopup;
function myInit()
{
// CalendarPopup
if ($("cDiv"))
{
cPopup = new CalendarPopup("cDiv");
cPopup.isShowYearNavigation = true;
}
OAT.Preferences.imagePath = "/ods/images/oat/";
OAT.Preferences.stylePath = "/ods/oat/styles/";
OAT.Preferences.showAjax = false;
if ($("pf"))
{
var tab = new OAT.Tab ("content");
tab.add ("tab_0", "page_0");
tab.add ("tab_1", "page_1");
tab.add ("tab_2", "page_2");
tab.add ("tab_3", "page_3");
tab.add ("tab_4", "page_4");
tab.go (0);
}
}
OAT.MSG.attach(OAT, OAT.MSG.OAT_LOAD, myInit);
</script>
</head>
<body>
<div id="cDiv" style="position: absolute; visibility: hidden; background-color: white; z-index: 10;">
</div>
<form name="page_form" method="post">
<input type="hidden" name="sid" id="sid" value="" />
<input type="hidden" name="realm" id="realm" value="wa" />
<div id="ob">
<div id="ob_left"><a href="/ods/?sid=&realm=wa">ODS Home</a> > Login</div>
<div id="ob_right" style="display: none;"><a href="#" onclick="javascript: return logoutSubmit();">Logout</a></div>
</div>
<div id="MD">
<table cellspacing="0">
<tr>
<td valign="top">
<img style="margin: 60px;" src="/ods/images/odslogo_200.png" /><br />
<div id="ob_links" style="display: none; margin-left: 60px;">
<a id="ob_links_foaf" href="#">
<img border="0" alt="FOAF" src="/ods/images/foaf.gif"/>
</a>
</div>
</td>
<td>
<div id="lf" class="form">
<div class="header">
Enter your Member ID and Password
</div>
<table class="form" cellspacing="5">
<tr>
<th width="30%">
<label for="lf_uid">Member ID</label>
</th>
<td nowrap="nowrap">
<input type="text" name="lf_uid" value="" id="lf_uid" />
</td>
</tr>
<tr>
<th>
<label for="lf_password">Password</label>
</th>
<td nowrap="nowrap">
<input type="password" name="lf_password" value="" id="lf_password" />
</td>
</tr>
<tr>
<th>
or
</th>
<td nowrap="nowrap" />
</tr>
<tr>
<th>
<label for="lf_openID">Login with OpenID</label>
</th>
<td nowrap="nowrap">
<input type="text" name="lf_openID" value="" id="lf_openID" class="openID" style="width: 220px;"/>
</td>
</tr>
</table>
<div class="footer">
<input type="button" name="lf_login" value="Login" id="lf_login" onclick="javascript: return lfLoginSubmit();" />
</div>
</div>
<div id="uf" class="form" style="display: none;">
<div class="header">
User profile
</div>
<table class="form" cellspacing="5">
<tr>
<th width="30%">
Login Name
</th>
<td nowrap="nowrap">
<span id="uf_name"></span>
</td>
</tr>
<tr>
<th>
E-mail
</th>
<td nowrap="nowrap">
<span id="uf_mail"></span>
</td>
</tr>
<tr>
<th>
Title
</th>
<td nowrap="nowrap">
<span id="uf_title"></span>
</td>
</tr>
<tr>
<th>
First Name
</th>
<td nowrap="nowrap">
<span id="uf_firstName"></span>
</td>
</tr>
<tr>
<th>
Last Name
</th>
<td nowrap="nowrap">
<span id="uf_lastName"></span>
</td>
</tr>
<tr>
<th>
Full Name
</th>
<td nowrap="nowrap">
<span id="uf_fullName"></span>
</td>
</tr>
</table>
<div class="footer">
<input type="button" name="uf_profile" value="Edit Profile" onclick="javascript: return ufProfileSubmit();" />
</div>
</div>
<div id="pf" class="form" style="width: 800px; display: none;">
<div class="header">
Update user profile
</div>
<ul id="tabs">
<li id="tab_0" title="Personal">Personal</li>
<li id="tab_1" title="Contact">Contact</li>
<li id="tab_2" title="Home">Home</li>
<li id="tab_3" title="Business">Business</li>
<li id="tab_4" title="Security">Security</li>
</ul>
<div style="min-height: 180px; border: 1px solid #aaa; margin: -13px 5px 5px 5px;">
<div id="content"></div>
<div id="page_0">
<table class="form" cellspacing="5">
<tr>
<th width="30%">
<label for="pf_title">Title</label>
</th>
<td>
<select name="pf_title" value="" id="pf_title">
<option value=""/>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Dr">Dr</option>
<option value="Ms">Ms</option>
</select>
</td>
</tr>
<tr>
<th nowrap="nowrap">
<label for="pf_firstName">First Name</label>
</th>
<td>
<input type="text" name="pf_firstName" value="" id="pf_firstName" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_lastName">Last Name</label>
</th>
<td>
<input type="text" name="pf_lastName" value="" id="pf_lastName" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_fullName">Full Name</label>
</th>
<td>
<input type="text" name="pf_fullName" value="" id="pf_fullName" size="60" />
</td>
</tr>
<tr>
<th>
<label for="pf_mail">E-mail</label>
</th>
<td>
<input type="text" name="pf_mail" value="" id="pf_mail" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_gender">Gender</label>
</th>
<td>
<select name="pf_gender" value="" id="pf_gender">
<option value=""/>
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_birthday">Birthday</label>
</th>
<td>
<input name="pf_birthday" id="pf_birthday" value="" onclick="cPopup.select ($('pf_birthday'), 'pf_birthday_select', 'yyyy-MM-dd');"/>
<a href="#" name="pf_birthday_select" id="pf_birthday_select" onclick="cPopup.select ($('pf_birthday'), 'pf_birthday_select', 'yyyy-MM-dd'); return false;"> </a>
</td>
</tr>
</table>
</div>
<div id="page_1" style="display:none;">
<table class="form" cellspacing="5">
<tr>
<th width="30%">
<label for="pf_icq">ICQ</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_icq" value="" id="pf_icq" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_skype">Skype</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_skype" value="" id="pf_skype" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_yahoo">Yahoo</label>
</th>
<td>
<input type="text" name="pf_yahoo" value="" id="pf_yahoo" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_aim">AIM</label>
</th>
<td>
<input type="text" name="pf_aim" value="" id="pf_aim" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_msn">MSN</label>
</th>
<td>
<input type="text" name="pf_msn" value="" id="pf_msn" style="width: 220px;" />
</td>
</tr>
</table>
</div>
<div id="page_2" style="display:none;">
<table class="form" cellspacing="5">
<tr>
<th width="30%">
<label for="pf_homecountry">Country</label>
</th>
<td nowrap="nowrap">
<select name="pf_homecountry" id="pf_homecountry" onchange="javascript: return updateState('pf_homecountry', 'pf_homestate');" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_homestate">State/Province</label>
</th>
<td nowrap="nowrap">
<span id="span_pf_homestate">
</span>
</td>
</tr>
<tr>
<th>
<label for="pf_homecity">City/Town</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_homecity" value="" id="pf_homecity" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_homecode">Zip/Postal Code</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_homecode" value="" id="pf_homecode" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_homeaddress1">Address1</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_homeaddress1" value="" id="pf_homeaddress1" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_homeaddress2">Address2</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_homeaddress2" value="" id="pf_homeaddress2" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_homeTimezone">Time-Zone</label>
</th>
<td>
<select name="pf_homeTimezone" id="pf_homeTimezone">
<option value="-12">GMT -12:00</option>
<option value="-11">GMT -11:00</option>
<option value="-10">GMT -10:00</option>
<option value="-9">GMT -09:00</option>
<option value="-8">GMT -08:00</option>
<option value="-7">GMT -07:00</option>
<option value="-6">GMT -06:00</option>
<option value="-5">GMT -05:00</option>
<option value="-4">GMT -04:00</option>
<option value="-3">GMT -03:00</option>
<option value="-2">GMT -02:00</option>
<option value="-1">GMT -01:00</option>
<option value="0">GMT +00:00</option>
<option value="1">GMT +01:00</option>
<option value="2">GMT +02:00</option>
<option value="3">GMT +03:00</option>
<option value="4">GMT +04:00</option>
<option value="5">GMT +05:00</option>
<option value="6">GMT +06:00</option>
<option value="7">GMT +07:00</option>
<option value="8">GMT +08:00</option>
<option value="9">GMT +09:00</option>
<option value="10">GMT +10:00</option>
<option value="11">GMT +11:00</option>
<option value="12">GMT +12:00</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_homelat">Latitude</label>
</th>
<td>
<input type="text" name="pf_homelat" value="" id="pf_homelat" />
<label>
<input type="checkbox" name="pf_homeDefaultMapLocation" id="pf_homeDefaultMapLocation" onclick="javascript: setDefaultMapLocation('home', 'business');" />
Default Map Location
</label>
<td>
<tr>
<tr>
<th>
<label for="pf_homelng">Longitude</label>
</th>
<td>
<input type="text" name="pf_homelng" value="" id="pf_homelng" />
</td>
</tr>
<tr>
<th>
<label for="pf_homePhone">Phone</label>
</th>
<td>
<input type="text" name="pf_homePhone" value="" id="pf_homePhone" />
</td>
</tr>
<tr>
<th>
<label for="pf_homeMobile">Mobile</label>
</th>
<td>
<input type="text" name="pf_homeMobile" value="" id="pf_homeMobile" />
</td>
</tr>
</table>
</div>
<div id="page_3" style="display:none;">
<table class="form" cellspacing="5">
<tr>
<th width="40%" nowrap="nowrap">
<label for="pf_businessIndustry">Industry</label>
</th>
<td nowrap="nowrap">
<select name="pf_businessIndustry" id="pf_businessIndustry" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessOrganization">Organization</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_businessOrganization" value="" id="pf_businessOrganization" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessHomePage">Organization Home Page</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_businessHomePage" value="" id="pf_businessHomePage" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessJob">Job Title</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_businessJob" value="" id="pf_businessJob" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businesscountry">Country</label>
</th>
<td nowrap="nowrap">
<select name="pf_businesscountry" id="pf_businesscountry" onchange="javascript: return updateState('pf_businesscountry', 'pf_businessstate');" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessstate">State/Province</label>
</th>
<td nowrap="nowrap">
<span id="span_pf_businessstate">
</span>
</td>
</tr>
<tr>
<th>
<label for="pf_businesscity">City/Town</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_businesscity" value="" id="pf_businesscity" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businesscode">Zip/Postal Code</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_businesscode" value="" id="pf_businesscode" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessaddress1">Address1</label>
</th>
<td>
<input type="text" name="pf_businessaddress1" value="" id="pf_businessaddress1" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessaddress2">Address2</label>
</th>
<td>
<input type="text" name="pf_businessaddress2" value="" id="pf_businessaddress2" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessTimezone">Time-Zone</label>
</th>
<td>
<select name="pf_businessTimezone" id="pf_businessTimezone">
<option value="-12">GMT -12:00</option>
<option value="-11">GMT -11:00</option>
<option value="-10">GMT -10:00</option>
<option value="-9">GMT -09:00</option>
<option value="-8">GMT -08:00</option>
<option value="-7">GMT -07:00</option>
<option value="-6">GMT -06:00</option>
<option value="-5">GMT -05:00</option>
<option value="-4">GMT -04:00</option>
<option value="-3">GMT -03:00</option>
<option value="-2">GMT -02:00</option>
<option value="-1">GMT -01:00</option>
<option value="0">GMT +00:00</option>
<option value="1">GMT +01:00</option>
<option value="2">GMT +02:00</option>
<option value="3">GMT +03:00</option>
<option value="4">GMT +04:00</option>
<option value="5">GMT +05:00</option>
<option value="6">GMT +06:00</option>
<option value="7">GMT +07:00</option>
<option value="8">GMT +08:00</option>
<option value="9">GMT +09:00</option>
<option value="10">GMT +10:00</option>
<option value="11">GMT +11:00</option>
<option value="12">GMT +12:00</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_businesslat">Latitude</label>
</th>
<td>
<input type="text" name="pf_businesslat" value="" id="pf_businesslat" />
<label>
<input type="checkbox" name="pf_businessDefaultMapLocation" id="pf_businessDefaultMapLocation" onclick="javascript: setDefaultMapLocation('business', 'home');" />
Default Map Location
</label>
<td>
<tr>
<tr>
<th>
<label for="pf_businesslng">Longitude</label>
</th>
<td>
<input type="text" name="pf_businesslng" value="" id="pf_businesslng" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessPhone">Phone</label>
</th>
<td>
<input type="text" name="pf_businessPhone" value="" id="pf_businessPhone" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessMobile">Mobile</label>
</th>
<td>
<input type="text" name="pf_businessMobile" value="" id="pf_businessMobile" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessRegNo">VAT Reg number (EU only) or Tax ID</label>
</th>
<td>
<input type="text" name="pf_businessRegNo" value="" id="pf_businessRegNo" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessCareer">Career / Organization Status</label>
</th>
<td>
<select name="pf_businessCareer" id="pf_businessCareer" style="width: 220px;">
<option />
<option value="Job seeker-Permanent">Job seeker-Permanent</option>
<option value="Job seeker-Temporary">Job seeker-Temporary</option>
<option value="Job seeker-Temp/perm">Job seeker-Temp/perm</option>
<option value="Employed-Unavailable">Employed-Unavailable</option>
<option value="Employer">Employer</option>
<option value="Agency">Agency</option>
<option value="Resourcing supplier">Resourcing supplier</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_businessEmployees">No. of Employees</label>
</th>
<td>
<select name="pf_businessEmployees" id="pf_businessEmployees" style="width: 220px;">
<option />
<option value="1-100">1-100</option>
<option value="101-250">101-250</option>
<option value="251-500">251-500</option>
<option value="501-1000">501-1000</option>
<option value=">1000">>1000</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_businessVendor">Are you a technology vendor</label>
</th>
<td>
<select name="pf_businessVendor" id="pf_businessVendor" style="width: 220px;">
<option />
<option value="Not a Vendor">Not a Vendor</option>
<option value="Vendor">Vendor</option>
<option value="VAR">VAR</option>
<option value="Consultancy">Consultancy</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_businessService">If so, what technology and/or service do you provide?</label>
</th>
<td>
<select name="pf_businessService" id="pf_businessService" style="width: 220px;">
<option />
<option value="Enterprise Data Integration">Enterprise Data Integration</option>
<option value="Business Process Management">Business Process Management</option>
<option value="Other">Other</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_businessOther">Other Technology service</label>
</th>
<td>
<input type="text" name="pf_businessOther" value="" id="pf_businessOther" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessNetwork">Importance of OpenLink Network for you</label>
</th>
<td>
<input type="text" name="pf_businessNetwork" value="" id="pf_businessNetwork" style="width: 220px;" />
</td>
</tr>
<tr>
<th>
<label for="pf_businessResume">Resume</label>
</th>
<td>
<textarea name="pf_businessResume" id="pf_businessResume" style="width: 220px;"></textarea>
</td>
</tr>
</table>
</div>
<div id="page_4" style="display:none;">
<table class="form" cellspacing="5">
<tr>
<td align="center" colspan="2">
<span id="pf_change_txt"></span>
</td>
</tr>
<tr>
<th style="text-align: left; background-color: #F6F6F6;" colspan="2">
Password Settings
</th>
</tr>
<tr>
<th width="30%" nowrap="nowrap">
<label for="pf_oldPassword">Old Password</label>
</th>
<td nowrap="nowrap">
<input type="password" name="pf_oldPassword" value="" id="pf_oldPassword" />
</td>
</tr>
<tr>
<th>
<label for="pf_newPassword">New Password</label>
</th>
<td nowrap="nowrap">
<input type="password" name="pf_newPassword" value="" id="pf_newPassword" />
</td>
</tr>
<tr>
<th>
<label for="pf_password">Repeat Password</label>
</th>
<td nowrap="nowrap">
<input type="password" name="pf_newPassword2" value="" id="pf_newPassword2" />
<input type="button" name="pf_change" value="Change" onclick="javascript: return pfChangeSubmit();" />
</td>
</tr>
<tr>
<th style="text-align: left; background-color: #F6F6F6;" colspan="2">
Password Recovery
</th>
</tr>
<tr>
<th>
<label for="pf_securitySecretQuestion">Secret Question</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_securitySecretQuestion" value="" id="pf_securitySecretQuestion" style="width: 220px;" />
<select name="pf_secretQuestion_select" value="" id="pf_secretQuestion_select" onchange="setSecretQuestion ();" style="width: 220px;">
<option value="">~pick predefined~</option>
<option value="First Car">First Car</option>
<option value="Mothers Maiden Name">Mothers Maiden Name</option>
<option value="Favorite Pet">Favorite Pet</option>
<option value="Favorite Sports Team">Favorite Sports Team</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="pf_securitySecretAnswer">Secret Answer</label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_securitySecretAnswer" value="" id="pf_securitySecretAnswer" style="width: 220px;" />
</td>
</tr>
<tr>
<th style="text-align: left; background-color: #F6F6F6;" colspan="2">
Applications restrictions
</th>
</tr>
<tr>
<th>
<label for="pf_securitySiocLimit">SIOC Query Result Limit </label>
</th>
<td nowrap="nowrap">
<input type="text" name="pf_securitySiocLimit" value="" id="pf_securitySiocLimit" />
</td>
</tr>
</table>
</div>
</div>
<div class="footer">
<input type="button" name="pf_update" value="Update" onclick="javascript: return pfUpdateSubmit();" />
<input type="button" name="pf_cancel" value="Cancel" onclick="javascript: return pfCancelSubmit();" />
</div>
</div>
</td>
</tr>
</table>
</div>
</form>
</div>
<div id="FT">
<div id="FT_L">
<a href="http://www.openlinksw.com/virtuoso"><img alt="Powered by OpenLink Virtuoso Universal Server" src="/ods/images/virt_power_no_border.png" border="0" /></a>
</div>
<div id="FT_R">
<a href="/ods/faq.html">FAQ</a> | <a href="/ods/privacy.html">Privacy</a> | <a href="/ods/rabuse.vspx">Report Abuse</a>
<div>
Copyright © 1999-2009 OpenLink Software
</div>
</div>
</div>
</form>
</body>
</html>