创建版本
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#color-picker").colorpicker({
|
||||
fillcolor: true,
|
||||
target: "#calendarcolor",
|
||||
change: function(obj, color) {
|
||||
$(obj).css({'background-color': color});
|
||||
$('#calendarcolor').val(color);
|
||||
},
|
||||
reset: function(obj, color) {
|
||||
$(obj).css({'background-color': color});
|
||||
$('#calendarcolor').val(color);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<form method="post" role="form" class="form-horizontal" id="myform" name="myform">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">日程名称</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control input-sm" id="displayname" name="displayname" value="{{$calendar['displayname']}}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 control-label">日程描述</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea rows="2" class="form-control input-sm" name="description">{{$calendar['description']}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group m-b-none">
|
||||
<label class="col-sm-2 control-label">日程颜色</label>
|
||||
<div class="col-sm-10">
|
||||
<div class="colorpicker-controller m-t-xs" title="选择颜色">
|
||||
<div id="color-picker" class="colorpicker" style="background-color:{{$calendar['calendarcolor']}};"></div>
|
||||
</div>
|
||||
<input type="hidden" id="calendarcolor" name="calendarcolor" value="{{$calendar['calendarcolor']}}">
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="id" name="id" value="{{$calendar['id']}}" />
|
||||
</form>
|
||||
@@ -0,0 +1,22 @@
|
||||
<ul class="list-group list-group-lg no-radius no-bg auto m-b-none">
|
||||
|
||||
<li class="list-group-item no-border">
|
||||
<span class="text-ellipsis">
|
||||
<span class="label bg-info">CalDAV URL</span>
|
||||
<code>{{$public_url}}/caldav</code>
|
||||
<div style="padding-top:6px;">
|
||||
安卓系统使用此地址 <a class="option" href="http://www.xijianfood.com/uploads/calendar.caldav.sync.apk">同步助手下载</a>
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="list-group-item" style="border-bottom:0;">
|
||||
<span class="text-ellipsis">
|
||||
<span class="label bg-info">CalDAV URL(<strong>IOS/OS X</strong>)</span>
|
||||
<code>{{$public_url}}/caldav/principals/{{Auth::user()->username}}</code>
|
||||
<div style="padding-top:6px;">
|
||||
苹果系统及苹果手机请使用此地址
|
||||
</div>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -0,0 +1,589 @@
|
||||
<link href='{{$asset_url}}/vendor/fullcalendar/fullcalendar.css' rel='stylesheet' />
|
||||
|
||||
<script src='{{$asset_url}}/libs/moment.min.js'></script>
|
||||
<script src='{{$asset_url}}/vendor/fullcalendar/fullcalendar.js'></script>
|
||||
<script src='{{$asset_url}}/vendor/fullcalendar/locale/zh-cn.js'></script>
|
||||
<script type='text/javascript'>
|
||||
|
||||
var timelineInterval = 0;
|
||||
var calendar = null;
|
||||
var auth_id = '{{Auth::id()}}';
|
||||
var user_id = '{{$user->id}}';
|
||||
|
||||
// var overlay = null;
|
||||
|
||||
$(function() {
|
||||
|
||||
getCalendars(function(eventSources) {
|
||||
|
||||
InitCalendar(eventSources);
|
||||
|
||||
$('#calendars').on('click',"[data-calendar='active']", function() {
|
||||
activeCalendar(this);
|
||||
}).on('click',"[data-calendar='edit']", function() {
|
||||
var data = $(this).data();
|
||||
editCalendar(data.id);
|
||||
}).on('click',"[data-calendar='delete']", function() {
|
||||
var data = $(this).data();
|
||||
deleteCalendar(data.id);
|
||||
})
|
||||
|
||||
$(document).on('click',"[data-calendar='help']", function() {
|
||||
help();
|
||||
});
|
||||
});
|
||||
|
||||
// overlay = $('.fc-overlay');
|
||||
});
|
||||
|
||||
function InitCalendar(sources)
|
||||
{
|
||||
calendar = $('#calendar').fullCalendar({
|
||||
height: getPanelHeight(),
|
||||
buttonIcons: {
|
||||
prev: 'icon-chevron-left',
|
||||
next: 'icon-chevron-right',
|
||||
prevYear: 'icon-backward',
|
||||
nextYear: 'icon-forward'
|
||||
},
|
||||
header: {
|
||||
right: 'agendaDay,agendaWeek,month,listMonth',
|
||||
center: 'title',
|
||||
left: 'prev,next today'
|
||||
},
|
||||
lang: 'zh_cn',
|
||||
views: {
|
||||
month: {
|
||||
titleFormat: 'YYYY年M月'
|
||||
},
|
||||
week: {
|
||||
titleFormat: 'YYYY年M月D日'
|
||||
},
|
||||
day: {
|
||||
titleFormat: 'YYYY年M月D日'
|
||||
}
|
||||
},
|
||||
aspectRatio: 1.8,
|
||||
allDayText:'全天',
|
||||
slotLabelFormat: 'HH:mm',
|
||||
timeFormat: 'HH:mm',
|
||||
minTime:'07:00:00',
|
||||
maxTime:'23:00:00',
|
||||
titleRangeSeparator:' - ',
|
||||
monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
|
||||
monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
|
||||
dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
|
||||
dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
|
||||
buttonText: {today: '今天',month: '月',week: '周',day: '日', listMonth: '列表'},
|
||||
editable: true,
|
||||
selectable: true,
|
||||
selectHelper: true,
|
||||
eventLimit: true,
|
||||
defaultView: 'agendaWeek',
|
||||
//eventSources: sources,
|
||||
events: function(start, end, timezone, callback) {
|
||||
$.get(app.url('calendar/event/index'), {user_id: user_id, start: start.format(),end: end.format()}, function(res) {
|
||||
callback(res);
|
||||
});
|
||||
},
|
||||
viewRender:function(view) {
|
||||
/*
|
||||
window.clearInterval(timelineInterval);
|
||||
timelineInterval = window.setInterval(function() {
|
||||
timeLine(view);
|
||||
}, 10000);
|
||||
timeLine(view);
|
||||
*/
|
||||
},
|
||||
loading:function(status, view) {
|
||||
if (status) {
|
||||
$('#loading').show();
|
||||
} else {
|
||||
$('#loading').hide();
|
||||
}
|
||||
},
|
||||
|
||||
// 改变大小事件 event, dayDelta, minuteDelta, revertFunc
|
||||
eventResize: function(event, delta, revertFunc) {
|
||||
|
||||
if(auth_id == user_id) {
|
||||
resizeEvent(event, delta, revertFunc);
|
||||
} else {
|
||||
toastrError('不能给下属调整事件。');
|
||||
revertFunc();
|
||||
}
|
||||
},
|
||||
|
||||
// 拖动事件
|
||||
eventDrop: function(event, delta, revertFunc) {
|
||||
|
||||
if(auth_id == user_id) {
|
||||
moveEvent(event, delta, revertFunc);
|
||||
} else {
|
||||
toastrError('不能给下属移动事件。');
|
||||
revertFunc();
|
||||
}
|
||||
},
|
||||
|
||||
// 点击事件
|
||||
eventClick: function(event, jsEvent, view) {
|
||||
if(event.shared == true) {
|
||||
viewEvent(event, jsEvent, view);
|
||||
|
||||
} else if(auth_id == event.userid) {
|
||||
if(event.id > 0) {
|
||||
editEvent(event, jsEvent, view);
|
||||
} else {
|
||||
addEvent(event, jsEvent, view);
|
||||
}
|
||||
} else {
|
||||
viewEvent(event, jsEvent, view);
|
||||
}
|
||||
},
|
||||
|
||||
// 选择后弹出
|
||||
select: function(start, end, jsEvent, view) {
|
||||
|
||||
if(auth_id == user_id) {
|
||||
addEvent({start: start, end: end}, jsEvent, view);
|
||||
} else {
|
||||
toastrError('不能给下属添加事件。');
|
||||
}
|
||||
},
|
||||
eventMouseover: function(calEvent, jsEvent, view) {
|
||||
/*
|
||||
if(view.type == 'listMonth') {
|
||||
return;
|
||||
}
|
||||
|
||||
overlay.find('#overlay-title').text(calEvent.title);
|
||||
overlay.find('#overlay-start').text(calEvent.start.format());
|
||||
overlay.find('#overlay-end').text(calEvent.end.format());
|
||||
overlay.find('#overlay-location').text(calEvent.location);
|
||||
overlay.find('#overlay-description').text(calEvent.description);
|
||||
|
||||
overlay.removeClass('left right top').find('.arrow').removeClass('left right top pull-up');
|
||||
var wrap = $(jsEvent.target).closest('.fc-event');
|
||||
var cal = wrap.closest('#calendar');
|
||||
var left = wrap.offset().left - cal.offset().left;
|
||||
var right = cal.width() - (wrap.offset().left - cal.offset().left + wrap.width());
|
||||
var top = cal.height() - (wrap.offset().top - cal.offset().top + wrap.height());
|
||||
if(right > overlay.width()) {
|
||||
overlay.addClass('left').find('.arrow').addClass('left pull-up')
|
||||
}else if (left > overlay.width()) {
|
||||
overlay.addClass('right').find('.arrow').addClass('right pull-up');
|
||||
}else{
|
||||
overlay.find('.arrow').addClass('top');
|
||||
}
|
||||
if(top < overlay.height()) {
|
||||
overlay.addClass('top').find('.arrow').removeClass('pull-up').addClass('pull-down')
|
||||
}
|
||||
(wrap.find('.fc-overlay').length == 0) && wrap.append(overlay);
|
||||
*/
|
||||
}
|
||||
});
|
||||
|
||||
calendar.find('.fc-right').append('<button data-calendar="help" class="btn btn-default"><i class="fa fa-info-circle"></i> 帮助</button>')
|
||||
}
|
||||
|
||||
function help() {
|
||||
$.dialog({
|
||||
title: '帮助',
|
||||
onShow: function() {
|
||||
var self = this;
|
||||
$.get('{{url("help")}}',function(res) {
|
||||
self.html(res);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function timeLine(curView) {
|
||||
|
||||
var curTime = new Date();
|
||||
var parentDiv = $(".fc-slats:visible").parent();
|
||||
|
||||
var cur = moment(curTime).format();
|
||||
|
||||
var timeline = parentDiv.children(".timeline");
|
||||
if (timeline.length == 0) {
|
||||
//添加时间线标签
|
||||
timeline = $("<hr>").addClass("timeline");
|
||||
parentDiv.prepend(timeline);
|
||||
}
|
||||
|
||||
if (curView.start.format() < cur && curView.end.format() > cur) {
|
||||
timeline.show();
|
||||
} else {
|
||||
timeline.hide();
|
||||
}
|
||||
var curSeconds = (curTime.getHours() * 60 * 60) + (curTime.getMinutes() * 60) + curTime.getSeconds();
|
||||
//24 * 60 * 60 = 86400, # of seconds in a day
|
||||
var percentOfDay = curSeconds / 86400;
|
||||
var topPos = Math.floor(parentDiv.height() * percentOfDay);
|
||||
|
||||
timeline.css("top", topPos+"px");
|
||||
|
||||
// 周视图时设置时间线的位置和宽度
|
||||
if (curView.name == "agendaWeek") {
|
||||
|
||||
var dayCol = $(".fc-today:visible");
|
||||
|
||||
if(dayCol.position()) {
|
||||
var left = dayCol.position().left;
|
||||
var width = dayCol.width();
|
||||
timeline.css({
|
||||
left:left + "px",
|
||||
width:width + "px"
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function viewEvent(event, jsEvent, view)
|
||||
{
|
||||
var data = dateFormat(event);
|
||||
data.id = event.id;
|
||||
$.dialog({
|
||||
title: '查看事件',
|
||||
onShow:function() {
|
||||
var self = this;
|
||||
$.get('{{url("event/view")}}?'+$.param(data), function(res) {
|
||||
self.html(res);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function addEvent(event, jsEvent, view)
|
||||
{
|
||||
var data = dateFormat(event);
|
||||
$.dialog({
|
||||
title:'事件管理',
|
||||
url: app.url('calendar/event/add', data),
|
||||
buttons:[{
|
||||
text: '取消',
|
||||
'class': 'btn-default',
|
||||
click: function() {
|
||||
$(this).dialog('close');
|
||||
}
|
||||
},{
|
||||
text: '提交',
|
||||
'class': 'btn-info',
|
||||
click: function() {
|
||||
var $this = $(this);
|
||||
if ($('#title').val().length == 0) {
|
||||
toastrError('主题必须填写。');
|
||||
return false;
|
||||
}
|
||||
var myform = $('#myform').serialize();
|
||||
$.post('{{url("event/add")}}',myform, function(res) {
|
||||
if (res.status) {
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
toastrSuccess('事件已保存。');
|
||||
$this.dialog('close');
|
||||
} else {
|
||||
toastrError('事件未保存。');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
||||
function resizeEvent(event, delta, revertFunc)
|
||||
{
|
||||
var data = {
|
||||
id: event.id,
|
||||
delta:delta.asSeconds(),
|
||||
lastmodified: event.lastmodified
|
||||
};
|
||||
|
||||
$.post('{{url("event/resize")}}', data, function(r) {
|
||||
if (r.status) {
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
toastrSuccess('事件已保存。');
|
||||
} else {
|
||||
toastrError('事件未保存。');
|
||||
revertFunc();
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
|
||||
function moveEvent(event, delta, revertFunc)
|
||||
{
|
||||
var data = {
|
||||
id:event.id,
|
||||
allday:event.allDay,
|
||||
delta:delta.asSeconds(),
|
||||
lastmodified:event.lastmodified
|
||||
};
|
||||
$.post('{{url("event/move")}}', data, function(res) {
|
||||
if (res.status) {
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
toastrSuccess('事件已保存。');
|
||||
} else {
|
||||
toastrError('事件未保存。');
|
||||
revertFunc();
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
|
||||
function editEvent(event, jsEvent, view)
|
||||
{
|
||||
var data = dateFormat(event);
|
||||
data.id = event.id;
|
||||
data.title = event.title;
|
||||
data.location = event.location;
|
||||
data.description = event.description;
|
||||
data.lastmodified = event.lastmodified;
|
||||
|
||||
$.dialog({
|
||||
title:'事件管理',
|
||||
url:app.url('calendar/event/edit', data),
|
||||
buttons:[{
|
||||
text: '取消',
|
||||
'class': 'btn-default',
|
||||
click: function() {
|
||||
$(this).dialog('close');
|
||||
}
|
||||
},{
|
||||
text: '提交',
|
||||
'class': 'btn-info',
|
||||
click: function() {
|
||||
|
||||
var $this = $(this);
|
||||
if ($('#title').val().length == 0) {
|
||||
toastrError('主题必须填写。');
|
||||
return false;
|
||||
}
|
||||
|
||||
var myform = $('#myform').serialize();
|
||||
$.post('{{url("event/edit")}}', myform, function(res) {
|
||||
if (res.status) {
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
toastrSuccess('事件已保存。');
|
||||
$this.dialog('close');
|
||||
} else {
|
||||
toastrError('事件未保存。');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
},{
|
||||
text: '删除',
|
||||
'class': 'btn-danger',
|
||||
click: function() {
|
||||
var $btn = $(this);
|
||||
|
||||
$.messager.confirm('操作警告', '确定要删除事件吗?', function(btn) {
|
||||
if (btn == true) {
|
||||
$.post('{{url("event/delete")}}', data, function(res) {
|
||||
if (res.status) {
|
||||
toastrSuccess(res.data);
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
$btn.dialog('close');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
});
|
||||
}
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
||||
function deleteCalendar(id)
|
||||
{
|
||||
$.messager.confirm('操作警告', '确定删除日历，事件也会被同时删除？', function(btn) {
|
||||
if (btn == true) {
|
||||
$.post("{{url('delete')}}", {id:id}, function(res) {
|
||||
if (res.status) {
|
||||
toastrSuccess('日历删除完成。');
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function editCalendar(id)
|
||||
{
|
||||
$.dialog({
|
||||
title: '日历管理',
|
||||
modalClass:'',
|
||||
dialogClass:'modal-xs',
|
||||
onShow:function() {
|
||||
var self = this;
|
||||
$.get('{{url("add")}}?id='+id, function(res) {
|
||||
self.html(res);
|
||||
});
|
||||
},
|
||||
buttons: [{
|
||||
text: '提交',
|
||||
'class': 'btn-info',
|
||||
click: function() {
|
||||
var $btn = $(this);
|
||||
var data = $('#myform').serialize();
|
||||
$.post('{{url("add")}}', data, function(res) {
|
||||
if (res.status) {
|
||||
getCalendars();
|
||||
toastrSuccess('日历已保存。');
|
||||
$btn.dialog('close');
|
||||
} else {
|
||||
toastrError('日历未保存。');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
},{
|
||||
text: '取消',
|
||||
'class': 'btn-default',
|
||||
click: function() {
|
||||
$(this).dialog('close');
|
||||
}
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
||||
function getCalendars(callback)
|
||||
{
|
||||
var rows = [];
|
||||
var home = user_id == auth_id ? '<a href="javascript:;" data-calendar="edit" id="0" title="新建日历"><i class="icon icon-plus"></i> 新建</a>' : '<a href="{{url("index")}}" title="返回我的日历">[返回]</a>';
|
||||
|
||||
$.get("{{url('calendars',['user_id'=>$user->id])}}", function(res) {
|
||||
|
||||
rows.push('<ul class="list-group"><li class="list-group-item"><span class="edit pull-right">'+home+'</span><strong>{{$user->name}}的日历</strong></li>');
|
||||
|
||||
$.each(res.data.calendars, function() {
|
||||
|
||||
var edit = '';
|
||||
if(this.userid == auth_id) {
|
||||
edit = '<span class="pull-right"><a class="option" href="javascript:;" data-calendar="edit" data-id="'+this.id+'"><i class="fa fa-pencil"></i></a> <a href="javascript:;" class="option" data-calendar="delete" data-id="'+this.id+'"><i class="fa fa-remove"></i></a></span>';
|
||||
}
|
||||
if(this.active == 1) {
|
||||
var checkbox = 'checked';
|
||||
}
|
||||
if(this.id == 'shared') {
|
||||
var checkbox = 'checked disabled';
|
||||
}
|
||||
rows.push('<li class="list-group-item">'+ edit +'<label class="checkbox-inline"><input data-calendar="active" data-id="'+this.id+'" type="checkbox" '+checkbox+' /> <span class="text" style="color:'+this.calendarcolor+'">'+this.displayname+'</span></label></li>');
|
||||
});
|
||||
rows.push('</ul>');
|
||||
$('#calendars').html(rows.join(''));
|
||||
|
||||
if(callback) {
|
||||
callback(res.data.sources);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function activeCalendar(self)
|
||||
{
|
||||
var $self = $(self);
|
||||
var id = $self.data('id');
|
||||
var active = $self.prop('checked') ? 1 : 0;
|
||||
$.post('{{url("active")}}',{id:id,active:active}, function(res) {
|
||||
if (res.status) {
|
||||
calendar.fullCalendar('refetchEvents');
|
||||
}
|
||||
},'json');
|
||||
}
|
||||
|
||||
function dateFormat(event)
|
||||
{
|
||||
var allDay = !event.start.hasTime();
|
||||
var start = event.start.format();
|
||||
var end = event.end == null ? start : event.end.format();
|
||||
return {
|
||||
start:start,
|
||||
end:end,
|
||||
allDay:allDay
|
||||
};
|
||||
}
|
||||
|
||||
function getPanelHeight() {
|
||||
var position = $('#calendar-wrapper').position();
|
||||
var iframeHeight = $(window).height();
|
||||
return iframeHeight - position.top - 23;
|
||||
}
|
||||
|
||||
$(function() {
|
||||
$(window).resize(function() {
|
||||
$('#calendar').fullCalendar('option', 'height', getPanelHeight());
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style type='text/css'>
|
||||
|
||||
#calendar { position: relative; }
|
||||
.fc-toolbar h2 { font-size: 24px; }
|
||||
|
||||
#loading { background:red; color:#fff; padding:3px; position:absolute; top:5px;right:5px;z-index:9999;}
|
||||
|
||||
.category .tree ul {padding:5px 0;}
|
||||
.category .tree ul li.me {padding:5px; color:#666;}
|
||||
.category .tree ul li ul {padding:5px 0 0;}
|
||||
.category .tree ul li ul li {padding:5px 5px 0 5px; border:0;border-top:1px solid #eee;}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="panel">
|
||||
|
||||
<div class="wrapper-sm">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-2 padder-r-n">
|
||||
|
||||
<div id="calendars"></div>
|
||||
|
||||
<div class="category m-t m-b">
|
||||
|
||||
<div class="tree">
|
||||
|
||||
<ul class="list-group">
|
||||
|
||||
<li class="list-group-item"><strong>下属日历</strong></li>
|
||||
|
||||
@if($underling['role'])
|
||||
@foreach($underling['role'] as $role_id => $role)
|
||||
<li class="list-group-item">
|
||||
{{$role['title']}}
|
||||
<ul>
|
||||
@if($underling['user'][$role_id])
|
||||
@foreach($underling['user'][$role_id] as $user)
|
||||
<li class="list-group-item"><a href="{{url('index',['user_id'=>$user['id']])}}">{{$user['name']}}</a></li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-10" id="calendar-wrapper">
|
||||
<div id='loading' style='display:none;'>加载数据...</div>
|
||||
<!--
|
||||
<div class="fc-overlay">
|
||||
<div class="panel bg-white b-a pos-rlt">
|
||||
<span class="arrow"></span>
|
||||
<div class="h4 font-thin m-b-sm" id="overlay-title"></div>
|
||||
<div class="line b-b b-light"></div>
|
||||
<div><i class="fa fa-calendar text-muted m-r-xs"></i><span id="overlay-start"></span></div>
|
||||
<div><i class="fa fa-clock-o text-muted m-r-xs"></i><span id="overlay-end"></span></div>
|
||||
<div><i class="fa fa-map-marker text-muted m-r-xs"></i><span id="overlay-location"></span></div>
|
||||
<div class="m-t-sm" id="overlay-description"></div>
|
||||
<div class="m-t-sm" id="overlay-url"></div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<div id='calendar'></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user