Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
L
Lab1
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Iterations
Requirements
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Terms and privacy
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
WebProgramming
Lab1
Commits
353395f1
Commit
353395f1
authored
1 year ago
by
Ayesha Gamage
Browse files
Options
Downloads
Patches
Plain Diff
initial
parent
015e46b5
Branches
main
Branches containing commit
No related tags found
No related merge requests found
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
client.css
+30
-0
30 additions, 0 deletions
client.css
client.html
+32
-0
32 additions, 0 deletions
client.html
client.js
+0
-0
0 additions, 0 deletions
client.js
serverstub.js
+187
-0
187 additions, 0 deletions
serverstub.js
wimage.png
+0
-0
0 additions, 0 deletions
wimage.png
with
249 additions
and
0 deletions
client.css
0 → 100644
+
30
−
0
View file @
353395f1
body
{
width
:
500px
;
#
height
:
500px
;
background-color
:
deepskyblue
;
}
#main-left
{
width
:
340px
;
height
:
400px
;
background-image
:
url("wimage.png")
;
border
:
solid
;
}
#right-top
{
width
:
250px
;
height
:
100px
;
margin-left
:
350px
;
margin-top
:
-404px
;
background-color
:
white
;
border
:
solid
;
}
#right-dow
{
margin-left
:
350px
;
margin-top
:
10px
;
background-color
:
white
;
width
:
250px
;
height
:
284px
;
border
:
solid
;
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
client.html
0 → 100644
+
32
−
0
View file @
353395f1
<html>
<head>
<link
href=
"client.css"
type=
"text/css"
rel=
"stylesheet"
>
<script
src=
"client.js"
type=
"text/javascript"
></script>
<script
src=
"serverstub.js"
type=
"text/javascript"
></script>
</head>
<body>
<div
id=
"main-left"
>
</div>
<div
id=
"right-top"
>
<form
action=
""
id=
"save-form"
onsubmit=
"saveContent(this); return false"
>
<div><label
for=
"name"
>
Name
</label><input
type=
"text"
id=
"name"
name=
"name"
></div>
<div><label
for=
"number"
>
Number
</label><input
type=
"text"
id=
"number"
name=
"phonenumber"
></div>
<input
type=
"submit"
>
</form>
</div>
<div
id=
"right-dow"
>
<form
action=
""
id=
"save-form"
onsubmit=
"saveContent(this); return false"
>
<div><label
for=
"name"
>
FirstName
</label><input
type=
"text"
id=
"name"
name=
"name"
></div>
<div><label
for=
"number"
>
FamilyName
</label><input
type=
"text"
id=
"number"
name=
"phonenumber"
></div>
<div><label
for=
"name"
>
FirstName
</label><input
type=
"text"
id=
"name"
name=
"name"
></div>
<div><label
for=
"number"
>
FamilyName
</label><input
type=
"text"
id=
"number"
name=
"phonenumber"
></div>
<div><label
for=
"name"
>
FirstName
</label><input
type=
"text"
id=
"name"
name=
"name"
></div>
<div><label
for=
"number"
>
FamilyName
</label><input
type=
"text"
id=
"number"
name=
"phonenumber"
></div>
<input
type=
"submit"
>
</form>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
client.js
0 → 100644
+
0
−
0
View file @
353395f1
This diff is collapsed.
Click to expand it.
serverstub.js
0 → 100644
+
187
−
0
View file @
353395f1
/**
* Serverstub.js
*
* Simple dummy server for TDDD97
*
* If you're a student, you shouldn't need to look through this file,
* the description of how it works is in the lab instructions.
**/
var
serverstub
=
(
function
()
{
'
use strict
'
;
var
users
;
var
loggedInUsers
;
var
syncStorage
=
function
(){
if
(
localStorage
.
getItem
(
"
users
"
)
===
null
)
{
users
=
{};
}
else
{
users
=
JSON
.
parse
(
localStorage
.
getItem
(
"
users
"
));
}
if
(
localStorage
.
getItem
(
"
loggedinusers
"
)
===
null
)
{
loggedInUsers
=
{};
}
else
{
loggedInUsers
=
JSON
.
parse
(
localStorage
.
getItem
(
"
loggedinusers
"
));
}
}
var
persistUsers
=
function
(){
localStorage
.
setItem
(
"
users
"
,
JSON
.
stringify
(
users
));
};
var
persistLoggedInUsers
=
function
(){
localStorage
.
setItem
(
"
loggedinusers
"
,
JSON
.
stringify
(
loggedInUsers
));
};
var
tokenToEmail
=
function
(
token
){
return
loggedInUsers
[
token
];
};
var
copyUser
=
function
(
user
){
return
JSON
.
parse
(
JSON
.
stringify
(
user
));
};
var
serverstub
=
{
signIn
:
function
(
email
,
password
){
syncStorage
();
if
(
users
[
email
]
!=
null
&&
users
[
email
].
password
==
password
){
var
letters
=
"
abcdefghiklmnopqrstuvwwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
"
;
var
token
=
""
;
for
(
var
i
=
0
;
i
<
36
;
++
i
)
{
token
+=
letters
[
Math
.
floor
(
Math
.
random
()
*
letters
.
length
)];
}
loggedInUsers
[
token
]
=
email
;
persistLoggedInUsers
();
return
{
"
success
"
:
true
,
"
message
"
:
"
Successfully signed in.
"
,
"
data
"
:
token
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
Wrong username or password.
"
};
}
},
postMessage
:
function
(
token
,
content
,
toEmail
){
syncStorage
();
var
fromEmail
=
tokenToEmail
(
token
);
if
(
fromEmail
!=
null
)
{
if
(
toEmail
==
null
)
{
toEmail
=
fromEmail
;
}
if
(
users
[
toEmail
]
!=
null
){
var
recipient
=
users
[
toEmail
];
var
message
=
{
"
writer
"
:
fromEmail
,
"
content
"
:
content
};
recipient
.
messages
.
unshift
(
message
);
persistUsers
();
return
{
"
success
"
:
true
,
"
message
"
:
"
Message posted
"
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
No such user.
"
};
}
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
You are not signed in.
"
};
}
},
getUserDataByToken
:
function
(
token
){
syncStorage
();
var
email
=
tokenToEmail
(
token
);
return
serverstub
.
getUserDataByEmail
(
token
,
email
);
},
getUserDataByEmail
:
function
(
token
,
email
){
syncStorage
();
if
(
loggedInUsers
[
token
]
!=
null
){
if
(
users
[
email
]
!=
null
)
{
var
match
=
copyUser
(
users
[
email
]);
delete
match
.
messages
;
delete
match
.
password
;
return
{
"
success
"
:
true
,
"
message
"
:
"
User data retrieved.
"
,
"
data
"
:
match
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
No such user.
"
};
}
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
You are not signed in.
"
};
}
},
getUserMessagesByToken
:
function
(
token
){
syncStorage
();
var
email
=
tokenToEmail
(
token
);
return
serverstub
.
getUserMessagesByEmail
(
token
,
email
);
},
getUserMessagesByEmail
:
function
(
token
,
email
){
syncStorage
();
if
(
loggedInUsers
[
token
]
!=
null
){
if
(
users
[
email
]
!=
null
)
{
var
match
=
copyUser
(
users
[
email
]).
messages
;
return
{
"
success
"
:
true
,
"
message
"
:
"
User messages retrieved.
"
,
"
data
"
:
match
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
No such user.
"
};
}
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
You are not signed in.
"
};
}
},
signOut
:
function
(
token
){
syncStorage
();
if
(
loggedInUsers
[
token
]
!=
null
){
delete
loggedInUsers
[
token
];
persistLoggedInUsers
();
return
{
"
success
"
:
true
,
"
message
"
:
"
Successfully signed out.
"
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
You are not signed in.
"
};
}
},
signUp
:
function
(
inputObject
){
// {email, password, firstname, familyname, gender, city, country}
syncStorage
();
if
(
users
[
inputObject
.
email
]
===
undefined
){
if
(
(
typeof
(
inputObject
.
email
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
password
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
firstname
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
familyname
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
gender
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
city
)
===
'
string
'
)
&&
(
typeof
(
inputObject
.
country
)
===
'
string
'
)
)
{
var
user
=
{
'
email
'
:
inputObject
.
email
,
'
password
'
:
inputObject
.
password
,
'
firstname
'
:
inputObject
.
firstname
,
'
familyname
'
:
inputObject
.
familyname
,
'
gender
'
:
inputObject
.
gender
,
'
city
'
:
inputObject
.
city
,
'
country
'
:
inputObject
.
country
,
'
messages
'
:
[]
};
users
[
inputObject
.
email
]
=
user
;
persistUsers
();
return
{
"
success
"
:
true
,
"
message
"
:
"
Successfully created a new user.
"
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
Form data missing or incorrect type.
"
};
}
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
User already exists.
"
};
}
},
changePassword
:
function
(
token
,
oldPassword
,
newPassword
){
syncStorage
();
if
(
loggedInUsers
[
token
]
!=
null
){
var
email
=
tokenToEmail
(
token
);
if
(
users
[
email
].
password
==
oldPassword
){
users
[
email
].
password
=
newPassword
;
persistUsers
();
return
{
"
success
"
:
true
,
"
message
"
:
"
Password changed.
"
};
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
Wrong password.
"
};
}
}
else
{
return
{
"
success
"
:
false
,
"
message
"
:
"
You are not logged in.
"
};
}
}
};
return
serverstub
;
})();
\ No newline at end of file
This diff is collapsed.
Click to expand it.
wimage.png
0 → 100644
+
0
−
0
View file @
353395f1
14 KiB
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment