Skip to content

Kimberley Zell - Pipes - BackTrek #36

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
kimpossible1 wants to merge 13 commits into
base: master
Choose a base branch
from
Open

Kimberley Zell - Pipes - BackTrek #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
347c599
updating
kimpossible1 Nov 29, 2017
a0fccc5
trying to add the 'about' field but it broke things
kimpossible1 Nov 29, 2017
5f19edb
trying to get reserve a spot form to show on click of button but it's…
kimpossible1 Nov 29, 2017
abb5608
added description to trip detail
kimpossible1 Nov 30, 2017
eaac239
got reseration form working
kimpossible1 Nov 30, 2017
f63493c
added form for filter etc
kimpossible1 Nov 30, 2017
567e02e
category dropdown boxes
kimpossible1 Nov 30, 2017
eaf0612
trying to set up vaildations
kimpossible1 Dec 1, 2017
77fef8f
got name validation working and the error message on the page
kimpossible1 Dec 1, 2017
7fde314
have validations and error messages mainly working
kimpossible1 Dec 2, 2017
97d90f9
setting up nav bar with buttons to load trips, add a trip
kimpossible1 Dec 2, 2017
f526e05
added button functionality, hide and showing items, scroll down to re…
kimpossible1 Dec 2, 2017
3fbebb2
update
kimpossible1 Dec 4, 2017
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
158 changes: 156 additions & 2 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,168 @@
</head>
<body>
<header>

<!-- NAVIGATION -->
<nav class="top-bar nowrap">
<!-- "row" -->
<div class="top-bar-left row-button-group">
<!-- "large-8 small-12 columns button-group"> -->
<ul class="menu">
<li>
<button class="button" id="load-trips-button">View All Trips!</button>
</li>
<li>
<button class="button" id="add-trip-button">Add a Trip</button>
</li>
</ul>
<div class="top-bar-right row-button-group">
<!-- "float-right"> -->
<ul class="menu">
</ul>
</div>
</nav>
</header>

<main>
<section id="status-messages">
<ul>
</ul>
</section>

<section class="large-6 columns" id="trip-detail">

</section>

<section class="large-6 columns" id="all-trips">
<h2>Trips</h2>

<form id="trip-filter-form">
<select id="filter-type">
<option value="name">Name</option>
<option value="category">Category</option>
<option value="continent">Continent</option>
<option value="weeks">Weeks</option>
<option value="cost">Cost</option>
</select>

<input type="text" name="filter" id="trip-filter"></input>
</form>

<table>
<thead>
<th class="sort id">ID</th>
<th class="sort name">Name</th>
<th class="sort continent">Continent</th>
<th class="sort category">Category</th>
<th class="sort weeks">Weeks</th>
<th class="sort cost">Cost</th>
</thead>
<tbody id="trip-list">
</tbody>
</table>
</section>

<aside class="columns large-4 small-12" id="add-trip">
<h2>Add a Trip</h2>
<form id="add-trip-form">
<label for="name">Name</label>
<input type="text" name="name"></input>

<label for="continent">Continent</label>
<input type="text" name="continent"></input>

<label for="category">Category</label>
<input type="text" name="category"></input>

<label for="weeks">Weeks</label>
<input type="text" name="weeks"></input>

<label for="cost">Cost</label>
<input type="text" name="cost"></input>

<label for="about">Description</label>
<input type="text" name="about"></input>

<input type="submit" value="Create Trip!" class="button"></input>
</form>
</aside>

</main>
<footer>

<!-- Created by Kimberley Zell @ Ada Developer's Academy - Fall 2017 -->
</footer>

<script type="text/template" id="status-messages-template">
<ul id="status-messages">
<li></li>;
</ul>
</script>

<script type="text/template" id="trip-template">
<tr class="trip" data-id="<%- id%>">

<td>
<%- id %>
</td>
<td>
<strong><%- name %></strong>
</td>
<td>
<%- continent %>
</td>
<td>
<%- category %>
</td>
<td>
<%- weeks %>
</td>
<td>
<%- cost %>
</td>

</tr>
</script>

<script type="text/template" id="single-trip-template">
<button class="button" id="reservation-button">Reserve a spot!</button>
<ul class="single-trip">
<li>
ID: <%- id %>
</li>
<li>
Name: <%- name %>
</li>
<li>
Continent: <%- continent %>
</li>
<li>
Category: <%- category %>
</li>
<li>
Weeks: <%- weeks %>
</li>
<li>
Cost: <%- cost %>
</li>
<li>
Description: <%- about %>
</li>

</ul>

<form id="reservation-form" data-id="<%- id%>">
<label for="name">Name:</label>
<input type="text" name="name"></input>

<label for="age">Age:</label>
<input type="number" name="age"></input>

<label for ="email">Email:</label>
<input type="text" name="email"></input>

<input id="submit" class="button" type="submit" value="Reserve"></input>
</form>
</script>

<script src="app.bundle.js" type="text/javascript"></script>
</body>
</html>
Loading