Ignore:
Timestamp:
07/30/12 08:38:41 (12 years ago)
Author:
marcieli
Message:

Ticket #2966 - Melhorias na estilização do imprimir mês. Inicio de imprimir dia.

Location:
sandbox/2.4.2-expresso1/prototype/modules/calendar
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • sandbox/2.4.2-expresso1/prototype/modules/calendar/css/calendar_print.css

    r6894 r6897  
    1                 .month { 
    21 
    3                         min-width: 600px; 
    4                         min-height: 400px; 
    5                         background : #F4F6FA; 
    6                         border: 1px solid #DCE7FC; 
    7                         text-align: center; 
    8                         float: left; 
    9                 } 
    10                 .month .name-month { 
     2                .title_print { 
    113                        font: 20px arial; 
    124                        color: #8EB2FF; 
    135                        margin: 0 0 15px 0; 
     6                        text-align: center; 
    147                } 
    15                 .month .name-month img { 
     8                .title_print img { 
    169                        margin: 3       px 0 0 0; 
    1710                        width: 20px; 
    1811                        height: 20px; 
    1912                } 
    20                 .month span { 
     13                .month_day_print { 
    2114                        font: 14px arial; 
    2215                        display: block; 
    2316 
    2417                } 
    25                 .month .days ul { 
     18                .calendar_list_print { 
    2619                        list-style: none; 
    2720 
    2821                } 
    29                 .month .days ul li{ 
     22                .calendar_item_print { 
    3023                        font: 12px arial; 
    3124                        margin: 3px; 
  • sandbox/2.4.2-expresso1/prototype/modules/calendar/css/print.css

    r6896 r6897  
    1 .month { 
    2         min-width: 600px; 
    3         min-height: 400px; 
    4         background : #F4F6FA; 
    5         border: 1px solid #DCE7FC; 
    6         text-align: center; 
    7         float: left; 
    8 } 
    9 .month .name-month { 
     1.title_print { 
    102        font: 20px arial; 
    113        color: #8EB2FF; 
    124        margin: 0 0 15px 0; 
     5        text-align: center; 
    136} 
    14 .month .name-month img { 
     7.title_print img { 
    158        margin: 3px 0 0 0; 
    169        width: 20px; 
    1710        height: 20px; 
    1811} 
    19 .month span { 
    20         font: 14px arial; 
     12.month_day_print { 
     13        font: bold 14px arial; 
     14        margin-left: 10px; 
    2115        display: block; 
    2216 
    2317} 
    24 .month .days ul { 
     18.calendar_list_print { 
    2519        list-style: none; 
    26  
     20        margin-left: 75px; 
     21    margin-top: 5px; 
    2722} 
    28 .month .days ul li{ 
     23.calendar_item_print span{ 
    2924        font: 12px arial; 
    30         margin: 3px; 
     25        margin-left: 3px; 
     26} 
     27.allDay_list{ 
     28        margin-left: 10px; 
     29        list-style: none; 
     30} 
     31.calendar_day_item_print{ 
     32        margin-left: 20px; 
     33} 
     34.allDay_list_label { 
     35        position: absolute; 
     36        left:0; 
     37} 
     38.allDay_list li.allDay_item{ 
     39        margin-left: 10px; 
    3140} 
    3241body.detail{     
  • sandbox/2.4.2-expresso1/prototype/modules/calendar/js/helpers.js

    r6896 r6897  
    142142                var criteria = DataLayer.criteria("schedulable:calendar", {'start':start, 'end':end} ); 
    143143                 
    144                 var data = DataLayer.get("schedulable:print", criteria); 
    145                          
     144                var data = DataLayer.get("schedulable:print", criteria);         
    146145                if($("#calendar").fullCalendar('getView').name == "month"){                              
    147146                        window_print.document.write(DataLayer.render('templates/print_month.ejs', { 
    148147                                'InfoPage' : $("#calendar").fullCalendar('getView').title, 
    149                                 'days' : data 
     148                                'days' : data, 
     149                                'title': 'Calendário Mensal' 
     150                        } )); 
     151                } 
     152                if($("#calendar").fullCalendar('getView').name == "agendaDay"){                          
     153                        window_print.document.write(DataLayer.render('templates/calendar_day_print.ejs', { 
     154                                'InfoPage' : $("#calendar").fullCalendar('getView').title, 
     155                                'days' : data, 
     156                                'title': 'Calendário Diário' 
    150157                        } )); 
    151158                }                        
    152                 //window_print.document.close(); 
     159                window_print.document.close(); 
    153160                window_print.print(); 
    154161        }); 
  • sandbox/2.4.2-expresso1/prototype/modules/calendar/templates/print_month.ejs

    r6896 r6897  
    22<html> 
    33        <head> 
    4                 <link rel="stylesheet" type="text/css" href="../prototype/modules/calendar/css/reset.css"> 
    5                 <link rel="stylesheet" type="text/css" href="../prototype/modules/calendar/css/style.css"> 
    6                 <link rel="stylesheet" type="text/css" href="../prototype/modules/calendar/css/layout.css"> 
    74                <link rel="stylesheet" type="text/css" href="../prototype/modules/calendar/css/print.css"> 
     5                <title><%= data.title %></title> 
    86        </head> 
    97        <body>   
    10         <% console.log(data) %> 
    11         <div class="month"> 
    12                 <div class="name-month"> <img src="../prototype/modules/calendar/img/navbar.png"> <%= data.InfoPage %> </div>    
    13                 <div class="first-week"> 
    14                         <div class="days"> 
    15                                  
     8        <div> 
     9                <div class="title_print"> <img src="../prototype/modules/calendar/img/navbar.png"> <%= data.InfoPage %> </div>   
     10                <div class="content_month_print">        
     11                        <% 
     12                                for(var i=0; i < data.days.events.length; i++){ 
     13                                        for(var jj in data.days.events[i]){ 
     14                        %> 
     15                                <span class="month_day_print"><%= jj %></span> 
     16                                <ul class="calendar_list_print"> 
     17                                <% for(var ii=0; ii<data.days.events[i][jj].events.length; ii++){  
     18                                        var hora = data.days.events[i][jj].events[ii].allDay ? "Dia todo" : data.days.events[i][jj].events[ii].startHour + " - " + data.days.events[i][jj].events[ii].endHour; 
     19                                %> 
    1620                                        <% 
    17                                                 for(var i=0; i < data.days.events.length; i++){ 
    18                                                         for(var jj in data.days.events[i]){ 
    19                                         %> 
    20                                                 <span><strong><%= jj %></strong></span> 
    21                                                 <ul> 
    22                                                  
    23                                                 <% for(var ii=0; ii<data.days.events[i][jj].events.length; ii++){  
    24                                                         var hora = data.days.events[i][jj].events[ii].allDay ? "Dia todo" : data.days.events[i][jj].events[ii].startHour + " - " + data.days.events[i][jj].events[ii].endHour; 
    25                                                 %> 
    26                                                         <li class="print_event_item">&raquo; <%= hora %> | <%= data.days.events[i][jj].events[ii].summary %></li> 
    27                                                 <% } %> 
    28                                                  
    29                                                 </ul> 
    30                                                  
    31                                                 <br> 
    32                                         <%       
     21                                                        var img_type = ""; 
     22                                                        var title_type = ""; 
     23                                                        if(data.days.events[i][jj].events[ii].type == '1'){ 
     24                                                                img_type = "../prototype/modules/calendar/img/event.png"; 
     25                                                                title_type = "Evento"; 
     26                                                        }if(data.days.events[i][jj].events[ii].type == '2'){ 
     27                                                                img_type = "../prototype/modules/calendar/img/task.png";  
     28                                                                title_type = "Tarefa"; 
     29                                                        }if(data.days.events[i][jj].events[ii].type == '3'){ 
     30                                                                img_type = "../prototype/modules/calendar/img/activity_icon.jpg";  
     31                                                                title_type = "Atividade"; 
    3332                                                        } 
    34                                                 } 
    35                                         %> 
    36                                          
    37                                  
    38                         </div><!--days--> 
    39                 </div><!--first-week--> 
     33                                                        %> 
     34                                                        <li class="calendar_item_print"><img title="<%= title_type %>" src="<%= img_type %>"><span><%= hora %> | <%= data.days.events[i][jj].events[ii].summary %></span></li> 
     35                                <% } %> 
     36                                </ul> 
     37                                <br> 
     38                        <%       
     39                                        } 
     40                                } 
     41                        %> 
     42                </div><!--days--> 
    4043        </div><!--mounth--> 
    4144        </body> 
Note: See TracChangeset for help on using the changeset viewer.