mirror of
https://github.com/nothingworksinc/ticketbeast.git
synced 2026-01-26 11:14:06 +00:00
(show poster on checkout page if concert has one)
This commit is contained in:
Adam Wathan
@@ -87,7 +87,6 @@
|
||||
.row {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex: 0 1 auto;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-right: @gutter-compensation;
|
||||
|
||||
74
resources/views/concerts/partials/card-no-poster.blade.php
Normal file
74
resources/views/concerts/partials/card-no-poster.blade.php
Normal file
@@ -0,0 +1,74 @@
|
||||
<div class="row m-xs-b-5">
|
||||
<div class="col col-md-6 col-md-offset-3 m-xs-b-4 m-lg-b-0">
|
||||
<div class="card">
|
||||
<div class="card-section">
|
||||
<div class="m-xs-b-5">
|
||||
<h1 class="wt-bold text-ellipsis">{{ $concert->title }}</h1>
|
||||
<span class="wt-medium text-ellipsis">{{ $concert->subtitle }}</span>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('calendar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium">{{ $concert->formatted_date }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('time')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">Doors at {{ $concert->formatted_start_time }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('currency-dollar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">{{ $concert->ticket_price_in_dollars }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('location')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">{{ $concert->venue }}</h3>
|
||||
{{ $concert->venue_address }}<br>
|
||||
{{ $concert->city }}, {{ $concert->state }} {{ $concert->zip }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('information-solid')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">Additional Information</h3>
|
||||
<p>{{ $concert->additional_information}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t">
|
||||
<div class="card-section">
|
||||
<ticket-checkout
|
||||
:concert-id="{{ $concert->id }}"
|
||||
concert-title="{{ $concert->title }}"
|
||||
:price="{{ $concert->ticket_price }}"
|
||||
></ticket-checkout>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
83
resources/views/concerts/partials/card-with-poster.blade.php
Normal file
83
resources/views/concerts/partials/card-with-poster.blade.php
Normal file
@@ -0,0 +1,83 @@
|
||||
<div class="row m-xs-b-5">
|
||||
<div class="col col-md-10 col-md-offset-1 m-xs-b-4 m-lg-b-0">
|
||||
<div class="card flex">
|
||||
<div class="row flex-fit">
|
||||
<div class="col col-lg-6 hidden-md-down p-xs-0 p-xs-l-4">
|
||||
<div class="card-section">
|
||||
<img src="{{ $concert->posterUrl() }}" class="img-fit" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-xs-12 col-lg-6">
|
||||
<div class="card-section">
|
||||
<div class="m-xs-b-5">
|
||||
<h1 class="wt-bold text-ellipsis">{{ $concert->title }}</h1>
|
||||
<span class="wt-medium text-ellipsis">{{ $concert->subtitle }}</span>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('calendar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium">{{ $concert->formatted_date }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('time')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">Doors at {{ $concert->formatted_start_time }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('currency-dollar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">{{ $concert->ticket_price_in_dollars }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('location')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">{{ $concert->venue }}</h3>
|
||||
{{ $concert->venue_address }}<br>
|
||||
{{ $concert->city }}, {{ $concert->state }} {{ $concert->zip }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('information-solid')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">Additional Information</h3>
|
||||
<p>{{ $concert->additional_information}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t">
|
||||
<div class="card-section">
|
||||
<ticket-checkout
|
||||
:concert-id="{{ $concert->id }}"
|
||||
concert-title="{{ $concert->title }}"
|
||||
:price="{{ $concert->ticket_price }}"
|
||||
></ticket-checkout>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -3,80 +3,12 @@
|
||||
@section('body')
|
||||
<div class="bg-soft p-xs-y-7 full-height">
|
||||
<div class="container">
|
||||
<div class="row m-xs-b-5">
|
||||
<div class="col col-md-6 col-md-offset-3 m-xs-b-4 m-lg-b-0">
|
||||
<div class="card">
|
||||
<div class="card-section">
|
||||
<div class="m-xs-b-5">
|
||||
<h1 class="wt-bold text-ellipsis">{{ $concert->title }}</h1>
|
||||
<span class="wt-medium text-ellipsis">{{ $concert->subtitle }}</span>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('calendar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium">{{ $concert->formatted_date }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('time')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">Doors at {{ $concert->formatted_start_time }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('currency-dollar')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<span class="wt-medium block">{{ $concert->ticket_price_in_dollars }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft m-xs-b-5">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('location')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">{{ $concert->venue }}</h3>
|
||||
{{ $concert->venue_address }}<br>
|
||||
{{ $concert->city }}, {{ $concert->state }} {{ $concert->zip }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-dark-soft">
|
||||
<div class="media-object">
|
||||
<div class="media-left">
|
||||
@icon('information-solid')
|
||||
</div>
|
||||
<div class="media-body p-xs-l-2">
|
||||
<h3 class="text-base wt-medium text-dark">Additional Information</h3>
|
||||
<p>{{ $concert->additional_information}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t">
|
||||
<div class="card-section">
|
||||
<ticket-checkout
|
||||
:concert-id="{{ $concert->id }}"
|
||||
concert-title="{{ $concert->title }}"
|
||||
:price="{{ $concert->ticket_price }}"
|
||||
></ticket-checkout>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if ($concert->hasPoster())
|
||||
@include('concerts.partials.card-with-poster', ['concert' => $concert])
|
||||
@else
|
||||
@include('concerts.partials.card-no-poster', ['concert' => $concert])
|
||||
@endif
|
||||
|
||||
<div class="text-center text-dark-soft wt-medium">
|
||||
<p>Powered by TicketBeast</p>
|
||||
</div>
|
||||
|
||||
@@ -17,6 +17,5 @@
|
||||
@stack('beforeScripts')
|
||||
<script src="{{ elixir('js/app.js') }}"></script>
|
||||
@stack('afterScripts')
|
||||
{{ svg_spritesheet() }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user