indico/MaKaC/webinterface/tpls/BookingDisplay.tpl

   1 <%page args="Booking=None, Kind=None, Timezone=None"/>
   2 <% from MaKaC.common.timezoneUtils import isToday, isTomorrow, isSameDay %>
   3
   4 <%
   5 id = Booking.getId()
   6 firstLineInfo = Booking._getFirstLineInfo(Timezone)
   7 %>
   8
   9 <div class="collaborationDisplayBookingLine" style="padding-left: 20px">
  10
  11     <div class="collaborationConfDisplayBookingLine">
  12     <span class="collaborationDisplayBookingType" style="font-style:italic">
  13         ${ Booking._getTypeDisplayName() }
  14         ${":" if not Booking.getStartDate() else ""}
  15     </span>
  16     % if Booking.getStartDate():
  17         % if Kind == 'scheduled' and isSameDay(Booking.getStartDate(), Booking.getEndDate(), Timezone):
  18             <span>
  19             % if isToday(Booking.getStartDate(), Timezone) :
  20             today
  21             % elif isTomorrow(Booking.getStartDate(), Timezone) :
  22                 tomorrow
  23             % else:
  24                 ${ formatDate(Booking.getAdjustedStartDate(Timezone).date(), format = "%a %d/%m") }
  25             % endif
  26             </span>
  27             from
  28             ${ formatTime(Booking.getAdjustedStartDate(Timezone).time()) }
  29             to
  30             ${ formatTime(Booking.getAdjustedEndDate(Timezone).time()) }
  31         % else:
  32             % if Kind == 'scheduled' :
  33                 from
  34                 % if isToday(Booking.getStartDate(), Timezone) :
  35                     today at
  36                 % elif isTomorrow(Booking.getStartDate(), Timezone) :
  37                     tomorrow at
  38                 % else:
  39                     ${ formatDate(Booking.getAdjustedStartDate(Timezone).date(), format = "%a %d/%m") } at
  40                 % endif
  41
  42                 ${ formatTime(Booking.getAdjustedStartDate(Timezone).time()) }
  43
  44                 until
  45
  46             % else:
  47                 ongoing until
  48             % endif
  49
  50
  51
  52             % if isToday(Booking.getEndDate(), Timezone) :
  53                 today at
  54             % elif isTomorrow(Booking.getEndDate(), Timezone) :
  55                 tomorrow at
  56             % else:
  57                 ${ formatDate(Booking.getAdjustedEndDate(Timezone).date(), format = "%a %d/%m") } at
  58             % endif
  59
  60             ${ formatTime(Booking.getAdjustedEndDate(Timezone).time()) }
  61         % endif
  62         ${":" if firstLineInfo else "."}
  63     % endif
  64
  65     % if firstLineInfo:
  66         <strong>${ firstLineInfo }</strong>
  67     % endif
  68
  69     <% displayInfo = Booking._getInformationDisplay(Timezone) %>
  70     <% launchInfo = Booking._getLaunchDisplayInfo() %>
  71
  72     % if displayInfo or launchInfo:
  73     <span style="margin-left:20px;"></span>
  74     % endif
  75
  76     % if displayInfo:
  77         <span class="collaborationDisplayMoreInfo" id="collaborationBookingMoreInfo${id}">${ _("More Info") }</span>
  78     % endif
  79
  80     % if displayInfo and ((Kind == 'ongoing' and launchInfo) or Booking.getType()=="Vidyo"):
  81         <span style="margin-left: 5px; margin-right:5px;">|</span>
  82     % endif
  83
  84     % if (Kind == 'ongoing' and launchInfo) or Booking.getType()=="Vidyo":
  85         <a href="${ launchInfo['launchLink'] }" id="bookingLink${id}">
  86             ${ launchInfo['launchText'] }
  87         </a>
  88         <script type="text/javascript">
  89             $E('bookingLink${id}').dom.onmouseover = function (event) {
  90                 IndicoUI.Widgets.Generic.tooltip($E('bookingLink${id}').dom, event,
  91                         '<div class="collaborationLinkTooltipConference">${ launchInfo["launchTooltip"] }<\/div>');
  92             }
  93         </script>
  94     % endif
  95     </div>
  96
  97     % if displayInfo:
  98         <div id="collaborationInfoLine${id}" style="visibility: hidden; overflow: hidden;">
  99             <div class="collaborationDisplayInfoLine">
 100             ${ Booking._getInformationDisplay(Timezone) }
 101             </div>
 102         </div>
 103
 104         <script type="text/javascript">
 105             var bookingInfoState${id} = false;
 106             var height${id} = IndicoUI.Effect.prepareForSlide('collaborationInfoLine${id}', true);
 107             $E('collaborationBookingMoreInfo${id}').observeClick(function(){
 108                 if (bookingInfoState${ Booking.getId() }) {
 109                     IndicoUI.Effect.slide('collaborationInfoLine${id}', height${id});
 110                     $E('collaborationBookingMoreInfo${id}').set($T('More info'));
 111                     $E('collaborationBookingMoreInfo${id}').dom.className = 'collaborationDisplayMoreInfo';
 112                 } else {
 113                     IndicoUI.Effect.slide('collaborationInfoLine${id}', height${id});
 114                     $E('collaborationBookingMoreInfo${id}').set($T('Hide info'));
 115                     $E('collaborationBookingMoreInfo${id}').dom.className = 'collaborationDisplayHideInfo';
 116                 }
 117                 bookingInfoState${id} = !bookingInfoState${id};
 118             });
 119             $E('collaborationBookingMoreInfo${id}').dom.onmouseover = function (event) {
 120                 IndicoUI.Widgets.Generic.tooltip($E('collaborationBookingMoreInfo${id}').dom, event,
 121                         '<div class="collaborationLinkTooltipConference">Click here to show / hide detailed information.<\/div>');
 122             }
 123         </script>
 124     % endif
 125 </div>