info box for current availabity in admin calendar

app/assets/javascripts/controllers/admin/calendar.js.erb

@@ -418,6 +418,8 @@ Application.Controllers.controller('AdminCalendarController', ['$scope', '$state
       const modalInstance = $uibModal.open({
         templateUrl: '<%= asset_path "admin/calendar/eventModal.html" %>',
         controller: 'CreateEventModalController',
+        backdrop: 'static',
+        keyboard: false,
         resolve: {
           start() { return start; },
           end() { return end; },

app/assets/templates/admin/calendar/calendar.html.erb

@@ -58,6 +58,21 @@
       <iframe name="export-frame" height="0" width="0" class="none"></iframe>
     </div>
 
+    <div class="widget panel b-a m m-t-lg" ng-if="availability" ng-hide="availability.available_type == 'event'">
+      <div class="panel-heading b-b small">
+        <h3><i class="fa fa-info-circle m-r" aria-hidden="true"></i><span translate>{{ 'app.admin.calendar.info' }}</span></h3>
+      </div>
+      <div class="widget-content no-bg auto wrapper">
+        <div translate translate-values="{DURATION: availability.slot_duration}">{{ 'app.admin.calendar.slot_duration' }}</div>
+        <div class="m-t-sm" ng-show="availability.tags.length > 0">
+          <span translate>{{ 'app.admin.calendar.tags' }}</span>
+          <ul>
+            <li ng-repeat="tag in availability.tags">{{tag.name}}</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
     <div class="widget panel b-a m m-t-lg" ng-if="availability" ng-hide="availability.available_type == 'event'">
       <div class="panel-heading b-b small">
         <h3 translate>{{ 'app.admin.calendar.ongoing_reservations' }}</h3>

config/locales/app.admin.en.yml

@@ -18,6 +18,9 @@ en:
         events: "Eventos"
         availabilities: "Availabilities"
         availabilities_notice: "Export to an Excel workbook every slots available for reservation, and their occupancy rate."
+        info: "Info"
+        tags: "Tags"
+        slot_duration: "Slot duration: {DURATION} minutes"
         ongoing_reservations: "Ongoing reservations"
         without_reservation: "Without reservation"
         confirmation_required: "Confirmation required"