oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Calendar and Event print templates plus other template fixes.

Browse source
This commit is contained in:
Doug Bell 2006-12-13 18:55:52 +00:00
parent 035a83d61e
commit 66f74183af
11 changed files with 1428 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
docs/changelog/7.x.x.txt
View file

@ -1,5 +1,6 @@
7.3.2
- fix: Calendar and Event now have printable templates and URL parameters.
- fix: Miscellaneous Calendar template fixes
7.3.1
- Fixed a problem with IE and resizable text areas that caused IE to crash

270
docs/upgrades/templates-7.3.2/CalendarDay.tmpl Executable file
View file

@ -0,0 +1,270 @@
#CalendarDay00000000001
<tmpl_if admin>
<p><tmpl_var adminControls></p>
</tmpl_if>
<tmpl_if displayTitle>
<h1><tmpl_var title></h1>
</tmpl_if>
<tmpl_if description>
<p><tmpl_var description></p>
</tmpl_if>
<table cellspacing="0" cellpadding="0" width="600" id="mCAL">
<tr>
<td style="text-align:right">
<a href="<tmpl_var urlDay>" class="tab active">Day</a>
<a href="<tmpl_var urlWeek>" class="tab">Week</a>
<a href="<tmpl_var urlMonth>" class="tab">Month</a>
<a href="<tmpl_var urlSearch>" class="tab">Search</a>
<div class="controls">
<tmpl_if editor><a href="<tmpl_var urlAdd>">Add Event</a> &bull;</tmpl_if>
<a href="<tmpl_var urlPrint>">Print</a> <!--&bull; <a href="#">Subscribe</a>-->
</div>
</td>
</tr>
<tr>
<td class="months">
<div style="padding:3px 0px;">
<a href="<tmpl_var pagePrevUrl>" style="font-weight:bold;margin-right:8px;">&laquo; Previous Day
</a>&bull;
<span style="margin-right:8px;margin-left:8px;" class="monthLink current"><tmpl_var dayAbbr>, <tmpl_var monthAbbr> <tmpl_var dayOfMonth>. <tmpl_var year></span>&bull;
<a href="<tmpl_var pageNextUrl>" style="font-weight:bold;padding-left:8px">Next Day &raquo;</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="curMonth">
<tmpl_var dayName>, <tmpl_var monthName> <tmpl_var dayOfMonth>, <tmpl_var year>
</div>
</td>
</tr>
<tr>
<td style="width:100%">
<table width="100%" cellspacing="2" cellpadding="0">
<tmpl_loop hours><tr>
<td class="heading">
<div style="padding:4px;"><tmpl_var hour12>:00<tmpl_var hourM></div>
</td>
<td class="day">
<ul class="eventList">
<tmpl_loop events><li>
<a href="/<tmpl_var eventUrl>"><tmpl_var eventTitle></a>
</tmpl_loop></li>
</ul>
</td>
</tr></tmpl_loop>
</table>
</td>
</tr>
</table>
~~~
<style type="text/css">
/* Edited with EditCSS */
/**** Inline STYLE-tag style sheet ****/
#mCAL * {
margin:0px;
}
#mCAL td {
font-size:10px;
font-family:arial;
}
#mCAL .tab {
border-bottom-style:none;
font-weight:bold;
padding: 2px 15px 0px 15px;
text-align;center;
background-color:#E9ECF3;
-moz-border-radius-topLeft:10px;
-moz-border-radius-topRight:10px;
color:#7588B5;
text-decoration:none;
font-size:10pt;
display:block;
float:left;
margin-right:5px;
}
#mCAL .tab:hover {
color:black;
}
#mCAL .active {
background-color:#DFE3EE;
color:#404F77;
border-bottom:solid #DFE3EE 1px;
}
#mCAL .controls {
float:right;
vertical-align:bottom;
}
#mCAL a {
font-size:11px;
color:#517AC8;
}
#mCAL .heading {
width:200px;
-moz-box-sizing:border-box;
background-color:#ABB7D1;
text-align:center;
font-weight:bold;
color:#374664;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
text-align:right;
vertical-align:top;
-moz-border-radius-bottomRight:8px;
-moz-border-radius-topRight:8px;
}
#mCAL .day {
background-color:#E9ECF3;
width:400px;
position:relative;
vertical-align:top;
-moz-border-radius-topLeft:8px;
-moz-border-radius-bottomLeft:8px;
border:solid #CCD2E3 1px;
}
#mCAL .curDay {
background-color:#FFE4B3;
border-color:orange;
}
#mCAL .dayWrapper {
height:100%;
width:100%;
position:relative;
z-index:0;
margin:0px;
padding:0px 0px 2px 5px;;
-moz-box-sizing:border-box;
}
html > body #mCAL .dayWrapper {
height:auto;
min-height:100%;
}
#mCAL .dayNum {
width:100%;
text-align:right;
}
#mCAL span.border {
text-align:center;
padding:5px;
font-weight:bold;
-moz-border-radius-bottomRight:5px;
-moz-border-radius-topLeft:5px;
color:black;
border-right:solid #CCD2E3 1px;
border-bottom: solid #CCD2E3 1px;
background-color:#ABB7D1;
-moz-box-sizing:border-box;
top:5px;
position:relative;
}
#mCAL .curDay span.border {
background-color:orange;
color:black;
border-color:orange;
}
#mCAL .event {
padding:3px;
padding-top:8px;
clear:left;
font-weight:bold;
}
#mCAL .event a {
color:#4F4F4F;
text-decoration:none;
font-size:9px;
}
#mCAL .moreButton {
border-style:none;
z-index:5;
position:absolute;
bottom:0px;
width:100%;
height:9px;
background-color:#517AC8;
font-size:5px;
text-align:center;
}
#mCAL .moreButton:hover {
background-color:orange;
}
#mCAL .empty {
border-style:none;
background-color:#CCD2E3;
-moz-border-radius:10px;
}
#mCAL .months {
text-align:center;
background-color:#DFE3EE;
}
#mCAL .months a {
color:#517AC8;
text-decoration:none;
}
#mCAL .months .monthLink {
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#AAB8D5;
font-size:12px;
font-weight:bold;
}
#mCAL .months .current {
color:#517AC8;
}
#mCAL .current {
font-weight:bold;
color:#517AC8;
background-color:#fff;
-moz-border-radius:5px;
}
#mCAL .curMonth {
text-align:center;
margin: 2px 0px;
background-color:#517AC8;
color:white;
font-size:14px;
font-weight:bold;
}
/* MORE STYLES */
#more1 {
position:absolute;
top:170px;
left:10px;
}
* html #more1 {
top:158px;
left:12px;
}
.moreDisplay {
border:solid orange 1px;
border-top:solid orange 2px;
font-family:arial;
font-size:10px;
width:300px;
padding:2px;
background-color:#FFD3A8;
z-index:10;
}
ul.eventList {
margin:0px;
padding:0px;
margin-left:30px;
color:#526896;
}
</style>

