<style type="text/css"> #placeholder { width: 100%; height: 300px; } #placeholder2 { width: 100%; height: 300px; } #aktiondiv { text-align: center; margin: 5px; } </style> [DIAGRAMME] <!-- <div class="row"> <div class="row-height"> <div class="col-xs-12 col-sm-6 col-sm-height"> <div class="inside inside-full-height"> <h2 class="greyh2">Gesamtübersicht Auftragseingang[BESCHRIFTUNG1]</h2> <div id="placeholder" width="100%" height="400"></div> </div> </div> <div class="col-xs-12 col-sm-6 col-sm-height"> <div class="inside inside-full-height"> <h2 class="greyh2">Statistik Aufträge Heute [APIHINWEIS]</h2> [STATISTIKHEUTE] <h2 class="greyh2">Statistik Aufträge Gestern [APIHINWEIS]</h2> [STATISTIKGESTERN] <div id="aktiondiv"><input type="button" value="{|Details|}" /> <input type="button" value="{|+ weiteres Diagaramm|}" /></div> </div> </div> </div> </div> --> <div class="row"> <div class="row-height"> <div class="col-xs-12 col-sm-6 col-sm-height"> <div class="inside inside-full-height"> <h2 class="greyh2">{|Tagesübersicht Auftragseingang (nur versendet und freigegebene)|}</h2> <div class="geteasytablelist" id="tagesuebersicht">[TAGESUEBERSICHT]</div> </div> </div> <div class="col-xs-12 col-sm-6 col-sm-height"> <div class="inside inside-full-height"> <h2 class="greyh2">{|Top Artikel (Lager) letzten 90 Tage|}</h2> <div class="geteasytablelist" id="topartikel">[TOPARTIKEL]</div> [EXTEND] </div> </div> </div> </div> <div id="chartpopup" style="display:none;"> <form id="chartfrm"> <fieldset><legend>{|Einstellungen|}</legend> <table> <tr><td>{|Beschriftung|}:</td><td><input type="text" id="bezeichnung" name="bezeichnung" /><input type="hidden" name="sid" id="sid" value="" /></td></tr> <tr><td colspan="2"><input type="checkbox" value="1" id="regs" name="regs" /> {|basierend auf Rechnungen und Gutschriften|}</td></tr> <tr><td colspan="2"><input type="checkbox" value="1" id="monat" name="monat" /> {|12 Monate Statistik anzeigen|}</td></tr> </table> </fieldset> <fieldset><legend>{|Projekte|}</legend> <table> [POPUPPROJEKTE] </table> </fieldset> </form> </div> <style type="text/css"> div.graph { width: 400px; height: 350px; float: right; } #placeholder2 { width: 450px; height: 300px; } </style> <script type="text/javascript" language="javascript"> $(document).ready(function() { $('#chartpopup').dialog( { modal: true, autoOpen: false, minWidth: 940, title:'{|Statistik|}', buttons: { '{|SPEICHERN|}': function() { $.ajax({ url: 'index.php?module=verkaufszahlen&action=list&cmd=savechart', type: 'POST', dataType: 'json', data: $('#chartfrm').serialize(), success: function(data) { window.location.href=window.location.href; }, beforeSend: function() { } }); }, [VORDEAKTIVIEREN] 'DEAKTIVEREN': function() { if(parseFloat($('#sid').val()) > 0 && confirm('Wirklich deaktivieren?')) { $.ajax({ url: 'index.php?module=verkaufszahlen&action=list&cmd=deletechart', type: 'POST', dataType: 'json', data: $('#chartfrm').serialize(), success: function(data) { window.location.href=window.location.href; }, beforeSend: function() { } }); } }, [NACHDEAKTIVIEREN] 'ABBRECHEN': function() { $(this).dialog('close'); } }, close: function(event, ui){ } }); }); function openchart(id) { $.ajax({ url: 'index.php?module=verkaufszahlen&action=list&cmd=getchart', type: 'POST', dataType: 'json', data: { el:id}, success: function(data) { $('#chartpopup').dialog('open'); $('#sid').val(data.id); $('#bezeichnung').val(data.bezeichnung); $('#monat').prop('checked', data.monat==1?true:false); $('#regs').prop('checked', data.regs==1?true:false); $.each(data.projekte,function (k,v) { window.console.log(v); $('#projekt_'+k).prop('checked', v==1?true:false); }); }, beforeSend: function() { } }); } </script>