Changeset 3590 for branches/2.2/mobile/templates

Timestamp:

12/14/10 16:32:05 (13 years ago)

Author:

eduardoalex

Message:

Ticket #1410 - Modificado o layout da tela de visualizacao de compromissos.

Location:

branches/2.2/mobile/templates

Files:

• css/mobile.css (modified) (3 diffs)
• default/calendar.tpl (modified) (1 diff)
• default/home_index.tpl (modified) (1 diff)

branches/2.2/mobile/templates/css/mobile.css

@@ -48 +48 @@
 .btn-generico{color:#FFFFFF; background-color:#434343; border:none;}
 .contagem{ text-align:right;}
-.nome-item{ float:left; width:160px;}
+.nome-item{ float:left;width:160px;}
 .menu-contexto{ padding-top:3px; padding-left:5px; height:20px; font-size:60%; background-color:#3399CC; color:#FFFFFF;}
 .btn-contexto{ font-size:90%; background-color:#2B84AF; color:#FFFFFF; border:none;}
 .btn-generico, .btn-contexto{ height:20px; }
-.titulo_mensagem{ font-size:75%; font-weight:bold;}
+.titulo_mensagem{ font-size:75%; font-weight:bold; overflow: hidden;}
 .titulo-sdt{ padding:2px 0px 0px 5px; height:20px; font-weight:bold; font-size: 80%; color:#3E3E3D; background-color:#CEE5EF;}
 
@@ -61 +61 @@
 
 .reset-dt{background-color:#ffffff;}
-.dd-mensagem{height:30px;}
+.dd-mensagem{height:30px;overflow: hidden;}
 .btn-anexo{ padding:2px; font-size: 80%; background-color:#FAD364;}
 a.btn-anexo{ padding:2px; font-size: 80%; color:#3E3E3D; background-color:#FAD364;}
@@ -92 +92 @@
 
 .rotulo-complementar{font-size:9px; text-decoration:underline; font-weight:normal;}
+
+.mes_corrente { padding: 0 10px }
+
+#pre-calendario { padding: 10px; background: #eef7fa  }
+#semanal { border: none; margin-bottom: 5px }
+
+#calendario thead tr th { color: #333; font-size: 12px; font-weight:bold;}
+#calendario thead tr th, #calendario tbody tr td { text-align: center } 
+.semana { color: #333; font-size: 12px; width: 100%; font-weight:bold; width: 14%; }
+.dias { border: none }
+.dias a {
+color: #444;
+font-size: 11px;
+cursor: pointer;
+text-decoration: none;
+text-align: center;
+display: block;
+border: 1px solid #CACACA;
+width: 27px;
+height:16px;
+margin: 0px;
+padding: 3px 1px 0 0;
+position: relative;
+}
+.dias a .qtd_commitment {
+        font-size: 8px;
+        position: absolute;
+        top: 0;
+        right: 0.5px;
+        color: red;
+}
+.dias a:hover { color:#999; text-decoration: none }
+a.hoje { background: #FC0; color: #fff }
+a.dia_branco { background: #FFF }
+a.outro_mes { background: #E1E1E1; color: #8B8B8B }
+
+.btn_off a { margin: 0 1px; display: inline; padding: 0 6px }
+

branches/2.2/mobile/templates/default/calendar.tpl

@@ -1 @@
-<!-- BEGIN body -->
-<h1>Agenda</h1>
-<hr /><br />
-{events}
-<!-- <a href="index.php?menuaction=mobile.ui_mobilecalendar.init_schedule">{lang_schedule} </a> -->
+<!-- BEGIN page -->
+<form id="form_calendar_type" action="index.php" method="get">
+        <input type="hidden" name="menuaction" value="mobile.ui_mobilecalendar.index" />
+        <div class="menu-contexto">
+                <span><a href="javascript:history.back()">{lang_back}</a></span> <span class="titulo-secao">{lang_calendar}</span>
+                        <select name="type" onchange="document.getElementById('form_calendar_type').submit()">
+                                {type_option_box}
+                        </select>
+        </div>
+</form>
+<form method="post" action="index.php?menuaction=mobile.ui_home.search" id="form_search">
+        <input type="hidden" name="calendar_search" value="1">
+        <div class="busca"> 
+                <input type="text" name="name" id="name"> 
+                <button name="buscar_compromisso" class="btn-generico" onclick="document.getElementById('form_search').submit()">{lang_search}</button>
+        </div>
+</form>
 
-<!-- END body -->
+<dl id="lista_miolo">   
+        {events_box}    
+</dl>
+{calendar_box}
 
-<!-- BEGIN view_event -->
-<p>
-<b>{header_date}</b><br />
-<b>{title_field}:</b>&nbsp;{title_data}<br />
-<b>{location_field}:</b>&nbsp;{location_data}<br />
-<b>{startdate_field}:</b>&nbsp;{startdate_data}<br />
-<b>{enddate_field}:</b>&nbsp;{enddate_data}<br />
-<b>{description_field}:</b>&nbsp;{description_data}<br />
-</p>
-<div style="display: {display};" ><a href="{accept_data}">{accept_title}</a><br />
-<a href="{reject_data}">{reject_title}</a></div>
-<br />
-<!-- END view_event -->
-<!-- BEGIN no_event -->
-        <br>&nbsp;&nbsp;Na semana de <b>{start_date}</b> à <b>{end_date}</b> você não possui nenhum compromisso agendado.
-<!-- END no_event -->
+<!-- END page -->
+
+<!-- BEGIN day_event_block -->
+<dt>{day}</dt>
+<!-- END day_event_block -->
+<!-- BEGIN event_block -->
+<dt class="titulo_mensagem {dd_class}">
+        {startdate_data} às {enddate_data} - {title_data}
+</dt>   
+<dd class="dd-mensagem {dd_class}">
+        <p>{description_data}</p>
+</dd>
+<!-- END event_block -->
+<!-- BEGIN no_event_block -->
+<dt class="titulo_mensagem {dd_class}">
+        {msg_no_event}
+</dt>
+<!-- END no_event_block -->
+<!-- BEGIN type_option_block -->
+<option value="{value}" {selected}>{label}</option>
+<!-- END type_option_block -->
+
+<!-- BEGIN bar_block -->
+<dt class="menu-diverso">
+  <div>
+        <a href="{today_link}" class="btn_off">{lang_today}</a>
+        <a href="{before_link}" class="btn_off"><</a>
+        <a href="{current_link}" class="btn_off">{current_label}</a> 
+        <a href="{next_link}" class="btn_off">></a>
+        </div>
+</dt>
+<!-- END bar_block -->
+
+<!-- BEGIN calendar_bar_block -->
+<dt class="menu-diverso">
+  <div class="meses">
+        <a href="{before_month_link}" class="btn_off"><</a>
+        <a href="{current_month_link}" class="btn_off">{current_month_label}</a> 
+        <a href="{next_month_link}" class="btn_off">></a> 
+        </div>
+</dt>
+<!-- END calendar_bar_block -->
+
+<!-- BEGIN calendar_header_begin_block -->
+<div id="pre-calendario">
+  <table id="calendario" border="0" align="center" cellpadding="0" cellspacing="0" >
+        <thead>
+                  <tr>
+                    {week_day_box}
+                  </tr>
+          </thead>
+          </tbody>
+<!-- END calendar_header_begin_block -->        
+
+<!-- BEGIN calendar_header_block -->
+<th>{week_day}</th>
+<!-- END calendar_header_block -->      
+
+<!-- BEGIN calendar_header_end_block -->
+                </tbody>
+        </table>
+</div>
+<!-- END calendar_header_end_block -->  
+
+<!-- BEGIN calendar_day_begin_block -->
+<tr class="dias">
+<!-- END calendar_day_begin_block -->
+<!-- BEGIN calendar_day_end_block -->
+</tr>
+<!-- END calendar_day_end_block -->
+<!-- BEGIN calendar_day_block -->
+<td align="center" valign="middle"><a class="dias {extra_class}" href="{calendar_day_link}">{calendar_day}<span class="qtd_commitment">{qtd_commitment}</span></a></td>
+<!-- END calendar_day_block -->

branches/2.2/mobile/templates/default/home_index.tpl

@@ -18 +18 @@
     <dt><input type="checkbox" name="personal_folders" value='1'><a href="index.php?menuaction=mobile.ui_home.index&expand_folders={expand_folders}">{lang_my_folders}</a></dt>
       {personal_folders_box}                    
-                <dt><input type="checkbox" name="calendar_search" value='1'>{lang_my_commitments}</dt>
-                        {commitments_box}
+                <dt><input type="checkbox" name="calendar_search" value='1'><a href="index.php?menuaction=mobile.ui_mobilecalendar.index">{lang_my_commitments}</a></dt>
+                        {commitments_box} 
     <dt><input type="checkbox" name="contacts_search" value='1'>{lang_my_contacts}</dt>                 
         </dl>