214
docs/upgrades/templates-7.3.2/CalendarEvent.tmpl Executable file
View file

@ -0,0 +1,214 @@
#CalendarEvent000000001
<table cellspacing="0" cellpadding="0" width="600" id="mCAL" border="0">
<tr>
<td style="text-align:right;border-bottom:solid white 1px;">
<a href="<tmpl_var urlDay>" class="tab">Day</a>
<a href="<tmpl_var urlWeek>" class="tab">Week</a>
<a href="<tmpl_var urlMonth>" class="tab">Month</a>
<a href="<tmpl_var urlSearch>" class="tab">Search</a>
<div class="controls">
<a href="?func=edit">Edit</a>
&bull; <a href="?func=delete">Delete</a>
&bull; <a href="?print=1">Print</a>
</div>
</td>
</tr>
<tr>
<td class="months">
<div style="float: left;"><a href="<tmpl_var prevUrl>">&lt;&lt; Previous Event</a></div>
<div style="float: right;"><a href="<tmpl_var nextUrl>">Next Event &gt;&gt;</a></div>
</td>
</tr>
<tr>
<td class="months">
Event Details
</td>
</tr>
<tr>
<td style="width:100%">
<table width="100%" cellspacing="2" cellpadding="0">
<tr>
<td class="heading">
<div style="padding:4px;">Event Title</div>
</td>
<td class="day">
<div class="eventWrapper">
<tmpl_var title>
</div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Location</div>
</td>
<td class="day">
<div class="eventWrapper">
<tmpl_var location>
</div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Description</div>
</td>
<td class="day">
<div class="eventWrapper"><tmpl_var description></div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Scheduled</div>
</td>
<td class="day">
<div class="eventWrapper">
<tmpl_var startDateDayName>,
<tmpl_var startDateMonthName>
<tmpl_var startDateDayOfMonth>
<tmpl_var startDateHour>:<tmpl_var startDateMinute> <tmpl_var startDateM> &bull; <tmpl_var endDateDayName>,
<tmpl_var endDateMonthName>
<tmpl_var endDateDayOfMonth>
<tmpl_var endDateHour>:<tmpl_var endDateMinute> <tmpl_var endDateM>
</div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Related Material</div>
</td>
<td class="day"> <div class="eventWrapper"><tmpl_loop relatedLinks>
<a href="<tmpl_var link.url>"><tmpl_var linkUrl></a><br />
</tmpl_loop></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
~~~
<style type="text/css">
/* Edited with EditCSS */
/**** Inline STYLE-tag style sheet ****/
body * {
margin:0px;
}
#mCAL {
}
#mCAL td {
font-size:10px;
font-family:arial;
}
#mCAL .tab {
border-bottom-style:none;
font-weight:bold;
padding: 2px 15px 0px 15px;
text-align;center;
background-color:#E9ECF3;
-moz-border-radius-topLeft:10px;
-moz-border-radius-topRight:10px;
color:#7588B5;
text-decoration:none;
font-size:10pt;
display:block;
float:left;
margin-right:5px;
}
#mCAL .tab:hover {
color:black;
}
#mCAL .active {
background-color:#DFE3EE;
color:#404F77;
border-bottom:solid #DFE3EE 1px;
}
#mCAL a {
font-size:11px;
color:#517AC8;
}
#mCAL .heading {
width:200px;
-moz-box-sizing:border-box;
background-color:#ABB7D1;
text-align:center;
font-weight:bold;
color:#374664;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
text-align:right;
vertical-align:top;
-moz-border-radius-bottomRight:8px;
-moz-border-radius-topRight:8px;
}
#mCAL .day {
background-color:#E9ECF3;
width:400px;
position:relative;
vertical-align:top;
-moz-border-radius-topLeft:8px;
-moz-border-radius-bottomLeft:8px;
border:solid #CCD2E3 1px;
}
#mCAL .months {
text-align:center;
background-color:#DFE3EE;
color:#3E4D75;
font-size:14px;
font-weight:bold;
}
#mCAL .months a {
color:#517AC8;
text-decoration:none;
}
#mCAL .months .monthLink {
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#AAB8D5;
font-size:12px;
font-weight:bold;
}
#mCAL .months .current {
color:#517AC8;
}
#mCAL .current {
font-weight:bold;
color:#517AC8;
background-color:#fff;
-moz-border-radius:5px;
}
#mCAL .curMonth {
text-align:center;
margin: 2px 0px;
background-color:#517AC8;
color:white;
font-size:14px;
font-weight:bold;
}
#mCAL .searchField {
margin: 2px 10px;
border:solid #ABB7D1 1px;
}
#mCAL .searchBtn {
background-color: #ABB7D1;
border:solid #CCD2E3 1px;
color:white;
font-weight:bold;
cursor:pointer;
}
#mCAL .eventWrapper {
margin:2px 10px;
}
</style>

