OpenXE/www/pages/content/adresse_brief.tpl
2021-05-21 08:49:41 +02:00

897 lines
22 KiB
Smarty
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script type="text/javascript">
function popUpKorr(URL) {
w = window.open(URL, "", "menubar=no,location=no,resizable=no,scrollbars=no,status=yes,width=600,height=600");
w.focus();
return false;
}
</script>
<style>
.adresse_brief_left {
min-width: 140px;
}
.adresse_brief_left h3 {
padding: 10px;
}
.adresse_brief_left ul,
.adresse_brief_left ul li {
padding: 0;
margin: 0;
list-style: none;
}
.adresse_brief_left ul li {
padding: 6px 10px 6px 10px;
border-bottom: 1px solid #FFF;
position: relative;
}
.adresse_brief_left ul li a {
display: inline-block;
text-align: right;
position: absolute;
right: 5px;
top: 5px;
}
.adresse_brief_left ul li.anlegenAktiv {
background: #FFF;
}
.adresse_brief_left ul li.anlegenAktiv a {
}
.adresse_brief_left ul li.alleAnzeigen {
padding-top: 0;
}
.adresse_brief_left ul li label {
display: block;
}
@media (max-width: 991px) {
.adresse_brief_left {
padding-bottom: 10px;
margin-bottom: 10px;
}
.adresse_brief_left ul li {
position: relative;
display: inline-block;
min-width: 130px;
max-width: 200px;
min-height: 19px;
border: none;
}
.adresse_brief_left ul li a {
position: absolute;
right: unset;
left: 10px;
top: 3px;
text-align: unset;
}
.adresse_brief_left ul li label {
position: absolute;
left: 40px;
top: 5px;
}
.adresse_brief_tabelle_view {
margin: 0 20px 0 20px;
}
}
.adresse_brief_tabelle {
padding: 0 5px 5px 5px;
width: 98%;
min-height: 600px;
float: left;
top: -5px;
background: #FFF;
position: relative;
}
.adresse_brief_tabelle_view {
margin: 0 10px 0 10px;
}
.adresse_brief_preview {
padding: 10px;
min-width: 326px;
float: left;
background: #f5f5f5;
display: none;
position: relative;
height: 100vh;
}
.preview_datum {
}
.preview_headline {
font-size: 2em;
margin: 10px 0 10px 0;
}
.adresse_brief_preview_close {
position: absolute;
right: 5px;
top: 5px;
}
.adresse_brief_preview_print {
position: absolute;
right: 28px;
top: 5px;
}
.preview_ticket_nachricht {
background: #f1f1f1;
padding: 10px;
margin: 0 0 10px 0;
}
table.dataTable.row-border tbody tr.aktivBrief td,
table.dataTable.display tbody tr.aktivBrief td {
border-bottom: 2px solid #f5f5f5 !important;
border-top: 2px solid #f5f5f5 !important;
background: #f5f5f5 !important;
}
table.dataTable.display tbody tr.aktivBrief > .sorting_1,
table.dataTable.order-column.stripe tbody tr.aktivBrief > .sorting_1 {
background: #f5f5f5 !important;
}
table.dataTable.display tbody tr.aktivBrief td:last-child:after {
/*
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(245, 245, 245, 0);
border-left-color: #f5f5f5;
border-width: 12px;
margin-top: -9px;
*/
}
table.dataTable.display tbody tr.aktivBrief img {
display: none;
}
table.dataTable.display tbody tr.aktivBrief img.close {
display: block !important;
}
ul.adresse_brief_tabelle_filter,
ul.adresse_brief_tabelle_filter li {
padding: 0;
margin: 0;
list-style: none;
}
ul.adresse_brief_tabelle_filter li {
float: left;
margin: 0 10px 0 0;
}
.adresse_brief_anlegen {
display: none;
margin: 10px;
}
.adresse_brief_message {
display: none;
margin: 10px;
}
.adresse_brief_message_inner {
position: relative;
}
.adresse_brief_message_close {
position: absolute;
right: 5px;
top: 0px;
}
input[type=submit].brief_save,
input[type=submit].brief_email_send {
/*width: 150px;*/
/*height: 40px;*/
}
input[type=button].anlegen_close {
background: #e77471;
background-color: #e77471;
/*width: 150px;*/
/*height: 40px;*/
float: right;
}
</style>
<script>
var ersterEintrag = [TABELLEFLAG];
function edit_Eintrag(elem)
{
var entryData = $(elem).parent().parent().parent().parent().parent().parent().find('a').first();
var entryDataDokument = entryData.attr('data-type');
entryDataId = entryData.attr('data-id');
// entryData = entryData.split('||');
if (entryDataDokument != 'dokumente' && entryDataDokument != 'wiedervorlage' && entryDataDokument != 'kalender') {
if(entryDataDokument == 'dokumente_send')
{
var artel = $(elem).parents('tr').first().parents('tr').first().find('span.editlink').first();
link = $(artel).html().replace('&amp;','&').replace('&amp;','&');
window.open(link,'_blank');
return;
}
else if(entryDataDokument == 'ticket_nachricht')
{
window.open('index.php?module=ticket&action=assistent&id='+entryDataId,'_blank');
return;
}
showMessage('Dieses Dokument kann hier nicht bearbeitet werden.', 0);
return false;
}
$.ajax({
url: 'index.php',
data: {
module: 'adresse',
action: 'briefbearbeiten',
typ : entryDataDokument,
id: entryDataId
},
beforeSend: function() {
App.loading.open();
},
success: function(data) {
$('.alleAnzeigen').show();
$('.adresse_brief_anlegen').css({
width: $('.adresse_brief_tabelle').width()
});
$('.adresse_brief_tabelle').find('fieldset').hide();
$('.adresse_brief_tabelle').find('.adresse_brief_tabelle_view').hide();
$('.adresse_brief_anlegen')
.html(data)
.show();
if(typeof textvorlagenneu != 'undefined')textvorlagenneu('.adresse_brief_anlegen');
fnFilterColumn8(0);
App.loading.close();
}
});
}
function updatelupe()
{
$('.ui-autocomplete-input').each(function(){
var elnext = $(this).next();
if($(elnext).is('a') && $(elnext).html() == 'X')
{
$(elnext).after('<img onclick="clicklupe(this);" style="right:10px;top:5px;position:absolute;cursor:pointer;" src="images/icon_lupe_plus_transparent.png" class="autocomplete_lupe" />');
} else {
$(this).after('<img onclick="clicklupe(this);" style="left:-23px;top:4px;margin-right:-22px;position:relative;cursor:pointer;max-heigth:12px;" src="images/icon_lupe_plus_transparent.png" class="autocomplete_lupe" />');
}
});
$('.ui-autocomplete-input').each(function(){
if($(this).css('display') == 'none')$(this).next('.autocomplete_lupe').hide();
});
$('*').each(function(){
$(this).on('click',function(){
if($(this).hasClass('autocomplete_lupe'))
{
$('.ui-autocomplete-input').each(function(){
if($(this).val() === ' ')
{
$(this).val('');
$(this).trigger('keydown');
}
});
blockclick = true;
lastlupe = this;
var el = this;
//var height = $(window).scrollTop();
var found = false;
$(el).prev('.ui-autocomplete-input').each(function(){
//var v = $(this).val();
found = true;
aktlupe = this;
$(this).val(' ');
$(this).trigger('keydown');
//if(v !== '')setTimeout(trimel, 1500,this);
//setTimeout(function(){$(window).scrollTop(height);},100);
});
if(!found)
{
$(el).prev('a').prev('.ui-autocomplete-input').each(function(){
found = true;
aktlupe = this;
$(this).val(' ');
$(this).trigger('keydown');
});
}
setTimeout(function(){blockclick = false;},200);
} else {
if(this !== lastlupe)
{
if(!blockclick)
{
$('.ui-autocomplete-input').each(function(){
if($(this).val() === ' ')
{
$(this).val('');
$(this).trigger('keydown');
}
});
}
}
}
});
});
}
$(document).ready(function() {
var contentBreite = 912;
$( document ).on( "click", ".toggleCheckbox", function() {
var checkToggle = $(this).is(':checked');
if (checkToggle) {
$('.adresse_brief_left').find('input').attr('checked', true);
} else {
$('.adresse_brief_left').find('input').attr('checked', false);
}
});
$( document ).on( "click", "a.deleteEintrag", function() {
var entryData = $(this)
.parents('table')
.first()
.parent()
.prev()
.prev()
.find('a');
var entryDataDokument = entryData.attr('data-type');
entryDataId = entryData.attr('data-id');
if (entryDataDokument != 'dokumente' && entryDataDokument != 'wiedervorlage') {
showMessage('Dieses Dokument kann hier nicht gelöscht werden.', 0);
return false;
}
if ( confirm('Dokument wirklich löschen?') ) {
$.ajax({
url: 'index.php',
data: {
module: 'adresse',
action: 'briefkorrdelete',
id: entryDataId,
typ: entryDataDokument
},
dataType: 'json',
beforeSend: function() {
App.loading.open();
},
success: function(data) {
showMessage('Das Dokument wurde gelöscht.', 1);
App.loading.close();
fnFilterColumn8(0);
}
});
}
});
$( document ).on( "click", "a.previewEintrag", function() {
// var entryData = $(this).parent().prev().text();
// entryData = entryData.split('||');
var entryData = $(this)
.parent()
.parent()
.parent()
.parent()
.parent()
.prev()
.find('a');
var entryDataDokument = entryData.attr('data-type');
entryDataId = entryData.attr('data-id');
$('tr').removeClass('aktivBrief');
$(this).parent().parent().addClass('aktivBrief');
$.ajax({
url: 'index.php',
data: {
module: 'adresse',
action: 'briefpreview',
type: entryDataDokument,
id: entryDataId
},
dataType: 'json',
beforeSend: function() {
App.loading.open();
},
success: function(data) {
$('.adresse_brief_preview [data-type="datum"]').html(data.datum);
$('.adresse_brief_preview [data-type="headline"]').html(data.betreff);
$('.adresse_brief_preview [data-type="text"]').html(data.content);
$('.adresse_brief_preview .adresse_brief_preview_print').attr('onclick', 'briefDrucken(' + entryDataId + ',\''+entryDataDokument+'\');');
$('.adresse_brief_tabelle, table#adresse_brief')
.animate({
width: 550
}, 500, function() {
$('.adresse_brief_preview').show();
if(typeof textvorlagenneu != 'undefined')textvorlagenneu('.adresse_brief_preview');
updatelupe();
});
App.loading.close();
}
});
});
/*$( document ).on( "click", "a.editEintrag", function() {
var entryData = $(this)
.parent()
.parent()
.parent()
.parent()
.parent()
.prev()
.find('a');
var entryDataDokument = entryData.attr('data-type');
entryDataId = entryData.attr('data-id');
// entryData = entryData.split('||');
if (entryDataDokument != 'dokumente' && entryDataDokument != 'wiedervorlage' && entryDataDokument != 'kalender') {
if(entryDataDokument == 'dokumente_send')
{
var artel = $(this).parents('tr').first().parents('tr').first().find('span.editlink').first();
link = $(artel).html().replace('&amp;','&').replace('&amp;','&');
window.open(link,'_blank');
return;
}
showMessage('Dieses Dokument kann hier nicht bearbeitet werden.', 0);
return false;
}
$.ajax({
url: 'index.php',
data: {
module: 'adresse',
action: 'briefbearbeiten',
typ : entryDataDokument,
id: entryDataId
},
beforeSend: function() {
App.loading.open();
},
success: function(data) {
$('.alleAnzeigen').show();
$('.adresse_brief_anlegen').css({
min-width: $('.adresse_brief_tabelle').width();
});
$('.adresse_brief_tabelle').find('fieldset').hide();
$('.adresse_brief_tabelle').find('.adresse_brief_tabelle_view').hide();
$('.adresse_brief_anlegen')
.html(data)
.show();
if(typeof textvorlagenneu != 'undefined')textvorlagenneu('.adresse_brief_anlegen');
fnFilterColumn8(0);
App.loading.close();
}
});
});*/
$( document ).on( "click", ".anlegen_close", function() {
removeAnlegen();
});
$('.adresse_brief_preview_print').click(function() {
briefDrucken();
});
/* CLOSE PREVIEW */
/*
$('.adresse_brief_preview_close').click(function() {
$('table#adresse_brief tr').removeClass('aktivBrief');
$('.adresse_brief_preview').fadeOut(500, function() {
$('.adresse_brief_tabelle, table#adresse_brief').animate({
width: 896
}, 500, function() {
});
});
});*/
$(document).on('click', '.brief_save', function(event) {
event.preventDefault();
briefSubmit('SAVE');
});
$(document).on('click', '.brief_pdf', function(event) {
event.preventDefault();
briefSubmit('PDF');
});
$(document).on('click', '.brief_drucken', function(event) {
event.preventDefault();
briefSubmit('DRUCKEN');
});
$(document).on('click', '.brief_email_send', function(event) {
event.preventDefault();
briefSubmit('EMAIL');
});
$(document).on('click', '.brief_save_close', function(event) {
event.preventDefault();
briefSubmit('SAVE');
removeAnlegen();
});
var oTableL = $('#adresse_brief').dataTable();
oTableL.fnSort( [ [0,'desc'] ] );
[AJAXBRIEF]
});
function briefAnlegen(type) {
$.ajax({
url: 'index.php',
type: 'GET',
data: {
module: 'adresse',
action: 'brieferstellen',
type: type,
id: [ID]
},
beforeSend: function() {
App.loading.open();
$('.adresse_brief_left ul li').removeClass('anlegenAktiv');
$('.anlegen_' + type).addClass('anlegenAktiv');
},
success: function(data) {
$('.alleAnzeigen').show();
$('.adresse_brief_tabelle').find('fieldset').hide();
$('.adresse_brief_tabelle').find('.adresse_brief_tabelle_view').hide();
$('.adresse_brief_anlegen')
.html(data)
.show();
if(typeof textvorlagenneu != 'undefined')textvorlagenneu('.adresse_brief_anlegen');
updatelupe();
App.loading.close();
//$('.adresse_brief_anlegen').html(response.html());
}
});
}
function briefSubmit(action) {
var formFields = $('.brief_erstellen_form').serialize();
formFields += '&do=' + action;
var betreff = $('input[name="betreff"]');
var content = $('textarea[name="content"]');
var errors = 0;
$('.pflichtfeld').remove();
if (betreff.val().length == 0) {
betreff
.after('<span class="pflichtfeld" style="color: red;">Pflichtfeld!</span>');
errors++;
}
/*
if (content.val().length == 0) {
content
.after('<span class="pflichtfeld" style="color: red;">Pflichtfeld!</span>');
errors++;
}
*/
if (errors > 0) {
return false;
}
$.ajax({
url: 'index.php?module=adresse&action=brief&id=[ID]',
data: formFields,
type: 'POST',
dataType: 'json',
beforeSend: function() {
if(document.getElementById('emailsend') !== null){
document.getElementById('emailsend').disabled = true;
document.getElementById('emailsend').style.cursor = 'wait';
document.getElementById('mailworking').style.display = '';
}
App.loading.open();
},
success: function(data) {
if(document.getElementById('emailsend') !== null){
document.getElementById('emailsend').disabled = false;
document.getElementById('emailsend').style.cursor = 'pointer';
document.getElementById('mailworking').style.display = 'none';
}
if ( $('input[name="eintragId"]').val().length <= 0 ) {
$('input[name="eintragId"]').val(data.statusId);
}
App.loading.close();
if (data.status && parseInt(data.status) > 0) {
showMessage(data.statusText, 1);
if(typeof data.type !== 'undefined' && data.type == 'email')
{
setTimeout(function(){$('input.anlegen_close').trigger('click');},1000);
}
} else {
showMessage(data.statusText, 0);
}
if (typeof data.responseType != 'undefined') {
switch(data.responseType) {
case 'PDF':
window.open('index.php?module=adresse&action=briefkorrpdf&id=' + data.id);
break;
}
}
if (ersterEintrag == 1) {
window.location.reload();
} else {
var oTableL = $('#adresse_brief').dataTable();
oTableL.fnFilter('%');
oTableL.fnFilter('');
}
}
});
fnFilterColumn8(0); //BENE
App.loading.close(); //BENE
}
function showMessage(statusText,statusType) {
var container = $('.adresse_brief_message');
switch(statusType) {
case 0:
container.addClass('error');
break;
case 1:
container.addClass('info');
break;
}
container.find('.adresse_brief_message_text').text(statusText);
container.show();
if(statusType==1)
{
window.setTimeout(function() {
closeMessage();
}, 3000);
}
}
function closeMessage() {
var container = $('.adresse_brief_message');
container.hide();
container.removeClass('error');
container.removeClass('info');
container.find('.adresse_brief_message_text').empty();
}
function removeAnlegen() {
$('.adresse_brief_left ul li').removeClass('anlegenAktiv');
$('.adresse_brief_anlegen').slideUp(500, function() {
$('.adresse_brief_anlegen')
.empty()
.hide();
});
$('.adresse_brief_tabelle').find('fieldset').show();
$('.adresse_brief_tabelle').find('.adresse_brief_tabelle_view').show();
$('.alleAnzeigen').hide();
}
function briefDrucken(dokumentId, type) {
if (!dokumentId) {
dokumentId = $('input[name="eintragId"]').val();
}
if(!type)
{
type = $('input[name="type"]').val();
}
$.ajax({
url: 'index.php',
type: 'GET',
data: 'module=adresse&action=briefdrucken&id='+dokumentId+'&type='+type,
success: function(data) {
newwin=window.open('','printwin','width=900,height=500,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no')
newwin.document.write('<HTML>\n<HEAD>\n')
newwin.document.write('<TITLE>Print Page</TITLE>\n')
newwin.document.write('</HEAD>\n')
newwin.document.write('<BODY>\n')
newwin.document.write(data)
newwin.document.write('</BODY>\n')
newwin.document.write('</HTML>\n')
newwin.document.close()
},
error: function(e) {
}
});
}
</script>
<div class="row">
<div class="row-height">
<div class="col-xs-12 col-md-2 col-md-height">
<div class="inside inside-full-height">
<div class="adresse_brief_left">
<h3>Kategorien</h3>
<ul>
<li class="alleAnzeigen" style="display:none; cursor: pointer;" onclick="removeAnlegen();">
<input type="button" value="Zur &Uuml;bersicht">
</li>
</ul>
<ul>
<!--
<li onclick="removeAnlegen();">
<label><input type="checkbox" name="briefFilter" class="toggleCheckbox"><span onclick="removeAnlegen();">Alle</span></label>
</li>
-->
<li class="anlegen_brief">
<label><input type="checkbox" name="briefFilter" id="brief">Briefe</label>
<a href="javascript:;" onclick="briefAnlegen('brief');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
<li class="anlegen_email">
<label><input type="checkbox" name="briefFilter" id="email">E-Mails</label>
<a href="javascript:;" onclick="briefAnlegen('email');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
<li class="anlegen_telefon">
<label><input type="checkbox" name="briefFilter" id="telefon">Telefonate</label>
<a href="javascript:;" onclick="briefAnlegen('telefon');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
<li class="anlegen_notiz">
<label><input type="checkbox" name="briefFilter" id="notiz">Notizen</label>
<a href="javascript:;" onclick="briefAnlegen('notiz');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
[VORWIEDERVORLAGE]
<li class="anlegen_wiedervorlage">
<label><input type="checkbox" name="briefFilter" id="wiedervorlage">Wiedervorlage</label>
<a href="javascript:;" onclick="briefAnlegen('wiedervorlage');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
[NACHWIEDERVORLAGE]
<li class="anlegen_kalender">
<label><input type="checkbox" name="briefFilter" id="kalender">Termine</label>
<a href="javascript:;" onclick="briefAnlegen('kalender');"><img src="themes/new/images/icons_neu_klein.png" width="20"></a>
</li>
[VORTICKETS]
<li class="anlegen_ticket">
<label><input type="checkbox" name="briefFilter" id="ticket">Tickets</label>
</li>
[NACHTICKETS]
<li class="anlegen_belege">
<label><input type="checkbox" name="briefFilter" id="belege">Belege</label>
</li>
<!--
<li class="anlegen_brief"><a href="javascript:;" onclick="briefAnlegen('brief');">+</a></li>
<li class="anlegen_email"><a href="javascript:;" onclick="briefAnlegen('email');">+</a></li>
<li class="anlegen_telefon"><a href="javascript:;" onclick="briefAnlegen('telefon');">+</a></li>
<li class="anlegen_notiz"><a href="javascript:;" onclick="briefAnlegen('notiz');">+</a></li>
-->
</ul>
<div class="adresse_brief_message" onclick="closeMessage();" style="cursor:pointer;">
<div class="adresse_brief_message_inner">
<div class="adresse_brief_message_text"></div>
<!-- <a class="adresse_brief_message_close" href="javascript:;" onclick="closeMessage();">X</a>-->
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-10 col-md-height">
<div class="inside_white inside-full-height">
<fieldset>
<div class="adresse_brief_tabelle">
<!--<div class="usersave-box clearfix">
<fieldset class="usersave" style="min-height:70px;width:100%">
<legend>{|Filter|}</legend>
<div class="clear"></div>
<div class="filter-item"><input type="checkbox" id="versendete" title="versendete">&nbsp;<label for="versendete">{|versendete|}</label></div>
<div class="filter-item"><input type="checkbox" id="nichtversendete" title="nicht versendete">&nbsp;<label for="nichtversendete">{|nicht versendete|}</label></div>
</fieldset>
</div>-->
<div class="adresse_brief_tabelle_view">
[TABELLE]
</div>
<div class="adresse_brief_anlegen overflow-scroll"></div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="adresse_brief_preview">
<a href="javascript:;" class="adresse_brief_preview_close"><img src="./themes/new/images/icon_grau.png" width="20"></a>
<a href="javascript:;" onclick="" class="adresse_brief_preview_print"><img src="./themes/new/images/icons_druck.png" width="20"></a>
<div data-type="datum" class="preview_datum"></div>
<div data-type="headline" class="preview_headline"></div>
<div data-type="text" class="preview_text"></div>
</div>
<div class="clear"></div>