[5341] | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
---|
| 2 | <html> |
---|
| 3 | <head> |
---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
---|
| 5 | <title>Protótipo de tela: Seleção de mensagens para anexar</title> |
---|
| 6 | <!--<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/redmond/jquery-ui.css" type="text/css" media="screen" />--> |
---|
| 7 | |
---|
| 8 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> |
---|
| 9 | |
---|
| 10 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js"></script> |
---|
| 11 | <script src="app/plugins/jqgrid/js/i18n/grid.locale-pt-br.js" type="text/javascript"></script> |
---|
| 12 | <link rel="stylesheet" href="app/plugins/jqgrid/themes/prognusone/jquery-ui-1.8.2.custom.css" type="text/css" /> |
---|
| 13 | |
---|
| 14 | <script type="text/javascript" src="app/plugins/view/jquerymx-1.0.custom.min.js"></script> |
---|
| 15 | |
---|
| 16 | <script type="text/javascript" src="app/plugins/treeview/jquery.treeview.js"></script> |
---|
| 17 | <link rel="stylesheet" href="app/plugins/treeview/jquery.treeview.css" type="text/css" media="screen" /> |
---|
| 18 | |
---|
| 19 | <script src="app/plugins/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script> |
---|
| 20 | <link rel="stylesheet" href="app/plugins/jqgrid/css/ui.jqgrid.css" type="text/css" /> |
---|
| 21 | |
---|
| 22 | <script src='app/plugins/fullcalendar/fullcalendar.min.js' type='text/javascript'></script> |
---|
| 23 | <link rel="stylesheet" href="app/plugins/fullcalendar/fullcalendar.css" type="text/css" /> |
---|
| 24 | |
---|
| 25 | <script src="app/plugins/countdown/jquery.countdown.min.js" type="text/javascript"></script> |
---|
| 26 | <script src="app/plugins/countdown/jquery.countdown-pt-BR.js" type="text/javascript"></script> |
---|
| 27 | |
---|
| 28 | |
---|
| 29 | |
---|
| 30 | |
---|
| 31 | <style> body {margin:5px; padding:5px; font-family:Arial, sans-serif;} .foot-notes {width:875px;height:110px;padding:5px;text-align:left;} |
---|
| 32 | /* #feedback { font-size: 1.4em; } */ |
---|
| 33 | .error { color: red; font-weight: bold; } |
---|
| 34 | .info { color: green; font-weight: bold; } |
---|
| 35 | #selectable .ui-selecting { background: #FECA40; } |
---|
| 36 | #selectable .ui-selected { background: #F39814; color: white; } |
---|
| 37 | #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } |
---|
| 38 | #dfds-panel{ padding:5px; width:2000px; height:100%; border: #ccc solid 1px; display: inline-block; } |
---|
| 39 | .timable { font-size: 90%; } |
---|
| 40 | |
---|
| 41 | /* #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } */ |
---|
| 42 | </style> |
---|
| 43 | |
---|
| 44 | </head> |
---|
| 45 | |
---|
| 46 | <body> |
---|
| 47 | |
---|
| 48 | <script type="text/javascript"> |
---|
| 49 | |
---|
| 50 | var MODULE_PATH = "modules"; |
---|
| 51 | var BASE_PATH = ""; |
---|
| 52 | |
---|
| 53 | $(document).ready(function(){ |
---|
| 54 | |
---|
| 55 | $.getJSON( MODULE_PATH + "/", function(dirs){ |
---|
| 56 | |
---|
| 57 | var ids = []; |
---|
| 58 | |
---|
| 59 | $.each(dirs, function(i, dir){ |
---|
| 60 | |
---|
| 61 | switch( dir ){ |
---|
| 62 | case ".": case "..": case "index.php": |
---|
| 63 | return( true ); |
---|
| 64 | } |
---|
| 65 | |
---|
| 66 | ids[ ids.length ] = dir; |
---|
| 67 | |
---|
| 68 | $( '<div id="'+dir+'"></div>').appendTo( "#dfds-panel" ); |
---|
| 69 | }); |
---|
| 70 | |
---|
| 71 | $( '#' + ids.join(',#') ).dialog({ |
---|
| 72 | width:920, |
---|
| 73 | height:550, |
---|
| 74 | resizable:false, |
---|
| 75 | modal: true, |
---|
| 76 | autoOpen:false |
---|
| 77 | }) |
---|
| 78 | .each(function(i, el){ |
---|
| 79 | var dfd = $(el).attr("id"); |
---|
| 80 | $("<div>" + dfd + "</div>") |
---|
| 81 | .appendTo("#dfd-openers") |
---|
| 82 | .button() |
---|
| 83 | .click(function(event){ |
---|
| 84 | |
---|
| 85 | $(".log").switchClass('error', 'info').html( "loading..." ); |
---|
| 86 | $(el).html(MODULE_PATH+"/"+dfd+"/"+dfd+".ejs", {basePath: BASE_PATH})/*.hide()*/; |
---|
| 87 | |
---|
| 88 | $.getScript(MODULE_PATH+"/"+dfd+"/"+dfd+".js", function(){ |
---|
| 89 | |
---|
| 90 | $(".log").html( "" ); |
---|
| 91 | $(el).dialog( "open" ); |
---|
| 92 | }); |
---|
| 93 | }); |
---|
| 94 | }); |
---|
| 95 | }); |
---|
| 96 | |
---|
| 97 | $(".log").ajaxError(function(e, jqxhr, settings, exception) { |
---|
| 98 | if( settings.dataType == 'script' ) { |
---|
| 99 | // alert( dump( exception ) ); |
---|
| 100 | $(this).switchClass('info', 'error').html( exception.message + " on line " + exception.lineNumber ); |
---|
| 101 | } |
---|
| 102 | }); |
---|
| 103 | }); |
---|
| 104 | |
---|
| 105 | </script> |
---|
| 106 | <div id="dfd-openers"> |
---|
| 107 | </div> |
---|
| 108 | <div class="foot-notes"> |
---|
| 109 | <span class="foot-note">*<small>Os protótipos de tela apresentados limitam-se a mera apresentação da estrutura e disposição dos elementos na tela, |
---|
| 110 | não devendo servir, portanto, para definição de características específicas do layout como ícones, cores e efeitos de eventos disparados. |
---|
| 111 | A presença dos ícones nestes protótipos não pressupõe a autorização de uso no Expresso Livre. </small></span> |
---|
| 112 | <div id="dfds-panel"> |
---|
| 113 | </div> |
---|
| 114 | <div class="clear"></div> |
---|
| 115 | <!-- <br/><br/><br/><br/><br/><br/><br/> --> |
---|
| 116 | |
---|
| 117 | |
---|
| 118 | </div> |
---|
| 119 | <!-- <div class="log info"></div> --> |
---|
| 120 | <script> |
---|
| 121 | function dump(arr,level) { |
---|
| 122 | var dumped_text = ""; |
---|
| 123 | if(!level) level = 0; |
---|
| 124 | |
---|
| 125 | //The padding given at the beginning of the line. |
---|
| 126 | var level_padding = ""; |
---|
| 127 | for(var j=0;j<level+1;j++) level_padding += " "; |
---|
| 128 | |
---|
| 129 | if(typeof(arr) == 'object') { //Array/Hashes/Objects |
---|
| 130 | for(var item in arr) { |
---|
| 131 | var value = arr[item]; |
---|
| 132 | |
---|
| 133 | if(typeof(value) == 'object') { //If it is an array, |
---|
| 134 | dumped_text += level_padding + "'" + item + "' ...\n"; |
---|
| 135 | dumped_text += dump(value,level+1); |
---|
| 136 | } else { |
---|
| 137 | dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n"; |
---|
| 138 | } |
---|
| 139 | } |
---|
| 140 | } else { //Stings/Chars/Numbers etc. |
---|
| 141 | dumped_text = "===>"+arr+"<===("+typeof(arr)+")"; |
---|
| 142 | } |
---|
| 143 | return dumped_text; |
---|
| 144 | } |
---|
| 145 | </script> |
---|
| 146 | |
---|
| 147 | </body> |
---|
| 148 | </html> |
---|