321
docs/upgrades/templates-7.3.2/CalendarMonth.tmpl Executable file
View file

@ -0,0 +1,321 @@
#CalendarMonth000000001
<tmpl_if admin>
<p><tmpl_var adminControls></p>
</tmpl_if>
<tmpl_if displayTitle>
<h1><tmpl_var title></h1>
</tmpl_if>
<tmpl_if description>
<tmpl_var description>
</tmpl_if>
<table cellspacing="0" cellpadding="0" width="630" id="mCAL">
<tr>
<td style="text-align:right">
<a class="tab" href="<tmpl_var urlDay>">Day</a>
<a class="tab" href="<tmpl_var urlWeek>">Week</a>
<a class="tab" href="<tmpl_var urlMonth>">Month</a>
<a class="tab" href="<tmpl_var urlSearch>">Search</a>
<div class="controls"><tmpl_if editor><a href="<tmpl_var urlAdd>">Add Event</a></tmpl_if> &bull; <a href="<tmpl_var urlPrint>">Print</a>
<!--&bull; <a href="#">Subscribe</a>-->
</div>
</td>
</tr>
<tr>
<td class="months">
<div style="padding:3px 0px;">
<a href="<tmpl_var pagePrevUrl>" style="font-weight:bold;margin-right:8px;">&laquo; <tmpl_var pagePrevYear></a>&bull;
<tmpl_loop months>
<a style="margin-right:4px;" href="<tmpl_var monthUrl>" class="monthLink<tmpl_if monthCurrent> current</tmpl_if>"><tmpl_var monthAbbr></a>
</tmpl_loop>
&bull;
<a href="<tmpl_var pageNextUrl>" style="font-weight:bold;padding-left:8px"><tmpl_var pageNextYear> &raquo;</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="curMonth">
<tmpl_var monthName> <tmpl_var year>
</div>
</td>
</tr>
<tr>
<td style="width:100%">
<!-- the calendar table -->
<table id="month" width="100%" cellspacing="2" cellpadding="0">
<!-- day names -->
<tr><tmpl_loop dayNames>
<th><tmpl_var dayName></th>
</tmpl_loop></tr>
<!-- the grid -->
<tmpl_loop weeks><tr>
<tmpl_loop days><td><div class="<tmpl_if dayMonth>active</tmpl_if><tmpl_if dayCurrent> current</tmpl_if>">
<tmpl_if dayMonth>
<a class="number" href="<tmpl_var dayUrl>"><tmpl_var dayMonth></a>
<tmpl_if events>
<ul class="events"><tmpl_loop events>
<li><a href="/<tmpl_var eventUrl>">
<tmpl_var eventMenuTitle>
</a></li>
</tmpl_loop></ul>
<a href="#" onmouseover="DelayedRollover.showPopup('more<tmpl_var dayMonth>')" onmouseout="DelayedRollover.hidePopup('more<tmpl_var dayMonth>')" class="moreButton" onclick="return false;">
<img src="/extras/wobject/Calendar/images/more.gif" />
</a>
<div style="display: none" id="more<tmpl_var dayMonth>" class="moreDisplay" onmouseover="DelayedRollover.showPopup('more<tmpl_var dayMonth>')" onmouseout="DelayedRollover.hidePopup('more<tmpl_var dayMonth>')" >
<tmpl_loop events>
<a href="/<tmpl_var eventUrl>"><tmpl_var eventTitle></a><br/>
</tmpl_loop>
</div>
</tmpl_if> <!--/events-->
</tmpl_if> <!--/day-->
</div></td></tmpl_loop> <!--/days-->
</tr></tmpl_loop>
</table>
</tr>
</table>
~~~
<script type="text/javascript">
// Delayed rollovers
// From: http://www.pjhyett.com/articles/2006/07/05/timeout-your-mouseovers
// Modified by: Doug Bell
var DelayedRollover = {
timeout : new Array(),
showPopup : function(e){
element = document.getElementById(e);
clearTimeout(this.timeout[e]);
if(element.style.display == 'none'){
this.timeout[e] = setTimeout(function(){element.style.display="block"},10);
}
},
hidePopup : function(e){
element = document.getElementById(e);
if(element.style.display == 'none'){
clearTimeout(this.timeout[e]);
}else{
this.timeout[e] = setTimeout(function(){element.style.display="none"},10);
}
}
}
</script>
<style type="text/css">
#mCAL { z-index: 0; }
#mCAL * {
margin:0px;
}
#mCAL td {
font-size:10px;
font-family:arial;
}
#mCAL .tab {
border-bottom-style:none;
font-weight:bold;
padding: 2px 15px 0px 15px;
text-align;center;
background-color:#E9ECF3;
-moz-border-radius-topLeft:10px;
-moz-border-radius-topRight:10px;
color:#7588B5;
text-decoration:none;
font-size:10pt;
display:block;
float:left;
margin-right:5px;
}
#mCAL .tab:hover {
color:black;
}
#mCAL .active {
background-color:#DFE3EE;
color:#404F77;
border-bottom:solid #DFE3EE 1px;
}
#mCAL .controls {
float:right;
vertical-align:bottom;
}
#mCAL a {
font-size:11px;
color:#517AC8;
}
#mCAL .months {
text-align:center;
background-color:#DFE3EE;
}
#mCAL .months a {
color:#517AC8;
text-decoration:none;
}
#mCAL .months .monthLink {
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#AAB8D5;
font-size:12px;
font-weight:bold;
}
#mCAL .months .current, #mCAL .months .monthLink:hover {
font-weight:bold;
color:#517AC8;
background-color:#fff;
-moz-border-radius:5px;
}
#mCAL .curMonth {
text-align:center;
margin: 2px 0px;
background-color:#517AC8;
color:white;
font-size:14px;
font-weight:bold;
}
/**** Month view ****/
/* Table */
#mCAL table#month
{
}
#mCAL table#month *
{
padding: 0px;
margin: 0px;
}
#mCAL table#month a
{
text-decoration: none;
}
#mCAL table#month th
{
-moz-box-sizing:border-box;
width: 85px;
background-color: #517AC8;
text-align: center;
font-weight: bold;
color: white;
}
#mCAL table#month div
{
position: relative;
width: 85px;
height: 85px;
margin: 0px;
background-color: #E9ECF3;
}
#mCAL table#month ul
{
overflow: hidden;
}
#mCAL table#month .active
{
-moz-border-radius-topLeft: 8px;
-moz-border-radius-bottomLeft: 8px;
-moz-border-radius-bottomRight: 8px;
vertical-align: top;
background-color: #CCD2E3;
border: solid #CCD2E3 1px;
}
#mCAL table#month .current
{
background-color: #FFE4B3;
border-color: orange;
}
#mCAL table#month .number
{
-moz-border-radius-bottomLeft:5px;
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 10px;
width: 10px;
background-color: #516BA4;
color: white;
text-align: center;
vertical-align: middle;
padding: 0px 3px 2px 2px;
font-weight: bold;
}
#mCAL table#month .current .number
{
background-color: orange;
color: black;
}
#mCAL table#month .events
{
padding: 3px;
padding-top: 8px;
font-weight: bold;
}
#mCAL table#month .events a
{
color: #4F4F4F;
text-decoration: none;
font-size: 9px;
}
#mCAL table#month .moreButton
{
border-style: none;
position: absolute;
bottom: 0px;
width: 100%;
height: 9px;
background-color: #517AC8;
font-size: 5px;
text-align: center;
-moz-border-radius-bottomLeft: 8px;
-moz-border-radius-bottomRight: 8px;
}
#mCAL table#month .moreButton img
{
border: none;
}
#mCAL table#month .moreButton:hover
{
background-color: orange;
}
/* MORE STYLES */
#mCAL table#month .moreDisplay
{
position: absolute;
left: 0px;
top: 85px;
border: solid orange 1px;
border-top: solid orange 2px;
font-family: arial;
font-size: 10px;
width: 300px;
height: auto;
padding: 2px;
background-color: #FFD3A8;
z-index: 100;
}
* html body table#month td { position: relative; z-index: 1; }
</style>

