Scribd
Upload
416 views11 pages

Page Source

The document is a HTML page for a GameClub account profile page. It contains elements for displaying and updating user account information like username, password, email, name, and security questions. There are input fields for the current password, new password, confirm password, email and newsletter subscription checkbox. It also contains hidden personal information like name, gender and date of birth.

Uploaded by

kine master
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
416 views11 pages

Page Source

The document is a HTML page for a GameClub account profile page. It contains elements for displaying and updating user account information like username, password, email, name, and security questions. There are input fields for the current password, new password, confirm password, email and newsletter subscription checkbox. It also contains hidden personal information like name, gender and date of birth.

Uploaded by

kine master
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 11

<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.25">
<title>GameClub</title>
<link href="//static.gameclub.ph/GameClub/images/favicon.ico" rel="shortcut
icon" />
<link href="//static.gameclub.ph/GameClub/plugins/bootstrap-
3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="//static.gameclub.ph/GameClub/plugins/font-awesome-4.6.3/css/font-
awesome.min.css" rel="stylesheet">

<link href="//static.gameclub.ph/GameClub/plugins/dropit/dropit2.css"
rel="stylesheet" />
<link href="//static.gameclub.ph/GameClub/plugins/slick/slick.css"
rel="stylesheet">
<link href="//static.gameclub.ph/GameClub/plugins/slick/slick-theme.css"
rel="stylesheet">
<link href="//static.gameclub.ph/GameClub/css/style.css" rel="stylesheet" />

<link href="//static.gameclub.ph/GameClub/css/myaccount.css" rel="stylesheet" />

<script src="//static.gameclub.ph/GameClub/plugins/jquery/jquery-1.11.3.min.js"
type="text/javascript"></script>
<script src="//static.gameclub.ph/GameClub/plugins/jquery-validation-
1.15.0/dist/jquery.validate.min.js" type="text/javascript"></script>
<script src="//static.gameclub.ph/GameClub/plugins/slick/slick.min.js"
type="text/javascript" ></script>
<script src="//static.gameclub.ph/GameClub/plugins/bootstrap-
3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
<script src="//static.gameclub.ph/GameClub/plugins/imageHover.js"
type="text/javascript"></script>
<script src="//static.gameclub.ph/GameClub/plugins/dropit/dropit.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".menu").dropit();
});

