<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'); 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('&','&').replace('&','&'); window.open(link,'_blank'); return; } else if(entryDataDokument == 'ticket_nachricht') { window.open('index.php?module=ticket&action=edit&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('&','&').replace('&','&'); 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 Ü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"> <label for="versendete">{|versendete|}</label></div> <div class="filter-item"><input type="checkbox" id="nichtversendete" title="nicht versendete"> <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>