265
docs/upgrades/templates-7.3.2/CalendarWeek.tmpl Executable file
View file

@ -0,0 +1,265 @@
#CalendarWeek0000000001
<tmpl_if admin>
<p><tmpl_var adminControls></p>
</tmpl_if>
<tmpl_if displayTitle>
<h1><tmpl_var title></h1>
</tmpl_if>
<tmpl_if description>
<tmpl_var description>
</tmpl_if>
<table cellspacing="0" cellpadding="0" width="600" id="mCAL">
<tr>
<td style="text-align:right">
<a href="<tmpl_var urlDay>" class="tab">Day</a> <a href="<tmpl_var urlWeek>" class="tab active">Week</a> <a href="<tmpl_var urlMonth>" class="tab">Month</a> <a href="<tmpl_var urlSearch>" class="tab">Search</a>
<div class="controls">
<tmpl_if editor><a href="<tmpl_var urlAdd>">Add Event</a> &bull;</tmpl_if>
<a href="<tmpl_var urlPrint>">Print</a>
<!--&bull; <a href="#">Subscribe</a>-->
</div>
</td>
</tr>
<tr>
<td class="months">
<div style="padding:3px 0px;">
<a href="<tmpl_var pagePrevUrl>" style="font-weight:bold;margin-right:8px;">&laquo; Previous Week
</a>&bull;
<a href="#" onclick="return false;" style="margin-right:8px;margin-left:8px;" class="monthLink current"><tmpl_var startMonthAbbr> <tmpl_var startDayOfMonth> <tmpl_var startYear>&nbsp;&nbsp;-&nbsp;&nbsp;<tmpl_var endMonthAbbr> <tmpl_var endDayOfMonth> <tmpl_var endYear></a>&bull;
<a href="<tmpl_var pageNextUrl>" style="font-weight:bold;padding-left:8px">Next Week &raquo;</a>
</div>
</td>
</tr>
<tr>
<td>
<div class="curMonth">
<tmpl_var startMonthName> <tmpl_var startDayOfMonth>, <tmpl_var startYear> to <tmpl_var endMonthName> <tmpl_var endDayOfMonth>, <tmpl_var endYear>
</div>
</td>
</tr>
<tr>
<td style="width:100%">
<table width="100%" cellspacing="2" cellpadding="0">
<tmpl_loop days><tr>
<td class="heading">
<div style="padding:4px;"><tmpl_var dayName></div>
</td>
<td class="day<tmpl_if dayCurrent> curDay</tmpl_if>">
<span class="border"><tmpl_var dayOfMonth></span>
<ul class="eventList"><tmpl_loop events>
<li><a href="<tmpl_var eventUrl>"><tmpl_var eventTitle></a></li>
</tmpl_loop></ul>
<br />
</td>
</tr></tmpl_loop>
</table>
</td>
</tr>
</table>
~~~
<style type="text/css">
#mCAL * {
/*margin:0px;*/
}
#mCAL td {
font-size:10px;
font-family:arial;
}
#mCAL .tab {
border-bottom-style:none;
font-weight:bold;
padding: 2px 15px 0px 15px;
text-align;center;
background-color:#E9ECF3;
-moz-border-radius-topLeft:10px;
-moz-border-radius-topRight:10px;
color:#7588B5;
text-decoration:none;
font-size:10pt;
display:block;
float:left;
margin-right:5px;
}
#mCAL .tab:hover {
color:black;
}
#mCAL .active {
background-color:#DFE3EE;
color:#404F77;
border-bottom:solid #DFE3EE 1px;
}
#mCAL .controls {
float:right;
vertical-align:bottom;
}
#mCAL a {
font-size:11px;
color:#517AC8;
}
#mCAL .heading {
width:200px;
-moz-box-sizing:border-box;
background-color:#ABB7D1;
text-align:center;
font-weight:bold;
color:#374664;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
text-align:right;
vertical-align:top;
-moz-border-radius-bottomRight:8px;
-moz-border-radius-topRight:8px;
}
#mCAL .day {
background-color:#E9ECF3;
width:400px;
position:relative;
vertical-align:top;
-moz-border-radius-topLeft:8px;
-moz-border-radius-bottomLeft:8px;
border:solid #CCD2E3 1px;
}
#mCAL .curDay {
background-color:#FFE4B3;
border-color:orange;
}
#mCAL .dayWrapper {
height:100%;
width:100%;
position:relative;
z-index:0;
margin:0px;
padding:0px 0px 2px 5px;;
-moz-box-sizing:border-box;
}
html > body #mCAL .dayWrapper {
height:auto;
min-height:100%;
}
#mCAL .dayNum {
width:100%;
text-align:right;
}
#mCAL span.border {
text-align:center;
padding:5px;
font-weight:bold;
-moz-border-radius-bottomRight:5px;
-moz-border-radius-topLeft:5px;
color:black;
border-right:solid #CCD2E3 1px;
border-bottom: solid #CCD2E3 1px;
background-color:#ABB7D1;
-moz-box-sizing:border-box;
top:5px;
position:relative;
}
#mCAL .curDay span.border {
background-color:orange;
color:black;
border-color:orange;
}
#mCAL .event {
padding:3px;
padding-top:8px;
clear:left;
font-weight:bold;
}
#mCAL .event a {
color:#4F4F4F;
text-decoration:none;
font-size:9px;
}
#mCAL .moreButton {
border-style:none;
z-index:5;
position:absolute;
bottom:0px;
width:100%;
height:9px;
background-color:#517AC8;
font-size:5px;
text-align:center;
}
#mCAL .moreButton:hover {
background-color:orange;
}
#mCAL .empty {
border-style:none;
background-color:#CCD2E3;
-moz-border-radius:10px;
}
#mCAL .months {
text-align:center;
background-color:#DFE3EE;
}
#mCAL .months a {
color:#517AC8;
text-decoration:none;
}
#mCAL .months .monthLink {
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#AAB8D5;
font-size:12px;
font-weight:bold;
}
#mCAL .months .current {
color:#517AC8;
}
#mCAL .current {
font-weight:bold;
color:#517AC8;
background-color:#fff;
-moz-border-radius:5px;
}
#mCAL .curMonth {
text-align:center;
margin: 2px 0px;
background-color:#517AC8;
color:white;
font-size:14px;
font-weight:bold;
}
/* MORE STYLES */
#more1 {
position:absolute;
top:170px;
left:10px;
}
* html #more1 {
top:158px;
left:12px;
}
.moreDisplay {
border:solid orange 1px;
border-top:solid orange 2px;
font-family:arial;
font-size:10px;
width:300px;
padding:2px;
background-color:#FFD3A8;
z-index:10;
}
ul.eventList {
margin:0px;
padding:0px;
margin-left:50px;
color:#526896;
}
</style>

