mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2024-12-11 22:24:21 +01:00
58 lines
3.1 KiB
HTML
58 lines
3.1 KiB
HTML
<section class="home-events">
|
|
<h4 class="text-sm m-t-sm">
|
|
{{ 'app.public.home.fablab_s_next_events' | translate }}
|
|
<a ui-sref="app.public.events_list">
|
|
<i class="fa fa-tags"></i>{{ 'app.public.home.every_events' | translate }}
|
|
</a>
|
|
</h4>
|
|
|
|
<div class="home-events-list" ng-repeat="event in (upcomingEvents.length/3 | array)">
|
|
<div class="Event" ng-repeat="event in upcomingEvents.slice(3*$index, 3*$index + 3)" ui-sref="app.public.events_show({id: event.id})">
|
|
<div class="Event-picture">
|
|
<img src="data:image/png;base64," data-src="holder.js/100%x100%/text:/font:'Font Awesome 5 Free'/icon" bs-holder ng-if="!event.event_image" class="img-responsive">
|
|
<img ng-if="event.event_image" src="{{event.event_image_medium}}">
|
|
</div>
|
|
|
|
<div class="Event-desc">
|
|
<h3>{{event.title}}</h3>
|
|
<span class="v-middle badge text-xs" ng-class="'bg-{{event.category.slug}}'">{{event.category.name}}</span>
|
|
<p ng-bind-html="event.description | simpleText | humanize : 500 | breakFilter"></p>
|
|
</div>
|
|
|
|
<div class="Event-info">
|
|
<div class="Event-info-item">
|
|
<i class="fa fa-calendar"></i>
|
|
<h6 class="" ng-hide="isOneDayEvent(event)">{{ 'app.public.home.from_date_to_date' | translate:{START:(event.start_date | amDateFormat:'L'), END:(event.end_date | amDateFormat:'L')} }}</h6>
|
|
<h6 class="" ng-show="isOneDayEvent(event)">{{ 'app.public.home.on_the_date' | translate:{DATE:(event.start_date | amDateFormat:'L')} }}</h6>
|
|
</div>
|
|
<div class="Event-info-item">
|
|
<i class="fas fa-clock"></i>
|
|
<h6 class="">
|
|
<span ng-if="event.all_day == 'true'" translate>{{ 'app.public.home.all_day' }}</span>
|
|
<span ng-if="event.all_day == 'false'">{{ 'app.public.home.from_time_to_time' | translate:{START:(event.start_date | amDateFormat:'LT'), END:(event.end_date | amDateFormat:'LT')} }}</span>
|
|
</h6>
|
|
</div>
|
|
<div class="Event-info-item">
|
|
<i class="fa fa-user"></i>
|
|
<h6 class="">
|
|
<span ng-if="event.nb_free_places > 0">{{ 'app.public.home.still_available' | translate }} {{event.nb_free_places}}</span>
|
|
<span ng-if="!event.nb_total_places" translate>{{ 'app.public.home.without_reservation' }}</span>
|
|
<span ng-if="event.nb_total_places > 0 && event.nb_free_places <= 0" translate>{{ 'app.public.home.event_full' }}</span>
|
|
</h6>
|
|
</div>
|
|
<div class="Event-info-item">
|
|
<i class="fa fa-bookmark"></i>
|
|
<h6 class="">
|
|
<span ng-if="event.amount == 0" translate>{{ 'app.public.home.free_admission' }}</span>
|
|
<span ng-if="event.amount > 0">{{ 'app.public.home.full_price' | translate }} {{event.amount | currency}}</span>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="event-home-list" ng-repeat="event in (upcomingEvents.length/3 | array)">
|
|
<event-card style="display: contents" event="event" card-type="md" ng-repeat="event in upcomingEvents.slice(3*$index, 3*$index + 3)" />
|
|
</div>
|
|
</section>
|