- layout fix for tickets page
This commit is contained in:
Dave
parent
3be52bb036
commit
50c896e2a3
|
|
@ -149,4 +149,4 @@ body {
|
|||
font-size: 9px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.page-title .title .organiser_logo{position:absolute;height:45px;right:20px;top:5px;bottom:5px}.page-title .title .organiser_logo img{max-height:45px}.nav li.nav-button a span{padding:10px;background-color:#037c9c}.event.panel{margin-top:10px}.event .event-date{border:1px solid #fff;padding-bottom:9px;padding-top:7px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.1);width:46px;position:absolute;background-color:#fff;top:-13px;border-color:#0384a6;color:#666}.event .event-date .day{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:500;margin:-2px auto -6px auto}.event .event-date .month{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;margin:-2px auto 0 auto}.event .event-meta{margin:0;padding:0;margin-left:60px;height:55px;margin-top:10px;color:#fff}.event .event-meta li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;list-style:none;font-size:12px}.event .event-meta li a{color:#fff}.event .event-meta li.event-title a{font-size:16px}.event .event-meta li.event-organiser a{font-weight:bold}.event .panel-title{height:60px;padding:10px}.event .panel-title a{margin:0;height:40px;display:table-cell;vertical-align:middle;text-indent:50px}.stat-box{padding:20px;background-color:#0398bf;color:#fff;text-align:center;margin-bottom:10px;border-bottom:4px solid rgba(0,0,0,0.2)}.stat-box h3{margin-bottom:5px;margin-top:0;font-weight:200}.stat-box span{text-transform:uppercase;font-weight:lighter;color:#d0f0fe}.stat-box:nth-child(odd){background-color:#0384a6}.top_of_page_alert{border:none;margin:0;text-align:center;border-bottom:5px solid}.v-align-text{text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);-wekbit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:992px){.page-header>[class*=" col-"],.page-header>[class^="col-"]{margin-bottom:10px}}@media (max-width:480px){.btn-group-responsive{margin-bottom:-10px;float:none !important;display:block !important}.btn-group-responsive .btn{width:100%;padding-left:0;padding-right:0;margin-bottom:10px}.btn-group-responsive .pull-left,.btn-group-responsive .pull-right{float:none !important}}label.required::after{content:'*';color:red;padding-left:3px;font-size:9px}.hasDatepicker[disabled],.hasDatepicker[readonly],fieldset[disabled] .hasDatepicker{cursor:pointer !important;background-color:#fff !important;opacity:1}.more-options{display:none}.col-sort{color:#fff}.col-sort :hover{color:#fff}.pac-container{z-index:9999}.dtpicker-overlay{z-index:9999}.dtpicker-close{display:none}.dtpicker-header .dtpicker-title{color:#afafaf;text-align:center;font-size:18px;font-weight:normal}.dtpicker-header .dtpicker-value{padding:.8em .2em .2em .2em;color:#0384a6;text-align:center;font-size:1.4em}.dtpicker-buttonCont .dtpicker-button{background:#0384a6;border-radius:0}.dtpicker-content{border-radius:0}.sidebar-open-ltr body{overflow-x:hidden}.order_options .event_count{font-weight:bold;color:#777;line-height:30px}.well{background-color:#f9f9f9;box-shadow:none}.input-group-btn select{width:115px !important;border-left:0;font-size:12px}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;background:red;cursor:inherit;display:block}input[readonly]{background-color:white !important;cursor:text !important}html.working{cursor:progress}
|
||||
.page-title .title .organiser_logo{position:absolute;height:45px;right:20px;top:5px;bottom:5px}.page-title .title .organiser_logo img{max-height:45px}.nav li.nav-button a span{padding:10px;background-color:#037c9c}.event.panel{margin-top:10px}.event .event-date{border:1px solid #fff;padding-bottom:9px;padding-top:7px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.1);width:46px;position:absolute;background-color:#fff;top:-13px;border-color:#0384a6;color:#666}.event .event-date .day{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:500;margin:-2px auto -6px auto}.event .event-date .month{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;margin:-2px auto 0 auto}.event .event-meta{margin:0;padding:0;margin-left:60px;height:55px;margin-top:10px;color:#fff}.event .event-meta li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;list-style:none;font-size:12px}.event .event-meta li a{color:#fff}.event .event-meta li.event-title a{font-size:16px}.event .event-meta li.event-organiser a{font-weight:bold}.event .panel-title{height:60px;padding:10px}.event .panel-title a{margin:0;height:40px;display:table-cell;vertical-align:middle;text-indent:50px}.stat-box{padding:20px;background-color:#0398bf;color:#fff;text-align:center;margin-bottom:10px;border-bottom:4px solid rgba(0,0,0,0.2)}.stat-box h3{margin-bottom:5px;margin-top:0;font-weight:200}.stat-box span{text-transform:uppercase;font-weight:lighter;color:#d0f0fe}.stat-box:nth-child(odd){background-color:#0384a6}.top_of_page_alert{border:none;margin:0;text-align:center;border-bottom:5px solid}.v-align-text{text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);-wekbit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:992px){.page-header>[class*=" col-"],.page-header>[class^="col-"]{margin-bottom:10px}}@media (max-width:480px){.btn-group-responsive{margin-bottom:-10px;float:none !important;display:block !important}.btn-group-responsive .btn{width:100%;padding-left:0;padding-right:0;margin-bottom:10px}.btn-group-responsive .pull-left,.btn-group-responsive .pull-right{float:none !important}}label.required::after{content:'*';color:red;padding-left:3px;font-size:9px}.hasDatepicker[disabled],.hasDatepicker[readonly],fieldset[disabled] .hasDatepicker{cursor:pointer !important;background-color:#fff !important;opacity:1}.more-options{display:none}.col-sort{color:#fff}.col-sort :hover{color:#fff}.pac-container{z-index:9999}.dtpicker-overlay{z-index:9999}.dtpicker-close{display:none}.dtpicker-header .dtpicker-title{color:#afafaf;text-align:center;font-size:18px;font-weight:normal}.dtpicker-header .dtpicker-value{padding:.8em .2em .2em .2em;color:#0384a6;text-align:center;font-size:1.4em}.dtpicker-buttonCont .dtpicker-button{background:#0384a6;border-radius:0}.dtpicker-content{border-radius:0}.sidebar-open-ltr body{overflow-x:hidden}.order_options .event_count{font-weight:bold;color:#777}.well{background-color:#f9f9f9;box-shadow:none}.input-group-btn select{width:115px !important;border-left:0;font-size:12px}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;background:red;cursor:inherit;display:block}input[readonly]{background-color:white !important;cursor:text !important}html.working{cursor:progress}.order_options{padding:10px 0}
|
||||
|
|
@ -301,7 +301,7 @@ label.required::after {
|
|||
.order_options .event_count {
|
||||
font-weight: bold;
|
||||
color: #777;
|
||||
line-height: 30px;
|
||||
//line-height: 30px;
|
||||
}
|
||||
|
||||
.well {
|
||||
|
|
@ -348,4 +348,8 @@ input[readonly] {
|
|||
|
||||
html.working {
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
.order_options {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
|
@ -1,162 +1,177 @@
|
|||
@extends('Shared.Layouts.Master')
|
||||
|
||||
@section('title')
|
||||
@parent
|
||||
Event Tickets
|
||||
@parent
|
||||
Event Tickets
|
||||
@stop
|
||||
|
||||
@section('top_nav')
|
||||
@include('ManageEvent.Partials.TopNav')
|
||||
@include('ManageEvent.Partials.TopNav')
|
||||
@stop
|
||||
|
||||
@section('page_title')
|
||||
<i class="ico-ticket mr5"></i>
|
||||
Event Tickets
|
||||
<i class="ico-ticket mr5"></i>
|
||||
Event Tickets
|
||||
@stop
|
||||
|
||||
@section('menu')
|
||||
@include('ManageEvent.Partials.Sidebar')
|
||||
@include('ManageEvent.Partials.Sidebar')
|
||||
@stop
|
||||
|
||||
@section('page_header')
|
||||
<div class="col-md-9">
|
||||
<!-- Toolbar -->
|
||||
<div class="btn-toolbar" role="toolbar">
|
||||
<div class="btn-group btn-group-responsive">
|
||||
<button data-modal-id='CreateTicket' data-href="{{route('showCreateTicket', array('event_id'=>$event->id))}}" class='loadModal btn btn-success' type="button" ><i class="ico-ticket"></i> Create Ticket</button>
|
||||
</div>
|
||||
@if(false)
|
||||
<div class="btn-group btn-group-responsive ">
|
||||
<button data-modal-id='TicketQuestions' data-href="{{route('showTicketQuestions', array('event_id'=>$event->id))}}" type="button" class="loadModal btn btn-success" >
|
||||
<i class="ico-question"></i> Questions
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<!-- Toolbar -->
|
||||
<div class="btn-toolbar" role="toolbar">
|
||||
<div class="btn-group btn-group-responsive">
|
||||
<button type="button" class="btn btn-success">
|
||||
<i class="ico-tags"></i> Coupon Codes
|
||||
</button>
|
||||
<button data-modal-id='CreateTicket'
|
||||
data-href="{{route('showCreateTicket', array('event_id'=>$event->id))}}"
|
||||
class='loadModal btn btn-success' type="button"><i class="ico-ticket"></i> Create Ticket
|
||||
</button>
|
||||
</div>
|
||||
@if(false)
|
||||
<div class="btn-group btn-group-responsive ">
|
||||
<button data-modal-id='TicketQuestions'
|
||||
data-href="{{route('showTicketQuestions', array('event_id'=>$event->id))}}" type="button"
|
||||
class="loadModal btn btn-success">
|
||||
<i class="ico-question"></i> Questions
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group btn-group-responsive">
|
||||
<button type="button" class="btn btn-success">
|
||||
<i class="ico-tags"></i> Coupon Codes
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
<!--/ Toolbar -->
|
||||
</div>
|
||||
<!--/ Toolbar -->
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
{!! Form::open(array('url' => route('showEventTickets', ['event_id'=>$event->id,'sort_by'=>$sort_by]), 'method' => 'get')) !!}
|
||||
<div class="input-group">
|
||||
<input name='q' value="{{$q or ''}}" placeholder="Search Tickets.." type="text" class="form-control">
|
||||
<div class="col-md-3">
|
||||
{!! Form::open(array('url' => route('showEventTickets', ['event_id'=>$event->id,'sort_by'=>$sort_by]), 'method' => 'get')) !!}
|
||||
<div class="input-group">
|
||||
<input name='q' value="{{$q or ''}}" placeholder="Search Tickets.." type="text" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit"><i class="ico-search"></i></button>
|
||||
</span>
|
||||
{!!Form::hidden('sort_by', $sort_by)!!}
|
||||
{!!Form::hidden('sort_by', $sort_by)!!}
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div>
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
@if($tickets->count())
|
||||
<div class='order_options'>
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-xs-6">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-xs-6">
|
||||
<div class='order_options'>
|
||||
<span class="event_count">{{$tickets->count()}} events</span>
|
||||
</div>
|
||||
<div class="col-md-2 col-xs-6 col-md-offset-7">
|
||||
</div>
|
||||
<div class="col-md-2 col-xs-6 col-md-offset-7">
|
||||
<div class='order_options'>
|
||||
{!! Form::select('sort_by_select', $allowed_sorts, $sort_by, ['class' => 'form-control pull right']) !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<!--Start ticket table-->
|
||||
<!--Start ticket table-->
|
||||
<div class="row">
|
||||
@if($tickets->count())
|
||||
|
||||
@foreach($tickets as $ticket)
|
||||
<div id="ticket_{{$ticket->id}}" class="col-md-4 col-sm-6 ">
|
||||
<div class="panel panel-success ticket">
|
||||
@if($tickets->count())
|
||||
|
||||
<div style="cursor: pointer;" data-modal-id='ticket-{{ $ticket->id }}'
|
||||
data-href="{{ route('showEditTicket', ['event_id' => $event->id, 'ticket_id' => $ticket->id]) }}"
|
||||
class="panel-heading loadModal">
|
||||
<h3 class="panel-title">
|
||||
<i class="ico-ticket ticket_icon mr5 ellipsis"></i>
|
||||
{{$ticket->title}}
|
||||
<span class="pull-right">
|
||||
@foreach($tickets as $ticket)
|
||||
<div id="ticket_{{$ticket->id}}" class="col-md-4 col-sm-6 col-xs-12 ">
|
||||
<div class="panel panel-success ticket">
|
||||
|
||||
<div style="cursor: pointer;" data-modal-id='ticket-{{ $ticket->id }}'
|
||||
data-href="{{ route('showEditTicket', ['event_id' => $event->id, 'ticket_id' => $ticket->id]) }}"
|
||||
class="panel-heading loadModal">
|
||||
<h3 class="panel-title">
|
||||
<i class="ico-ticket ticket_icon mr5 ellipsis"></i>
|
||||
{{$ticket->title}}
|
||||
<span class="pull-right">
|
||||
{{ ($ticket->is_free) ? "FREE" : money($ticket->price, $event->currency->code) }}
|
||||
</span>
|
||||
</h3>
|
||||
</div>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class='panel-body'>
|
||||
<ul class="nav nav-section nav-justified mt5 mb5">
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm">{{ $ticket->quantity_sold }}</h4>
|
||||
<p class="nm text-muted">Sold</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm">
|
||||
{{ ($ticket->quantity_available === null) ? '∞' : $ticket->quantity_remaining }}
|
||||
</h4>
|
||||
<p class="nm text-muted">Remaining</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm hint--top" title="{{money($ticket->sales_volume, $event->currency->code)}} + {{money($ticket->organiser_fees_volume, $event->currency->code)}} Organiser Booking Fees">
|
||||
{{money($ticket->sales_volume + $ticket->organiser_fees_volume, $event->currency->code)}} <sub title="Doesn't account for refunds.">*</sub>
|
||||
</h4>
|
||||
<p class="nm text-muted">Revenue</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="panel-footer" style="height: 56px;">
|
||||
<ul class="nav nav-section nav-justified">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
@if($ticket->sale_status === config('attendize.ticket_status_on_sale'))
|
||||
@if($ticket->is_paused)
|
||||
Ticket Sales Paused
|
||||
<span class="pauseTicketSales label label-info" data-id="{{$ticket->id}}"
|
||||
data-route="{{route('postPauseTicket', ['event_id'=>$event->id])}}">
|
||||
<div class='panel-body'>
|
||||
<ul class="nav nav-section nav-justified mt5 mb5">
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm">{{ $ticket->quantity_sold }}</h4>
|
||||
|
||||
<p class="nm text-muted">Sold</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm">
|
||||
{{ ($ticket->quantity_available === null) ? '∞' : $ticket->quantity_remaining }}
|
||||
</h4>
|
||||
|
||||
<p class="nm text-muted">Remaining</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="section">
|
||||
<h4 class="nm hint--top"
|
||||
title="{{money($ticket->sales_volume, $event->currency->code)}} + {{money($ticket->organiser_fees_volume, $event->currency->code)}} Organiser Booking Fees">
|
||||
{{money($ticket->sales_volume + $ticket->organiser_fees_volume, $event->currency->code)}}
|
||||
<sub title="Doesn't account for refunds.">*</sub>
|
||||
</h4>
|
||||
|
||||
<p class="nm text-muted">Revenue</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="panel-footer" style="height: 56px;">
|
||||
<ul class="nav nav-section nav-justified">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
@if($ticket->sale_status === config('attendize.ticket_status_on_sale'))
|
||||
@if($ticket->is_paused)
|
||||
Ticket Sales Paused
|
||||
<span class="pauseTicketSales label label-info"
|
||||
data-id="{{$ticket->id}}"
|
||||
data-route="{{route('postPauseTicket', ['event_id'=>$event->id])}}">
|
||||
<i class="ico-play4"></i> Resume
|
||||
</span>
|
||||
@else
|
||||
On Sale
|
||||
<span class="pauseTicketSales label label-info" data-id="{{$ticket->id}}"
|
||||
data-route="{{route('postPauseTicket', ['event_id'=>$event->id])}}">
|
||||
@else
|
||||
On Sale
|
||||
<span class="pauseTicketSales label label-info"
|
||||
data-id="{{$ticket->id}}"
|
||||
data-route="{{route('postPauseTicket', ['event_id'=>$event->id])}}">
|
||||
<i class="ico-pause"></i> Pause
|
||||
</span>
|
||||
@endif
|
||||
@else
|
||||
{{\App\Models\TicketStatus::find($ticket->sale_status)->name}}
|
||||
@endif
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@endif
|
||||
@else
|
||||
{{\App\Models\TicketStatus::find($ticket->sale_status)->name}}
|
||||
@endif
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@else
|
||||
|
||||
@if($q)
|
||||
@include('Shared.Partials.NoSearchResults')
|
||||
@else
|
||||
@include('ManageEvent.Partials.TicketsBlankSlate')
|
||||
@endif
|
||||
|
||||
|
||||
@endif
|
||||
</div><!--/ end ticket table-->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{!! $tickets->appends(['q' => $q, 'sort_by' => $sort_by])->render() !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@else
|
||||
|
||||
@if($q)
|
||||
@include('Shared.Partials.NoSearchResults')
|
||||
@else
|
||||
@include('ManageEvent.Partials.TicketsBlankSlate')
|
||||
@endif
|
||||
|
||||
|
||||
@endif
|
||||
</div><!--/ end ticket table-->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{!! $tickets->appends(['q' => $q, 'sort_by' => $sort_by])->render() !!}
|
||||
</div>
|
||||
</div>
|
||||
@stop
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue