err.no Git - scalable-opengroupware.org/blob - UI/Templates/SchedulerUI/UIxCalMulticolumnDayView.wox

   1 <?xml version="1.0" standalone="yes"?>
   2   <container
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:var="http://www.skyrix.com/od/binding"
   5     xmlns:const="http://www.skyrix.com/od/constant"
   6     xmlns:rsrc="OGo:url"
   7     xmlns:label="OGo:label">
   8     <a href="#"
   9       class="leftNavigationArrow"
  10       var:date="prevDayQueryParameters.day"
  11       onclick="return onCalendarGotoDay(this);"
  12       ><img rsrc:src="arrow-lft-sharp.gif"/></a>
  13     <span class="daysHeader">
  14       <span class="day2"><a href="#"
  15           var:date="dayBeforePrevDayQueryParameters.day"
  16           onclick="return onCalendarGotoDay(this);"
  17           ><var:string value="dayBeforeYesterdayName"
  18             /></a></span
  19         ><span class="day1"><a href="#"
  20           var:date="prevDayQueryParameters.day"
  21           onclick="return onCalendarGotoDay(this);"
  22           ><var:string value="yesterdayName"
  23             /></a></span
  24         ><span class="day0"><var:string value="currentDayName" /></span
  25         ><span class="day1"><a href="#"
  26           var:date="nextDayQueryParameters.day"
  27           onclick="return onCalendarGotoDay(this);"
  28           ><var:string value="tomorrowName"
  29             /></a></span
  30         ><span class="day2"><a href="#"
  31           var:date="dayAfterNextDayQueryParameters.day"
  32           onclick="return onCalendarGotoDay(this);"
  33           ><var:string value="dayAfterTomorrowName"
  34             /></a></span
  35         ></span>
  36     <a href="#"
  37       class="rightNavigationArrow"
  38       var:date="nextDayQueryParameters.day"
  39       onclick="return onCalendarGotoDay(this);"
  40       ><img rsrc:src="arrow-rit-sharp.gif"/></a>
  41
  42     <style type="text/css">
  43       DIV.day
  44       {
  45         width: <var:string value="dayWidthPercentage" />% !important;
  46       }
  47       <var:foreach list="subscriptionUsers" item="currentTableUser">
  48       DIV[class~='day'].appointmentsOf<var:string value="currentTableUser" />
  49       {
  50         left: <var:string value="currentTableUserDayLeftPercentage" />% !important;
  51       }
  52       </var:foreach>
  53     </style>
  54
  55     <div id="calendarContent">
  56       <div id="daysView" class="daysView multicolumnDayView">
  57         <div class="hours">
  58           <var:foreach list="hoursToDisplay" item="currentTableHour"
  59             ><div class="hour"><var:string value="currentTableHour" />:00</div
  60               ></var:foreach>
  61         </div>
  62         <div class="hourLines">
  63           <div class="hourLine hourLine0"><!-- space --></div
  64             ><div class="hourLine hourLine1"><!-- space --></div
  65             ><div class="hourLine hourLine2"><!-- space --></div
  66             ><div class="hourLine hourLine3"><!-- space --></div
  67             ><div class="hourLine hourLine4"><!-- space --></div
  68             ><div class="hourLine hourLine5"><!-- space --></div
  69             ><div class="hourLine hourLine6"><!-- space --></div
  70             ><div class="hourLine hourLine7"><!-- space --></div
  71             ><div class="hourLine hourLine8"><!-- space --></div
  72             ><div class="hourLine hourLine9"><!-- space --></div
  73             ><div class="hourLine hourLine10"><!-- space --></div
  74             ><div class="hourLine hourLine11"><!-- space --></div
  75             ><div class="hourLine hourLine12"><!-- space --></div
  76             ><div class="hourLine hourLine13"><!-- space --></div
  77             ><div class="hourLine hourLine14"><!-- space --></div
  78             ><div class="hourLine hourLine15"><!-- space --></div
  79             ><div class="hourLine hourLine16"><!-- space --></div
  80             ><div class="hourLine hourLine17"><!-- space --></div
  81             ><div class="hourLine hourLine18"><!-- space --></div
  82             ><div class="hourLine hourLine19"><!-- space --></div
  83             ><div class="hourLine hourLine20"><!-- space --></div
  84             ><div class="hourLine hourLine21"><!-- space --></div
  85             ><div class="hourLine hourLine22"><!-- space --></div
  86             ><div class="hourLine hourLine23"><!-- space --></div>
  87         </div>
  88
  89         <div class="days" var:day="selectedDate.shortDateString">
  90           <var:foreach list="subscriptionUsers" item="currentTableUser"
  91             ><div var:class="currentUserClasses"
  92               var:user="currentTableUser"
  93               ><div class="header"><var:string value="currentTableUser" /></div>
  94               <div class="appointments">
  95                 <var:foreach list="hoursToDisplay" item="currentTableHour"
  96                   ><div var:class="clickableHourCellClass"
  97                     var:hour="currentAppointmentHour">
  98                   </div></var:foreach>
  99                 <var:foreach list="appointmentsForCurrentUser" item="currentAppointment"
 100                   ><var:component className="UIxCalInlineAptView"
 101                     dayStartHour="dayStartHour"
 102                     dayEndHour="dayEndHour"
 103                     appointment="currentAppointment"
 104                     formatter="aptFormatter"
 105                     tooltipFormatter="aptTooltipFormatter"
 106                     url="appointmentViewURL"
 107                     const:style="dayoverview"
 108                     queryDictionary="currentDateQueryParameters"
 109                     referenceDate="selectedDate"
 110                     canAccess="canAccessApt"
 111                     /></var:foreach
 112                   >
 113               </div>
 114             </div>
 115           </var:foreach>
 116         </div>
 117       </div>
 118     </div>
 119   </container>