65
docs/upgrades/templates-7.3.2/default-calendar-print-day.tmpl Executable file
View file

@ -0,0 +1,65 @@
#CalendarPrintDay000001
#create
#namespace:Calendar/Print/Day
#url:default-calendar-print-day
#title:Default Calendar Print Day
#menuTitle:Default Calendar Print Day
<div class="calHeader">
<tmpl_var monthName> <tmpl_var dayOfMonth> <tmpl_var year>
</div>
<table cellspacing="0" cellpadding="4" id="printableCal" border="0">
<tmpl_loop hours><tmpl_if events>
<tr>
<td class="label"><tmpl_var hour24>:00</td>
<td>
<ul>
<tmpl_loop events><li><tmpl_var eventTitle></li>
</tmpl_loop>
</ul>
</td>
</tr>
</tmpl_if></tmpl_loop>
</table>
<div class="calFooter">
&copy; Plain Black 2006
</div>
~~~
<style type="text/css">
.calHeader {
font-size:22px;
font-weight:bold;
text-align:right;
border-bottom:double #666 3px;
width:65%;
font-family:arial;
}
#printableCal {
font-family:arial;
font-size:13px;
width:65%;
border:solid #aaa 1px;
border-top-style:none;
}
#printableCal .label {
font-weight:bold;
font-size:13px;
vertical-align:top;
width:15%;
}
#printableCal ul {
margin:0px;
padding:0px;
padding-left:16px;
}
#printableCal .alt {
background-color:#eee;
}
.calFooter {
width:65%;
text-align:center;
font-size:10px;
font-family:arial;
}
</style>

