ITClub/code/meetings.php

150 lines
5.1 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?
//
// meetings.php
// IT Club
//
// Copyright (c) 2015, Mr. Gecko's Media (James Coleman)
// All rights reserved.
//
// Meeting management page.
//
require_once("header.php");
if (!empty($_MGM['path'][1]) && intVal($_MGM['path'][1])!=0) {
?>
<span id="update_rsvp"></span>
<table class="table table-striped table-bordered table-hover" id="meting_list">
<thead>
<tr><th>#</th><th>Date</th><th>Name</th><th>Contact</th><th>RSVP</th><th>Options</th></tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript">
function loadMeeting() {
$("#meting_list tbody").load("<?=generateURL("api/meetings/".$_MGM['path'][1]."/list")?>/", function(response, status, xhr) {
});
}
$(document).ready(function() {
$("#meting_list").on("click", ".going", function() {
$("#update_rsvp").load("<?=generateURL("api/meetings/".$_MGM['path'][1]."/going")?>", {id: $(this).parent().parent().find(".id").text()}, function(response, status, xhr) {
loadMeeting();
});
});
$("#meting_list").on("click", ".maybe", function() {
$("#update_rsvp").load("<?=generateURL("api/meetings/".$_MGM['path'][1]."/maybe")?>", {id: $(this).parent().parent().find(".id").text()}, function(response, status, xhr) {
loadMeeting();
});
});
$("#meting_list").on("click", ".not_attending", function() {
$("#update_rsvp").load("<?=generateURL("api/meetings/".$_MGM['path'][1]."/not_attending")?>", {id: $(this).parent().parent().find(".id").text()}, function(response, status, xhr) {
loadMeeting();
});
});
loadMeeting();
});
</script>
<?
} else {
?>
<div id="meeting_edit" class="modal hide fade" tabindex="-1" role="dialog" style="width: 260px; margin-left: -130px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3 id="myModalLabel">Edit Meeting</h3>
</div>
<div class="modal-body">
<div style="display: none;" id="meeting_edit_id"></div>
<input type="text" id="meeting_edit_date" placeholder="Date" /><br />
<input type="text" id="meeting_edit_location" placeholder="Location" />
<span id="meeting_edit_load"></span>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal">Cancel</button>
<button class="btn btn-primary" data-dismiss="modal" id="meeting_edit_save">Save</button>
</div>
</div>
<div id="meeting_add" class="modal hide fade" tabindex="-1" role="dialog" style="width: 260px; margin-left: -130px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3 id="myModalLabel">Add Meeting</h3>
</div>
<div class="modal-body">
<input type="text" id="meeting_add_date" placeholder="Date" /><br />
<input type="text" id="meeting_add_location" placeholder="Location" />
<span id="meeting_add_load"></span>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal">Cancel</button>
<button class="btn btn-primary" id="meeting_add_create">Add</button>
</div>
</div>
<span class="pull-right">G = Going, M = Maybe, R = Responses</span>
<button class="btn btn-primary" id="add">Add Meeting</button>
<style type="text/css">
#meting_list .options {
width: 240px;
}
</style>
<table class="table table-striped table-bordered table-hover" id="meting_list">
<thead>
<tr><th>#</th><th>Date</th><th>Location</th><th>RSVP</th><th>Options</th></tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript">
function loadMeetings() {
$("#meting_list tbody").load("<?=generateURL("api/meetings/list")?>/", function(response, status, xhr) {
});
}
$(document).ready(function() {
$("#add").click(function() {
$("#meeting_add").modal();
});
$("#meeting_add_create").click(function() {
$("#meeting_add_load").load("<?=generateURL("api/meetings/add")?>/", {date: $("#meeting_add_date").val(), location: $("#meeting_add_location").val()}, function(response, status, xhr) {
if ($("#meeting_add_load").text()=="Successfully Added.") {
$("#meeting_add_date").val("");
$("#meeting_add_location").val("");
$("#meeting_add").modal("hide");
}
loadMeetings();
});
});
$("#meting_list").on("click", ".edit", function() {
$("#meeting_edit_id").text($(this).parent().parent().find(".id").text());
$("#meeting_edit_date").val($(this).parent().parent().find(".date").text());
$("#meeting_edit_location").val($(this).parent().parent().find(".location").text());
$("#meeting_edit").modal();
});
$("#meeting_edit_save").click(function() {
$("#meeting_edit_load").load("<?=generateURL("api/meetings/save")?>/", {id: $("#meeting_edit_id").text(), date: $("#meeting_edit_date").val(), location: $("#meeting_edit_location").val()}, function(response, status, xhr) {
if ($("#meeting_edit_load").text()=="Successfully Saved.") {
$("#meeting_edit").modal("hide");
}
loadMeetings();
});
});
$("#meting_list").on("click", ".view", function() {
window.location = "<?=generateURL("meetings/")?>"+$(this).parent().parent().find(".id").text();
});
$("#meting_list").on("click", ".rsvp", function() {
window.location = "<?=generateURL("rsvp/")?>"+$(this).parent().parent().find(".id").text();
});
loadMeetings();
});
</script>
<?
}
require_once("footer.php");
exit();
?>