462 lines
15 KiB
Plaintext
462 lines
15 KiB
Plaintext
- var publicationformats_string = JSON.stringify(publicationformats);
|
|
|
|
include mixins
|
|
include mixins_pcalpub
|
|
include mixins_email
|
|
|
|
doctype html
|
|
html
|
|
include header
|
|
link(href="/stylesheets/bootstrap-datepicker.min.css", rel="stylesheet")
|
|
script(src='/javascripts/bootstrap-datepicker.min.js' )
|
|
script(src='/javascripts/bootstrap-datepicker.de.min.js' )
|
|
script(src='/javascripts/tinymce/tinymce.min.js' )
|
|
script(src="/javascripts/validator.min.js")
|
|
script(src='/javascripts/pfiswebsocket.js')
|
|
script(src='/templates/emailaddresschooser_inlay.js')
|
|
script(src='/templates/pcalpub_summary.js')
|
|
script(src="/javascripts/runtime.js")
|
|
body
|
|
|
|
+standard_delete_dialog("confirmDelete")
|
|
|
|
.modal.fade(id="sendEmail", role="dialog", aria-labelledby="sendEmailLabel", aria-hidden="true")
|
|
.modal-dialog(role="document")
|
|
.modal-content
|
|
.modal-header
|
|
h4(class="modal-title", id="sendEmailLabel") eMail versenden
|
|
.modal-body
|
|
p(style="font-weight: bold; font-style: italic;") Bitte warten Sie, während die folgenden Schritte ausgeführt werden:
|
|
table(class="table table-condensed")
|
|
tr
|
|
td
|
|
span#status_collect(class="glyphicon glyphicon-unchecked", aria-hidden="true")
|
|
td <b>Sammle Informationen</b>
|
|
tr
|
|
td
|
|
span#status_convert(class="glyphicon glyphicon-unchecked", aria-hidden="true")
|
|
td <b>Konvertiere Daten in das DOC-Format</b>
|
|
tr
|
|
td
|
|
span#status_send(class="glyphicon glyphicon-unchecked", aria-hidden="true")
|
|
td <b>Versende eMail</b>
|
|
#sendEmail_message
|
|
#sendEmail_explanation
|
|
.modal-footer
|
|
button#sendEmail_closebutton(type="button", class="btn btn-default", data-dismiss="modal", style="display: none;") Schließen
|
|
|
|
.modal.fade(id="initSendingDialog", role="dialog", aria-labelledby="initSendingLabel", aria-hidden="true")
|
|
.modal-dialog(role="document")
|
|
.modal-content
|
|
.modal-header
|
|
h4(class="modal-title", id="initSendingLabel") TV per eMail senden
|
|
.modal-body
|
|
p(style="font-weight: bold; font-style: italic;") Bitte warten Sie, während die eMail vorbereitet wird ...
|
|
|
|
#emaileditor.sidewideoverlay(style="z-index: 5;")
|
|
.root
|
|
.new_flex_zero
|
|
+nav("PfarrInfoSystem", "emaileditor_menu")
|
|
.container-fluid
|
|
h1 Eine Terminveröffentlichung erstellen
|
|
.small eMail vor dem Versenden bearbeiten
|
|
h4
|
|
span#emaileditor_parish_name
|
|
span :
|
|
span#emaileditor_factory_name
|
|
.small#emaileditor_timespan(style="font-size: 80%; white-space: nowrap;")
|
|
nav
|
|
ul.pager
|
|
li.previous
|
|
span(onclick="$('#mainpanel').show(); $('#emaileditor').hide(); $('html, body').scrollTop(0);") Zurück
|
|
li.next
|
|
span(onclick="save_html();") Weiter
|
|
.new_flex_one#editorparent
|
|
div(style="margin-bottom: 15px; margin-left: 15px; margin-right: 15px;")
|
|
textarea#html_for_email
|
|
|
|
#addresschooser.sidewideoverlay(style="z-index: 10;")
|
|
.root
|
|
.new_flex_zero
|
|
+nav_with_form("PfarrInfoSystem", "PfIS", "entryeditnav")
|
|
.container-fluid
|
|
h1 Eine Terminveröffentlichung erstellen
|
|
.small Adressaten auswählen
|
|
h4
|
|
span#addresschooser_parish_name
|
|
span :
|
|
span#addresschooser_factory_name
|
|
.small#addresschooser_timespan(style="font-size: 80%; white-space: nowrap;")
|
|
nav
|
|
ul.pager
|
|
li.previous
|
|
span(onclick="show_emaileditor('#addresschooser');") Zurück
|
|
li.next.disabled
|
|
span#addresschooser_next_button( onclick="if($(this).parent().hasClass('disabled')){return;} save_emailaddresses();",
|
|
title="Sie müssen mindestens einen Empfänger angeben!"
|
|
) Weiter
|
|
+emaildestinationview([], [], [], false, "")
|
|
.new_flex_one
|
|
.container-fluid#addresschooserpane
|
|
|
|
#summary.sidewideoverlay(style="z-index: 15;")
|
|
.root
|
|
.new_flex_zero
|
|
+nav("PfarrInfoSystem", "summary_nav")
|
|
.container-fluid
|
|
h1 Eine Terminveröffentlichung erstellen
|
|
.small Zusammenfassung
|
|
h4
|
|
span#summary_parish_name
|
|
span :
|
|
span#summary_factory_name
|
|
.small#summary_timespan
|
|
p Bitte überprüfen Sie nochmal alle Angaben!
|
|
nav
|
|
ul.pager
|
|
li.previous
|
|
a(href="#", onclick="show_addresschooser('#summary');") Zurück
|
|
li.next
|
|
a(href="#", data-toggle="modal", data-target="#sendEmail", data-backdrop="static", data-keyboard="false") eMail senden
|
|
.new_flex_one
|
|
.container-fluid#summarypane
|
|
|
|
#mainpanel
|
|
.root
|
|
.new_flex_zero
|
|
+nav("PfarrInfoSystem", "mainmenu")
|
|
.container-fluid
|
|
h1 Eine Terminveröffentlichung erstellen
|
|
.new_flex_one(style="margin-bottom: 10px;")
|
|
.container-fluid
|
|
+pcalpubsettings(0,0,2, date, publicationformats)
|
|
|
|
script.
|
|
$("#entryeditnav-form").on('submit', function(e){
|
|
console.log('FILTER SUBMIT');
|
|
e.preventDefault();
|
|
});
|
|
|
|
function show_searchbar(functiontocall) {
|
|
console.log($("#entryeditnav-form"));
|
|
$("#entryeditnav-form").append("<div class='input-group'><div class='input-group-addon'><span class='glyphicon glyphicon-search'></span></div><input class='form-control' type='text' placeholder='Suche' style='display: inline;' oninput='" + functiontocall + "'></input></div>");
|
|
}
|
|
show_searchbar("adjust_visible_elems(this);");
|
|
|
|
var publicationformats = !{publicationformats_string};
|
|
|
|
var full = location.protocol+'//'+location.hostname+(location.port ? ':'+location.port: '');
|
|
console.log(full);
|
|
|
|
function activate_datepicker() {
|
|
$('#datepicker').datepicker({format: "yyyy-mm-dd", language: "de", calendarWeeks: true, todayHighlight: true});
|
|
}
|
|
|
|
activate_datepicker();
|
|
|
|
function update_factories() {
|
|
var optionSelected = $("#combo_parish").prop('selectedIndex');
|
|
|
|
$("#combo_factory").empty();
|
|
|
|
for(idx = 0; idx < publicationformats[optionSelected].publicationformats.length; ++idx) {
|
|
var factory = publicationformats[optionSelected].publicationformats[idx];
|
|
$("#combo_factory").append($("<option></option>").text(factory.name));
|
|
}
|
|
|
|
update_buttons();
|
|
}
|
|
|
|
function update_buttons() {
|
|
var selectedParish = $("#combo_parish").prop('selectedIndex');
|
|
var selectedFactory = $("#combo_factory").prop('selectedIndex');
|
|
|
|
var factory = publicationformats[selectedParish].publicationformats[selectedFactory];
|
|
|
|
console.log(factory);
|
|
|
|
if(factory.can_html) {
|
|
$("#btn_html").prop('disabled', false);
|
|
$("#btn_email").prop('disabled', false);
|
|
}
|
|
else {
|
|
$("#btn_html").prop('disabled', true);
|
|
$("#btn_email").prop('disabled', true);
|
|
}
|
|
|
|
if(factory.can_custom_background)
|
|
$("#fileinput").prop('disabled', false);
|
|
else
|
|
$("#fileinput").prop('disabled', true);
|
|
}
|
|
update_buttons();
|
|
|
|
// WebSocket setup
|
|
|
|
var ws = new PfISWebSocket("#{sessionuuid}", "#{taskuuid}");
|
|
ws.bind_standard_close_handler();
|
|
|
|
// ONE SHOT FUNCTIONS BEGIN
|
|
|
|
var the_new_win;
|
|
|
|
function pcalpub_generate_html() {
|
|
console.log('btn_html');
|
|
|
|
the_new_win = window.open('', '_blank');
|
|
|
|
var selectedParish = $("#combo_parish").prop('selectedIndex');
|
|
var selectedFactory = $("#combo_factory").prop('selectedIndex');
|
|
var durance = parseInt($("#combo_durance").val());
|
|
var date = $("#datepicker").datepicker('getFormattedDate');
|
|
|
|
ws.send('pcalpub_generate_html', { parishid : selectedParish, factoryid : selectedFactory, date: date, durance : durance});
|
|
|
|
return false;
|
|
}
|
|
|
|
ws.bind('pcalpub_generate_html_result', function(data) {
|
|
the_new_win.location=data.file;
|
|
the_new_win.document.title=data.title;
|
|
});
|
|
|
|
function pcalpub_generate_and_view_document() {
|
|
the_new_win = window.open('', '_blank');
|
|
|
|
var selectedParish = $("#combo_parish").prop('selectedIndex');
|
|
var selectedFactory = $("#combo_factory").prop('selectedIndex');
|
|
var durance = parseInt($("#combo_durance").val());
|
|
var date = $("#datepicker").datepicker('getFormattedDate');
|
|
|
|
if($("#fileinput").val() == '')
|
|
ws.send('pcalpub_generate_pdf', { parishid : selectedParish, factoryid : selectedFactory, date: date, durance : durance, use_background: false});
|
|
else {
|
|
var files = $('#fileinput').prop('files');
|
|
console.log(files);
|
|
console.log(files.length);
|
|
|
|
$("#upload_pending_indicator").show();
|
|
|
|
for (var i = 0, numFiles = files.length; i < numFiles; i++) {
|
|
var file = files[i];
|
|
console.log(file.name);
|
|
console.log(file.size);
|
|
console.log(file.type);
|
|
|
|
var reader = new FileReader();
|
|
reader.onload = (function(aFile) { return function(e) {
|
|
var data = {
|
|
name : aFile.name,
|
|
size : aFile.size,
|
|
type : aFile.type,
|
|
content : e.target.result
|
|
};
|
|
|
|
ws.send('fileupload', data);
|
|
}})(file);
|
|
reader.readAsDataURL(file);
|
|
}
|
|
}
|
|
}
|
|
|
|
ws.bind('fileupload_result', function(data) {
|
|
if(data.result === "ERROR") {
|
|
alert(data.message);
|
|
return;
|
|
}
|
|
console.log('fileupload_result', data);
|
|
$("#upload_pending_indicator").hide();
|
|
|
|
var selectedParish = $("#combo_parish").prop('selectedIndex');
|
|
var selectedFactory = $("#combo_factory").prop('selectedIndex');
|
|
var durance = parseInt($("#combo_durance").val());
|
|
var date = $("#datepicker").datepicker('getFormattedDate');
|
|
|
|
ws.send('pcalpub_generate_pdf', { parishid : selectedParish, factoryid : selectedFactory, date: date, durance : durance, use_background: true });
|
|
});
|
|
|
|
ws.bind('pcalpub_generate_pdf_result', function(data) {
|
|
the_new_win.location=data.file;
|
|
the_new_win.document.title=data.title;
|
|
});
|
|
|
|
// ONE SHOT FUNCTIONS END
|
|
|
|
function pcalpub_send_html_per_email() {
|
|
$('#initSendingDialog').modal({
|
|
backdrop: 'static',
|
|
keyboard: false
|
|
});
|
|
|
|
var mydata = {
|
|
publicationformats : publicationformats,
|
|
parishid: $("#combo_parish").prop('selectedIndex'),
|
|
factoryid: $("#combo_factory").prop('selectedIndex'),
|
|
durance: parseInt($("#combo_durance").val()),
|
|
date: $("#datepicker").datepicker('getFormattedDate')
|
|
};
|
|
ws.send('init_send_per_email', mydata);
|
|
}
|
|
|
|
tinymce.editors=[];
|
|
tinymce.init({
|
|
selector: '#html_for_email',
|
|
height: '100%',
|
|
resize: false,
|
|
language: 'de',
|
|
plugins: 'advlist,autolink,autoresize,lists,link,image,charmap,print,preview,anchor,searchreplace,visualblocks,code,insertdatetime,media,table,contextmenu,paste',
|
|
toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
|
|
autoresize_bottom_margin: 5,
|
|
autoresize_min_height: 150
|
|
});
|
|
|
|
ws.bind('init_send_per_email_result', function(data) {
|
|
console.log('generate_html_for_email_result');
|
|
|
|
if(data.result === "ERROR") {
|
|
alert(data.message);
|
|
$("#initSendingDialog").modal('hide');
|
|
return;
|
|
}
|
|
|
|
// setup emaileditor
|
|
$("#emaileditor_parish_name").text(data.parish_name);
|
|
$("#emaileditor_factory_name").text(data.factory_name);
|
|
$("#emaileditor_timespan").text(data.timespan);
|
|
tinymce.get('html_for_email').setContent(decodeURIComponent(escape(window.atob(data.html))));
|
|
|
|
// setup addresschooser
|
|
$("#addresschooser_parish_name").text(data.parish_name);
|
|
$("#addresschooser_factory_name").text(data.factory_name);
|
|
$("#addresschooser_timespan").text(data.timespan);
|
|
var myhtml = emailaddresschooser_inlay_template({parishdb: data.parishdb});
|
|
$("#addresschooserpane").html(myhtml);
|
|
init_form_emailaddresschooser_direct();
|
|
|
|
// setup summary
|
|
$("#summary_parish_name").text(data.parish_name);
|
|
$("#summary_factory_name").text(data.factory_name);
|
|
$("#summary_timespan").text(data.timespan);
|
|
|
|
show_emaileditor("#mainpanel");
|
|
|
|
$("#initSendingDialog").modal('hide');
|
|
});
|
|
|
|
function show_emaileditor(calling_from_id) {
|
|
$("#emaileditor").show();
|
|
$(calling_from_id).hide();
|
|
setTimeout(function(){
|
|
tinymce.get('html_for_email').execCommand('mceAutoResize');
|
|
$("#editorparent").scrollTop(0);
|
|
}, 100);
|
|
$("html, body").scrollTop(0);
|
|
}
|
|
|
|
function update_sendbutton(to_is_filled) {
|
|
console.log('update_sendbutton: ', to_is_filled);
|
|
if(to_is_filled) {
|
|
$('#addresschooser_next_button').parent().removeClass('disabled');
|
|
$('#addresschooser_next_button').prop('title','');
|
|
}
|
|
else {
|
|
$('#addresschooser_next_button').parent().addClass('disabled');
|
|
$('#addresschooser_next_button').prop('title','Sie müssen mindestens einen Empfänger angeben!');
|
|
}
|
|
}
|
|
|
|
function save_html() {
|
|
var mydata = { html : tinymce.get('html_for_email').getContent() };
|
|
ws.send('save_html', mydata);
|
|
}
|
|
|
|
ws.bind('save_html_result', function(data) {
|
|
if(data.result === "ERROR") {
|
|
alert(data.message);
|
|
return;
|
|
}
|
|
show_addresschooser("#emaileditor");
|
|
});
|
|
|
|
function show_addresschooser(calling_from_id) {
|
|
$("#addresschooser").show();
|
|
$(calling_from_id).hide();
|
|
$("#addresschooserpane").parent().scrollTop(0);
|
|
$("html, body").scrollTop(0);
|
|
}
|
|
|
|
function save_emailaddresses() {
|
|
var data = {
|
|
dest_to : get_emailaddresses_from_table("#destination_to"),
|
|
dest_cc : get_emailaddresses_from_table("#destination_cc"),
|
|
dest_bcc : get_emailaddresses_from_table("#destination_bcc")
|
|
};
|
|
|
|
if(data.dest_to.length === 0) {
|
|
// this has not to happen, but might happen, if we click 'forward' with removed email-adresses!!!
|
|
// -> go back
|
|
console.log('ERROR_IN_SUBMIT_EMAILADDRESSES!');
|
|
return;
|
|
}
|
|
ws.send('save_emailaddresses', data);
|
|
}
|
|
|
|
ws.bind('save_emailaddresses_result', function(data) {
|
|
if(data.result === "ERROR") {
|
|
alert(data.message);
|
|
return;
|
|
}
|
|
var myhtml = pcalpub_summary_template(data);
|
|
$("#summarypane").html(myhtml);
|
|
show_summary('#addresschooser')
|
|
});
|
|
|
|
function show_summary(calling_from_id) {
|
|
$("#summary").show();
|
|
$(calling_from_id).hide();
|
|
$("#summarypane").parent().scrollTop(0);
|
|
$("html, body").scrollTop(0);
|
|
}
|
|
|
|
$('#sendEmail').on('show.bs.modal', function (e) {
|
|
is_sending = true;
|
|
|
|
$("#status_collect").prop("class", "glyphicon glyphicon-unchecked");
|
|
$("#status_convert").prop("class", "glyphicon glyphicon-unchecked");
|
|
$("#status_send").prop("class", "glyphicon glyphicon-unchecked");
|
|
$("#sendEmail_message").html("");
|
|
$("#sendEmail_explanation").html("");
|
|
$("#sendEmail_closebutton").hide();
|
|
|
|
$("#button_summary_back").hide();
|
|
$("#button_summary_send").hide();
|
|
|
|
ws.send('send_html', {});
|
|
});
|
|
|
|
$("#sendEmail").on('hidden.bs.modal', function(e) {
|
|
is_sending = false;
|
|
$("#button_summary_back").show();
|
|
$("#button_summary_send").show();
|
|
});
|
|
|
|
ws.bind('send_html_step', function(step) {
|
|
console.log('STEP', step);
|
|
$("#" + step.id).removeClass($("#" + step.id).prop('class'));
|
|
$("#" + step.id).addClass("glyphicon " + step.glyphicon);
|
|
});
|
|
|
|
ws.bind('send_html_result', function(result) {
|
|
/*if(result.result === "ERROR") {
|
|
alert(result.message);
|
|
return;
|
|
}*/
|
|
|
|
console.log('RESULT', result);
|
|
$("#sendEmail_message").html(result.message);
|
|
$("#sendEmail_explanation").html(result.explanation);
|
|
$("#sendEmail_closebutton").show();
|
|
});
|
|
|
|
+email_scripts("", "update_sendbutton", "confirmDelete")
|