Changeset 60049 in spip-zone


Ignore:
Timestamp:
Apr 3, 2012, 12:44:45 PM (7 years ago)
Author:
cedric@…
Message:

On affiche le premier jour de chaque evenement recupere dans le minical
cache des dates vues sur chaque minical pour ne pas recharger plusieurs fois le meme json pour un meme minical
on modifie la CSS :

  • highlight sur les jours avec evenement
  • seul le survol sur les jour avec evenement est actif. Sur les autres cases rien du tout
Location:
_plugins_/calendrier_mini/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/calendrier_mini/trunk/css/minical.css

    r60028 r60049  
    77.calendriermini table th{padding:0;}
    88.calendriermini table td {width: 14%;line-height: 2em;padding:0;}
    9 .calendriermini table td a{display: block;background: #fff;border: 1px solid #EEE;font-weight: bold;text-decoration: none;}
    10 .calendriermini .ui-datepicker-today a {border-color:#bbbb99;}
     9.calendriermini table td a{display: block;background: #fff;border: 1px solid #EEE;font-weight: bold;text-decoration: none;color:inherit;}
    1110.calendriermini .ui-datepicker-other-month {opacity: .5; filter:Alpha(Opacity=50);}
    1211.calendriermini .ui-datepicker-other-month a {font-weight: normal;background:#eee;}
    13 .calendriermini table td a:hover{background: #DBB8DC;color: #636;border-color:#DBB8DC;}
    14 .calendriermini table td.ui-datepicker-today a:hover{border-color:#636;}
     12.calendriermini .ui-state-highlight a {background: #EAEA98;border-color: #EAEA98;}
     13.calendriermini .ui-datepicker-today a {border-color:#bbbb99;}
     14
     15.calendriermini table .ui-state-highlight a:hover{background: #DBB8DC;color: #636;border-color:#DBB8DC;}
     16.calendriermini table .ui-state-highlight.ui-datepicker-today a:hover{border-color:#636;}
    1517.calendriermini span{}
    1618
  • _plugins_/calendrier_mini/trunk/formulaires/calendrier_mini.html

    r60045 r60049  
    4848                selectOtherMonths: true
    4949        },
     50
    5051        set_events: function(me,start,end,data){
    51                 console.log(data);
     52                var dates = [];
     53                if (data.length){
     54                        var d;
     55                        for(var j in data){
     56                                d = data[j].start.split(" ");
     57                                d = d[0].split("-");
     58                                d = new Date(d[0],d[1]-1,d[2]);
     59                                dates.push(d);
     60                        }
     61                        console.log(dates);
     62                        me.multiDatesPicker('addDates', dates);
     63                }
    5264        },
     65
    5366        change_month_year: function(year, month, inst){
    5467                var me = inst;
     
    6174                var start = t-7*24*3600;
    6275                var end = t+38*24*3600;
    63                 jQuery.ajax({
    64                         url:jQuery(me).attr("data-json"),
    65                         data:{start:start,end:end},
    66                         success:function(data, textStatus, jqXHR){
    67                                 data = eval(data);
    68                                 minical.set_events(me,start,end,data);
    69                         }
    70                 });
     76                // stocker les year/month deja vus pour ne pas les recharger 2 fois quand on va et vient
     77                var o = me.get(0);
     78                if (typeof o.dateseen == "undefined")
     79                        o.dateseen = {};
     80                if (!o.dateseen[year+"/"+month]){
     81                        console.log(o.dateseen);
     82                        jQuery.ajax({
     83                                url:jQuery(me).attr("data-json"),
     84                                data:{start:start,end:end},
     85                                success:function(data, textStatus, jqXHR){
     86                                        o.dateseen[year+"/"+month] = true;
     87                                        data = eval(data);
     88                                        minical.set_events(me,start,end,data);
     89                                }
     90                        });
     91                }
    7192        },
     93
    7294        scripts_loaded: {widget:false,datepicker:false,multidatepicker:false},
    7395        init : function(){
Note: See TracChangeset for help on using the changeset viewer.