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> |
---|