pfisjs/views/old/index.jade

134 lines
4.4 KiB
Plaintext

include mixins
include mixins_day
doctype html
html
include header
script(src='/javascripts/pfiswebsocket.js')
script(src='/javascripts/runtime.js')
script(src='/templates/daycontent.js')
script(src='/templates/errorview_inlay.js')
link(href="/stylesheets/bootstrap-datepicker.min.css", rel="stylesheet")
script(src='/javascripts/bootstrap-datepicker.min.js' )
script(src='/javascripts/bootstrap-datepicker.de.min.js' )
body
if can_go_back === false
script.
history.pushState(null, null, location.href);
window.onpopstate = function(event) {
history.go(1);
};
.modal.fade(id="daypickerDialog", role="dialog", aria-labelledby="daypickerDialogLabel", aria-hidden="true")
.modal-dialog(role="document")
.modal-content
.modal-header
button(type="button", class="close", data-dismiss="modal", aria-hidden="true") ×
h4(class="modal-title" id="daypickerDialogLabel") Datum anspringen
.modal-body
#datepicker()
.modal-footer
button(type="button", class="btn btn-default", data-dismiss="modal") Abbrechen
button(type="button", class="btn btn-success", id="confirm") Anspringen
+standard_delete_dialog("confirmDelete")
.root
.new_flex_zero
+nav("PfarrInfoSystem", "dropdown_menu")
+nav_item( "#", "active" ) Tag
+nav_item( "/timeline/" + date.date) TagZeitleiste
+nav_item( "/week/" + date.date) Woche
+nav_item( "/day/"+date.date+"/select_punits_for_view" ) Angezeigte Orte konfigurieren
+nav_item( "/info" ) Info
#dataparent.subroot.full_height(style="height: 100%; margin-top: 5px;")
+daycontent(date, litinfo, last_week, yesterday, tomorrow, next_week, parishcal, messages)
script.
var ws;
$(document).ready(function() {
console.log('NOW CONNECTING');
ws = new PfISWebSocket("#{sessionuuid}");
ws.bind_standard_close_handler();
ws.bind('get_parishday_result', function(data){
console.log('day_goto_result');
history.replaceState(null, document.title, "/day/" + data.date.date + "?back=false");
var html = daycontent_template(data);
$('#dataparent').html(html);
var timeline_elem = $('.navbar-collapse > ul > li:nth(1) > a');
timeline_elem.prop('href', '/timeline/' + data.date.date);
var week_elem = $('.navbar-collapse > ul > li:nth(2) > a');
week_elem.prop('href', '/week/' + data.date.date);
console.log(week_elem);
});
ws.bind('pentry_delete_result', function(data) {
console.log("pentry_delete_result", data);
if(data.result === 'OK') {
var button = $('[data-pentry-uuid="'+ data.uuid + '"]');
var type = data.pentrytype;
var box = button.closest('.' + type);
box.remove();
}
var messages = errorview_inlay_template({ messages: data.messages, is_error: (data.result === 'OK' ? false : true), session_ended: false});
$('#daycontrol_parent').append(messages);
$('#confirmDelete').modal('hide');
});
});
function day_goto(new_date) {
console.log(new_date);
ws.send('get_parishday', {format : "day", date : new_date});
}
$('#datepicker').datepicker({format: "yyyy-mm-dd", language: "de", calendarWeeks: true, todayHighlight: true});
$('#daypickerDialog').on('show.bs.modal', function (e) {
date = $(e.relatedTarget).attr('data-date');
$('#datepicker').datepicker("update", date);
});
$('#daypickerDialog').find('.modal-footer #confirm').on('click', function() {
$('#daypickerDialog').modal('hide');
console.log('CLICKED');
day_goto($("#datepicker").datepicker('getFormattedDate'));
});
function toggle_pentrydetails_visibility(pentry) {
$(pentry).find(".pentry_details").toggle();
}
$('#confirmDelete').on('show.bs.modal', function (e) {
$etitle = $(e.relatedTarget).attr('data-pentry-title');
$(this).find('.modal-body p').text("Sind Sie sicher, dass Sie " + $etitle + " löschen wollen?");
$(this).find('.modal-footer #confirm').data('button', $(e.relatedTarget));
});
$('#confirmDelete').find('.modal-footer #confirm').on('click', function() {
var delete_button = $(this).data('button');
var date = delete_button.data('date');
var type = delete_button.data('pentry-type');
var uuid = delete_button.data('pentry-uuid');
console.log(date, type, uuid);
ws.send('pentry_delete', { date: date, pentrytype: type, uuid: uuid });
});