97
docs/upgrades/templates-7.3.2/default-calendar-print-event.tmpl Executable file
View file

@ -0,0 +1,97 @@
#CalendarPrintEvent0001
#create
#namespace:Calendar/Print/Event
#url:default-calendar-print-event
#title:Default Calendar Print Event
#menuTitle:Default Calendar Print Event
<div class="calHeader">
<tmpl_var title>
</div>
<table id="printableCal" width="100%" cellspacing="2" cellpadding="0">
<tr>
<td class="heading">
<div style="padding:4px;">Location</div>
</td>
<td class="day">
<div class="eventWrapper">
<tmpl_var location>
</div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Description</div>
</td>
<td class="day">
<div class="eventWrapper"><tmpl_var description></div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Scheduled</div>
</td>
<td class="day">
<div class="eventWrapper">
<tmpl_var startDateDayName>,
<tmpl_var startDateMonthName>
<tmpl_var startDateDayOfMonth>
<tmpl_var startDateHour>:<tmpl_var startDateMinute> <tmpl_var startDateM> &bull; <tmpl_var endDateDayName>,
<tmpl_var endDateMonthName>
<tmpl_var endDateDayOfMonth>
<tmpl_var endDateHour>:<tmpl_var endDateMinute> <tmpl_var endDateM>
</div>
</td>
</tr>
<tr>
<td class="heading">
<div style="padding:4px;">Related Material</div>
</td>
<td class="day"> <div class="eventWrapper"><tmpl_loop relatedLinks>
<a href="<tmpl_var link.url>"><tmpl_var linkUrl></a><br />
</tmpl_loop></div>
</td>
</tr>
</table>
~~~
<style type="text/css">
.calHeader {
font-size:22px;
font-weight:bold;
text-align:right;
border-bottom:double #666 3px;
width:65%;
font-family:arial;
}
#printableCal {
font-family:arial;
font-size:13px;
width:65%;
border:solid #aaa 1px;
border-top-style:none;
}
#printableCal .label {
font-weight:bold;
font-size:13px;
vertical-align:top;
width:15%;
}
#printableCal ul {
margin:0px;
padding:0px;
padding-left:16px;
}
#printableCal .alt {
background-color:#eee;
}
.calFooter {
width:65%;
text-align:center;
font-size:10px;
font-family:arial;
}
</style>