(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-
analytics.com/analytics.js', 'ga');

ga('create', 'UA-93902116-1', 'auto');


ga('send', 'pageview');
</script>

</head>
<body>
<script type="text/javascript"
src="//static.gameclub.ph/Global/js/GameClubGnB.js"></script>

<div class="bgcontainer">
<div class="container">

<div class="row" style="margin: 0 auto; padding: 60px 0 60px 0; width:


680px;">
<!-- <img src="../images/gc-logo.png" alt="" style="display: block;
margin: 50px auto 40px auto;"/> -->
<div class="gcform">
<div class="head">
<span>MY ACCOUNT</span> &nbsp; &nbsp; <!-- <span style="font-
size: 21px;">Don't have an account? Sign up!</span> -->
</div>

<div class="body">
<p class="title">Account Information</p>
<form class="form-horizontal">

<div class="form-group">
<label for="uname" class="col-xs-
3"><li>Username</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
janoox123
</div>
</div>
</div>

<div class="form-group">
<label for="cpword" class="col-xs-3"><li style="width:
140px;">Current Password</li></label>
<div class="col-xs-6">
<input type="password" name="cpword" id="cpword"
class="form-control" required />
<i class="fa form-control-feedback" id="cpword1"
aria-hidden="true"></i>
</div>
</div>

<div class="form-group">
<label for="npword" class="col-xs-3"><li style="width:
140px;">New Password</li></label>
<div class="col-xs-6">
<input type="password" name="npword" id="npword"
class="form-control" />
<i class="fa form-control-feedback" id="npword1"
aria-hidden="true"></i>
</div>
</div>

<div class="form-group">
<label for="conpword" class="col-xs-3" style="padding-
right: 0px;"><li>Confirm Password</li></label>
<div class="col-xs-6">
<input type="password" name="conpword"
id="conpword" class="form-control" />
<i class="fa form-control-feedback" id="conpword1"
aria-hidden="true"></i>
</div>
</div>

<div class="form-group">
<label for="nickname" class="col-xs-
3"><li>Nickname</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
jaanoASDSAD
</div>
</div>
</div>

<div class="form-group">
<label for="email" class="col-xs-3"><li>E-
mail</li></label>
<div class="col-xs-6">
<input type="email" name="email" id="email"
value="[email protected]" class="form-control" placeholder=""
data-msg-required="The following are allowed for this field: a-z, 0-9, No space &
special characters." />
<i class="fa form-control-feedback" id="email1"
aria-hidden="true"></i>
</div>
<button id="authenticate" type="button" name="button"
class="buttongray col-xs-3">Authentication</button>
<div class="col-xs-12">
<div class="col-xs-3">

</div>
<div class="col-xs-9 newsletter">
<input type="checkbox" name="newsletter"
id="newsletter" checked=checked value="Y" />
<div class="text">Yes, I would like to receive
Gameclub newsletter.</div>
</div>
</div>
</div>

<br />
<p class="title" style="margin-top: 10px;">Personal
Information</p>

<div class="form-group">
<label for="fname" class="col-xs-3"><li>First
name</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
JEFFREY
</div>
</div>
</div>

<div class="form-group">
<label for="lname" class="col-xs-3"><li>Last
name</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
JEFFREYY
</div>
</div>
</div>

<div class="form-group">
<label for="gender" class="col-xs-
3"><li>Gender</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
M
</div>
</div>
</div>

<div class="form-group">
<label for="bday" class=" col-xs-
3"><li>Birthday</li></label>
<div class="col-xs-6">
<div class="" style="height: 26px; color: #fff;">
1987/01/02
</div>
</div>
</div>

<div style="display:"><!--donald added this element to hide


security information-->
<p class="title">Security Information</p>

<div class="form-group">
<label for="squestion" class="col-xs-3"><li>Secret
Question</li></label>
<div class="col-xs-6">
<select class="form-control" id="squestion"
disabled style="background: grey;">
<option value=1 selected>What is your mothers
maiden name?</option>
<option value=2 >What is your fathers middle
name?</option>
<option value=3 >What city were you born in?
</option>
<option value=4 >What is the name of your
primary school?</option>
<option value=5 >What is the name of your first
pet?</option>
<option value=6 >Who was your childhood hero?
</option>
<option value=7 >What is your favorite past-
time?</option>
<option value=8 >What is your all-time favorite
sports team?</option>
<option value=9 >Where did you first meet your
spouse?</option>
<option value=10 >Who is your favorite
actor/actress?</option>
<option value=0 >** Create your own Secret
Question **</option>
</select>
<span class="glyphicon form-control-feedback"
id="squestion1"></span>
</div>
</div>

<div class="form-group" id="customQuestion" style="display:


none;">
<label for="ownquestion" class="col-xs-3"><li>Own
Question</li></label>
<div class="col-xs-6">
<input type="text" name="ownquestion"
id="ownquestion" value="" class="form-control" maxlength="20" />
<i class="fa form-control-feedback"
id="ownquestion1" aria-hidden="true"></i>
</div>
</div>
<div class="form-group">
<label for="answer" class="col-xs-
3"><li>Answer</li></label>
<div class="col-xs-6">
<input type="password" name="answer" id="answer"
class="form-control" value="awe.;mawl;erjaetropklsaetjn" required disabled
style="background: grey;" />
<i class="fa form-control-feedback" id="answer1"
aria-hidden="true"></i>
</div>
</div>
<div class="form-group">
<div class="col-xs-3"></div>
<div class="col-xs-9" style="color: #fff;">
Secret Anwer is required to help retrieve your lost
account.
To retrieve your Secret Answer, please file a
support request in <a href="http://support.gameclub.ph" target="_blank"
style="color: #10caf9;">http://support.gameclub.ph</a>
</div>
</div>
</div><!--donald:end security-->

<!--donald commented orig code-->


<!--
<div class="form-group">
<label for="captcha" class="col-xs-3"><li>Secret
Number</li></label>
<div class="col-xs-6">
<img src="/Captcha/" name="Chptchaimage"
id="Chptchaimage" alt="" />
<input type="text" name="captcha" id="captcha"
class="form-control" placeholder="" required/>
<i class="fa form-control-feedback" id="captcha1"
aria-hidden="true"></i>
</div>
<button id="refresh" type="button" name="button"
class="buttongray col-xs-3">Refresh</button>
</div>
-->
<!--end donald commented orig code-->
<!--donald added code for recaptcha implementation-->
<div class="form-group" style="margin-left: 25%;">
<div class="g-recaptcha" data-
sitekey="6Lfscl8UAAAAADz1CxqI0um0EKqvSxX4jn_zHn4U"></div>
</div>
<!--end donald added code-->
</form>
</div>
<!--donald added code for recaptcha implementation-->
<script src="https://www.google.com/recaptcha/api.js"></script>
<!--end donald added code-->
<button class="buttongray cancelbutton" id="cancelbutton"
type="button" name="button">Cancel</button>
<button class="buttonspecial" id="regbutton" style="float: right;"
type="button" name="">Save</button>
</div>

</div>

</div>

</div>
<script>
$(function () {
$(".menu").dropit();

var startDate = new Date().getFullYear();


startDate = startDate - 13;
for (i = startDate ; i > 1899; i--) {
$('#dob_year').append($('<option />').val(i).html(i));
}

$('#regbutton').click(function () {
//donald added code:recaptcha
var response = grecaptcha.getResponse();

if (response.length == 0) {
alert("Please validate if you're not a robot.");
e.preventDefault()
}
//end donald added code:recaptcha

var data = {
cpword: $('#cpword').val(), npword: $('#npword').val(), email: $
('#email').val(), rcv_email: $('[name="newsletter"]:checked').val(),
question: $('#squestion').val(), txtQuestion: $
('#ownquestion').val(), answer: $('#answer').val() //donald:removed ,
secret_number: $('#captcha').val() param as it's no longer needed for google
recaptcha
};

if ($('form').valid()) {
$.ajax({
url: "/MyInfo/MemberUpdate",
type: "POST",
data: data,
async: false,
success: function (e) {
if (e.code == 0) {
document.location = "/MyInfo/Completed";
}
else if (e.code == -1) {
alert(e.message);
document.location = "/Login/";
}
else {
alert(e.message);
return;
}
},
error: function (xhr, status, error) {
alert(xhr.responseText);
return;
}
});
}
});

$('#cancelbutton').click(function() {
location.href = 'http://www.gameclub.ph';
});

if ('1' == '0')
{
$("#customQuestion").show();
}

$("#squestion").on('change', function () {
if (this.value == '0') {
$("#customQuestion").show();
}
else {
$("#customQuestion").hide();
}
});

$.validator.addMethod("uniqueEMail", function (value, element) {


var isSuccess = false;
$.ajax({
url: "/MyInfo/EMailCheck",
type: "POST",
async: false,
data: { email: value },
success: function (data) {
isSuccess = data.code == 0 ? true : false;
}
});

return isSuccess;
});

//donald commented orig code as it's no longer needed in favor of google


recaptcha
/*
$.validator.addMethod("validSecretNumber", function (value, element) {
var isSuccess = false;
$.ajax({
url: "/Captcha/Validate",
type: "POST",
async: false,
data: { captchaText: value },
success: function (data) {
isSuccess = data.code == 0 ? true : false;
}
});

return isSuccess;
});
*/
//end donald commented orig code

$.validator.addMethod("regx", function (value, element, regexpr) {


return regexpr.test(value);
});

$.validator.addMethod("notEqual", function (value, element, param) {


return this.optional(element) || value != $(param).val();
});

$('form').validate({
onfocusout: function (element) {
$(element).valid();
},
onkeyup: false,
onclick: false,
rules: {
cpword: {
required: true,
minlength: 6,
maxlength: 15,
regx: /^[a-zA-Z0-9.`~!@#$%^&*|\\\'\";:\/?{|}=+]*$/
},
npword: {
minlength: 6,
maxlength: 15,
notEqual: "#cpword",
regx: /^[a-zA-Z0-9.`~!@#$%^&*|\\\'\";:\/?{|}=+]*$/,

},
conpword: {
equalTo: "#npword"
},
email: {
email: true,
required: true,
regx: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|
(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/,
uniqueEMail: true
},
squestion: {
required: true
},
ownquestion: {
required: true
},
answer : {
required: true
},
//donald commented orig code as it's no longer needed in favor of
recaptcha
/*
captcha: {
required: true,
minlength: 6,
maxlength: 6,
validSecretNumber: true,
},
*/
//end donald commented orig code
},
messages: {
cpword: {
required: 'Password is required.',
minlength: 'Password must be at least 6 to 15 characters in
length.',
maxlength: 'Password must be at least 6 to 15 characters in
length.',
regx: 'The following are allowed in your password: a-z, A-Z, 0-
9, No space, and common punctuation.'
},
npword: {
minlength: 'Password must be at least 6 to 15 characters in
length.',
maxlength: 'Password must be at least 6 to 15 characters in
length.',
notEqual : 'Unable to change the same Password in current
using.',
regx: 'The following are allowed in your password: a-z, A-Z, 0-
9, No space, and common punctuation.'
},
conpword: {
equalTo: "These passwords don&#39;t match. Please try again."
},
email: {
required: 'E-mail is required.',
email: 'E-mail must be contain a valid email address.',
regx: 'E-mail must be contain a valid email address.',
uniqueEMail: 'E-mail is already in-use.'
},
ownquestion: {
required: 'Please enter Secret Question.',
},
answer: {
required: 'You will be asked for your secret answer in case you
forget your password.'
}
//donald commented orig code
//removed some codes
//end donald commented orig code
},
submitHandler: function (form) {
alert("Form submitted!");
return false;
},
highlight: function (element) {
var id_attr = "#" + $(element).attr("id") + "1";
$(element).closest('.form-group').addClass('has-error');
$(id_attr).addClass('fa-exclamation-circle');
},
unhighlight: function (element) {
var id_attr = "#" + $(element).attr("id") + "1";
$(element).closest('.form-group').removeClass('has-error');
$(id_attr).removeClass('fa-exclamation-circle');
},
errorElement: 'span',
errorClass: 'help-block',
errorPlacement: function (error, element) {
if (element.attr("name") == "dob_month" || element.attr("name") ==
"dob_day") {
error.appendTo(element.parent("div").next("div"));
} else {
error.insertAfter(element);
}
}
});

$("#authenticate").click(function () {
if ($('#email').valid()) {
var isSuccess = false;
$.ajax({
url: "/Auth/EmailAuth",
type: "POST",
async: false,
data: { email: $('#email').val() },
success: function (data) {
if (data.code == 1) {
alert('Verification link has been sent to your
email.');
}
else if (data.code == -101) {
alert('This email has already been verified.');
}
else if (data.code == -102) {
alert('This email is in verify process.');
}
else {
alert('Error has occurred sending email.');
}
},
error: function (xhr, status, error) {
alert('Error has occurred sending email.');
//alert("donald: " + xhr.responseText); //donald
alert("error status: " + xhr.status); //donald
return;
}
});
}
});

//donald commented orig code


/*
$('#refresh').click(function () {
$('#captcha').val('');
var tg = $('#Chptchaimage')[0];
tg.src = tg.src.replace(/\?.+/, '') + '?st=' + parseInt(Math.random() *
10000);
});
*/
//end donald commented orig code
});
</script>

<footer class="footer">
<div class="row">
<div class="container">
<div style="float: left;">
<img src="//static.gameclub.ph/GameClub/images/gc-logo2.png">
</div>
<div style="float: left;">
<div>
<a href="javascript:void(0)" onclick="about()">About Us</a>
&nbsp; &nbsp;| &nbsp; &nbsp;
<a href="javascript:void(0)" onclick="privacy()">Privacy
Policy</a>
&nbsp; &nbsp;| &nbsp; &nbsp;
<a href="javascript:void(0)" onclick="terms()">Terms of
Service</a>
&nbsp; &nbsp;| &nbsp; &nbsp;
<a href="javascript:void(0)" onclick="eula()">EULA</a>
&nbsp; &nbsp;| &nbsp; &nbsp;
<a href="javascript:void(0)" onclick="player()">Player
Policies</a>
</div>
<div style="color: #666666;font-size: 12px;">
COPYRIGHT &copy; 2014 GAMECLUB PHILIPPINES. ALL RIGHTS
RESERVED.
</div>
</div>
</div>
</div>
</footer>

</body>
</html>

You might also like