function qem_generate_css()
{
$style = qem_get_stored_style();
$cal = qem_get_stored_calendar();
$display = event_get_stored_display();
$register = qem_get_stored_register();
$script = $showeventborder = $formborder = $daycolor = $eventbold = $colour = $eventitalic = '';
if ($style['calender_size'] == 'small') {
$radius = 7;
}
if ($style['calender_size'] == 'medium') {
$radius = 10;
}
if ($style['calender_size'] == 'large') {
$radius = 15;
}
$ssize = 50 + 2 * $style['date_border_width'] . 'px';
$srm = $ssize + 5 + $style['date_border_width'] . 'px';
$msize = 70 + 2 * $style['date_border_width'] . 'px';
$mrm = $msize + 5 + $style['date_border_width'] . 'px';
$lsize = 90 + 2 * $style['date_border_width'] . 'px';
$lrm = $lsize + 5 + $style['date_border_width'] . 'px';
if ($style['date_background'] == 'color') {
$color = $style['date_backgroundhex'];
}
if ($style['date_background'] == 'grey') {
$color = '#343838';
}
if ($style['date_background'] == 'red') {
$color = 'red';
}
if ($style['month_background'] == 'colour') {
$colour = $style['month_backgroundhex'];
} else {
$colour = '#FFF';
}
if ($style['event_background'] == 'bgwhite') {
$eventbackground = 'background:white;';
}
if ($style['event_background'] == 'bgcolor') {
$eventbackground = 'background:' . $style['event_backgroundhex'] . ';';
}
$formwidth = preg_split('#(?<=\\d)(?=[a-z%])#i', $register['formwidth']);
if (!$formwidth[0]) {
$formwidth[0] = '280';
}
if (!$formwidth[1]) {
$formwidth[1] = 'px';
}
$regwidth = $formwidth[0] . $formwidth[1];
$dayborder = 'color:' . $style['date_colour'] . ';background:' . $color . '; border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';border-bottom:none;';
$nondayborder = 'border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';border-top:none;background:' . $colour . ';';
$monthcolor = 'span.month {color:' . $style['month_colour'] . ';}';
$eventborder = 'border: ' . $style['date_border_width'] . 'px solid ' . $style['date_border_colour'] . ';';
if ($style['icon_corners'] == 'rounded') {
$dayborder = $dayborder . '-webkit-border-top-left-radius:' . $radius . 'px; -moz-border-top-left-radius:' . $radius . 'px; border-top-left-radius:' . $radius . 'px; -webkit-border-top-right-radius:' . $radius . 'px; -moz-border-top-right-radius:' . $radius . 'px; border-top-right-radius:' . $radius . 'px;';
$nondayborder = $nondayborder . '-webkit-border-bottom-left-radius:' . $radius . 'px; -moz-border-bottom-left-radius:' . $radius . 'px; border-bottom-left-radius:' . $radius . 'px; -webkit-border-bottom-right-radius:' . $radius . 'px; -moz-border-bottom-right-radius:' . $radius . 'px; border-bottom-right-radius:' . $radius . 'px;';
$eventborder = $eventborder . '-webkit-border-radius:' . $radius . 'px; -moz-border-radius:' . $radius . 'px; border-radius:' . $radius . 'px;';
}
if ($style['event_border']) {
$showeventborder = 'padding:' . $radius . 'px;' . $eventborder;
}
if ($register['formborder']) {
$formborder = "\n.qem-register {" . $eventborder . "padding:" . $radius . "px;}\n";
}
if ($style['widthtype'] == 'pixel') {
$eventwidth = preg_replace("/[^0-9]/", "", $style['width']) . 'px;';
} else {
$eventwidth = '100%';
}
$i = '300';
if ($display['event_image_width']) {
$i = preg_replace('/[^.,0-9]/', '', $display['event_image_width']);
}
if ($display['map_and_image_size']) {
$i = preg_replace('/[^.,0-9]/', '', $display['map_width']);
}
if ($display['image_width']) {
$j = preg_replace('/[^.,0-9]/', '', $display['image_width']);
} elseif ($display['map_and_image_size']) {
$j = preg_replace('/[^.,0-9]/', '', $display['map_width']);
} else {
$j = '300';
}
if ($cal['eventbold']) {
$eventbold = 'font-weight:bold;';
}
if ($cal['eventitalic']) {
$eventitalic = 'font-style:italic;';
}
$ec = $cal['event_corner'] == 'square' ? 0 : 3;
$script .= '.qem {width:' . $eventwidth . ';' . $style['event_margin'] . ';}
.qem p {' . $style['line_margin'] . ';}
.qem p, .qem h2 {margin: 0 0 8px 0;padding:0;}' . "\n";
if ($style['font'] == 'plugin') {
$script .= ".qem p {font-family: " . $style['font-family'] . "; font-size: " . $style['font-size'] . ";}\n.qem h2, .qem h2 a {font-size: " . $style['header-size'] . " !important;color:" . $style['header-colour'] . " !important}\n";
}
$arr = array('arrow' => '\\25B6', 'square' => '\\25A0', 'box' => '\\20DE', 'asterix' => '\\2605', 'blank' => ' ');
foreach ($arr as $item => $key) {
if ($item == $cal['smallicon']) {
$script .= '#qem-calendar-widget h2 {font-size: 1em;}
#qem-calendar-widget .qemtrim span {display:none;}
#qem-calendar-widget .qemtrim:after{content:"' . $key . '";font-size:150%;}
@media only screen and (max-width: 480px) {
.qemtrim span {display:none;}.qemtrim:after{content:"' . $key . '";font-size:150%;}
}' . "\n";
}
}
$script .= '.qem-small, .qem-medium, .qem-large {' . $showeventborder . $eventbackground . '}' . $formborder . ".qem-register{max-width:" . $regwidth . ";}\nimg.qem-image {max-width:" . $i . "px;height:auto;overflow:hidden;}\nimg.qem-list-image {width:100%;max-width:" . $j . "px !important;height:auto;overflow:hidden;}\n.qem-category {" . $eventborder . "}\n.qem-icon .qem-calendar-small {width:" . $ssize . ";}\n.qem-small {margin-left:" . $srm . ";}\n.qem-icon .qem-calendar-medium {width:" . $msize . ";}\n.qem-medium {margin-left:" . $mrm . ";}\n.qem-icon .qem-calendar-large {width:" . $lsize . ";}\n.qem-large {margin-left:" . $lrm . ";}\n.qem-calendar-small .nonday, .qem-calendar-medium .nonday, .qem-calendar-large .nonday {display:block;" . $nondayborder . "}\n.qem-calendar-small .day, .qem-calendar-medium .day, .qem-calendar-large .day {display:block;" . $daycolor . $dayborder . "}\n.qem-calendar-small .month, .qem-calendar-medium .month, .qem-calendar-large .month {color:" . $style['month_colour'] . "}\n\n#qem-calendar " . $cal['header'] . " {margin: 0 0 8px 0;padding:0;" . $cal['headerstyle'] . "}\n\n#qem-calendar .calmonth {text-align:center;}\n#qem-calendar .calday {background:" . $cal['calday'] . "; color:" . $cal['caldaytext'] . "}\n#qem-calendar .day {background:" . $cal['day'] . ";}\n#qem-calendar .eventday {background:" . $cal['eventday'] . ";}\n#qem-calendar .eventday a {-webkit-border-radius:" . $ec . "px; -moz-border-radius:" . $ec . "px; border-radius:" . $ec . "px;color:" . $cal['eventtext'] . " !important;background:" . $cal['eventbackground'] . " !important;border:" . $cal['eventborder'] . " !important;}\n#qem-calendar .oldday {background:" . $cal['oldday'] . ";}\n#qem-calendar td a:hover {background:" . $cal['eventhover'] . " !important;}\n.qemtrim span {" . $eventbold . $eventitalic . "}\n@media only screen and (max-width: 700px) {\n img.qem-image, img.qem-list-image, .qemmap {max-width:200px;}\n .qemtrim img {display:none;}\n }\n\n@media only screen and (max-width: 480px) {\n img.qem-image, img.qem-list-image, .qemmap {max-width:100px;}\n .qem-large, .qem-medium {margin-left: 50px;}\n .qem-icon .qem-calendar-large, .qem-icon .qem-calendar-medium {font-size: 80%;width: 40px;margin: 0 0 10px 0;padding: 0 0 2px 0;}\n .qem-icon .qem-calendar-large .day, .qem-icon .qem-calendar-medium .day {padding: 2px 0;}\n .qem-icon .qem-calendar-large .month, .qem-icon .qem-calendar-medium .month {font-size: 140%;padding: 2px 0;}\n}\n";
if ($cal['tdborder']) {
if ($cal['cellspacing'] > 0) {
$script .= '#qem-calendar td.day, #qem-calendar td.eventday, #qem-calendar td.calday {border: ' . $cal['tdborder'] . ';}' . "\n";
} else {
$script .= '#qem-calendar td.day, #qem-calendar td.eventday, #qem-calendar td.calday {border-left:none;border-top:none;border-right: ' . $cal['tdborder'] . ';border-bottom: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.day:first-child,#qem-calendar tr td.eventday:first-child,#qem-calendar tr td.calday:first-child{border-left: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.calday{border-top: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.blankday {border-bottom: ' . $cal['tdborder'] . ';}' . "\n" . '
#qem-calendar tr td.firstday {border-right: ' . $cal['tdborder'] . ';border-bottom: ' . $cal['tdborder'] . ';}' . "\n";
}
}
if ($register['ontheright']) {
$script .= '.qem-register {width:100%;}' . "\n" . '.qem-rightregister {max-width:' . $i . 'px; margin: 0px 0px 10px 10px;}' . "\n";
}
if ($style['use_custom'] == 'checked') {
$script .= $style['custom'];
}
$cat = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j');
foreach ($cat as $i) {
if ($cal['cat' . $i]) {
$eb = $cal['fixeventborder'] || $cal['eventborder'] == 'none' ? '' : 'border:1px solid ' . $cal['cat' . $i . 'text'] . ' !important;';
$script .= "#qem-calendar a." . $cal['cat' . $i] . " {background:" . $cal['cat' . $i . 'back'] . " !important;color:" . $cal['cat' . $i . 'text'] . " !important;" . $eb . "}\n";
$script .= '.' . $cal['cat' . $i] . ' .qem-small, .' . $cal['cat' . $i] . ' .qem-medium, .' . $cal['cat' . $i] . ' .qem-large {border-color:' . $cal['cat' . $i . 'back'] . ';}' . "\n" . '
.' . $cal['cat' . $i] . ' .qem-calendar-small .day, .' . $cal['cat' . $i] . ' .qem-calendar-medium .day, .' . $cal['cat' . $i] . ' .qem-calendar-large .day, .' . $cal['cat' . $i] . ' .qem-calendar-small .nonday, .' . $cal['cat' . $i] . ' .qem-calendar-medium .nonday, .' . $cal['cat' . $i] . ' .qem-calendar-large .nonday {border-color:' . $cal['cat' . $i . 'back'] . ';}' . "\n";
}
}
return $script;
}
function qem_calendar()
{
if (isset($_POST['Submit']) && check_admin_referer("save_qem")) {
$options = array('calday', 'caldaytext', 'day', 'eventday', 'oldday', 'eventhover', 'eventdaytext', 'eventlink', 'connect', 'calendar_text', 'calendar_url', 'eventlist_text', 'eventlist_url', 'startday', 'eventlength', 'archive', 'archivelinks', 'smallicon', 'unicode', 'eventbold', 'eventitalic', 'eventbackground', 'eventtext', 'eventborder', 'showmultiple', 'keycaption', 'showkeyabove', 'showkeybelow', 'prevmonth', 'nextmonth', 'navicon', 'leftunicode', 'rightunicode', 'linktocategories', 'showuncategorised', 'cellspacing', 'tdborder', 'header', 'headerstyle', 'eventimage', 'imagewidth', 'usetooltip', 'event_corner', 'fixeventborder', 'showmonthsabove', 'showmonthsbelow', 'monthscaption', 'hidenavigation', 'jumpto');
foreach ($options as $item) {
$cal[$item] = stripslashes($_POST[$item]);
$cal[$item] = filter_var($cal[$item], FILTER_SANITIZE_STRING);
}
$arr = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j');
foreach ($arr as $i) {
$cal['cat' . $i] = $_POST['cat' . $i];
$cal['cat' . $i . 'back'] = $_POST['cat' . $i . 'back'];
$cal['cat' . $i . 'text'] = $_POST['cat' . $i . 'text'];
}
update_option('qem_calendar', $cal);
qem_create_css_file('update');
qem_admin_notice(__('The calendar settings have been updated', 'quick-event-manager'));
}
if (isset($_POST['Reset']) && check_admin_referer("save_qem")) {
delete_option('qem_calendar');
qem_create_css_file('update');
qem_admin_notice(__('The calendar settings have been reset', 'quick-event-manager'));
}
$calendar = qem_get_stored_calendar();
${$calendar}['eventlink'] = 'checked';
${$calendar}['startday'] = 'checked';
${$calendar}['smallicon'] = 'checked';
${$calendar}['navicon'] = 'checked';
${$calendar}['header'] = 'checked';
${$calendar}['event_corner'] = 'checked';
if ($cal['navicon'] == 'arrows') {
$leftnavicon = '◄ ';
$rightnavicon = ' ►';
}
if ($cal['navicon'] == 'unicodes') {
$leftnavicon = $cal['leftunicode'] . ' ';
$rightnavicon = ' ' . $cal['rightunicode'];
}
$content = '<style>' . qem_generate_css() . '</style>
<div class="qem-settings"><div class="qem-options">
<h2>' . __('Using the Calendar', 'quick-event-manager') . '</h2>
<p>' . __('To add a calendar to your site use the shortcode: [qemcalendar]', 'quick-event-manager') . '.</p>
<form method="post" action="">
<table width="100%">
<tr>
<td colspan="2"><h2>' . __('General Settings', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Linking to Events', 'quick-event-manager') . '</td>
<td><input type="radio" name="eventlink" value="linkpopup" ' . $linkpopup . ' /> ' . __('Link opens event summary in a popup', 'quick-event-manager') . '<br />
<input type="radio" name="eventlink" value="linkpage" ' . $linkpage . ' /> ' . __('Link opens event page', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Old Events', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="archive" ' . $calendar['archive'] . ' value="checked" /> ' . __('Show past events in the calendar', 'quick-event-manager') . '.</td>
</tr>
<tr>
<td width="30%">' . __('Linking Calendar to the Event List', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="connect"' . $calendar['connect'] . ' value="checked" /> ' . __('Link Event List to Calendar Page', 'quick-event-manager') . '.<br>
<span class="description">' . __('You will need to create pages for the calendar and the event list', 'quick-event-manager') . '.</span>
</td>
</tr>
<tr>
<td width="30%">' . __('Calendar link text', 'quick-event-manager') . '</td><td><input type="text" style="" label="calendar_text" name="calendar_text" value="' . $calendar['calendar_text'] . '" /></td></tr>
<tr><td width="30%">' . __('Calendar page URL', 'quick-event-manager') . '</td><td><input type="text" style="" label="calendar_url" name="calendar_url" value="' . $calendar['calendar_url'] . '" /></td></tr>
<tr><td width="30%">' . __('Event list link text', 'quick-event-manager') . '</td><td><input type="text" style="" label="eventlist_text" name="eventlist_text" value="' . $calendar['eventlist_text'] . '" /></td></tr>
<tr>
<td width="30%">' . __('Event list page', 'quick-event-manager') . ' URL</td>
<td><input type="text" style="" label="eventlist_url" name="eventlist_url" value="' . $calendar['eventlist_url'] . '" /></td></tr>
<tr>
<td width="30%">Navigation Labels</td>
<td><input type="text" style="width:50%;" label="text" name="prevmonth" value="' . $calendar['prevmonth'] . '" /><input type="text" style="text-align:right;width:50%;" label="text" name="nextmonth" value="' . $calendar['nextmonth'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Navigation Icons', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="navicon" value="none" ' . $none . ' /> ' . __('None', 'quick-event-manager') . '
<input type="radio" name="navicon" value="arrows" ' . $arrows . ' /> ◄ ►
<input type="radio" name="navicon" value="unicodes" ' . $unicodes . ' />' . __('Other', 'quick-event-manager') . ' (' . __('enter', 'quick-event-manager') . ' <a href="http://character-code.com/arrows-html-codes.php" target="_blank">' . __('hex code', 'quick-event-manager') . '</a> ' . __('below', 'quick-event-manager') . ').<br />
Left: <input type="text" style="width:6em;" label="text" name="leftunicode" value="' . $calendar['leftunicode'] . '" /> Right: <input type="text" style="width:6em;" label="text" name="rightunicode" value="' . $calendar['rightunicode'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Jump to links', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="jumpto"' . $calendar['jumpto'] . ' value="checked" /> ' . __('Jump to the top of the calendar when linking to a new month.', 'quick-event-manager') . '</td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Calendar Options', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Month and Date Header', 'quick-event-manager') . '</td>
<td><input type="radio" name="header" value="h2" ' . $h2 . ' /> H2 <input type="radio" name="header" value="h3" ' . $h3 . ' /> H3 <input type="radio" name="header" value="h4" ' . $h4 . ' /> H4<br>
Header CSS:<br>
<input type="text" style="" name="headerstyle" value="' . $calendar['headerstyle'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Day Border', 'quick-event-manager') . '</td>
<td><input type="text" style="width:12em;" label="tdborder" name="tdborder" value="' . $calendar['tdborder'] . '" /> Example: 1px solid red</td>
</tr>
<tr>
<td width="30%">' . __('Cellspacing', 'quick-event-manager') . '</td>
<td><input type="text" style="width:2em;" label="cellspacing" name="cellspacing" value="' . $calendar['cellspacing'] . '" /></td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Months', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td width="30%">' . __('Display 12 Mavigation', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="showmonthsabove" ' . $calendar['showmonthsabove'] . ' value="checked" /> ' . __('Show above calendar', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="showmonthsbelow" ' . $calendar['showmonthsbelow'] . ' value="checked" /> ' . __('Show below calendar', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Caption', 'quick-event-manager') . '</td>
<td><input type="text" style="" label="text" name="monthscaption" value="' . $calendar['monthscaption'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Hide navigation', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="hidenavigation" ' . $calendar['hidenavigation'] . ' value="checked" /> ' . __('Remove Prev and Next links', 'quick-event-manager') . '</td>
</tr>
<tr>
<td colspan="2"><h2>' . __('Event Options', 'quick-event-manager') . '</h2></td>
</tr>
<tr>
<td width="30%">' . __('Multi-day Events', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="showmultiple" ' . $calendar['showmultiple'] . ' value="checked" /> ' . __('Show event on all days', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Event Border', 'quick-event-manager') . '</td>
<td><input type="text" style="width:12em;" label="eventborder" name="eventborder" value="' . $calendar['eventborder'] . '" /> enter \'none\' to remove border</td>
</tr>
<tr>
<td width="30%"></td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="fixeventborder" ' . $calendar['fixeventborder'] . ' value="checked" /> ' . __('Lock border colour (ignore category colours)', 'quick-event-manager') . '</td>
</tr>
<tr>
<td>' . __('Corners', 'quick-event-manager') . '</td>
<td>
<input type="radio" name="event_corner" value="square" ' . $square . ' /> ' . __('Square', 'quick-event-manager') . '
<input type="radio" name="event_corner" value="rounded" ' . $rounded . ' /> ' . __('Rounded', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Character Number', 'quick-event-manager') . '</td>
<td><input type="text" style="width:4em;" label="text" name="eventlength" value="' . $calendar['eventlength'] . '" /><span class="description"> Number of characters to display in event box</span></td>
</tr>
<tr>
<td style="vertical-align:top;">' . __('Small Screens', 'quick-event-manager') . '</td>
<td><span class="description">' . __('What to display on small screens', 'quick-event-manager') . ':</span><br>
<input type="radio" name="smallicon" value="trim" ' . $trim . ' /> ' . __('Full message', 'quick-event-manager') . ' <input type="radio" name="smallicon" value="arrow" ' . $arrow . ' /> ' . __('▶', 'quick-event-manager') . ' <input type="radio" name="smallicon" value="box" ' . $box . ' /> ' . __('□', 'quick-event-manager') . ' <input type="radio" name="smallicon" value="square" ' . $square . ' /> ' . __('■', 'quick-event-manager') . ' <input type="radio" name="smallicon" value="asterix" ' . $asterix . ' /> ' . __('★', 'quick-event-manager') . '
<input type="radio" name="smallicon" value="blank" ' . $blank . ' /> ' . __('Blank', 'quick-event-manager') . '
<input type="radio" name="smallicon" value="other" ' . $other . ' /> ' . __('Other', 'quick-event-manager') . ' (' . __('enter escaped', 'quick-event-manager') . ' <a href="http://www.fileformat.info/info/unicode/char/search.htm" target="blank">unicode</a> ' . __('or hex code below', 'quick-event-manager') . ').<br />
<input type="text" style="width:6em;" label="text" name="unicode" value="' . $calendar['unicode'] . '" /></td>
</tr>
<tr><td width="30%">' . __('Background', 'quick-event-manager') . '</td>
<td><input type="text" class="qem-color" label="background" name="eventbackground" value="' . $calendar['eventbackground'] . '" /><br><span class="description">Select clear to use day colour</span></td>
</tr>
<tr>
<td width="30%">' . __('Text', 'quick-event-manager') . '</td>
<td><input type="text" class="qem-color" label="text" name="eventtext" value="' . $calendar['eventtext'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Text Styles', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="eventbold" ' . $calendar['eventbold'] . ' value="checked" /> ' . __('Bold', 'quick-event-manager') . '<input type="checkbox" style="margin:0; padding: 0; border: none" name="eventitalic" ' . $calendar['eventitalic'] . ' value="checked" /> ' . __('Italic', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Event Hover', 'quick-event-manager') . '</td>
<td><input type="text" class="qem-color" label="background" name="eventhover" value="' . $calendar['eventhover'] . '" /></td>
</tr>
<tr>
<td width="30%">' . __('Event Image', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="eventimage" ' . $calendar['eventimage'] . ' value="checked" /> ' . __('Show event image on the calendar', 'quick-event-manager') . '<br>' . __('Image Width', 'quick-event-manager') . '<input type="text" style="width:3em;" label="text" name="imagewidth" value="' . $calendar['imagewidth'] . '" /> px</td>
</tr>
<tr>
<td width="30%">' . __('Hover Message', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="usetooltip" ' . $calendar['usetooltip'] . ' value="checked" /> ' . __('Show full event title on hover', 'quick-event-manager') . '</td>
</tr>
</table>
<h2>' . __('Calendar Colours', 'quick-event-manager') . '</h2>
<div class="qem-calcolor">
<p style="font-weight:bold"><span style="float:left;width:10em;">' . __('Items', 'quick-event-manager') . '</span>' . __('Background', 'quick-event-manager') . ' / ' . __('Text', 'quick-event-manager') . '</p>
<p><span style="float:left;width:10em">' . __('Days of the Week', 'quick-event-manager') . '</span> <input type="text" class="qem-color" label="background" name="calday" value="' . $calendar['calday'] . '" /><input type="text" class="qem-color" label="text" name="caldaytext" value="' . $calendar['caldaytext'] . '" /></p>
<p><span style="float:left;width:10em">' . __('Normal Day', 'quick-event-manager') . '</span> <input type="text" class="qem-color" label="background" name="day" value="' . $calendar['day'] . '" /></p>
<p><span style="float:left;width:10em">' . __('Event Day', 'quick-event-manager') . '</span> <input type="text" class="qem-color" label="background" name="eventday" value="' . $calendar['eventday'] . '" /><input type="text" class="qem-color" label="text" name="eventdaytext" value="' . $calendar['eventdaytext'] . '" /></p>
<p><span style="float:left;width:10em">' . __('Past Day', 'quick-event-manager') . '</span> <input type="text" class="qem-color" label="background" name="oldday" value="' . $calendar['oldday'] . '" /></p>
</div>
<h2>' . __('Event Category Colours', 'quick-event-manager') . '</h2>
<p style="font-weight:bold"><span style="float:left;width:8em;">' . __('Category', 'quick-event-manager') . '</span>' . __('Background', 'quick-event-manager') . ' / ' . __('Text', 'quick-event-manager') . '</p>
<div class="qem-calcolor">';
$arr = array('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j');
foreach ($arr as $i) {
$content .= '<p>' . qem_categories('cat' . $i, $calendar['cat' . $i]) . '
<input type="text" class="qem-color" label="cat' . $i . 'back" name="cat' . $i . 'back" value="' . $calendar['cat' . $i . 'back'] . '" />
<input type="text" class="qem-color" label="cat' . $i . 'text" name="cat' . $i . 'text" value="' . $calendar['cat' . $i . 'text'] . '" /></p>';
}
$content .= '</div>
<table width="100%">
<tr>
<td width="30%">' . __('Display category key', 'quick-event-manager') . '</td>
<td><input type="checkbox" style="margin:0; padding: 0; border: none" name="showkeyabove" ' . $calendar['showkeyabove'] . ' value="checked" /> ' . __('Show above calendar', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="showkeybelow" ' . $calendar['showkeybelow'] . ' value="checked" /> ' . __('Show below calendar', 'quick-event-manager') . '</td>
</tr>
<tr>
<td width="30%">' . __('Caption:', 'quick-event-manager') . '</td>
<td><input type="text" style="" label="text" name="keycaption" value="' . $calendar['keycaption'] . '" /></td>
</tr>
<tr>
<td width="30%"></td><td><input type="checkbox" style="margin:0; padding: 0; border: none" name="linktocategories" ' . $calendar['linktocategories'] . ' value="checked" /> ' . __('Link keys to categories', 'quick-event-manager') . '<br>
<input type="checkbox" style="margin:0; padding: 0; border: none" name="showuncategorised" ' . $calendar['showuncategorised'] . ' value="checked" /> ' . __('Show uncategorised key', 'quick-event-manager') . '</td>
</tr>
</table>
<h2>' . __('Start the Week', 'quick-event-manager') . '</h2>
<p><input type="radio" name="startday" value="sunday" ' . $sunday . ' /> ' . __('On Sunday', 'quick-event-manager') . '<br />
<input type="radio" name="startday" value="monday" ' . $monday . ' /> ' . __('On Monday', 'quick-event-manager') . '</p>
<p><input type="submit" name="Submit" class="button-primary" style="color: #FFF;" value="' . __('Save Changes', 'quick-event-manager') . '" /> <input type="submit" name="Reset" class="button-primary" style="color: #FFF;" value="' . __('Reset', 'quick-event-manager') . '" onclick="return window.confirm( \'' . __('Are you sure you want to reset the calendar settings?', 'quick-event-manager') . '\' );"/></p>';
$content .= wp_nonce_field("save_qem");
$content .= '</form>
</div>
<div class="qem-options" style="float:right">
<h2>' . __('Calendar Preview', 'quick-event-manager') . '</h2>
<p>' . __('The <em>prev</em> and <em>next</em> buttons only work on your Posts and Pages - so don’t click on them!', 'quick-event-manager') . '</p>';
$content .= qem_show_calendar('');
$content .= '</div></div>';
echo $content;
}
