source: trunk/prototype/presentation.html @ 5341

Revision 5341, 5.1 KB checked in by wmerlotto, 12 years ago (diff)

Ticket #2434 - Commit inicial do novo módulo de agenda do Expresso - expressoCalendar
Line 
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>
Note: See TracBrowser for help on using the repository browser.