Skip to content
Snippets Groups Projects
Commit 3eba2a50 authored by Adeel Ahmad's avatar Adeel Ahmad
Browse files

Upload New File client html

parent 8a2b63b7
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 257 additions and 0 deletions
static/client.html 0 → 100644
+ 257
− 0
View file @ 3eba2a50
<!DOCTYPE html>
<html lang="en">
<head>
<title>Twidder</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link href="../static/client.css" rel="stylesheet" type="text/css" />
<script src="../static/serverstub.js" type="text/javascript"></script>
<script src="../static/client.js" type="text/javascript"></script>
<script type="text/view" , id="welcomeScript">
<section id="welcome">
<div class="parent">
<div class="logo">
<img src="../static/imgs/wimage.png" alt="logo image" />
</div>
<div id="forms">
<!-- sign in form -->
<div class="signin">
<h3>Sign in</h3>
<form id="form1">
<div class="formElement">
<label for="signinEmail">Email: </label>
<input
type="email"
id="signinEmail"
required
value="test1@email.com"
/>
</div>
<div class="formElementError signinEmailError"></div>
<div class="formElement">
<label for="signinPassword">Password:</label>
<input
type="password"
id="signinPassword"
required
value="321321321"
/>
</div>
<div class="formElementError signinsubmitError"></div>
<input type="submit" value="Submit"/>
</form>
</div>
<!-- sign up form -->
<div class="signup">
<h3>Sign up</h3>
<form id="form2" >
<div class="formElement">
<label for="signupEmail">Email: </label>
<input type="email" id="signupEmail" required />
</div>
<div class="formElementError signupEmailError"></div>
<div class="formElement">
<label for="signupPassword">Password:</label>
<input type="password" id="signupPassword" required />
</div>
<div class="formElement">
<label for="signupPasswordRepeat">Repeat Password:</label>
<input type="password" id="signupPasswordRepeat" required />
</div>
<div class="formElement">
<label for="signupFirstName">First Name:</label>
<input type="text" id="signupFirstName" required />
</div>
<div class="formElement">
<label for="signupFamilyName">Family Name:</label>
<input type="text" id="signupFamilyName" required />
</div>
<div class="formElement">
<label for="signupGender">Gender:</label>
<select id="signupGender">
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="formElement">
<label for="signupCity">City:</label>
<input type="text" id="signupCity" required />
</div>
<div class="formElement">
<label for="signupCountry">Country:</label>
<input type="text" id="signupCountry" required />
</div>
<div class="formElementError signupsubmitError"></div>
<div class="formElementSuccess signupsubmitSuccess"></div>
<input type="submit" value="Submit" />
</form>
</div>
</div>
</div>
</section>
</script>
<script type="text/view" , id="homeScript">
<section id="home">
<ul class="tabs">
<li>
<a
id="tabButtonHome"
data-detail="tabButtonHomeDetail"
class="tabButton active"
>
Home
</a>
</li>
<li>
<a
id="tabButtonBrowse"
data-detail="tabButtonBrowseDetail"
class="tabButton"
>
Browse
</a>
</li>
<li>
<a
id="tabButtonAccount"
data-detail="tabButtonAccountDetail"
class="tabButton"
>
Account
</a>
</li>
</ul>
<div class="tabsDetailsParent">
<div id="tabButtonHomeDetail" class="tabsDetails active">
<h3 id="tabHomeUserName">User information</h3>
<div id="tabHomeUserInfo"></div>
<div class="userPostFormParent">
<form id="userPostForm">
<textarea
id="userPostFormTextarea"
rows="4"
cols="60"
placeholder="post messages on your wall"
></textarea>
<div class="formElementError userPostFormTextareaError"></div>
<div class="userPostFormTextareaSuccess"></div>
<input
id="userPostFormButton"
type="button"
value="Post"
onclick="postMessageToWall()"
/>
</form>
</div>
<input
id="userPostReloadButton"
welcomeScript type="button"
value="Reload"
onclick="loadPostMessage()"
/>
<div class="postedMessageList"></div>
</div>
<div id="tabButtonBrowseDetail" class="tabsDetails">
<h3>Browse User</h3>
<div class="browseFormParent">
<form id="browseForm">
<input
type="email"
id="browseUserEmail"
placeholder="Enter Users Email Address"
required
/>
<br />
<input
type="button"
value="Browse User"
id="browseUserButton"
onclick="browseUser(this)"
/>
</form>
<form id="userPostFormBroswe">
<textarea
id="userPostFormBrosweTextarea"
rows="4"
cols="60"
placeholder="post messages on the user wall"
></textarea>
<div
class="formElementError userPostFormBrosweTextareaError"
></div>
<div class="userPostFormBrosweTextareaSuccess"></div>
<input
id="userPostFormBrosweButton"
type="button"
value="Post"
onclick="postMessageToUserWall()"
/>
</form>
<div class="formElementError browseUserFormError"></div>
<h3>User Details</h3>
<div class="browseUserDetails"></div>
<h3>User Posts</h3>
<div class="browseUserPosts"></div>
</div>
</div>
<div id="tabButtonAccountDetail" class="tabsDetails">
<input
type="button"
value="Sign Out"
id="signOutButton"
onclick="logoutUser()"
/>
<h3>Change Password</h3>
<form id="changePasswordForm">
<div class="formElement">
<label for="changePasswordOldPassword">Old Password: </label>
<br />
<input type="password" id="changePasswordOldPassword" required />
<br />
</div>
<div class="formElement">
<label for="changePasswordNewPassword">New Password:</label>
<br />
<input type="password" id="changePasswordNewPassword" required />
</div>
<div class="formElement">
<label for="changePasswordNewPasswordRepeat">
Repeat New Password:
</label>
<br />
<input
type="password"
id="changePasswordNewPasswordRepeat"
required
/>
<br />
</div>
<div class="formElementError changePasswordNewError"></div>
<div class="changePasswordNewSuccess"></div>
<br />
<input
type="button"
value="Change Password"
id="changePasswordButton"
onclick="changePassword(this)"
/>
</form>
</div>
</div>
</section>
</script>
</head>
<body></body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment