From da8febf138c20632285219cd615f153a33d7cb9e Mon Sep 17 00:00:00 2001
From: Alexandre Cloutier <acloutier@inverse.ca>
Date: Tue, 29 Apr 2014 15:42:50 -0400
Subject: [PATCH] Printing display appear on one page only, fix issues with
 browsers

---
 UI/Templates/SchedulerUI/UIxCalViewPrint.wox |   2 +-
 UI/WebServerResources/UIxCalViewPrint.css    | 428 ++++++++++++++++++-
 2 files changed, 417 insertions(+), 13 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxCalViewPrint.wox b/UI/Templates/SchedulerUI/UIxCalViewPrint.wox
index 1ca114ade..298076100 100644
--- a/UI/Templates/SchedulerUI/UIxCalViewPrint.wox
+++ b/UI/Templates/SchedulerUI/UIxCalViewPrint.wox
@@ -42,7 +42,7 @@
           <label>
             <input type="checkbox" id ="printTasks" value="tasksSelected" checked="true" onChange="onTasksCheck(this);"/>
             <var:string label:value="Tasks"/></label></td></tr>
-      <tr>
+      <tr class="todo">
         <td>
           <label>
             <input type="radio" name="printView" id="currentView" value="currentViewSelected" checked="true" onChange="onPrintDateCheck();"/>
diff --git a/UI/WebServerResources/UIxCalViewPrint.css b/UI/WebServerResources/UIxCalViewPrint.css
index 08be398bb..00d63db90 100644
--- a/UI/WebServerResources/UIxCalViewPrint.css
+++ b/UI/WebServerResources/UIxCalViewPrint.css
@@ -143,16 +143,22 @@ DIV#calendarHeader {
 
 DIV#calendarHeader DIV.dayLabels {
   position:relative;
-  width:93%;
   display:flex;
+  left:0;
+  margin-left:50px;
 }
 
 DIV#calendarHeader DIV.days {
   position:relative;
-  display:block;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
   top:0;
   height:33px;
-  width:93%;
+  left:0;
+  margin-left:50px;
 }
 
 DIV#daysView {
@@ -163,7 +169,22 @@ DIV#daysView {
 }
 
 DIV#daysView DIV.days {
-  display:flex;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+
+DIV#daysView DIV.day DIV.clickableHourCell {
+ height: 29px;
+}
+
+DIV#daysView DIV.hour {
+ height: 27px;
+}
+.minutes15, .minutes30, .minutes45 {
+  height:25%;
 }
 
 DIV#daysView DIV.day0,
@@ -175,16 +196,405 @@ DIV#daysView DIV.day5,
 DIV#daysView DIV.day6 {
   position:relative;
   left:0;
-  display:inline-block;
 }
 
 DIV.event{
   z-index:1;
-  border:solid black 2px;
+  border:solid black 1px;
   background-color:white;
   border-radius:5px;
 }
 
