<future>
<page func="Infodrom Oldenburg" title="Termine">
+<script type="text/javascript" src="<root_prefix>jquery.editable.js"></script>
<style type="text/css">
+@media only screen and (max-device-width: 400px) {
+ div.view {
+ margin-left: 100px;
+ }
+}
+
+@media only screen and (max-device-width: 980px) {
+ button {
+ width: 3em;
+ }
+}
+
div.view {
float:right;
margin-top:-30px;
}
div.clear {
clear: both;
- margin-bottom: 10px;
+ margin-bottom: 3px;
}
table#calendar tr.row:hover {
background: yellow;
float: left;
width: 50%;
}
-div.bimonth div.head {
+div.onemonth div.monthcolumn {
+ float: left;
+ width: 100%;
+}
+div.head {
font-weight: bold;
border-bottom: 1px solid #ccc;
text-align: center;
}
-div.bimonth div.day {
+div.day {
position: relative;
border-bottom: 1px solid #ccc;
}
-div.bimonth div.sunday {
+div.sunday {
border-bottom: 1px solid black;
}
-div.bimonth div.today {
+div.today {
background: #90ee90;
}
-div.bimonth div div.wday {
+div div.wday {
width: 1.6em;
margin-right: 2px;
float: left;
}
-div.bimonth div div.date {
+div div.date {
width: 1.6em;
margin-right: 2px;
float: left;
}
-div.bimonth div.kw {
+div.kw {
position: absolute;
top: 0px;
right: 1px;
div.popup_body div#log div.caltitle {
border-top: 0px !important;
}
-div.popup_body div#log div {
+div.logl {
+ float: left;
+ width: 120px;
+}
+div.logr {
+ float: left;
+}
+div.popup_body div#log div.row0,
+div.popup_body div#log div.row1 {
margin: 0;
padding: 0;
font-size: 90%;
border-top: 1px solid #ccc;
}
-div.popup_body div#log div:hover
+div.popup_body div#log div.row0
{
background: #eee;
}
</select>
<protect><script type="text/javascript">
+var POPUP_TITLE_COMMENT = '<?php echo utf8_encode('Bemerkung hinzufügen'); ?>';
function menu_close()
{
$('div#menu').hide();
function dom_enhance()
{
var html = ['<div class="view">',
- '<button id="prev" style="display:none;"><<</button>',
+ '<button id="prev" style="display:none;"><img src="'+site_url('pix/left.png')+'" /></button>',
+ ' ',
+ '<button id="sync" style="display:none;"><img src="'+site_url('pix/sync.png')+'" /></button>',
' ',
- '<button id="next" style="display:none;">>></button>',
+ '<button id="next" style="display:none;"><img src="'+site_url('pix/right.png')+'" /></button>',
' ',
'<select id="month" style="display:none;">',
'<option value="">jetzt</option>',
'<select id="view">',
'<option value="normal">Normal</option>',
'<option value="bimonth">2 Monate</option>',
+ '<option value="onemonth">1 Monat</option>',
'<option value="month">Monat</option>',
'</select>',
'</div>'];
menu_close()
if (!logwindow) {
- logwindow = new Popup('Protocol', '500px', false, '<div id="log"></div>');
+ logwindow = new Popup('Protocol', '460px', false, '<div id="log"></div>');
logwindow.centerPopup();
} else {
logwindow.openPopup();
}
- $.invoke('Calendar_Item/Log', {id: $('div#menu').attr('dav_id')});
+ $.invoke('Calendar_Item/Log', {id: $('div#menu').attr('dav_id')}, function(data){
+ if (!is_mobile())
+ make_editable('div#log div.editable');
+ });
}
var commentwindow = false;
'<textarea name="comment" style="width: 296px; height:65px;"></textarea>',
'<div style="text-align: center; margin-top: 5px;"><input type="submit" value="Speichern"></div>',
'</form>'];
- commentwindow = new Popup('Bemerkung hinzufügen', '300px', false, html.join(''));
+ commentwindow = new Popup(POPUP_TITLE_COMMENT, '300px', false, html.join(''));
commentwindow.centerPopup();
$('form#comment input[type="submit"]').click(function(e){
$.invoke('Calendar_Item/AddLog', $('form#comment').serialize(), function(data){
$('div#menu').positionOn($(this), 'center').show();
return false;
});
+ $('#termine span').click(function(e){
+ $('div#menu').attr('dav_id', $(this).attr('dav_id'));
+ show_log();
+ });
$('select#month').val($('#thismonth').val());
}
} else if ($('#view').val() == 'bimonth') {
$('#month,div.view button').show();
$.invoke('Calendar/BiMonth', {month: $('#thismonth').val()}, month_actions);
+ } else if ($('#view').val() == 'onemonth') {
+ $('#month,div.view button').show();
+ $.invoke('Calendar/OneMonth', {month: $('#thismonth').val()}, month_actions);
} else if ($('#view').val() == 'month') {
$('#month,div.view button').show();
$.invoke('Calendar/Month', {month: $('#thismonth').val()}, month_actions);
});
$('div.view button').click(function(e){
+ var direction = null
+ if ($(this).attr('id') != 'sync')
+ direction = $(this).attr('id') == 'prev' ? 'prev' : 'next';
if ($('#view').val() == 'bimonth') {
$.invoke('Calendar/BiMonth',
{month: $('#thismonth').val(),
- direction: $(this).attr('id') == 'prev' ? 'prev' : 'next'}, month_actions);
+ direction: direction}, month_actions);
+ } else if ($('#view').val() == 'onemonth') {
+ $.invoke('Calendar/OneMonth',
+ {month: $('#thismonth').val(),
+ direction: direction}, month_actions);
} else if ($('#view').val() == 'month') {
$.invoke('Calendar/Month',
{month: $('#thismonth').val(),
- direction: $(this).attr('id') == 'prev' ? 'prev' : 'next'}, month_actions);
+ direction: direction}, month_actions);
}
});
if (document.location.href.indexOf('month=normal') == -1) {
- $('#view').val('bimonth');
- $.invoke('Calendar/BiMonth', {month: '<?=date('Y-m')?>'}, month_actions);
+ if (is_mobile()) {
+ $('<meta name="viewport" content="width=device-width, initial-scale=0.75" />').insertAfter('title');
+ $('#view').val('onemonth');
+ $.invoke('Calendar/OneMonth', {month: '<?=date('Y-m')?>'}, month_actions);
+ $('select#view').hide();
+ } else {
+ $('#view').val('bimonth');
+ $.invoke('Calendar/BiMonth', {month: '<?=date('Y-m')?>'}, month_actions);
+ }
}
$('#month,div.view button').show();
});