Updated

miztrz · Mar 9, 2020 · 0e939c8 · 0e939c8
1 parent 557ce61
commit 0e939c8
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 4 deletions.
diff --git a/app/assets/stylesheets/sass/bookings.scss b/app/assets/stylesheets/sass/bookings.scss
@@ -0,0 +1,30 @@
+// Booking in
+
+// Use Bootstrap breakpoints for consistency.
+$bootstrap-sm: 576px;
+$bootstrap-md: 768px;
+$bootstrap-lg: 992px;
+$bootstrap-xl: 1200px;
+
+.booking-in-cards {
+  display: grid;
+  grid-gap: 2rem;
+  grid-template-columns: 1fr;
+  margin: 0 auto 0 auto;
+  }
+
+.booking-in-card {
+  place-self: center stretch;
+  box-shadow: 0 0 .5rem $secondary;
+  border-color: $primary;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: .5rem;
+  a:hover {
+	text-decoration: none;
+	};
+  }
+
+.booking-in-card:hover {
+  box-shadow: 0 0 1rem $primary;
+  }
diff --git a/app/assets/stylesheets/sass/kitten-cards.scss b/app/assets/stylesheets/sass/kitten-cards.scss
@@ -22,6 +22,7 @@ $bootstrap-xl: 1200px;
 
   @media (min-width: $bootstrap-lg) {
 	width: 75vw;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
 	}
   }
 

diff --git a/app/views/bookings/_booking-in.html.erb b/app/views/bookings/_booking-in.html.erb
@@ -0,0 +1,18 @@
+<% if @kittens.joins(:bookings).where(bookings: { kitten_id: @kittens.ids} ).exists? %>
+	<div class="booking-in-cards">
+		<% @kittens.joins(:bookings).where(bookings: { kitten_id: @kittens.ids} ).each do |kitten| %>
+			<div class="booking-in-card card border-primary mb-3">
+				<a href="<%= url_for(kitten_path(kitten)) %>">
+					<div class="booking-in-card-img" style="background-image: url(<%= card_image_url(kitten) %>)">
+					</div>
+						<div class="card-header">
+							<h4><%= kitten.name %></h4>
+						</div>
+						<div class="card-body">
+							<h5><%= kitten.breed %></h5>
+						</div>
+				</a>
+			</div>
+		<% end %>
+	</div>
+<% end %>
diff --git a/app/views/bookings/_booking-out.html.erb b/app/views/bookings/_booking-out.html.erb
diff --git a/app/views/kittens/dashboard.html.erb b/app/views/kittens/dashboard.html.erb
@@ -20,10 +20,8 @@
 			<% Booking.where(user_id: current_user.id).each do |booking| %>
 			<%= render 'bookings/booking', booking: booking %>
 			<% end %>
-<!--			<h3>Requested kitties</h3>-->
-			<%# @kittens.join(:bookings).where(user_id: current_user.id).each do |kitten| %>
-				<%#= render 'cards', kitten: kitten %>
-			<%# end %>
+			<h3>Booking requests</h3>
+			<%= render 'bookings/booking-in', kitten: @kittens %>
 		</section>
 	</div>
 <section class="dash-kitten-cards">