+DIV#daysView DIV.event.starts0
+{ top: 0px; }
+DIV#daysView DIV.event.lasts0
+{ height: 0px; }
+DIV#daysView DIV.event.starts1
+{ top: 7.5px; }
+DIV#daysView DIV.event.lasts1
+{ height: 7.25px; }
+DIV#daysView DIV.event.starts2
+{ top: 15.0px; }
+DIV#daysView DIV.event.lasts2
+{ height: 14.5px; }
+DIV#daysView DIV.event.starts3
+{ top: 22.5px; }
+DIV#daysView DIV.event.lasts3
+{ height: 21.75px; }
+DIV#daysView DIV.event.starts4
+{ top: 30.0px; }
+DIV#daysView DIV.event.lasts4
+{ height: 29.0px; }
+DIV#daysView DIV.event.starts5
+{ top: 37.5px; }
+DIV#daysView DIV.event.lasts5
+{ height: 36.25px; }
+DIV#daysView DIV.event.starts6
+{ top: 45.0px; }
+DIV#daysView DIV.event.lasts6
+{ height: 43.5px; }
+DIV#daysView DIV.event.starts7
+{ top: 52.5px; }
+DIV#daysView DIV.event.lasts7
+{ height: 50.75px; }
+DIV#daysView DIV.event.starts8
+{ top: 60.0px; }
+DIV#daysView DIV.event.lasts8
+{ height: 58.0px; }
+DIV#daysView DIV.event.starts9
+{ top: 67.5px; }
+DIV#daysView DIV.event.lasts9
+{ height: 65.25px; }
+DIV#daysView DIV.event.starts10
+{ top: 75.0px; }
+DIV#daysView DIV.event.lasts10
+{ height: 72.5px; }
+DIV#daysView DIV.event.starts11
+{ top: 82.5px; }
+DIV#daysView DIV.event.lasts11
+{ height: 79.75px; }
+DIV#daysView DIV.event.starts12
+{ top: 90.0px; }
+DIV#daysView DIV.event.lasts12
+{ height: 87.0px; }
+DIV#daysView DIV.event.starts13
+{ top: 97.5px; }
+DIV#daysView DIV.event.lasts13
+{ height: 94.25px; }
+DIV#daysView DIV.event.starts14
+{ top: 105.0px; }
+DIV#daysView DIV.event.lasts14
+{ height: 101.5px; }
+DIV#daysView DIV.event.starts15
+{ top: 112.5px; }
+DIV#daysView DIV.event.lasts15
+{ height: 108.75px; }
+DIV#daysView DIV.event.starts16
+{ top: 120.0px; }
+DIV#daysView DIV.event.lasts16
+{ height: 116.0px; }
+DIV#daysView DIV.event.starts17
+{ top: 127.5px; }
+DIV#daysView DIV.event.lasts17
+{ height: 123.25px; }
+DIV#daysView DIV.event.starts18
+{ top: 135.0px; }
+DIV#daysView DIV.event.lasts18
+{ height: 130.5px; }
+DIV#daysView DIV.event.starts19
+{ top: 142.5px; }
+DIV#daysView DIV.event.lasts19
+{ height: 137.75px; }
+DIV#daysView DIV.event.starts20
+{ top: 150.0px; }
+DIV#daysView DIV.event.lasts20
+{ height: 145.0px; }
+DIV#daysView DIV.event.starts21
+{ top: 157.5px; }
+DIV#daysView DIV.event.lasts21
+{ height: 152.25px; }
+DIV#daysView DIV.event.starts22
+{ top: 165.0px; }
+DIV#daysView DIV.event.lasts22
+{ height: 159.5px; }
+DIV#daysView DIV.event.starts23
+{ top: 172.5px; }
+DIV#daysView DIV.event.lasts23
+{ height: 166.75px; }
+DIV#daysView DIV.event.starts24
+{ top: 180.0px; }
+DIV#daysView DIV.event.lasts24
+{ height: 174.0px; }
+DIV#daysView DIV.event.starts25
+{ top: 187.5px; }
+DIV#daysView DIV.event.lasts25
+{ height: 181.25px; }
+DIV#daysView DIV.event.starts26
+{ top: 195.0px; }
+DIV#daysView DIV.event.lasts26
+{ height: 188.5px; }
+DIV#daysView DIV.event.starts27
+{ top: 202.5px; }
+DIV#daysView DIV.event.lasts27
+{ height: 195.75px; }
+DIV#daysView DIV.event.starts28
+{ top: 210.0px; }
+DIV#daysView DIV.event.lasts28
+{ height: 203.0px; }
+DIV#daysView DIV.event.starts29
+{ top: 217.5px; }
+DIV#daysView DIV.event.lasts29
+{ height: 210.25px; }
+DIV#daysView DIV.event.starts30
+{ top: 225.0px; }
+DIV#daysView DIV.event.lasts30
+{ height: 217.5px; }
+DIV#daysView DIV.event.starts31
+{ top: 232.5px; }
+DIV#daysView DIV.event.lasts31
+{ height: 224.75px; }
+DIV#daysView DIV.event.starts32
+{ top: 240.0px; }
+DIV#daysView DIV.event.lasts32
+{ height: 232.0px; }
+DIV#daysView DIV.event.starts33
+{ top: 247.5px; }
+DIV#daysView DIV.event.lasts33
+{ height: 239.25px; }
+DIV#daysView DIV.event.starts34
+{ top: 255.0px; }
+DIV#daysView DIV.event.lasts34
+{ height: 246.5px; }
+DIV#daysView DIV.event.starts35
+{ top: 262.5px; }
+DIV#daysView DIV.event.lasts35
+{ height: 253.75px; }
+DIV#daysView DIV.event.starts36
+{ top: 270.0px; }
+DIV#daysView DIV.event.lasts36
+{ height: 261.0px; }
+DIV#daysView DIV.event.starts37
+{ top: 277.5px; }
+DIV#daysView DIV.event.lasts37
+{ height: 268.25px; }
+DIV#daysView DIV.event.starts38
+{ top: 285.0px; }
+DIV#daysView DIV.event.lasts38
+{ height: 275.5px; }
+DIV#daysView DIV.event.starts39
+{ top: 292.5px; }
+DIV#daysView DIV.event.lasts39
+{ height: 282.75px; }
+DIV#daysView DIV.event.starts40
+{ top: 300.0px; }
+DIV#daysView DIV.event.lasts40
+{ height: 290.0px; }
+DIV#daysView DIV.event.starts41
+{ top: 307.5px; }
+DIV#daysView DIV.event.lasts41
+{ height: 297.25px; }
+DIV#daysView DIV.event.starts42
+{ top: 315.0px; }
+DIV#daysView DIV.event.lasts42
+{ height: 304.5px; }
+DIV#daysView DIV.event.starts43
+{ top: 322.5px; }
+DIV#daysView DIV.event.lasts43
+{ height: 311.75px; }
+DIV#daysView DIV.event.starts44
+{ top: 330.0px; }
+DIV#daysView DIV.event.lasts44
+{ height: 319.0px; }
+DIV#daysView DIV.event.starts45
+{ top: 337.5px; }
+DIV#daysView DIV.event.lasts45
+{ height: 326.25px; }
+DIV#daysView DIV.event.starts46
+{ top: 345.0px; }
+DIV#daysView DIV.event.lasts46
+{ height: 333.5px; }
+DIV#daysView DIV.event.starts47
+{ top: 352.5px; }
+DIV#daysView DIV.event.lasts47
+{ height: 340.75px; }
+DIV#daysView DIV.event.starts48
+{ top: 360.0px; }
+DIV#daysView DIV.event.lasts48
+{ height: 348.0px; }
+DIV#daysView DIV.event.starts49
+{ top: 367.5px; }
+DIV#daysView DIV.event.lasts49
+{ height: 355.25px; }
+DIV#daysView DIV.event.starts50
+{ top: 375.0px; }
+DIV#daysView DIV.event.lasts50
+{ height: 362.5px; }
+DIV#daysView DIV.event.starts51
+{ top: 382.5px; }
+DIV#daysView DIV.event.lasts51
+{ height: 369.75px; }
+DIV#daysView DIV.event.starts52
+{ top: 390.0px; }
+DIV#daysView DIV.event.lasts52
+{ height: 377.0px; }
+DIV#daysView DIV.event.starts53
+{ top: 397.5px; }
+DIV#daysView DIV.event.lasts53
+{ height: 384.25px; }
+DIV#daysView DIV.event.starts54
+{ top: 405.0px; }
+DIV#daysView DIV.event.lasts54
+{ height: 391.5px; }
+DIV#daysView DIV.event.starts55
+{ top: 412.5px; }
+DIV#daysView DIV.event.lasts55
+{ height: 398.75px; }
+DIV#daysView DIV.event.starts56
+{ top: 420.0px; }
+DIV#daysView DIV.event.lasts56
+{ height: 406.0px; }
+DIV#daysView DIV.event.starts57
+{ top: 427.5px; }
+DIV#daysView DIV.event.lasts57
+{ height: 413.25px; }
+DIV#daysView DIV.event.starts58
+{ top: 435.0px; }
+DIV#daysView DIV.event.lasts58
+{ height: 420.5px; }
+DIV#daysView DIV.event.starts59
+{ top: 442.5px; }
+DIV#daysView DIV.event.lasts59
+{ height: 427.75px; }
+DIV#daysView DIV.event.starts60
+{ top: 450.0px; }
+DIV#daysView DIV.event.lasts60
+{ height: 435.0px; }
+DIV#daysView DIV.event.starts61
+{ top: 457.5px; }
+DIV#daysView DIV.event.lasts61
+{ height: 442.25px; }
+DIV#daysView DIV.event.starts62
+{ top: 465.0px; }
+DIV#daysView DIV.event.lasts62
+{ height: 449.5px; }
+DIV#daysView DIV.event.starts63
+{ top: 472.5px; }
+DIV#daysView DIV.event.lasts63
+{ height: 456.75px; }
+DIV#daysView DIV.event.starts64
+{ top: 480.0px; }
+DIV#daysView DIV.event.lasts64
+{ height: 464.0px; }
+DIV#daysView DIV.event.starts65
+{ top: 487.5px; }
+DIV#daysView DIV.event.lasts65
+{ height: 471.25px; }
+DIV#daysView DIV.event.starts66
+{ top: 495.0px; }
+DIV#daysView DIV.event.lasts66
+{ height: 478.5px; }
+DIV#daysView DIV.event.starts67
+{ top: 502.5px; }
+DIV#daysView DIV.event.lasts67
+{ height: 485.75px; }
+DIV#daysView DIV.event.starts68
+{ top: 510.0px; }
+DIV#daysView DIV.event.lasts68
+{ height: 493.0px; }
+DIV#daysView DIV.event.starts69
+{ top: 517.5px; }
+DIV#daysView DIV.event.lasts69
+{ height: 500.25px; }
+DIV#daysView DIV.event.starts70
+{ top: 525.0px; }
+DIV#daysView DIV.event.lasts70
+{ height: 507.5px; }
+DIV#daysView DIV.event.starts71
+{ top: 532.5px; }
+DIV#daysView DIV.event.lasts71
+{ height: 514.75px; }
+DIV#daysView DIV.event.starts72
+{ top: 540.0px; }
+DIV#daysView DIV.event.lasts72
+{ height: 522.0px; }
+DIV#daysView DIV.event.starts73
+{ top: 547.5px; }
+DIV#daysView DIV.event.lasts73
+{ height: 529.25px; }
+DIV#daysView DIV.event.starts74
+{ top: 555.0px; }
+DIV#daysView DIV.event.lasts74
+{ height: 536.5px; }
+DIV#daysView DIV.event.starts75
+{ top: 562.5px; }
+DIV#daysView DIV.event.lasts75
+{ height: 543.75px; }
+DIV#daysView DIV.event.starts76
+{ top: 570.0px; }
+DIV#daysView DIV.event.lasts76
+{ height: 551.0px; }
+DIV#daysView DIV.event.starts77
+{ top: 577.5px; }
+DIV#daysView DIV.event.lasts77
+{ height: 558.25px; }
+DIV#daysView DIV.event.starts78
+{ top: 585.0px; }
+DIV#daysView DIV.event.lasts78
+{ height: 565.5px; }
+DIV#daysView DIV.event.starts79
+{ top: 592.5px; }
+DIV#daysView DIV.event.lasts79
+{ height: 572.75px; }
+DIV#daysView DIV.event.starts80
+{ top: 600.0px; }
+DIV#daysView DIV.event.lasts80
+{ height: 580.0px; }
+DIV#daysView DIV.event.starts81
+{ top: 607.5px; }
+DIV#daysView DIV.event.lasts81
+{ height: 587.25px; }
+DIV#daysView DIV.event.starts82
+{ top: 615.0px; }
+DIV#daysView DIV.event.lasts82
+{ height: 594.5px; }
+DIV#daysView DIV.event.starts83
+{ top: 622.5px; }
+DIV#daysView DIV.event.lasts83
+{ height: 601.75px; }
+DIV#daysView DIV.event.starts84
+{ top: 630.0px; }
+DIV#daysView DIV.event.lasts84
+{ height: 609.0px; }
+DIV#daysView DIV.event.starts85
+{ top: 637.5px; }
+DIV#daysView DIV.event.lasts85
+{ height: 616.25px; }
+DIV#daysView DIV.event.starts86
+{ top: 645.0px; }
+DIV#daysView DIV.event.lasts86
+{ height: 623.5px; }
+DIV#daysView DIV.event.starts87
+{ top: 652.5px; }
+DIV#daysView DIV.event.lasts87
+{ height: 630.75px; }
+DIV#daysView DIV.event.starts88
+{ top: 660.0px; }
+DIV#daysView DIV.event.lasts88
+{ height: 638.0px; }
+DIV#daysView DIV.event.starts89
+{ top: 667.5px; }
+DIV#daysView DIV.event.lasts89
+{ height: 645.25px; }
+DIV#daysView DIV.event.starts90
+{ top: 675.0px; }
+DIV#daysView DIV.event.lasts90
+{ height: 652.5px; }
+DIV#daysView DIV.event.starts91
+{ top: 682.5px; }
+DIV#daysView DIV.event.lasts91
+{ height: 659.75px; }
+DIV#daysView DIV.event.starts92
+{ top: 690.0px; }
+DIV#daysView DIV.event.lasts92
+{ height: 667.0px; }
+DIV#daysView DIV.event.starts93
+{ top: 697.5px; }
+DIV#daysView DIV.event.lasts93
+{ height: 674.25px; }
+DIV#daysView DIV.event.starts94
+{ top: 705.0px; }
+DIV#daysView DIV.event.lasts94
+{ height: 681.5px; }
+DIV#daysView DIV.event.starts95
+{ top: 712.5px; }
+DIV#daysView DIV.event.lasts95
+{ height: 688.75px; }
+DIV#daysView DIV.event.starts96
+{ top: 720.0px; }
+DIV#daysView DIV.event.lasts96
+{ height: 696.0px; }
+
+
 /*******************************************/
 /******  Overriding the general.css ********/
 
@@ -227,11 +637,9 @@ LABEL {
     position:static;
     top:5px;
     left:5px;
-    width:99%;
   }
   DIV#rightFrame, DIV#rightFrameEvents, DIV#rightFrameTasks
   {
-    width:99%;
     height:auto;
   }
   DIV#rightFrame
@@ -239,8 +647,4 @@ LABEL {
     border:none;
     overflow:visible;
   }
-  
-  DIV#calendarHeader {
-    width:99.5%;
-  }
 }