pfisjs/views/emailaddresschooser.jade

229 lines
8.6 KiB
Plaintext

include mixins
include mixins_email
mixin do_group(elem)
+email_do_group(elem)
mixin do_person(elem)
+email_do_person(elem)
.subroot(style="height: 100%;")
.new_flex_zero(style="padding-left: 15px; padding-right: 15px;")
p.pentryedit_subheadline Geben Sie die eMail-Adressen an. Sie können dazu aus der Pfarrdatenbank eine Person oder eine Gruppe wählen!
form(class="form-horizontal", id="form-parishdbpersongroupselector")
fieldset(id="filedset_to")
legend(style="font-size: 120%; margin-bottom: 0px;") Empfänger
#destination_to_parent
if dest_to.length > 0
table(width='100%', class='table table-condensed', style='margin-bottom: 10px;', id="destination_to")
each empf in dest_to
tr(data-addresses="#{empf.addresses}", data-recipient-name="#{empf.recipient_name}")
td(class="the_email_recipient", width="90%") !{empf.recipient}
td
span( class="glyphicon glyphicon-trash",
aria-hidden="true",
style="color: red; padding-right: 10px; padding-left: 10px; cursor: pointer;"
data-toggle="modal",
data-target="#confirmDelete",
data-delete-type="to", data-delete-name="#{empf.recipient_name}")
else
p <i>Keine Empfänger in dieser Kategorie angegeben.</i>
- var display_fieldset_cc = (dest_cc.length > 0 ? "" : "display: none;");
fieldset(style=display_fieldset_cc, id="fieldset_cc")
legend(style="font-size: 120%; margin-bottom: 0px;") Kopie
#destination_cc_parent
if dest_cc.length > 0
table(width='100%', class='table table-condensed', style='margin-bottom: 10px;', id="destination_cc")
each empf in dest_cc
tr(data-addresses="#{empf.addresses}", data-recipient-name="#{empf.recipient_name}")
td(class="the_email_recipient", width="90%") !{empf.recipient}
td
span( class="glyphicon glyphicon-trash",
aria-hidden="true",
style="color: red; padding-right: 10px; padding-left: 10px; cursor: pointer;"
data-toggle="modal",
data-target="#confirmDelete",
data-delete-type="cc", data-delete-name="#{empf.recipient_name}")
else
p <i>Keine Empfänger in dieser Kategorie angegeben.</i>
- var display_fieldset_bcc = (dest_bcc.length > 0 ? "" : "display: none;");
fieldset(style="margin-bottom: 10px;" + display_fieldset_bcc, id="fieldset_bcc")
legend(style="font-size: 120%; margin-bottom: 0px;") Blindkopie
#destination_bcc_parent
if dest_bcc.length > 0
table(width='100%', class='table table-condensed', style='margin-bottom: 10px;', id="destination_bcc")
each empf in dest_bcc
tr(data-addresses="#{empf.addresses}", data-recipient-name="#{empf.recipient_name}")
td(class="the_email_recipient", width="90%") !{empf.recipient}
td
span( class="glyphicon glyphicon-trash",
aria-hidden="true",
style="color: red; padding-right: 10px; padding-left: 10px; cursor: pointer;"
data-toggle="modal",
data-target="#confirmDelete",
data-delete-type="bcc", data-delete-name="#{empf.recipient-name}")
else
p <i>Keine Empfänger in dieser Kategorie angegeben.</i>
form(class="form-inline", id="form-emaileditor")
.form-group
label(for="emailinput") eMail - direkte Eingabe: &nbsp;
input(type="email", class="form-control noEnterSubmit", size="65", id="emailinput", placeholder="Gültige eMail-Adresse eingeben, dann Empfangstyp wählen und auf 'Hinzufügen' klicken", required)
select(class="form-control", id="emailinput_type")
option(value="to") An
option(value="cc") Kopie
option(value="bcc") Blindkopie
button(type="submit", class="btn btn-default") Hinzufügen
.row
.col-sm-12 &nbsp;
button(class="btn btn-warning btn-xs", type="button", onclick="history.back();")
span(class="glyphicon glyphicon-remove-circle", aria-hidden="true")
span
span Zurück
button(class="btn btn-success btn-xs", type="button", id="button_next", onclick="go_forward_to(pcalpub_steps.SUMMARY,submit_emailaddresses);")
span(class="glyphicon glyphicon-ok", aria-hidden="true")
span
span Weiter
.new_flex_one(style="overflow: auto; padding-left: 15px; padding-right: 15px; margin-top: 10px;")
.parishdbelemspane
for elem in parishdb
if elem.type === "person"
+do_person(elem)
if elem.type === "group"
+do_group(elem)
script.
show_searchbar("adjust_visible_elems(this);");
if(#{dest_to.length} === 0)
$("#button_next").prop('disabled', true);
$('.noEnterSubmit').keydown(function(e){
if ( e.which == 13 ) e.preventDefault();
});
function add_email_address(data) {
console.log(data);
var table_selector = "destination_" + data.dest;
var the_table = $("#"+table_selector);
console.log(the_table.length);
$("#fieldset_" + data.dest).show();
if(the_table.length === 0) {
$("#"+table_selector+"_parent").empty();
$("#"+table_selector+"_parent").append("<table width='100%' class='table table-condensed' style='margin-bottom: 10px;' id='" + table_selector + "'></table>");
the_table = $("#"+table_selector);
if(data.dest === "to")
$("#button_next").prop('disabled', false);
}
if(data.description === "")
data.description = "[als Grppe]";
var the_delete = '<span class="glyphicon glyphicon-trash" aria-hidden="true" style="color: red; padding-right: 10px; padding-left: 10px; cursor: pointer;" data-toggle="modal", data-target="#confirmDelete", data-delete-type="' + data.dest + '", data-delete-name="' + data.name + '"></span>';
the_table.append("<tr data-addresses='" + data.address + "' data-recipient-name='" + data.name + "'><td class='the_email_recipient' width='90%;'><p style='margin-bottom: 0px;'>" + data.name + " (" + data.description + ")</p><p class='parishdbelemspane_elem_kontext', style='font-size: 80%;'>(" + data.kontext + ")</p></td><td>" + the_delete + "</td></tr>");
}
function add_email_address_group(data, elem_uid) {
var group_elem = $("#"+elem_uid);
var selects = group_elem.find('select');
console.log(selects);
selects.each(function(index) {
var selected_option = $(this).find("option:selected");
var val = selected_option.val();
console.log(val);
data.address += ";" + val;
})
console.log(data);
add_email_address(data);
}
function set_visibility_according_to_filter(substrRegex, elems) {
var actual_dn = $("#actual_elem_dn").val();
var actual_group = $("#actual_elem_group").val();
elems.each(function(index) {
var txt = $(this).data('elemname');
var show = substrRegex.test(txt);
if(show) {
$(this).show();
}
else {
$(this).hide();
}
});
}
function adjust_visible_elems(my_input) {
console.log(my_input.value);
// regex used to determine if a string contains the substring `q`
substrRegex = new RegExp(my_input.value, 'i');
set_visibility_according_to_filter(substrRegex, $("[data-parishdb]"));
}
$('#confirmDelete').on('show.bs.modal', function (e) {
$etype = $(e.relatedTarget).attr('data-delete-type');
$ename = $(e.relatedTarget).attr('data-delete-name');
$(this).find('.modal-body p').text("Sind Sie sicher, dass Sie \"" + $ename + "\" aus der Empfängerliste (" + $etype + ") löschen wollen?");
// Pass form reference to modal for submission on yes/ok
var tr = $(e.relatedTarget).closest('tr');
$(this).find('.modal-footer #confirm').data('tr', tr);
$(this).find('.modal-footer #confirm').data('delete-type', $etype);
});
$('#confirmDelete').find('.modal-footer #confirm').on('click', function() {
$etype = $(this).data('delete-type');
console.log($etype);
var tr = $(this).data('tr');
if(tr.is(":last-child") && tr.is(":first-child")) {
var table = tr.closest("table");
var table_id = table.prop('id');
var t_parent = table.parent();
table.remove();
t_parent.append("<p><i>Keine Empfänger in dieser Kategorie angegeben.</i></p>");
if(table_id === "destination_to")
$("#button_next").prop('disabled', true);
}
else
tr.remove();
$('#confirmDelete').modal('hide');
});
$('#form-emaileditor').validator().on('submit', function(e) {
if( ! e.isDefaultPrevented() )
{
console.log(e);
var dest;
switch($("#emailinput_type").prop("selectedIndex")) {
case 1: dest="cc"; break;
case 2: dest="bcc"; break;
default: dest="to";
}
add_email_address({'dest': dest, 'name': $("#emailinput").val(), 'kontext': '-', 'description' : 'direkt', 'address': $("#emailinput").val()});
e.preventDefault();
}
});