Skip to content
Snippets Groups Projects
Commit 733d4228 authored by degygii's avatar degygii
Browse files

made the events modal universal

parent 9aff2f53
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 66 additions and 62 deletions
tools/events.tool
+ 66
− 62
View file @ 733d4228
...@@ -18,15 +18,15 @@ ...@@ -18,15 +18,15 @@
<!-- modal for creating new events, easier to do it this way than js--> <!-- modal for creating new events, easier to do it this way than js-->
<div class="modal fade" id="new-event-modal" role="dialog"> <div class="modal fade" id="event-modal" role="dialog">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Create new Event</h4> <h4 class="modal-title" id="event-modal-title"></h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="new-event"> <form id="event-modal-form">
<div class="form-group"> <div class="form-group">
<label for="title_de">Title</label> <label for="title_de">Title</label>
<input type="text" class="form-control" id="title_de"></input> <input type="text" class="form-control" id="title_de"></input>
...@@ -157,9 +157,8 @@ ...@@ -157,9 +157,8 @@
<!-- <input type="submit"> --> <!-- <input type="submit"> -->
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer" id="event-modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <!-- footer content here -->
<button type="button" class="btn btn-primary" onclick="events.submitNewEvent()">Submit</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -174,11 +173,11 @@ ...@@ -174,11 +173,11 @@
overflow: auto; overflow: auto;
} }
#new-event-modal { #event-modal {
overflow: auto; overflow: auto;
} }
#new-event-modal .checkbox-inline { #event-modal .checkbox-inline {
margin-bottom: 10px; margin-bottom: 10px;
} }
...@@ -289,60 +288,67 @@ ...@@ -289,60 +288,67 @@
}, },
createEvent: function() {
$("#event-modal-title").text("Create Event");
$('#event-modal-footer').html('<button type="button" class="btn btn-default" data-dismiss="modal">Close</button><button type="button" class="btn btn-primary" onclick="events.submitNewEvent()">Submit</button>');
$('#event-modal').modal('show');
},
//show details of an event in a modal
//TODO: fill the more beautiful event-modal
showDetails: function() { showDetails: function() {
amivcore.events.GET({ amivcore.events.GET({
id: $(this).attr('data-id') id: $(this).attr('data-id')
}, function(ret) { }, function(ret) {
curEventData = ret; curEventData = ret;
console.log(curEventData); console.log(curEventData);
var tmp = '<table class="table table-hover events-edit-table" data-etag="' + ret['_etag'] + '"><tbody>'; $("#event-modal-title").val("edit event");
for (var cur in ret) { // var tmp = '<table class="table table-hover events-edit-table" data-etag="' + ret['_etag'] + '"><tbody>';
if (cur.charAt(0) != '_' && cur != 'signups') // for (var cur in ret) {
tmp += '<tr><td>' + cur + '</td><td contenteditable>' + ret[cur] + '</td></tr>' // if (cur.charAt(0) != '_' && cur != 'signups')
} // tmp += '<tr><td>' + cur + '</td><td contenteditable>' + ret[cur] + '</td></tr>'
tmp += '</tbody></table>'; // }
// tmp += '</tbody></table>';
tools.modal({ //
head: ret.title_de, // tools.modal({
body: tmp, // head: ret.title_de,
button: { // body: tmp,
'Delete': { // button: {
type: 'danger', // 'Delete': {
close: false, // type: 'danger',
callback: function() { // close: false,
if (confirm("Delete " + ret.title_de + "?") == true) { // callback: function() {
amivcore.events.DELETE({ // if (confirm("Delete " + ret.title_de + "?") == true) {
id: curEventData.id, // amivcore.events.DELETE({
header: { // id: curEventData.id,
'If-Match': $('.events-edit-table').attr('data-etag') // header: {
} // 'If-Match': $('.events-edit-table').attr('data-etag')
}, function(response) { // }
console.log(response); // }, function(response) {
}); // console.log(response);
events.get(); // });
tools.log('Event deleted', 'w'); // events.get();
tools.modalClose(); // tools.log('Event deleted', 'w');
} else { // tools.modalClose();
tools.log('Event not Deleted', 'i'); // } else {
} // tools.log('Event not Deleted', 'i');
} // }
}, // }
'Signups': { // },
type: 'info', // 'Signups': {
close: false, // type: 'info',
callback: function() { // close: false,
events.showSignups(curEventData); // callback: function() {
} // events.showSignups(curEventData);
}, // }
'Update': { // },
type: 'success', // 'Update': {
close: false, // type: 'success',
callback: events.inspectEvent // close: false,
} // callback: events.inspectEvent
} // }
}); // }
// });
}); });
}, },
...@@ -355,7 +361,7 @@ ...@@ -355,7 +361,7 @@
for (var attr in curEventData) { for (var attr in curEventData) {
$('#' + attr).val(curEventData[attr]); $('#' + attr).val(curEventData[attr]);
} }
$('#new-event-modal').modal('show'); $('#event-modal').modal('show');
}); });
},*/ },*/
...@@ -492,8 +498,8 @@ ...@@ -492,8 +498,8 @@
tools.log(JSON.stringify(ret.responseJSON['_issues']), 'e'); tools.log(JSON.stringify(ret.responseJSON['_issues']), 'e');
else { else {
tools.log('Event Added', 's'); tools.log('Event Added', 's');
$('#new-event-modal').modal('hide'); $('#event-modal').modal('hide');
$("#new-event").trigger('reset'); $("#event-modal-form").trigger('reset');
events.get(); events.get();
} }
}); });
...@@ -543,12 +549,10 @@ ...@@ -543,12 +549,10 @@
$('#spots').attr('disabled', this.checked); $('#spots').attr('disabled', this.checked);
}); });
// tools in the top bar
tools.ui.menu({ tools.ui.menu({
'<span class="glyphicon glyphicon-plus" data-toggle="tooltip" aria-hidden="true" title="Create new Event" data-placement="bottom"></span>': { '<span class="glyphicon glyphicon-plus" data-toggle="tooltip" aria-hidden="true" title="Create new Event" data-placement="bottom"></span>': {
callback: function() { callback: events.createEvent
$('#new-event-modal').modal('show');
}
}, },
'<span class="glyphicon glyphicon-refresh" aria-hidden="true" data-toggle="tooltip" title="Refresh" data-placement="bottom"></span>': { '<span class="glyphicon glyphicon-refresh" aria-hidden="true" data-toggle="tooltip" title="Refresh" data-placement="bottom"></span>': {
callback: events.get callback: events.get
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment