Commit c5d06a9e authored by ornanovitch's avatar ornanovitch 🐃

ajout popover explication date>30 jour

parent 8e7e2565
......@@ -7,5 +7,6 @@ require('jquery/dist/jquery.js');
const $ = require('jquery');
global.$ = global.jQuery = $;
// Bootstrap
require('bootstrap');
@import "colors.scss";
.popover-body {
background-color: $light;
color: $white !important;
background-color: $secondary;
border: solid $dark 1px;
border-radius: 0.25rem;
}
.arrow {
border-color: $light !important;
border-color: $secondary !important;
}
.arrow:after {
border-right-color: $light !important;
}
......@@ -46,6 +46,9 @@
{% block javascripts %}
{{ parent() }}
<script>
</script>
<script>
//Cette fonction gère l'affichage des spectacles quand on clique dans le calendrier carousel
function changeDate(date, clickedPill) {
......@@ -90,6 +93,9 @@
});
});
});
$(document).ready(function () {
$('[data-toggle="popover"]').popover()
});
});
}
......
......@@ -13,4 +13,3 @@
{% block body %}
{% endblock %}
......@@ -172,6 +172,9 @@
});
});
});
$(document).ready(function () {
$('[data-toggle="popover"]').popover()
});
});
}
......
......@@ -2,7 +2,7 @@
{% block body %}
<div class="bg-dark text-white">
<div class="container-fluid bg-dark text-white mb-2">
<div class="row align-items-center">
<div class="col-12 p-3 bg-light">
<h4 class="text-dark text-uppercase font-weight-bold p-0">{{ spectacle.title }}</h4>
......@@ -33,11 +33,10 @@
</div>
<div class="row justify-content-around">
<div class="col-12">
<button class="btn btn-primary font-weight-bold" type="submit" name="submit"><i class="fas fa-check"></i> CONFIRMER MA RÉSERVATION</button>
<button class="btn btn-primary font-weight-bold" type="submit" name="submit"><i class="fas fa-check mr-2"></i>CONFIRMER MA RÉSERVATION</button>
{{ form_end(formReservation) }}
</div>
</div>
</div>
{% endblock %}
......@@ -40,12 +40,14 @@
</div>
</a>
{% else %}
<a href="#" class="btn btn-light btn-sm disabled d-flex justify-content-between mb-2 no-rtl">
<div class="">{{ seance.dateShow |localizeddate('full', 'none', 'fr', 'Europe/Paris','EEEE d MMMM à HH:mm') }}</div>
<div class="">
<i class="far fa-calendar-check mr-2"></i>Offre Balises
</div>
</a>
<div class="d-flex justify-content-between rounded mb-2 no-rtl bg-secondary" data-trigger="hover click" data-toggle="popover" data-placement="top" data-content="Les réservations seront ouvertes 30 jours avant la représentation">
<button class="btn btn-secondary border-0 btn-sm" style="pointer-events: none;" type="button" disabled>
{{ seance.dateShow |localizeddate('full', 'none', 'fr', 'Europe/Paris','EEEE d MMMM à HH:mm') }}
</button>
<button class="btn btn-secondary border-0 btn-sm" style="pointer-events: none;" type="button" disabled>
<i class="far fa-calendar-check mr-2"></i>Offre Balises
</button>
</div>
{% endif %}
{% else %}
<a href="{{ theater.ticketOffice }}" class="btn btn-outline btn-sm text-light d-flex justify-content-between mb-2 no-rtl">
......
......@@ -146,6 +146,9 @@
});
});
});
$(document).ready(function () {
$('[data-toggle="popover"]').popover()
});
});
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment