Skip to content

Refactored files/jw #252

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JWill06 wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Refactored files/jw #252

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
2692075
initial html and css files
JWill06 Jun 6, 2024
8482aee
finished styling and added new files for fetch and domUpdates
JWill06 Jun 7, 2024
9197e11
added template for pull requests
JWill06 Jun 7, 2024
b21628e
Fixed user loging to be specific for individual user's
JWill06 Jun 8, 2024
58e1d36
updated missing html elements and added styling
JWill06 Jun 9, 2024
151f8f7
Updated files to properly fit just Dom stuff and user functions
JWill06 Jun 10, 2024
1f69960
updated functions for estimate cost and total cost of trips over 3 years
JWill06 Jun 11, 2024
91fac9c
Fixed functionality for the user to see the input trip right away
JWill06 Jun 11, 2024
7e2392e
added testing and fixed functions and added new files
JWill06 Jun 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 61 additions & 2 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,69 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webpack Starter Kit</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet">
<title>Travel Tracker</title>
</head>
<body>
<img src="./images/turing-logo.png" alt="turing logo">
<h1 class="travel-tracker-header" id="travel-tracker-text" alt="travel-tracker">Travel Tracker 🛩️ 🌏</h1>
<h2 class="welcome-traveler hidden" id="travelerWelcome" alt="welcomeTravelerMessage">Welcome Back, Traveler</h2>
<div class="body-wrapper">
<section class="login-section" id="loginSection">
<h2 class="sign-in" alt="signInText">Sign In</h2>
<form class="login-form" id="loginForm" alt="login-form">
<label for="text">Username:</label>
<input type="text" id="usernameInput" placeholder="Ex: Johnny50" required="Enter a username">
<p id="username-error-message" class="error-message-username hidden">Username doesn't exist try again.</p>

<label for="text">Password:</label>
<input type="password" id="passwordInput" placeholder="Ex: Johnny" required="Enter a password">
<p id="password-error-message" class="error-message-password hidden">Password failed try again.</p>
<input class="submitLogin" type="submit" value="submit">
</form>
</section>
<section class="buttonSection hidden">
<div>
<button class="pastTrips" id="past-trips" alt="pastTripsButton">Past Trips</button>
<button class="pendingTrips" id="pending-trips" alt="pendingTripsButton">Pending Trips</button>
<button class="upcomingTrips" id="upcoming-trips" alt="upcomingTripsButton">Upcoming Trips</button>
<button class="newTrips" id="new-trips" alt="bookNewTripButton">Book New Trip</button>
</div>
</section>
<section class="user-total hidden" id="user-totals" alt="usersTotalCost">
<p class="total-text " id="textForTotal" alt="usersTotal">Users trip costs for the year: </p>
<p class="total-text-cost " id="textTotalCost" alt="totalCost">$ </p>
</section>
<section class="book-trip hidden" id="bookTripSection">
<form id="bookingForm" alt="booking-form">
<div class="destination-choice">
<label for="selectionMenu">Destination:
<select class="selection" id="selectionMenu" placeholder="Select Destination" alt="destination-selection">
</select>
</label>
<label for="date">Date:</label>
<input class="dateStart" type="date" min="06-6-2024">
<label for="numberOfGuest">Total Guest:</label>
<input class='travelerTotal' type="number" min="1" max="30" placeholder="1-30 Guest">
<label for="duration">Duration:</label>
<input class='durationTotal'type="number" min="1" max="31" placeholder="1-31 Days">
</div>
<input class="estimateButton" type="button" value="Get Estimate">
<input class="confirmButton" type="button" value="Confirm Booking">
</form>
</section>
<section class="display-user-info hidden" id="user-dsiplay" alt="user-section">
<h3 class="current-display" id="currentDisplay">Travelers Trips for the past 3 years</h3>
<div class="textWrapper ">
</div>
</section>





</div>

<!-- Do not include the scripts.js or class files here - it is done by the webpack server -->
<script src="bundle.js"></script>
Expand Down
9 changes: 9 additions & 0 deletions docs/PR_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
Overview of Pull Request
-
Changes made
-
Authors
-
Known Issues or Concerns
-

Loading