65
docs/upgrades/templates-7.3.2/default-calendar-print-month.tmpl Executable file
View file

@ -0,0 +1,65 @@
#CalendarPrintMonth0001
#create
#namespace:Calendar/Print/Month
#url:default-calendar-print-month
#title:Default Calendar Print Month
#menuTitle:Default Calendar Print Month
<div class="calHeader">
<tmpl_var monthName> <tmpl_var year>
</div>
<table cellspacing="0" cellpadding="4" id="printableCal" border="0">
<tmpl_loop weeks><tmpl_loop days><tmpl_if events>
<tr>
<td class="label"><tmpl_var monthName> <tmpl_var dayMonth></td>
<td>
<ul>
<tmpl_loop events><li><tmpl_var eventTitle></li>
</tmpl_loop>
</ul>
</td>
</tr>
</tmpl_if></tmpl_loop></tmpl_loop>
</table>
<div class="calFooter">
&copy; Plain Black 2006
</div>
~~~
<style type="text/css">
.calHeader {
font-size:22px;
font-weight:bold;
text-align:right;
border-bottom:double #666 3px;
width:65%;
font-family:arial;
}
#printableCal {
font-family:arial;
font-size:13px;
width:65%;
border:solid #aaa 1px;
border-top-style:none;
}
#printableCal .label {
font-weight:bold;
font-size:13px;
vertical-align:top;
width:15%;
}
#printableCal ul {
margin:0px;
padding:0px;
padding-left:16px;
}
#printableCal .alt {
background-color:#eee;
}
.calFooter {
width:65%;
text-align:center;
font-size:10px;
font-family:arial;
}
</style>

