<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: 640px) {
- button {
- width: 4em;
- }
-}
-
@media only screen and (max-device-width: 400px) {
div.view {
- float: left !important;
margin-left: 100px;
}
}
+@media only screen and (max-device-width: 980px) {
+ button {
+ width: 3em;
+ }
+}
+
div.view {
float:right;
margin-top:-30px;
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;
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="next" style="display:none;">>></button>',
+ '<button id="sync" style="display:none;"><img src="'+site_url('pix/sync.png')+'" /></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>'];
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;
} 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();
});