192 lines
6.6 KiB
HTML
192 lines
6.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<link rel="stylesheet" media="screen" href="/stylesheets/style.css">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
{% if config.meta_keywords %}<meta name="keywords" content="{{ config.meta_keywords }}">{% endif %}
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
|
||
|
|
<link rel='stylesheet' href='/stylesheets/fullcalendar.min.css' />
|
||
|
|
<script type='text/javascript'>
|
||
|
|
var active_page = "news";
|
||
|
|
</script>
|
||
|
|
<title>{{ settings.title }}</title>
|
||
|
|
{% include 'header.html' %}
|
||
|
|
<script src='/js/moment.min.js'></script>
|
||
|
|
<script src='/js/fullcalendar.min.js'></script>
|
||
|
|
</head>
|
||
|
|
<body class="8chan vichan {% if mod %}is-moderator{% else %}is-not-moderator{% endif %}" data-stylesheet="{% if config.default_stylesheet.1 != '' %}{{ config.default_stylesheet.1 }}{% else %}default{% endif %}">
|
||
|
|
<div class="bar top">
|
||
|
|
{{ boardlist.top }}
|
||
|
|
</div>
|
||
|
|
<header>
|
||
|
|
<h1 class="glitch" data-text="{{ settings.title }}"> {{ settings.title }}</h1>
|
||
|
|
<div class="subtitle">{{ settings.subtitle }}</div>
|
||
|
|
</header>
|
||
|
|
<div class="ban">
|
||
|
|
<div id='calendar'></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<hr/>
|
||
|
|
<footer>
|
||
|
|
<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="http://tinyboard.org/">Tinyboard</a> +
|
||
|
|
<a href='https://int.vichan.net/devel/'>vichan</a> +
|
||
|
|
<a href='https://github.com/lainchan/lainchan'>lainchan</a> {{ config.version }} -
|
||
|
|
<br><a href="http://tinyboard.org/">Tinyboard</a> Copyright © 2010-2014 Tinyboard Development Group
|
||
|
|
<br><a href="https://engine.vichan.net/">vichan</a> Copyright © 2012-2016 vichan-devel
|
||
|
|
<br><a href="https://github.com/lainchan/lainchan">lainchan</a> Copyright © 2014-2017 lainchan Administration</p>
|
||
|
|
</footer>
|
||
|
|
<div class="pages"></div>
|
||
|
|
<script type='text/javascript'>
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
var calendar = $('#calendar').fullCalendar({
|
||
|
|
editable: true,
|
||
|
|
header: {
|
||
|
|
left: 'prev,next today',
|
||
|
|
center: 'title',
|
||
|
|
right: 'month,agendaWeek,agendaDay'
|
||
|
|
},
|
||
|
|
|
||
|
|
events: "calendarpost.php",
|
||
|
|
|
||
|
|
eventRender: function(event, element, view) {
|
||
|
|
if (event.allDay === 'true') {
|
||
|
|
event.allDay = true;
|
||
|
|
} else {
|
||
|
|
event.allDay = false;
|
||
|
|
}
|
||
|
|
element.find('.fc-title').append("<br/>" + event.description);
|
||
|
|
element.css('background-color',event.color);
|
||
|
|
},
|
||
|
|
selectable: true,
|
||
|
|
selectHelper: true,
|
||
|
|
select: function(start, end, allDay) {
|
||
|
|
var title = prompt('Event Title:');
|
||
|
|
var description = prompt('Event Description:');
|
||
|
|
var url = prompt("Event URL");
|
||
|
|
var color = prompt("Event Color");
|
||
|
|
var starttime = prompt("Event Start Time");
|
||
|
|
var endtime = prompt("Event End Time");
|
||
|
|
if (title) {
|
||
|
|
var startmoment = moment(start);
|
||
|
|
var endmoment = moment(end);
|
||
|
|
var start = startmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
var end = endmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
if (starttime && endtime){
|
||
|
|
var starttimemoment = moment(starttime,'HH:mm');
|
||
|
|
var endtimemoment = moment(endtime,'HH:mm');
|
||
|
|
startmoment.hour(starttimemoment.hour());
|
||
|
|
startmoment.minute(starttimemoment.minute());
|
||
|
|
endmoment.hour(endtimemoment.hour());
|
||
|
|
endmoment.minute(endtimemoment.minute());
|
||
|
|
endmoment.subtract(1, "days");
|
||
|
|
allday = false;
|
||
|
|
start = startmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
end = endmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
url: 'calendarpost.php',
|
||
|
|
data: 'type=add&title='+ title+'&description='+ description +'&start='+ start +'&end='+ end + '&url='+url+'&color='+color,
|
||
|
|
type: "POST",
|
||
|
|
success: function(json) {
|
||
|
|
alert('Added Successfully');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
calendar.fullCalendar('renderEvent',
|
||
|
|
{
|
||
|
|
title: title,
|
||
|
|
description: description,
|
||
|
|
start: start,
|
||
|
|
end: end,
|
||
|
|
allDay: allDay,
|
||
|
|
url: url,
|
||
|
|
color:color,
|
||
|
|
},
|
||
|
|
true
|
||
|
|
);
|
||
|
|
}
|
||
|
|
calendar.fullCalendar('unselect');
|
||
|
|
},
|
||
|
|
|
||
|
|
editable: true,
|
||
|
|
eventDrop: function(event, delta) {
|
||
|
|
var startmoment = moment(start);
|
||
|
|
var endmoment = moment(end);
|
||
|
|
var start = startmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
var end = endmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
var starttime = prompt("Event Start Time");
|
||
|
|
var endtime = prompt("Event End Time");
|
||
|
|
if (starttime && endtime){
|
||
|
|
var starttimemoment = moment(starttime,'HH:mm');
|
||
|
|
var endtimemoment = moment(endtime,'HH:mm');
|
||
|
|
startmoment.hour(starttimemoment.hour());
|
||
|
|
startmoment.minute(starttimemoment.minute());
|
||
|
|
endmoment.hour(endtimemoment.hour());
|
||
|
|
endmoment.minute(endtimemoment.minute());
|
||
|
|
allday = false;
|
||
|
|
endmoment.subtract(1, "days");
|
||
|
|
start = startmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
end = endmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
url: 'calendarpost.php',
|
||
|
|
data: 'type=update&title='+ event.title+'&description='+ event.description + '&start='+ start +'&end='+ end +'&id='+ event.id ,
|
||
|
|
type: "POST",
|
||
|
|
success: function(json) {
|
||
|
|
alert("Updated Successfully");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
eventClick: function(event) {
|
||
|
|
var decision = confirm("Do you really want to do that?");
|
||
|
|
if (decision) {
|
||
|
|
$.ajax({
|
||
|
|
type: "POST",
|
||
|
|
url: 'calendarpost.php',
|
||
|
|
data: "type=delete&id=" + event.id,
|
||
|
|
success: function(json) {
|
||
|
|
$('#calendar').fullCalendar('removeEvents', event.id);
|
||
|
|
alert("Updated Successfully");}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
eventResize: function(event) {
|
||
|
|
var startmoment = moment(start);
|
||
|
|
var endmoment = moment(end);
|
||
|
|
var start = moment(start).format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
var end = moment(end).format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
var starttime = prompt("Event Start Time");
|
||
|
|
var endtime = prompt("Event End Time");
|
||
|
|
if (starttime && endtime){
|
||
|
|
var starttimemoment = moment(starttime,'HH:mm');
|
||
|
|
var endtimemoment = moment(endtime,'HH:mm');
|
||
|
|
startmoment.hour(starttimemoment.hour());
|
||
|
|
startmoment.minute(starttimemoment.minute());
|
||
|
|
endmoment.hour(endtimemoment.hour());
|
||
|
|
endmoment.minute(endtimemoment.minute());
|
||
|
|
allday = false;
|
||
|
|
endmoment.subtract(1, "days");
|
||
|
|
start = startmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
end = endmoment.format('YYYY-MM-DD HH:mm:ss');
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
url: 'calendarpost.php',
|
||
|
|
data: 'type=update&title='+ event.title+ '&description='+ event.description + '&start='+ start +'&end='+ end +'&id='+ event.id ,
|
||
|
|
type: "POST",
|
||
|
|
success: function(json) {
|
||
|
|
alert("Updated Successfully");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">{% raw %}
|
||
|
|
ready();
|
||
|
|
{% endraw %}</script>
|
||
|
|
</body>
|
||
|
|
</html>
|