65
docs/upgrades/templates-7.3.2/default-calendar-print-week.tmpl Executable file
View file

@ -0,0 +1,65 @@
#CalendarPrintWeek00001
#create
#namespace:Calendar/Print/Week
#url:default-calendar-print-week
#title:Default Calendar Print Week
#menuTitle:Default Calendar Print Week
<div class="calHeader">
<tmpl_var startMonthName> <tmpl_var startDayOfMonth> <tmpl_var startYear>&nbsp;&nbsp;-&nbsp;&nbsp;<tmpl_var endMonthName> <tmpl_var endDayOfMonth> <tmpl_var endYear>
</div>
<table cellspacing="0" cellpadding="4" id="printableCal" border="0">
<tmpl_loop days><tmpl_if events>
<tr>
<td class="label"><tmpl_var monthName> <tmpl_var dayOfMonth></td>
<td>
<ul>
<tmpl_loop events><li><tmpl_var eventTitle></li>
</tmpl_loop>
</ul>
</td>
</tr>
</tmpl_if></tmpl_loop>
</table>
<div class="calFooter">
&copy; Plain Black 2006
</div>
~~~
<style type="text/css">
.calHeader {
font-size:22px;
font-weight:bold;
text-align:right;
border-bottom:double #666 3px;
width:65%;
font-family:arial;
}
#printableCal {
font-family:arial;
font-size:13px;
width:65%;
border:solid #aaa 1px;
border-top-style:none;
}
#printableCal .label {
font-weight:bold;
font-size:13px;
vertical-align:top;
width:15%;
}
#printableCal ul {
margin:0px;
padding:0px;
padding-left:16px;
}
#printableCal .alt {
background-color:#eee;
}
.calFooter {
width:65%;
text-align:center;
font-size:10px;
font-family:arial;
}
</style>

24
lib/WebGUI/Asset/Event.pm
View file

@ -24,7 +24,7 @@ use WebGUI::Form;
use base 'WebGUI::Asset';
use DateTime;
use WebGUI::DateTime;
@ -1306,6 +1306,8 @@ sub isAllDay
Prepares the view template to be used later. The template to be used is found
from this asset's parent (Usually a Calendar).
If the "print" form parameter is set, will prepare the print template.
=cut
sub prepareView
@ -1316,7 +1318,15 @@ sub prepareView
if ($parent)
{
$templateId = $parent->get("templateIdEvent")
if ($self->session->form->param("print"))
{
$templateId = $parent->get("templateIdPrintEvent");
$self->session->style->makePrintable(1);
}
else
{
$templateId = $parent->get("templateIdEvent");
}
}
else
{
@ -2048,6 +2058,16 @@ ENDJS
Shows the event based on the parent asset's style and Event Details template
=head3 URL Parameters
=over 8
=item print
If true, will show the printable version of the event
=back
=cut
sub www_view {

42
lib/WebGUI/Asset/Wobject/Calendar.pm
View file

@ -725,6 +725,8 @@ sub getLastEvent
Loads the template to be used by the view() method.
Determines which template to load based on the "type" and "print" URL
parameters.
=cut
@ -737,6 +739,14 @@ sub prepareView
|| ucfirst $self->get("defaultView")
|| "Month";
if ($self->session->form->param("print"))
{
$view = "Print".$view;
$self->session->style->makePrintable(1);
}
#$self->session->errorHandler->warn("Prepare view ".$view." with template ".$self->get("templateId".$view));
my $template = WebGUI::Asset::Template->new($self->session, $self->get("templateId".$view));
$template->prepare;
@ -747,6 +757,7 @@ sub prepareView
####################################################################
=head2 processPropertiesFromFormPost ( )
@ -903,6 +914,7 @@ sub view
$var->{"urlMonth"} = $self->getUrl("type=month;start=".$params->{start});
$var->{"urlAdd"} = $self->getUrl("func=add;class=WebGUI::Asset::Event");
$var->{"urlSearch"} = $self->getUrl("func=search");
$var->{"urlPrint"} = $self->getUrl("type=".$params->{type}.";start=".$params->{start}.";print=1");
# Parameters
$var->{"paramStart"} = $params->{start};
@ -1683,6 +1695,36 @@ sub www_search
####################################################################
=head2 www_view ( )
Shows the normal view
=head3 URL Parameters
=over 8
=item type
What view of the calendar to show. One of "month, "week", or "day".
=item start
What time to start the calendar. Must be a full MySQL Date/Time string in the
format 2006-12-17 14:00:00.
The calendar will truncate the start to show the entire month, week, or day,
depending on the type.
=item print
If set to some true value (like "1"), will show the printable version of the
page.
=back
=head1 Templates