Sharepoint - jQuery - ExtJs - AspNet

Calendario Tipo Google Calendar con ExtJs

2011-02-03T00:32:00.000-05:00

Hace tiempo realice un proyecto sobre un calendario tipo GOOGLE que tenia que tener la funcionalidad de agregar eventos por fecha y hora definidas por el usuario. Por eso tuve la necesidad de usar el calendario de ExtJs. Pero utilice un calendario la cual un amigo mio Carlos Mendez de Mexico habia realizado cambios de la versión original y me pareció interesante la cual yo también adicione nuevas funcionalidades.

- Los archivos que utilice son:

- Codigo para el calendario y algunas configuraciones adicionales. con acceso a Base de datos.

/********** VALIDAR LAS FECHAS DESDE HASTA **************************/
Ext.apply(Ext.form.VTypes, {
    daterange : function(val, field) {
        var date = field.parseDate(val);
        if(!date){
            return;
        }
        if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
            var start = Ext.getCmp(field.startDateField);
            start.setMaxValue(date);
            start.validate();
            this.dateRangeMax = date;
        }
        else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
            var end = Ext.getCmp(field.endDateField);
            end.setMinValue(date);
            end.validate();
            this.dateRangeMin = date;
        }
        return true;
    }
});/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var ID_DNI = "";
var ID_tipoarea = "";
Ext.onReady(onReadyCallAreas);
function onReadyCallAreas()
{
    ID_tipoarea=cogerVariable("idtipoarea");
    if(ID_tipoarea !="" && ID_tipoarea != undefined )
    {
        readControls_Login();
      //  ID_DNI = ValidarSessionUsuario();
        //  var DNI_return =  "";
        var AddResultItinerarios = new Ext.data.Connection();
        AddResultItinerarios.request({
            url: URLWebService + '/SessionActive',
            params: {
                    tiposession: 'usuario'
                    },
            method: 'POST',
            scope: this,
            callback: function(options, success, response){
            if (success){
                var xml = response.responseText;
                var re = /\n/;
                xml = xml.replace(re, '');
                re = /\r/;
                xml = xml.replace(re, '');
                var ObjectRes =  Ext.decode(xml);
                ObjectRes= ObjectRes.MensajeResultado;
                var return_Estado = ObjectRes.ESTADO;
                var return_Mensaje = ObjectRes.MENSAJE ;
                var return_ID_RETURN = ObjectRes.ID_RETURN ; /* dni usuario */
                var return_TIPO_RETURN = ObjectRes.TIPO_RETURN ; /* usuario - empresa */
                NombreLogin  = ObjectRes.DETALLE ;
                    if(parseInt(return_Estado) == 1)
                    {
                        if(return_TIPO_RETURN == "usuario")
                            {
                                 ID_DNI = return_ID_RETURN;
                            }

                    }
                    CalendarReserva(ID_tipoarea);
          }
          }
        });
        
    }
    else
    {
        location.href="index.jsp";
    }
}

function cogerVariable(variable){
    var tipo = typeof variable;
    var direccion = location.href;

    if (tipo == "string"){
        var posicion = direccion.indexOf("?");
        posicion = direccion.indexOf(variable,posicion) + variable.length;
    }
    else if (tipo == "number"){
        var posicion=0;
        for (var contador = 0 ; contador < variable + 1 ; contador++){
            posicion = direccion.indexOf("=",++posicion);
            if (posicion == -1)posicion=999;
        }
    }
    if (direccion.charAt(posicion) == "="){
        var final = direccion.indexOf("&",posicion);
        if (final == -1){final=direccion.length;};
        return direccion.substring(posicion + 1,final);
    }
}
var CReserva;
var tmptest;
var dataStore;

function CalendarReserva(v_idtipo){


  var buttonx1= new Ext.menu.Item({id: 'buttonx1_task', iconCls:'x-calendar-month-btnmv_task',  text: "Custom menu test 1"});
  var buttonx2= new Ext.menu.Item({id: 'buttonx2_task',iconCls:'x-calendar-month-btnmv_task',  text: "Custom menu test 2"});

  var buttonz1= new Ext.menu.Item( {id: 'buttonz1_task', iconCls:'x-calendar-month-btnmv_task',  text: "Custom action 1"});
  var buttonz2= new Ext.menu.Item( {id: 'buttonz2_task',iconCls:'x-calendar-month-btnmv_task',  text: "Custom action 2"});

  var boton_daytimertask  = new Ext.menu.Item({id: 'btnTimerTask', iconCls:'task_time', text: "Set Task Alarm...."});
  var boton_daytimertaskb = new Ext.menu.Item({id: 'btnTimerOff' , iconCls:'task_time_off', text: "Delete Task's Alarm...."});
  var button_sched_1= new Ext.menu.Item({id: 'buttonx1_task',iconCls:'x-calendar-month-btnmv_task',text: "Custom menu  on sched test 1"});
  var button_sched_2= new Ext.menu.Item({id: 'buttonx2_task',iconCls:'x-calendar-month-btnmv_task',text: "Custom menu  on sched test 2"});

    dataStore = new Ext.data.JsonStore({
         root: 'Reservas',
         //totalProperty: 'oTotReg',
            id: '__id',
            fields: ['IdReserva',
                    'fechaHasta','fechaDesde',
                    'fechaRegistro','estado',
                    'Color',
                    'total', 'Detalle',
                    'usuario.Dni',
                    'usuario.Nombres',
                    'usuario.Apellidos',
                    'empresaarea.IdEmpresaArea',
                    'empresaarea.Nombre',
                    'empresaarea.Descripcion',
                    'empresaarea.Imagen',
                    'empresaarea.Precio',
                    'empresaarea.Direccion'
                ],
       url: URLWebService + '/ListarReservas',
       baseParams: {
           method:   'post',
            idarea: v_idtipo
       },
        remoteSort: true,
        timeout : 5000

    });
       dataStore.on('beforeload', function() {
            dataStore.baseParams = {
                 idarea: v_idtipo
            };
        });
         dataStore.load({callback: function(records,o,s){
                              CReserva.refreshCalendarView();
                        }});
        dataStore.on('exception', function(obj, type, action, options, response, arg){
            handleError(type, response);
        });

  //var calendarstoretest= new Ext.data.Store({reader:reader,data:dummyData });
  tmptest= new Ext.ECalendar({});  // for use functions in calendar.js
  var weekrange = tmptest.getDateRangeOfWeekByDate(0,new Date());
  CReserva = new Ext.ECalendar({
    bodyBorder:true,
    id:'calendarReserva',
    name:'calendarReserva',
    bodyBorder:true,
    header:false,
    title:'Areas Deportivas Reservadas',
    mytitle:' 001',
    height:520,
                width:630,
    fieldsRefer:{ //0.0.11
      id:'IdReserva',
      subject:'usuario.Dni',
      description:'Detalle',
      color:'Color',//------
      startdate:'fechaDesde',
      enddate:'fechaHasta',
      priority:'estado',
      parent:'usuario.Dni',
      html:'empresaarea.Nombre',
      location:'empresaarea.IdEmpresaArea',
                        alldaytask:'total' ,
                        isHoliday:'Detalle'
    },
    storeOrderby:'usuario.Dni',   //0.0.11
    storeOrder:'DESC',    //0.0.11
    showCal_tbar: true,
    showRefreshbtn:true,
    currentView: 'month',
    currentdate: new Date(),
    dateSelector: true,
    dateSelectorIcon: 'images/date.png',
    dateSelectorIconCls: 'x-cmscalendar-icon-date-selector',
    dateformat :'d-m-Y',
    iconCls: 'x-cmscalendar-icon-main',
    dateSelector:true,
    store:dataStore,
    monitorBrowserResize:true,
    widgetsBind: {bindMonth:null,bindDay:null,binWeek:null},
    tipmaxLength: 200,     //0.0.15
    tplTaskTip : new Ext.XTemplate(
    '
{starxl}{startval}
{endxl}{endval}
{details}'
      ),
    tplTaskZoom: new Ext.XTemplate(
    '',
      'Subject:{subject}
',
      'Starts:{startdate}
Ends:{enddate}',
      '
Details:


{description}


',
    ''
    ),
    iconToday:'images/cms_calendar.png',
    iconMonthView:'images/calendar_view_month.png',
    iconWeekView:'images/calendar_view_week.png',
    iconDayView:'images/calendar_view_day.png',
    //iconSchedView:'images/calendar_view_schedule.png', //0.0.10  // NEW :)
    loadMask:true, //0.0.12  we dont need this saple here cause all the data is loaded its suits better  for Serverside loading
    customMaskText:'Reserva Area
Espere un momento...!
Procesando informacion.', //0.0.12
    //-------------------------------------------
    mview:{
      header: true,
      headerFormat:'F-Y',
      headerUseTpl:true,
      headerTpl: new Ext.XTemplate('{title} - {datetouse:this.fmtfecha}',
        {
          fmtfecha:function(value){
            return value.format('d/m/Y');
          }
      }),
      headerData:{
        title:'Reserva tu Area Deportiva - Vista Mensual ',
        datetouse:new Date()
      },
      headerButtons: true,
      dayAction:'viewday',    //dayAction: //viewday , event, window
      //moreMenuItems:[buttonx1,buttonx2], /* botones del menu principal ***/
      showTaskcount: false,
      startDay:0,
      taskStyle:'margin-top:2px;', //Css style for text in day(if it has tasks and showtaskcount:true)
      showTaskList: true,
      showNumTasks:10,
      TaskList_launchEventOn:'click', //0.0.11
      TaskList_tplqTip: new Ext.XTemplate( '{location}{starxl}{startval}
{endxl}{endval}


{details}
' ), //0.0.11
      ShowMenuItems:[1,1,1,1,1,0],  //0.0.11  - ADD, nextmonth, prevmonth, chg Week , CHG Day, chg Sched,
      //TaskList_moreMenuItems:[buttonz1,buttonz2],     //0.0.11
      TaskList_ShowMenuItems:[1,1,1]//0.0.11   - Add, DELETE, EDIT
    },
    wview:{
      headerlabel:'Week #',
      headerButtons: true,
      dayformatLabel:'D j',
      headerUseTpl:true,          //0.0.15 new property to adapt the title header customizable
      headerTpl: new Ext.XTemplate('{title}-Desde {initday:this.formatx} Hasta {enday:this.formatx}',{formatx:function(value){return value.format('d/m/Y');}}),
      headerData:{title:'Reserva tu Area Deportiva - Vista Semanal ', initday:weekrange[0],enday:weekrange[1]},
      //moreMenuItems:[buttonx1,buttonx2], /* botones del menu principal ***/
      style: 'google',
      hourFormat: 'G:i',
      alldayTaksMore:'window',
      alldayTasksMaxView:6,
      taskAdd_timer_dblclick:true,   //0.0.15
      scrolltoHour:true,
      startTime: '10:00:00 am',
      endTime:   '10:00:00 pm',
      store: null,
      task_width:25,
      tasksOffset:40,
      headerDayClick:'viewday',
      ShowMenuItems:[1,1,1,1,1,0],  //0.0.11  add, go next w , go prev w ,  chg month , chg day, chg sched
      task_ShowMenuItems:[1,1,1,1,1], //0.0.11  add, delete, edit, go next w , go prev w
      task_eventLaunch:'dblclick',    //0.0.11
      startDay:0, //sundays   0.0.14
      task_clsOver:'test_taskovercss',
      forceTaskFit:true, // 0.0.14
      allday24HinsideBody:true
    },
    dview:{
      header:true,
      headerFormat:'l - d - F  - Y',
      headerUseTpl:true,    //0.0.15 new property to adapt the title header customizable
      headerTpl: new Ext.XTemplate('{title}-{datetouse:this.formatx}',  {
        formatx:function(value){return value.format('l - d / F  / Y');}
      }),      //0.0.15
      headerData:{title:'Reserva tu Area Deportiva - Vista Por Dia ',  datetouse:new Date()},        //0.0.15
      headerButtons: true,
      moreMenuItems:[],
      // day specific
      hourFormat: 'G:i',
      startTime: '10:00:00 am',
      endTime:   '10:00:00 pm',
      // task settings
      store: null,
      task_increment:1,
      taskBaseColor: '#ffffff',
      task_useBorderStyle:true,        // 0.0.15 (on day and week bodies for the moment)
      task_useBordercolor:'#225588',    // 0.0.15 companion property for task_useBorderStyle
      task_width:68,
      tasksOffset:'5',
      taskAdd_dblclick: true,        //added on 0.0.7
      taskAdd_timer_dblclick:true,    //0.0.11
      useMultiColorTasks: false,
      multiColorTasks:[],
      tasks:[],
      //moreMenuItems:[  boton_daytimertask,  boton_daytimertaskb  ],
      task_clsOver:'test_taskovercss',
      ShowMenuItems:[1,1,1,1,1,0],    //0.0.11 ADD, next day, prev day , chg Month , CHG Week, chg Sched, (for daybody menu)
      task_DDeditable:true,           //0.0.11
      task_eventLaunch:'dblclick',      //0.0.11 'click, dblclick, if set to '' then no action is taken
      task_ShowMenuItems:[1,1,1,1,1],    //0.0.11 ADD, delete, edit, Next day , Prev Day  (for Taks/events)
      customHTMLinpos:'before',      //0.0.13  Feature request
      forceTaskFit: false          //0.0.14
    }
  });

  //dayClick only event on this object
  CReserva.viewmonth.on({
    'dayClick':{
        fn: function(datex, mviewx, calx) {
          //alert ("dayclick event for " + datex);
        },
        scope:this
    },
    'beforeMonthChange':{
        fn: function(currentdate,newdate) {
          CReserva.viewmonth.headerData.datetouse=newdate;
          return true;
        },
        scope:this
    },
    'afterMonthChange':{
        fn: function(newdate) {
          //alert ("Month changed to " + newdate.format('m/Y') ) ;
        },
        scope:this
    }
  });
  CReserva.viewweek.on({
    'dblClickTaskAllDay':{
        fn: function(task,dxview,calendar) {

        },
        scope:this
    },
    'beforeWeekChange':{
      fn: function (currentDate, newDate){
          var testdate=CReserva.viewweek.getDatesforWeek(newDate);
          CReserva.viewweek.headerData.enday=testdate[1];
          CReserva.viewweek.headerData.initday  =testdate[0];
          return true;
      }
    },
    'afterWeekChange':{
      fn: function(newdate){
        return false;
      }
    }
  });
  //'beforeDayChange' and  'afterDayChange' unique events on day view
  CReserva.viewday.on({
    'beforeDayChange':{
        fn: function(currentdate, newdate) {
          CReserva.viewday.headerData.datetouse=newdate;
          return true;
        },
        scope:this
    },
    'afterDayChange':{
        fn: function(newdate) {
          //alert ("changed to " + newdate.format('m/d/Y'));
        },
        scope:this
    }
  });
  CReserva.on({
                'onRefresh': {
        fn: function(refview,datatask,showItems,myactions) {
          //alert('ss');
        }
    },
//    'beforeContextMenuTask': {
//        fn: function(refview,datatask,showItems,myactions) {
//             return true;
//        }
//    },
//     this code it's not necessary
//    'beforeChangeDate': { //Ok revison made
//      fn: function( newdate , calobj){
//        //return false;
//      }
//    },
    'beforeChangeView':{ // Ok revision made
        fn: function (newView,OldView,calendarOBJ){
          if (newView==OldView){
            return false;
          }
          //var r=confirm("Change from " + OldView + " to " + newView);
          //return r;
        },scope:this
    },
//    'beforeTaskDelete': {
//        fn: function (datatask,dxview) {
//          return false;
//          // do your stuff to check if the event/task could be deleted
//        }, scope:this
//    },
//    'beforeTaskEdit': {
//        fn: function (datatask,dxview) {
//          return false;
//        }, scope:this
//    },
    'beforeTaskMove':{
        fn: function (datatask,Taskobj,dxview,TaskEl) { // return "true" to cancel or "false" to go on

                                        var task = datatask;
                                        var dnitask = String(task[2]);
                                        /*verificar si el usuario existe y si las reservas es del usuario */
                                        var dniVal = String(ID_DNI);
                                        if(dniVal != "")
                                        {
                                            if(dniVal == dnitask)
                                                {
                                                    return true;
                                                }else
                                                    {
                                                         Ext.Msg.alert('Alerta'  , 'No tiene permisos para editar esta reserva.');
                                                        return false;
                                                    }
                                        }else
                                            {
                                                Ext.Msg.alert('Alerta'  , 'Ingrese al Sistema');
                                                 return false;
                                            }
        }, scope:this
    },
    'afterChangeDate':{
      fn: function( newdate , calobj){
        //alert ("Date changed to:" + newdate.format('d-m-Y'));
      }
    },
    'onChangeView':{
      fn: function(newView, oldView, calobj){
        //Ext.get("samplebox_cview").update("Current View: " + newView);
                               // alert('onChangeView' + newView + '-' + oldView);
      },scope: this
    },
    'taskAdd':{
        fn: function( datex ) {
          //alert ("Adding Task for " + datex);
                                        //ShowFormNuevaReserva(datex);
                                          var dniVal = String(ID_DNI);
                                        if(dniVal != "")
                                        {
                                           ShowFormNuevaReserva(datex);
                                        }else
                                            {
                                                Ext.Msg.alert('Alerta'  , 'Ingrese al Sistema para poder reservar');
                                                 return false;
                                            }

        }
    },
    'taskDblClick':{
        fn: function (task,dxview,calendar,refviewname,record){
                                        var dni = task[2];
                                        var datatest='';
          //datatest+='id-task:'  + task[1] + ' ' + task[2] + '
';
          datatest+='';
           datatest+='';
           datatest+='';
          datatest+='



Usuario: ' + dni + '
Desde: '    + task[3] + '
Hasta: '   + task[4] + '
Monto Total: S/. '  + task[8] + '
Detalle: '     + task[9] + '
';
          //datatest+='Location: '     + task[7] + '
';

          Ext.Msg.alert('Detalle Reserva'  , datatest);
        },
        scope:this
    },
    'onTaskDelete':{
      fn:function(datatask){
//        var r=confirm("Delete event " + datatask[1] + " " + datatask[2] + "...? YES/NO" );
//        return r;
//
                                var task = datatask;
                                var dnitask = String(task[2]);
                                /*verificar si el usuario existe y si las reservas es del usuario */
                                var dniVal = String(ID_DNI);
                                if(dniVal != "")
                                {
                                    if(dniVal == dnitask)
                                        {
                                            ShowPopupDeleteReserva(String(task[1]));
                                        }else
                                            {
                                                 Ext.Msg.alert('Alerta'  , 'No tiene permisos para eliminar esta reserva.');
                                                return false;
                                            }
                                }else
                                    {
                                        Ext.Msg.alert('Alerta'  , 'Ingrese al Sistema');
                                         return false;
                                    }



        // do your stuf for deletion and return the value
      },scope:this
    },
     'afterTaskDelete':{
         fn: function(datatask,action){
        //action ? alert("Event: " + datatask[1] + " " + datatask[2] + " Deleted"): alert("Event Delete was canceled..!");
        // perform any action after deleting the event/task

      },scope:this
       },
     'onTaskEdit':{
      fn:function(datatask){
                                var task = datatask;
                                var dnitask = String(task[2]);
                                /*verificar si el usuario existe y si las reservas es del usuario */
                                var dniVal = String(ID_DNI);
                                if(dniVal != "")
                                {
                                    if(dniVal == dnitask)
                                        {
                                            ShowFormEditarReserva(String(task[1]));
                                        }else
                                            {
                                                 Ext.Msg.alert('Alerta'  , 'No tiene permisos para editar esta reserva.');
                                                return false;
                                            }
                                }else
                                    {
                                        Ext.Msg.alert('Alerta'  , 'Ingrese al Sistema');
                                         return false;
                                    }
        // do your stuf for editing and return the value
      },scope:this
      },
      'afterTaskEdit':{
         fn: function(datatask,action){
        // perform any action after deleting the event/task
//        if (action){
//          alert("Event: " + datatask[1] + " " + datatask[2] + " Edited");
//        } else {
//          alert("Event Edit was canceled..!");
//        }
//        return false;
      },scope:this
      },
    'TaskMoved':{
        fn: function (newDataTask,Taskobj,dxview,TaskEl) {   // do some stuff
          var test=21;  // use breakpoint in firefox here
          var task = newDataTask;
                                        var dnitask = String(task[2]);
                                        /*verificar si el usuario existe y si las reservas es del usuario */
                                        var dniVal = String(ID_DNI);
                                        if(dniVal != "")
                                        {
                                            if(dniVal == dnitask)
                                                {
                                                     /* actualizar la reserva */
                                                       Ext.MessageBox.show({
                                                           msg: 'Actualizando los Datos , por favor espere...',
                                                           progressText: 'Actualizando...',
                                                           width:300,
                                                           wait:true//,
                                                           //waitConfig: {interval:200}//,
                                                           //icon:'ext-mb-download', //custom class in msg-box.html
                                                           //animEl: 'mb7'
                                                     });
                                                     var AddResultItinerarios = new Ext.data.Connection();
                                                        AddResultItinerarios.request({
                                                            url: URLWebService + '/UpdateReserva',
                                                            params: {
                                                                        tipoupdate:'fecha',
                                                                        idreserva:String(task[1]),
                                                                        fechadesde:String(task[3]),
                                                                        fechahasta:String(task[4])
                                                                    },
                                                            method: 'POST',
                                                            scope: this,
                                                            callback: function(options, success, response){
                                                            if (success){
                                                                 Ext.MessageBox.hide();
                                                                var xml = response.responseText;
                                                                var re = /\n/;
                                                                xml = xml.replace(re, '');
                                                                re = /\r/;
                                                                xml = xml.replace(re, '');
                                                                var ObjectRes =  Ext.decode(xml);
                                                               // var ObjectRes= Ext.util.JSON.encode(xml);
                                                                ObjectRes= ObjectRes.MensajeResultado;
                                                                var return_Estado = ObjectRes.ESTADO;
                                                                var return_Mensaje = ObjectRes.MENSAJE ;
                                                                Ext.MessageBox.show({
                                                                   title: 'Resultado',
                                                                   msg: return_Mensaje,
                                                                   buttons: Ext.MessageBox.OK,
                                                                   fn: function(){
                                                                    if(return_Estado == 1)
                                                                    {
                                                                          dataStore.load({callback: function(records,o,s){
                                                                                  CReserva.refreshCalendarView();
                                                                            }});
                                                                    }else
                                                                    {
                                                                    }

                                                                   }
                                                               });
                                                          }
                                                          }
                                                        });
                                            /******************************************************************/
                                                }else
                                                    {

                                                    }
                                        }else
                                            {
                                              //  Ext.Msg.alert('Alerta'  , 'Ingrese al Sistema');
                                            }


                                                  
//          var myrecordtask = CReserva.store.getAt( (parseInt(task[6])-1) ); //Alert...!   base number of index are 1  not 0
//          myrecordtask.set('startdate',task[3] );
//          myrecordtask.set('enddate',task[4] );
//          CReserva.store.commitChanges();

        }, scope:this
    },
    'customMenuAction':{
        fn: function (MenuId, Currentview,datatask,objEl,dxview){
          var datatest = '';
                                        var task;
                                        var dni;
          if (Currentview=='month'){
            task = datatask;
                                                dni = task[2];
                                                  datatest='';
                                                    //datatest+='id-task:'  + task[1] + ' ' + task[2] + '
';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='



Usuario: ' + dni + '
Desde: '    + task[3] + '
Hasta: '   + task[4] + '
Monto Total: S/. '  + task[8] + '
Detalle: '     + task[9] + '
';
                                                    //datatest+='Location: '     + task[7] + '
';


                                                Ext.Msg.alert('Detalle Reserva'  , datatest);
          } else if (Currentview=='day'){
            task = datatask;
                                                dni = task[2];
                                                 datatest='';
                                                    //datatest+='id-task:'  + task[1] + ' ' + task[2] + '
';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='



Usuario: ' + dni + '
Desde: '    + task[3] + '
Hasta: '   + task[4] + '
Monto Total: S/. '  + task[8] + '
Detalle: '     + task[9] + '
';
                                                    //datatest+='Location: '     + task[7] + '
';

                                                Ext.Msg.alert('Detalle Reserva'  , datatest);
          } else if (Currentview=='week'){
            task = datatask;
                                                dni = task[2];
                                                datatest='';
                                                    //datatest+='id-task:'  + task[1] + ' ' + task[2] + '
';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='



Usuario: ' + dni + '
Desde: '    + task[3] + '
Hasta: '   + task[4] + '
Monto Total: S/. '  + task[8] + '
Detalle: '     + task[9] + '
';
                                                    //datatest+='Location: '     + task[7] + '
';

                                                Ext.Msg.alert('Detalle Reserva'  , datatest);
          } else if (Currentview=='scheduler'){
            task = datatask;
                                                dni = task[2];
                                                 datatest='';
                                                    //datatest+='id-task:'  + task[1] + ' ' + task[2] + '
';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='';
                                                    datatest+='



Usuario: ' + dni + '
Desde: '    + task[3] + '
Hasta: '   + task[4] + '
Monto Total: S/. '  + task[8] + '
Detalle: '     + task[9] + '
';
                                                    //datatest+='Location: '     + task[7] + '
';

                                                Ext.Msg.alert('Detalle Reserva'  , datatest);
          }
        },scope:this
    }

  });
  CReserva.render('calendar');

           
      // CReserva.refreshCalendarView();
  Ext.EventManager.onWindowResize( function(){CReserva.refreshCalendarView();});
}

function handleError(type, response){
    switch (type)
    {
        case 'remote':
            alert(response.raw.errors);
            break;
        case 'response':
            if ((response.isTimeout !== undefined) && (response.isTimeout === true))
            {
                alert('The request has timed out. Please try again.')
            }
            else
            {
                alert('An unexpected error has occured.');
            }
            break;
    }
}

function ValidarSessionUsuario()
 {
   var DNI_return =  "";
    var AddResultItinerarios = new Ext.data.Connection();
    AddResultItinerarios.request({
        url: URLWebService + '/SessionActive',
        params: {
                tiposession: 'usuario'
                },
        method: 'POST',
        scope: this,
        callback: function(options, success, response){
        if (success){
            var xml = response.responseText;
            var re = /\n/;
            xml = xml.replace(re, '');
            re = /\r/;
            xml = xml.replace(re, '');
            var ObjectRes =  Ext.decode(xml);
            ObjectRes= ObjectRes.MensajeResultado;
            var return_Estado = ObjectRes.ESTADO;
            var return_Mensaje = ObjectRes.MENSAJE ;
            var return_ID_RETURN = ObjectRes.ID_RETURN ; /* dni usuario */
            var return_TIPO_RETURN = ObjectRes.TIPO_RETURN ; /* usuario - empresa */
                if(parseInt(return_Estado) == 1)
                {
                    if(return_TIPO_RETURN == "usuario")
                        {
                             DNI_return = return_ID_RETURN;
                        }
                   
                }
      }
      }
    });
    return DNI_return;
 }

 /********** FORM PANEL PARA EDITAR LA RESERVA******************************************/
var winIti ;
var panelContentIti ;

function ShowFormEditarReserva(IdReserva)
{
    try
    {
        //fechaSel
      var record =  dataStore.getAt(dataStore.find('IdReserva',IdReserva));

      /* validar si la reserva ya esta confirmada */
      var estadoConf = record.data.estado;
      if(String(estadoConf)== "2")
          {
               Ext.Msg.alert('Alerta'  , 'La reserva ya fue confirmada. No puede editar.');
               return false;
          }


      var dni_ = record.data['usuario.Dni'];
      var fecha_ = record.data.fechaDesde;
      var detalle_ = record.data.Detalle;
        //var fecha = Ext.util.Format.date(fechaSel, 'd/m/Y g:i a');
        var fechaSel = Ext.util.Format.date(fecha_, 'd/m/Y');
      //  alert(fechaSel);

    var var_hora_sal_edit =  record.data.fechaDesde.substring(11,16);

    var var_hora_ret_edit = record.data.fechaHasta.substring(11,16);



     var txtusuario = new Ext.form.TextField({
        name: 'txtusuario',
        id: 'txtusuario',
        fieldLabel: 'Usuario',
        allowBlank:false,
        readOnly: true,
        value:dni_,
        align:'left',
        width:170
    });
   var txtdetalle = new Ext.form.TextArea({
        name: 'txtdetalle',
        id: 'txtdetalle',
        fieldLabel: 'Detalle',
        allowBlank:true,
        value:detalle_,
        readOlny: true,
        align:'left',
        width:360
    });
   /********** CREAR LA FECHA SALIDA *****************/
    var  startDateEdit= new Ext.form.DateField ({
        name: 'startDateEdit',
        id: 'startDateEdit',
        width : 100,
        value:fechaSel,
        format : "d/m/Y",
        //vtype: 'daterange',
        //endDateField: 'endDateEdit' ,
        fieldLabel:'Fecha Desde',
        allowBlank:false,
        altFormats : "d/m/y",
        readOnly:true

    });
    var startDate_hora = new Ext.form.TimeField({
              fieldLabel:'Hora Desde',
                name: 'startDate_hora',
                id: 'startDate_hora',
                //format : 'g:i a',
                value:var_hora_sal_edit,
              format:"H:i a",
                width:100 ,
                increment: 60,
                editable:false,
                 minValue: '10:00am',
                 maxValue: '22:00pm',
                        allowBlank:false
        });
    /********** CREAR LA FECHA RETORNO *****************/

  //  endDateEdit.setValue(fechaSel + 1 );
    var endDate_hora = new Ext.form.TimeField({
              fieldLabel:'Hora Hasta',
                name: 'endDate_hora',
                id: 'endDate_hora',
               format:"H:i a",
               value:var_hora_ret_edit,
                minValue: '10:00am',
                 maxValue: '22:00pm',
                width:100 ,
                increment: 60,
                editable:false,
                        allowBlank:false

        });



    /*********************/
           if (!winIti) {

            panelContentIti = new Ext.form.FormPanel({
                labelWidth: 75,
                xtype: 'panel',
                frame:true,
                region:'center',
                layout: 'form',
                bodyStyle:'padding:5px 5px 0',
                width: 480,
                 items: [

                      {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .6,
                            layout: 'form',
                            items: [txtusuario]
                        }
                         ,
                        {
                            columnWidth:.4,
                            layout: 'form'
                        } ]
                    } ,
                    {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .5,
                            layout: 'form',
                            items: [startDateEdit]
                        }
                         ,
                        {
                            columnWidth:.5,
                            layout: 'form'//,
                          //  items: [ startDate_hora ]
                        } ]
                    } ,
                      {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .5,
                            layout: 'form',
                            items: [startDate_hora]
                        }
                         ,
                        {
                            columnWidth:.5,
                            layout: 'form',
                            items: [ endDate_hora ]
                        } ]
                    } ,
                    txtdetalle ,
                     {
                        layout:'column',
                        items:[
                        {
                            columnHeight:.2,
                            layout: 'form'
                        }
                         ]
                    }
                ],
                   buttons: [{
                    text: 'Guardar',
                    id:'btnSave',
                    handler: function()
                    {
                        if(!panelContentIti.getForm().isValid())
                        {
                          return false;
                        }

                        var _txtusuario=  Ext.get('txtusuario').dom;
                        var _txtdetalle=  Ext.get('txtdetalle').dom;
                        var _startDateEdit =  Ext.get('startDateEdit').dom;
                        var _startDate_hora =  Ext.get('startDate_hora').dom;
                      //  var _endDateEdit =  Ext.get('endDateEdit').dom;
                        var _endDate_hora =  Ext.get('endDate_hora').dom;

                        if(_txtusuario.value == "")
                        {
                            _txtusuario.focus();
                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
                            return false;
                        }

                        if(_startDateEdit.value == "")
                        {
                            _startDateEdit.focus();
                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
                            return false;
                        }
//                        if(_endDateEdit.value == "")
//                        {
//                            _endDateEdit.focus();
//                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
//                            return false;
//                        }

//                        if(!_startDateEdit.validate())
//                        {
//                            _startDateEdit.focus();
//                          Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }

//                        if(!_endDateEdit.validate())
//                        {
//                            _endDateEdit.focus();
//                          Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }
                        _startDateEdit =   _startDateEdit.value;
                        _startDate_hora = _startDate_hora.value;
                        var iLen_e = String(_startDate_hora).length;
                        var s_hora_em_ = String(_startDate_hora).substring(iLen_e, iLen_e - 2).toUpperCase().trim();
                        var new_hora_em =String(_startDate_hora).substring(0, iLen_e - 2) ;
                        var HIni_In= new_hora_em;
                        if(s_hora_em_ == 'AM') {new_hora_em = new_hora_em.replace(/^\s*|\s*$/g,"") + ':00 am' ;}
                        else{new_hora_em = new_hora_em.replace(/^\s*|\s*$/g,"") + ':00 pm' ;}

                       _endDate_hora = _endDate_hora.value;
                        var iLen_ef = String(_endDate_hora).length;
                        var s_hora_fin_ = String(_endDate_hora).substring(iLen_ef, iLen_ef - 2).toUpperCase().trim();
                        var new_hora_fin =String(_endDate_hora).substring(0, iLen_ef - 2) ;
                        var HFin_In= new_hora_fin;
                        if(s_hora_fin_ == 'AM') {new_hora_fin = new_hora_fin.replace(/^\s*|\s*$/g,"") + ':00 am' ;}
                        else{new_hora_fin = new_hora_fin.replace(/^\s*|\s*$/g,"") + ':00 pm' ;}
                           /**********************************/

 
  var fec = _startDateEdit.split("/");
        var horai = HIni_In.split(":");
        var horaf =  HFin_In.split(":");
  var dat1 = new Date(fec[2], parseFloat(fec[1])-1, parseFloat(fec[0]),parseFloat(horai[0]),parseFloat(horai[1]),00);
  var dat2 =  new Date(fec[2], parseFloat(fec[1])-1, parseFloat(fec[0]),parseFloat(horaf[0]),parseFloat(horaf[1]),00);

  var fin = dat2.getTime() - dat1.getTime();

        var horasVal = parseFloat(fin);
        if(horasVal <= 0)
            {
                   Ext.MessageBox.alert('Mensaje', 'La fecha hasta debe ser mayor a la fecha desde!.');
                   return false;
            }
  var Nro_Horas = Math.floor(fin / (1000 * 60 * 60 ));

/** verificar si existe una reserva en esa fecha */
   var objec = dataStore;
   var fec_v = fec[1] + '/' + fec[0] + '/' + fec[2];
   var horaI_v = _startDate_hora.substring(0, 2);
   var horaF_v = _endDate_hora.substring(0, 2);
    var estPrue= false;
    for(var i = 0; i <  objec.getCount(); i = i +1)
    {
        var fechaDesdeV =objec.data.get(i).data.fechaDesde ;
        var fechaHastaV =objec.data.get(i).data.fechaHasta ;
        var id_reservV =objec.data.get(i).data.IdReserva ;
        var fechaDesde_ =fechaDesdeV.substring(0, 10) ;

  //var record =  dataStore.getAt(dataStore.find('IdReserva',IdReserva));
       
        if(fechaDesde_ == fec_v)
        {
             var horaCompletaIni_v =fechaDesdeV.substring(11, 13);
             var horaCompletaFin_v =fechaHastaV.substring(11, 13);

             var horaIrecord =parseInt(record.data.fechaDesde.substring(11, 13));
             var horaFrecord =parseInt(record.data.fechaHasta.substring(11, 13));
//             alert(parseInt(horaI_v) +' >= ' +parseInt(horaIrecord) +' && ' + parseInt(horaI_v) +' <= ' +
//                 parseInt(horaFrecord)+' && ' + parseInt(horaF_v)+' >= ' + parseInt(horaIrecord)+' && ' + parseInt(horaF_v)+' <= ' +
//                 parseInt(horaFrecord));
             if((parseInt(horaI_v) >= parseInt(horaIrecord)) && (parseInt(horaI_v) <= parseInt(horaFrecord)) && (parseInt(horaF_v) >= parseInt(horaIrecord)) && (parseInt(horaF_v) <= parseInt(horaFrecord)))
                 {

                     estPrue= false;
                     break;
                 }

               if(parseInt(id_reservV) != parseInt(IdReserva))
                   {
                        if(parseInt(horaI_v) == parseInt(horaCompletaIni_v))
                         {
                             estPrue = true; /**existe */
                             break;
                         }
                       if(parseInt(horaF_v) == parseInt(horaCompletaFin_v))
                         {
                             estPrue = true; /**existe */
                             break;
                         }
                        if((parseInt(horaI_v) > parseInt(horaCompletaIni_v)) && (parseInt(horaI_v) < parseInt(horaCompletaFin_v)) )
                         {
                             estPrue = true; /**existe */
                             break;
                         }
                          if((parseInt(horaF_v) > parseInt(horaCompletaIni_v)) && (parseInt(horaF_v) < parseInt(horaCompletaFin_v)) )
                         {
                             estPrue = true; /**existe */
                             break;
                         }

                   }

        }
    }
      if(estPrue)
            {
                   Ext.MessageBox.alert('Mensaje', 'En la hora seleccionada ya existe una reserva!.');
                   return false;
            }
  //return dias;
     Ext.MessageBox.show({
       msg: 'Guardando los Datos , por favor espere...',
       progressText: 'Guardando...',
       width:300,
       wait:true//,
       //waitConfig: {interval:200}//,
       //icon:'ext-mb-download', //custom class in msg-box.html
       //animEl: 'mb7'
 });

 var AddResultItinerarios = new Ext.data.Connection();
                    AddResultItinerarios.request({
                        url: URLWebService + '/UpdateReserva',
                        params: {
                                tipoupdate:'reserva',
                                fechadesde: String(_startDateEdit + ' ' + new_hora_em),
                                fechahasta: String(_startDateEdit + ' ' +new_hora_fin),
                                dni:_txtusuario.value.replace(/^\s*|\s*$/g,""),
                                idempresaarea: String(ID_tipoarea),
                                horas:String(Nro_Horas),
                                detalle:_txtdetalle.value.replace(/^\s*|\s*$/g,""),
                                idreserva: String(IdReserva)
                                },
                        method: 'POST',
                        scope: this,
                        callback: function(options, success, response){
                        if (success){
                              Ext.MessageBox.hide();
                            var xml = response.responseText;
                            var re = /\n/;
                            xml = xml.replace(re, '');
                            re = /\r/;
                            xml = xml.replace(re, '');
                            var ObjectRes =  Ext.decode(xml);
                            ObjectRes= ObjectRes.MensajeResultado;
                            var return_Estado = ObjectRes.ESTADO;
                            var return_Mensaje = ObjectRes.MENSAJE ;
                            Ext.MessageBox.show({
                               title: 'Resultado',
                               msg: return_Mensaje,
                               buttons: Ext.MessageBox.OK,
                               fn: function(){
                                if(return_Estado == 1)
                                {
                                    winIti.close();
                                      dataStore.load({callback: function(records,o,s){
                                              CReserva.refreshCalendarView();
                                        }});
                                   // CReserva.refreshCalendarView();
                                }else
                                {
                                }

                               }
                           });
                      }
                      }
                    });

                      
                    }
                    }, {
                    text: 'Cancelar',
                    handler: function(){
                       winIti.close();
                    }
                 }]
            });
            winIti = new Ext.Window({
                title: 'EDITAR RESERVA',
                id:'winIti' ,
                closable: false,
                resizable: false,
                hideParent :false,
                autoScroll:true,
                closeAction: 'close',
                width: 500,
                border:false,
                modal:true,
                plain: true,
                autoScroll:true,
                listeners:{show:function() {
                    this.loadMask = new Ext.LoadMask(this.body, {
                        msg:'Espere por favor...'
                    });
                }} ,
                items: [panelContentIti]
            });
            
           winIti.on('beforehide',destroyProjectWindowIti);
       }
        winIti.show();
    }
    catch(err){
        alert(err.description);
    }
}

function destroyProjectWindowIti() {
  if (winIti != null) {
    winIti = null;
  }
}
 /********** FORM PANEL PARA NUEVA RESERVA******************************************/
var winNuevReserva ;
var panelContentNewreserva ;

function ShowFormNuevaReserva(fechaSel)
{
    try
    {
        //var fecha = Ext.util.Format.date(fechaSel, 'd/m/Y g:i a');
        var fechaSel = Ext.util.Format.date(fechaSel, 'd/m/Y');
      //  alert(fechaSel);
    //var var_fecha_sal = fecha.substring(0,10);
//    var var_hora_sal =  var_fecha_sal_.substring(11,var_fecha_sal_.lenght);
//    var var_hora_sal_AP =  var_fecha_sal_.substring(16,var_fecha_sal_.lenght);
//    var_hora_sal =var_hora_sal.substring(0,5).trim() + ' ' + replaceAll(var_hora_sal_AP,'.','').toUpperCase().trim();

 //   var var_fecha_ret = fecha.substring(0,10);
//    var var_hora_ret = var_fecha_ret_.substring(11,var_fecha_ret_.lenght);
//    var var_hora_ret_AP =  var_fecha_ret_.substring(16,var_fecha_ret_.lenght);
//    var_hora_ret =var_hora_ret.substring(0,5).trim() + ' ' + replaceAll(var_hora_ret_AP,'.','').toUpperCase().trim();
    var d_fecha = new Date();
    d_fecha.setDate(d_fecha.getDate()+3);
    d_fecha = Ext.util.Format.date(d_fecha, 'd/m/Y');

     var txtusuario = new Ext.form.TextField({
        name: 'txtusuario',
        id: 'txtusuario',
        fieldLabel: 'Usuario',
        allowBlank:false,
        readOnly: true,
        value:ID_DNI,
        align:'left',
        width:170
    });
   var txtdetalle = new Ext.form.TextArea({
        name: 'txtdetalle',
        id: 'txtdetalle',
        fieldLabel: 'Detalle',
        allowBlank:true,
        readOlny: true,
        align:'left',
        width:360
    });
   /********** CREAR LA FECHA SALIDA *****************/
    var  startDateEdit= new Ext.form.DateField ({
        name: 'startDateEdit',
        id: 'startDateEdit',
        width : 100,
        value:fechaSel,
        format : "d/m/Y",
        minValue:String(d_fecha),
        //vtype: 'daterange',
        //endDateField: 'endDateEdit' ,
        fieldLabel:'Fecha Desde',
        allowBlank:false,
        altFormats : "d/m/y"

    });
    var startDate_hora = new Ext.form.TimeField({
              fieldLabel:'Hora Desde',
                name: 'startDate_hora',
                id: 'startDate_hora',
                //format : 'g:i a',
              format:"H:i a",
                width:100 ,
                increment: 60,
                editable:false,
                 minValue: '10:00am',
                 maxValue: '22:00pm',
                        allowBlank:false
        });
    /********** CREAR LA FECHA RETORNO *****************/
    var endDateEdit= new Ext.form.DateField ({
        name: 'endDateEdit',
        id: 'endDateEdit',
        width : 100,
        //vtype: 'daterange',
       // startDateField: 'startDateEdit',
        fieldLabel:'Fecha Hasta',
        value:fechaSel,
        format : "d/m/Y",
        allowBlank:false,
        altFormats : "d/m/y"

    });
  //  endDateEdit.setValue(fechaSel + 1 );
    var endDate_hora = new Ext.form.TimeField({
              fieldLabel:'Hora Hasta',
                name: 'endDate_hora',
                id: 'endDate_hora',
               format:"H:i a",
                minValue: '10:00am',
                 maxValue: '22:00pm',
                width:100 ,
                increment: 60,
                editable:false,
                        allowBlank:false

        });



    /*********************/
           if (!winNuevReserva) {

            panelContentNewreserva = new Ext.form.FormPanel({
                labelWidth: 75,
                xtype: 'panel',
                frame:true,
                region:'center',
                layout: 'form',
                bodyStyle:'padding:5px 5px 0',
                width: 480,
                 items: [

                      {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .6,
                            layout: 'form',
                            items: [txtusuario]
                        }
                         ,
                        {
                            columnWidth:.4,
                            layout: 'form'
                        } ]
                    } ,
                    {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .5,
                            layout: 'form',
                            items: [startDateEdit]
                        }
                         ,
                        {
                            columnWidth:.5,
                            layout: 'form'//,
                          //  items: [ startDate_hora ]
                        } ]
                    } ,
                      {
                        layout:'column',
                        items:[
                        {
                            columnWidth: .5,
                            layout: 'form',
                            items: [startDate_hora]
                        }
                         ,
                        {
                            columnWidth:.5,
                            layout: 'form',
                            items: [ endDate_hora ]
                        } ]
                    } ,
                    txtdetalle ,
                     {
                        layout:'column',
                        items:[
                        {
                            columnHeight:.2,
                            layout: 'form'
                        }
                         ]
                    }
                ],
                   buttons: [{
                    text: 'Guardar',
                    id:'btnSave',
                    handler: function()
                    {
                        if(!panelContentNewreserva.getForm().isValid())
                        {
                          return false;
                        }

                        var _txtusuario=  Ext.get('txtusuario').dom;
                        var _txtdetalle=  Ext.get('txtdetalle').dom;
                        var _startDateEdit =  Ext.get('startDateEdit').dom;
                        var _startDate_hora =  Ext.get('startDate_hora').dom;
                      //  var _endDateEdit =  Ext.get('endDateEdit').dom;
                        var _endDate_hora =  Ext.get('endDate_hora').dom;

                        if(_txtusuario.value == "")
                        {
                            _txtusuario.focus();
                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
                            return false;
                        }

                        if(_startDateEdit.value == "")
                        {
                            _startDateEdit.focus();
                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
                            return false;
                        }
//                        if(_endDateEdit.value == "")
//                        {
//                            _endDateEdit.focus();
//                                Ext.MessageBox.alert('Mensaje', 'Faltan ingresar datos!.');
//                            return false;
//                        }

//                        if(!_startDateEdit.validate())
//                        {
//                            _startDateEdit.focus();
//                          Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }

//                        if(!_endDateEdit.validate())
//                        {
//                            _endDateEdit.focus();
//                          Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
//                            return false;
//                        }
                        _startDateEdit =   _startDateEdit.value;
                        _startDate_hora = _startDate_hora.value;
                        var iLen_e = String(_startDate_hora).length;
                        var s_hora_em_ = String(_startDate_hora).substring(iLen_e, iLen_e - 2).toUpperCase().trim();
                        var new_hora_em =String(_startDate_hora).substring(0, iLen_e - 2) ;
                        var HIni_In= new_hora_em;
                        if(s_hora_em_ == 'AM') {new_hora_em = new_hora_em.replace(/^\s*|\s*$/g,"") + ':00 am' ;}
                        else{new_hora_em = new_hora_em.replace(/^\s*|\s*$/g,"") + ':00 pm' ;}

                       _endDate_hora = _endDate_hora.value;
                        var iLen_ef = String(_endDate_hora).length;
                        var s_hora_fin_ = String(_endDate_hora).substring(iLen_ef, iLen_ef - 2).toUpperCase().trim();
                        var new_hora_fin =String(_endDate_hora).substring(0, iLen_ef - 2) ;
                        var HFin_In= new_hora_fin;
                        if(s_hora_fin_ == 'AM') {new_hora_fin = new_hora_fin.replace(/^\s*|\s*$/g,"") + ':00 am' ;}
                        else{new_hora_fin = new_hora_fin.replace(/^\s*|\s*$/g,"") + ':00 pm' ;}
                           /**********************************/

 
  var fec = _startDateEdit.split("/");
        var horai = HIni_In.split(":");
        var horaf =  HFin_In.split(":");
  var dat1 = new Date(fec[2], parseFloat(fec[1])-1, parseFloat(fec[0]),parseFloat(horai[0]),parseFloat(horai[1]),00);
  var dat2 =  new Date(fec[2], parseFloat(fec[1])-1, parseFloat(fec[0]),parseFloat(horaf[0]),parseFloat(horaf[1]),00);

  var fin = dat2.getTime() - dat1.getTime();

        var horasVal = parseFloat(fin);
        if(horasVal <= 0)
            {
                   Ext.MessageBox.alert('Mensaje', 'La fecha hasta debe ser mayor a la fecha desde!.');
                   return false;
            }
  var Nro_Horas = Math.floor(fin / (1000 * 60 * 60 ));

/** verificar si existe una reserva en esa fecha */
   var objec = dataStore;
   var fec_v = fec[1] + '/' + fec[0] + '/' + fec[2];
   var horaI_v = _startDate_hora.substring(0, 2);
   var horaF_v = _endDate_hora.substring(0, 2);
    var estPrue= false;
    for(var i = 0; i <  objec.getCount(); i = i +1)
    {
        var fechaDesdeV =objec.data.get(i).data.fechaDesde ;
        var fechaHastaV =objec.data.get(i).data.fechaHasta ;
        var fechaDesde_ =fechaDesdeV.substring(0, 10) ;

        if(fechaDesde_ == fec_v)
        {
             var horaCompletaIni_v =fechaDesdeV.substring(11, 13);
             var horaCompletaFin_v =fechaHastaV.substring(11, 13);

             if(parseInt(horaI_v) == parseInt(horaCompletaIni_v))
                 {
                     estPrue = true; /**existe */
                     break;
                 }
               if(parseInt(horaF_v) == parseInt(horaCompletaFin_v))
                 {
                     estPrue = true; /**existe */
                     break;
                 }
                if((parseInt(horaI_v) > parseInt(horaCompletaIni_v)) && (parseInt(horaI_v) < parseInt(horaCompletaFin_v)) )
                 {
                     estPrue = true; /**existe */
                     break;
                 }
                  if((parseInt(horaF_v) > parseInt(horaCompletaIni_v)) && (parseInt(horaF_v) < parseInt(horaCompletaFin_v)) )
                 {
                     estPrue = true; /**existe */
                     break;
                 }
        }
    }
      if(estPrue)
            {
                   Ext.MessageBox.alert('Mensaje', 'En la hora seleccionada ya existe una reserva!.');
                   return false;
            }
            


  //return dias;
     Ext.MessageBox.show({
       msg: 'Guardando los Datos , por favor espere...',
       progressText: 'Guardando...',
       width:300,
       wait:true//,
       //waitConfig: {interval:200}//,
       //icon:'ext-mb-download', //custom class in msg-box.html
       //animEl: 'mb7'
 });

 var AddResultItinerarios = new Ext.data.Connection();
                    AddResultItinerarios.request({
                        url: URLWebService + '/InsertReserva',
                        params: {
                                fechadesde: String(_startDateEdit + ' ' + new_hora_em),
                                fechahasta: String(_startDateEdit + ' ' +new_hora_fin),
                                dni:_txtusuario.value.replace(/^\s*|\s*$/g,""),
                                idempresaarea: String(ID_tipoarea),
                                horas:String(Nro_Horas),
                                detalle:_txtdetalle.value.replace(/^\s*|\s*$/g,"")
                                },
                        method: 'POST',
                        scope: this,
                        callback: function(options, success, response){
                        if (success){
                              Ext.MessageBox.hide();
                            var xml = response.responseText;
                            var re = /\n/;
                            xml = xml.replace(re, '');
                            re = /\r/;
                            xml = xml.replace(re, '');
                            var ObjectRes =  Ext.decode(xml);
                            ObjectRes= ObjectRes.MensajeResultado;
                            var return_Estado = ObjectRes.ESTADO;
                            var return_Mensaje = ObjectRes.MENSAJE ;
                            Ext.MessageBox.show({
                               title: 'Resultado',
                               msg: return_Mensaje,
                               buttons: Ext.MessageBox.OK,
                               fn: function(){
                                if(return_Estado == 1)
                                {
                                    winNuevReserva.close();
                                      dataStore.load({callback: function(records,o,s){
                                              CReserva.refreshCalendarView();
                                        }});
                                   // CReserva.refreshCalendarView();
                                }else
                                {
                                }

                               }
                           });
                      }
                      }
                    });

                      
                    }
                    }, {
                    text: 'Cancelar',
                    handler: function(){
                       winNuevReserva.close();
                    }
                 }]
            });
            winNuevReserva = new Ext.Window({
                title: 'NUEVA RESERVA',
                id:'winEditItinerario' ,
                closable: false,
                resizable: false,
                hideParent :false,
                autoScroll:true,
                closeAction: 'close',
                width: 500,
                border:false,
                modal:true,
                plain: true,
                autoScroll:true,
                listeners:{show:function() {
                    this.loadMask = new Ext.LoadMask(this.body, {
                        msg:'Espere por favor...'
                    });
                }} ,
                items: [panelContentNewreserva]
            });
            
           winNuevReserva.on('beforehide',destroyProjectWindowNewReserva);
       }
        winNuevReserva.show();
    }
    catch(err){
        alert(err.description);
    }
}

function destroyProjectWindowNewReserva() {
  if (winNuevReserva != null) {
    winNuevReserva = null;
  }
}

/***** FORM PARA ELIMINAR LA RESERVA ***/
 function ShowPopupDeleteReserva(IdReserva)
 {
    var record =  dataStore.getAt(dataStore.find('IdReserva',IdReserva));
      var estadoConf = record.data.estado;
      if(String(estadoConf)== "2")
          {
               Ext.Msg.alert('Alerta'  , 'La reserva ya fue confirmada. No puede eliminar.');
               return false;
          }

    Ext.Msg.show({
        title:'Alerta',
        msg: 'Desea eliminar la Reserva: "'+ record.data.Detalle +'" ?',
        buttons: Ext.Msg.YESNO,
        fn:function(btn)
        {
            if(btn=='yes')
            {
                   /**********************************/
                     Ext.MessageBox.show({
                       msg: 'Procesando , por favor espere...',
                       progressText: 'Eliminando...',
                       width:300,
                       wait:true//,
                       //waitConfig: {interval:200}//,
                       //icon:'ext-mb-download', //custom class in msg-box.html
                       //animEl: 'mb7'
                 });
                  var AddResultItinerarios = new Ext.data.Connection();
                    AddResultItinerarios.request({
                        url: URLWebService + '/DeleteReserva',
                        params: {
                                tipodelete: 'id',
                                idreserva:String(IdReserva)
                                },
                        method: 'POST',
                        scope: this,
                        callback: function(options, success, response){
                        if (success){
                              Ext.MessageBox.hide();
                            var xml = response.responseText;
                            var re = /\n/;
                            xml = xml.replace(re, '');
                            re = /\r/;
                            xml = xml.replace(re, '');
                            var ObjectRes =  Ext.decode(xml);
                            ObjectRes= ObjectRes.MensajeResultado;
                            var return_Estado = ObjectRes.ESTADO;
                            var return_Mensaje = ObjectRes.MENSAJE ;
                            Ext.MessageBox.show({
                               title: 'Resultado',
                               msg: return_Mensaje,
                               buttons: Ext.MessageBox.OK,
                               fn: function(){
                                if(return_Estado == 1)
                                {
                                      dataStore.load({callback: function(records,o,s){
                                              CReserva.refreshCalendarView();
                                        }});
                                       //  CReserva.refreshCalendarView();
                                }else
                                {
                                }

                               }
                           });
                      }
                      }
                    });
            }
            else{

            }
            }
     });
 }

Recursos:

El Proyecto que realice lo subi al GoogleCode:
http://code.google.com/p/reservaarea/

Pagina del calendario:
http://e2cs.mm-mendez.com/index.php?language=en

Archivos del calendario:
http://www.sencha.com/forum/showthread.php?37241-E2CS-EventCalendar-(v0.0.16)&s=78307fda83765dcbd28374eff6b089e5

Validando Fechas usando ExtJs

2011-02-03T00:05:00.001-05:00

- Usando ExtJs, validamos la fecha

/********** VALIDAR LAS FECHAS DESDE HASTA **************************/
Ext.apply(Ext.form.VTypes, {
    daterange : function(val, field) {
        var date = field.parseDate(val);
        if(!date){
            return;
        }
        if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
            var start = Ext.getCmp(field.startDateField);
            start.setMaxValue(date);
            start.validate();
            this.dateRangeMax = date;
        }
        else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
            var end = Ext.getCmp(field.endDateField);
            end.setMinValue(date);
            end.validate();
            this.dateRangeMin = date;
        }
        return true;
    }
});

Fecha Inicio:

var  startDateEdit= new Ext.form.DateField ({
        name: 'startDateEdit',
        id: 'startDateEdit',
        width : 100,
        value:fechaSel,
        format : "d/m/Y",
        vtype: 'daterange',
        endDateField: 'endDateEdit' ,
        fieldLabel:'Fecha Desde',
        allowBlank:false,
        altFormats : "d/m/y",
        readOnly:true

    });

Fecha Fin:

var endDateEdit= new Ext.form.DateField ({
        name: 'endDateEdit',
        id: 'endDateEdit',
        width : 100,
        vtype: 'daterange',
        startDateField: 'startDateEdit',
        fieldLabel:'Fecha Hasta',
        value:fechaSel,
        format : "d/m/Y",
        allowBlank:false,
        altFormats : "d/m/y"

    });

Access List Sharepoint using jQuery and LINQ and IHttpHandler

2009-11-03T00:14:00.002-05:00

Javascript

En el siguiente método, que paso en el nombre de la lista, al controlador de URL, y algunos parámetros de la consulta:

/ / menu items solicitud  
   $. ajax ((  
       DataType: 'json',  
       url: '_layouts / data / list.ashx',  
       Datos: (consulta: 'get', la lista: 'navegación'),  
    éxito: function (data) (  
     / / omitido  
    )  
   ));

Visual Studio 2008 SharePoint proyecto

He creado un proyecto nuevo de SharePoint en Visual Studio 2008. El archivo. Ashx contiene una directiva de página con la misma clase que el. Cs. Para que el controlador de trabajar, he añadido la estructura de los archivos siguientes al proyecto:

•Templates /

•Layouts /

•Data /

•List.ashx

•List.cs

De C # Espacios de nombres

Mi clase de controlador (List.cs) utiliza los espacios de nombres siguientes:

using Microsoft.Office.Server;
using Microsoft.Office.Server.Administration;
using Microsoft.Office.Server.UserProfiles;

using Microsoft.SharePoint;
using Microsoft.SharePoint.Administration;
using Microsoft.SharePoint.Workflow;
using Microsoft.SharePoint.Utilities;
using Microsoft.SharePoint.WebControls;
using Microsoft.SharePoint.WebPartPages;

La clase debe heredar de la IHttpHandler:

public class List : IHttpHandler

C # IHttpHandler
No te olvides de poner en práctica IsReusable

#region IHttpHandler Members

    public bool IsReusable
    {
        // Return false in case your Managed Handler cannot be reused for another request.
        // Usually this would be false in case you have some state information preserved per request.
        get { return true; }
    }

De C # Proceso de Solicitud de
El código de abajo simplemente obtiene el parámetro de "consulta" y la utiliza para asignar a una función específica. También se dará cuenta de que estoy utilizando la clase JavaScriptSerializer para devolver el JSON. Este modelo me permite utilizar fácilmente jQuery para consultar las listas de SharePoint. Lo único más eficiente sería, evidentemente

public void ProcessRequest(HttpContext context)
    {
        string query = context.Request.Params["query"];

        context.Response.Clear();
        context.Response.ContentType = "application/json";

        if (!string.IsNullOrEmpty(query))
        {
            try
            {
                IEnumerable items = null;
                switch (query)
                {
                    case "GetUser":
                        GetUser(context);
                        return;
                    case "get":
                        items = GetItems();
                        break;
                    //omitted
                }

                JavaScriptSerializer ser = new JavaScriptSerializer();
                context.Response.Write(ser.Serialize(items));

            }
            catch (Exception ex)
            {
                Console.Write(ex.Message);
            }
        }
    }

    #endregion

C # LINQ
El código siguiente se utiliza para devolver una lista de 2-dimensional. Se recupera la lista a través de un parámetro de cabecera de la petición conocida como "lista".

private IEnumerable GetItems()
    {
        string listName = HttpContext.Current.Request.Params["list"].ToString();
        SPList list = SPContext.Current.Web.Lists[listName];

        var items = from SPListItem item in list.Items
                    select new { Name = item.Name, Value = item["value"].ToString() };

        return items;
    }

Sharepoint Access GetUserProfile

2009-11-02T22:23:00.003-05:00

Esta función muestra como se puede acceder UserProfileManager para traer toda la información del usuario; para recuperar los datos usamos JSON.

using Microsoft.Office.Server;   
using Microsoft.Office.Server.Administration;   
using Microsoft.Office.Server.UserProfiles;   
using Microsoft.SharePoint;   
using Microsoft.SharePoint.Administration;

private void GetUser(HttpContext context)
    {
        string key = HttpContext.Current.Request.Params["id"].ToString();
        int id = Convert.ToInt32(key);
        object user = null;

        string siteURL = SPContext.Current.Site.Url;
        SPSecurity.RunWithElevatedPrivileges(delegate()
        {
            using (SPSite site = new SPSite(siteURL))
            {
                ServerContext serverContext = ServerContext.GetContext(context);
                UserProfileManager profileManager = new UserProfileManager(serverContext);
                SPUser spUser = site.RootWeb.Users.GetByID(id);
                UserProfile profile = profileManager.GetUserProfile(spUser.LoginName);

                user = new
                {
                    Account = profile["AccountName"].Value,
                    Title = profile["Title"].Value,
                    First = profile["FirstName"].Value,
                    Last = profile["LastName"].Value,
                    PreferredName = profile["PreferredName"].Value,
                    WorkPhone = profile["WorkPhone"].Value,
                    Fax = profile["Fax"].Value,
                    WorkEmail = profile["WorkEmail"].Value,
                    Office = profile["Office"].Value,
                    Manager = profile["Manager"].Value

                };
            }
        });

        JavaScriptSerializer ser = new JavaScriptSerializer();
        context.Response.Write(ser.Serialize(user));
    }

Access List Sharepoint using jQuery

2009-11-02T22:00:00.004-05:00

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
 
<script type="text/javascript">
    $(document).ready(function() {
        var soapEnv =
            "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
                <soapenv:Body> \
                     <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
                        <listName>Tasks</listName> \
                        <viewFields> \
                            <ViewFields> \
                               <FieldRef Name='Title' /> \
                           </ViewFields> \
                        </viewFields> \
                    </GetListItems> \
                </soapenv:Body> \
            </soapenv:Envelope>";
 
        $.ajax({
            url: "_vti_bin/lists.asmx",
            type: "POST",
            dataType: "xml",
            data: soapEnv,
            complete: processResult,
            contentType: "text/xml; charset=\"utf-8\""
        });
    });
 
    function processResult(xData, status) {
        $(xData.responseXML).find("z\\:row").each(function() {
            var liHtml = "<li>" + $(this).attr("ows_Title") + "</li>";
            $("#tasksUL").append(liHtml);
        });
    }
</script>
 
<ul id="tasksUL"/>

Kaldeera Advanced Forms in SharePoint

2009-10-21T00:18:00.003-05:00

Necesitas aplicaciones basadas en formularios web sin necesidad de desarrollos personalizados?

Ahora esto es posible mediante Kaldeeera Advanced Forms y las listas estándar de SharePoint!
Resultados inmediatos! … sin necesidad de programar!

KAF es una herramienta que nos permite modificar los formularios estándar de SharePoint® y crear potentes aplicaciones basadas en formularios web.
Agrupa y muestra la información de una forma más intuitiva, mediante pestañas. A la vez que nos permite añadir en los formularios elementos como: textos, imágenes, Web Parts, …
Ocultar campos o mostrar campos “no editables” ya no supone ningún problema con Kaldeera Advanced Forms.

Con KAF y su editor de formularios podrás alcanzar los resultados que esperabas, sin costes adicionales de desarrollo. Su tecnología, basada en la aplicación de reglas, disminuye el tiempo de implantación.

Ya no es necesario comprar multiples soluciones y componentes … Con KAF dispondrás de todas las funcionalidades en un solo producto!

Disfruta de verdaderos formularios web con toda la potencia de SharePoint!

Funcionalidades

Edición de los formularios estándar de las listas de SharePoint (new/edit/display).
Múltiples definiciones de formularios para una misma lista.
Múltiples reglas de aplicación basadas en:

- El usuario que accede al elemento
- Los valores del elemento
- Las propiedades del perfil del usuario
- Los grupos de seguridad a los que pertenece el usuario
- Parámetros de la página.

Modifica el “layout” de los formularios pudiendo introducir los siguientes elementos:

- Textos y contenidos HTML
- Imágenes
- WebParts

Agrupación de campos mediante TAB’s (pestañas)
Protección de columnas (view/edit)
Import/Export de la definición para traspaso entre entornos (ej: test, producción, …)
Condiciones basadas en variables [Hoy]
Asignación de la definición a nivel de “Content Type”
Mínima instalación y configuración.
Soporta cualquier arquitectura de granja de Microsoft SharePoint
Basado en tecnología 100% Microsoft SharePoint
Integración total con MOSS 2007 + WSS 3.0

Link: http://www.kaldeera.com/Paginas/KAF.aspx

Configurar Silverlight en SharePoint

2009-10-20T23:40:00.003-05:00

Hay una serie de pasos con los que hay que cumplir para que una aplicación Silverlight no tenga inconvenientes infraestructurales dentro de Sharepoint:
1.    Tanto Sharepoint Services como MOSS necesitan tener instalado el Service Pack 1
2.    En el server necesitamos .Net 3.5
3.    System.Web.Silverlight.dll (del SDK de Silverlight) debe estar disponible como un assembly en el Global Assembly Cache (GAC). Puedo saber rápidamente si es así mediante la siguiente línea de comandos: gacutil -l | FINDSTR System.Web.Silverlight?
4.    En nuestra máquina de desarrollo necesitaremos:

a. Microsoft Silverlight Tools for Visual Studio 2008

b. Instalar las Visual Studio Extensions para Windows SharePoint Services (VSeWSS) 1.2

5. Configurar .NET 3.5 (AJAX) y Silverlight en el web.config (en realidad el modo práctico de hacer esto es crear una aplicación Silverlight con su Web Site de prueba con Visual Studio y mirar el web.config de dicho sitio de prueba)
6. ¡No olviden registrar la extensión .xap como un tipo MIME (application/x-silverlight-2-b1) en la IIS Web application!

El amigo Tobias Zimmergren (Sharepoint MVP) se ha tomado la molestia de graficar un paso a paso en http://www.zimmergren.net/archive/2008/12/10/how-to-sharepoint-and-silverlight-2-0-%E2%80%93-part-1.aspx que - seguramente - disipará las dudas que puedan quedarles.

Webpart BotDetect CAPTCHA

2009-10-20T23:22:00.003-05:00

Este artículo describe los pasos para crear un SharePoint Web Part usando el Lanapsoft BotDetect CAPTCHA control. Es una WebPart muy simple que le permite validar entrada de usuario, comparándola con el código mostrado en la imagen CAPTCHA.

Prerequisitos

Microsoft Visual Studio 2005
Microsoft Windows SharePoint Services
BotDetect CAPTCHA 2.0.11 para ASP.NET 2.0

En este artículo asumimos que usted está corriendo Visual Studio 2005 en un servidor corriendo Windows SharePoint Services o Microsoft Office SharePoint Server 2007.
Comience descargando el ejemplo de proyecto SharePoint Web Part.

Paso 1: Crear un nuevo proyecto de WebPart Library

Comience Visual Studio 2005
En el menú de Archivo, apunte a Nuevo, y luego haga click en Proyectos
En el cuadro de diálogo " Nuevo Proyecto ", haga click en Proyectos Visual C#, y luego seleccione plantilla Web Control Library (Librería de Control Web)
Digite "LanapWebPart" como el nombre y especifique un lugar para los archivos del proyecto, luego haga click en OK

Para crear una WebPart, tiene que agregar una referencia a los ensambles Microsoft.SharePoint, System.XML y Lanap.BotDetect.

Paso 2: Configuraciones Iniciales del Proyecto

Antes de que comience a trabajar con el código para WebPart, primero debe hacer los siguientes cambios a la configuración de su proyecto:

Configure el número de la versión
Haga un nombre-fuerte para el ensamble

Para configurar el número de versión:

En el explorador de soluciones (Solution Explorer), haga doble-click en AssemblyInfo.cs.

Edite la siguiente línea:

[assembly: AssemblyVersion("1.0.*")]

para que diga:

[assembly: AssemblyVersion ("1.0.0.0")]

Para darle un nombre-fuerte al ensamble:

Click derecho en el nombre de su proyecto y seleccione propiedades
Escoja la pestaña de Signing (Firma)
Chequee la opción de " Sing the assembly" (Firme el ensamble)
En "Choose a strong name key file" (escoja un nombre fuerte en el archivo llave) escoja ""(nuevo)
En nuevo diálogo escriba el nombre de algún archivo y opcionalmente una contraseña
Guarde la configuración del proyecto

Paso 3: Agregando directivas de nombres

Agregue lo siguiente usando directivas que se encuentran cerca del comienzo de su código:
usando Microsoft.SharePoint.WebPartPages;
```
using System.Xml.Serialization;
using System.Web.UI.HtmlControls;
using Lanap.BotDetect;
```

Paso 4: Defininendo datos de Toolbox (Barra de herramientas)

Reemplace la siguiente línea:

[ToolboxData("<{0}:WebCustomControl1 runat=server>")]

con esta línea:

[ToolboxData("<{0}:LanapSimpleWebPart runat=server>")]

Paso 5: Heredando desde la clase base WebPart

Reemplace esta línea de código:

public class WebCustomControl1 : WebControl

por

public class LanapSimpleWebPart : WebPart

Paso 6: Definiendo un nombre XML para la clase WebPart entera

Agregar esta línea de código sobre la declaración para su clase WebPart:
```
[XmlRoot(Namespace="LanapWebPart")]
```

Paso 7: Definiendo la Lógica y Renderizado para su WebPart

Después de que complete los pasos previos, puede definir la lógica y el renderizado para su WebPart. Vamos a agregar un objeto Lanap.BotDetect.Captcha (mostrando la imagen CAPTCHA), una TextBox (Cuadro de texto, introduciendo el código CAPTCHA), un Button (botón,invocando la validación CAPTCHA ), y una Label (etiqueta, mostrando el resultado de la validación CAPTCHA)

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using Microsoft.SharePoint.WebPartPages;
using System.Xml.Serialization;
using System.Web.UI.HtmlControls;
using Lanap.BotDetect;

namespace LanapWebPart
{
  [XmlRoot(Namespace = "LanapWebPart")]
  [ToolboxData("<{0}:LanapSimpleWebPart runat=server>")]
  public class LanapSimpleWebPart : WebPart
  {
    private TextBox _inputText;
    private Button _submitButton;
    private Label _messageLabel;
    private Lanap.BotDetect.Captcha _captchaControl;

    protected override void CreateChildControls()
    {
      base.CreateChildControls();

      _captchaControl = new Lanap.BotDetect.Captcha();
      _captchaControl.ID = "LanapCaptcha";

      _inputText = new TextBox();
      _inputText.ID = "InputText";

      _submitButton = new Button();
      _submitButton.ID = "SubmitButton";
      _submitButton.Text = "Validate";
   
      _submitButton.Click +=
        new EventHandler(submitButton_Click);

      _messageLabel = new Label();
      _messageLabel.ID = "MessageLabel";

      this.Controls.Add(_captchaControl);
      this.Controls.Add(_inputText);
      this.Controls.Add(_submitButton);
      this.Controls.Add(_messageLabel);
    }

    void submitButton_Click(object sender, EventArgs e)
    {
      string captchaText = 
        ((TextBox)Controls[1]).Text.Trim().ToUpper();
    
      ((TextBox)Controls[1]).Text = null;

      if (_captchaControl.Validate(captchaText))
      {
        ((Label)Controls[3]).Text = "Success!";
      }
      else
      {
        ((Label)Controls[3]).Text = "Error!";
      }
    }
  }
}

Paso 8: Registrando un ensamble WebPart como un SafeControl (control de seguridad)

Abra el archivo web.config en su sitio SharePoint.

Agregue las siguientes líneas en el bloque :


    Assembly="LanapWebPart, Version=1.0.0.0, Culture=neutral,
    PublicKeyToken=82da7a1cd3cc100b"
  Namespace="LanapWebPart"
  TypeName="*"
  Safe="True"
/>

Reemplace el valor de PublicKeyToken (82da7a1cd3cc100b) con el valor actual para su ensamble WebPart. Para determinar el valor correcto de PublicKeyToken para el atributo Ensamble de la etiqueta
de su WebPart, use el sn.exe utilidad de línea de comandos:
```
sn.exe -T C:\inetpub\wwwroot\bin\SimpleWebPart.dll
```

Paso 9: Registre Http Handlers (Manipuladores Http)

Agregue las sigueintes línea a la sección
del archivo "Web.config" de SharePoint:
```
  
    type="Lanap.BotDetect.CaptchaHandler, Lanap.BotDetect" />
```
Agregue las sigueintes línea a la sección
del archivo "Web.config" de SharePoint:
```
  
```
Modifique la declaración del elemento para que incluya el atributo sessionIDManagerType con el siguiente valor:
```
      timeout="20" sessionIDManagerType="
        Lanap.BotDetect.Persistence.CustomSessionIDManager, 
        Lanap.BotDetect" />
```
Este es una solución requerida para el CAPTCHA audio para que funcione correctamente para usuarios de IE 7.0 Vista y Google Chrome, explicado aquí Preguntas Frecuentes de BotDetect ASP.NET CAPTCHA.

Paso 10: Despliegue su WebPart

Para desplegar su WebPart a un sitio SharePoint, copie el ensamble de su WebPart a la carpeta C:\inetpub\wwwroot\bin de su servidor SharePoint (o a la carpeta de caché del ensamble global en C:\windows\assembly)

Paso 11: Crear un archivo de definición de WebPart (.dwp)

Un archivo de definición WebPart (.dwp) es un simple archivo XML que contiene configuraciones de propiedades para una única WebPart. Para importar su WebPart en una página WebPart, simplemente suba el archivo .dwp. Despues de subir la WebPart, puede mostrar la WebPart arrastrándola en una de las zonas de su página WebPart.
Dos propiedades son requeridas en el archivo .dwp: Assembly(ensamble) y TypeName(Tipo de Nombre). Sin embargo, para mostrar un nombre y una descripción por defecto para la WebPart después de que sea importada, debería incluir también las propiedades Title(Título) y Description(Descripción). Si quiere establecer las propiedades de otras WebPart mientras se produce la importación, puede definirlas en un archivo .dwp. Un archivo .dwp adopta la siguiente forma:
```
   AssemblyName(with no .dll extension),
      Version=VersionNumber, Culture=Culture,
      PublicKeyToken=PublicKeyToken
   WebPartNamespace.WebPartClassName
   
   WebPartDescription
```
Su parte .dwp WebParte debería verse como esta:
```
  LanapWebPart, Version=1.0.0.0, Culture=Neutral,
    PublicKeyToken=def148956c61a16b
  LanapWebPart.LanapSimpleWebPart
  
  This web part shows Lanapsoft BotDetect
    Captcha image and validates user input
```

Parte 12: Importanto su WebPart en una página WebPart

Para usar y probar su WebPart, impórtela en una página WebPart en un servidor corriendo Windows SharePoint Services o Microsoft Office SharePoint Server 2007.

Abra una página WebPart en su servidor.
Seleccione Editar Página(Editar Página) desde el menú Site Actions (Acciones del Sitio) en rincón derecho-arriba de la página, y haga click en Add a Web Part in one of the zones (Agregar una WebPart en una de las zonas).
En el cuadro de diálogo Add WebParts (Agregar WebParts), haga click en Advanced WebPart gallery and options (Galería WebPart y opciones avanzadas) en el rincón abajo-derecha.
En el panel Add WebParts (Agregar WebParts), haga click en Import (Importar).
Explore hasta el lugar del archivo SimpleWebPart.dwp, y luego haga click en el botón Upload (Subir). Luego de subir, la página se refrescará, y "My Simple Web Part" (Mi simple WebPart) debería aparecer dejabo de Importe WebPart (WebPart importada).
Arrastre el ícono que está después de " My Simple Web Part " a una zona en la página WebPart.
Escriba texto en el cuadro de texto, y luego haga click en Set Web Part Title (Establecer el título de la WebPart).

Notas y solución de problemas

Para usar el construido de WebPart en la manera descrita en un sitio anónimo de SharePoint, el IIS acceso de cuenta de usuario anónimo (IUSR_) debería otorgarle persmisos de lectura a Lanap.BotDetect.dll. Alternativamente, puede usar el ensamble Lanap.BotDetect.dll desde GAC.
Asegúrese de que Session State (Estado de Sesión) es permitido en la sección del archivo web.config de SharePoint:
```
  type="System.Web.SessionState.SessionStateModule" />
```

Menu Carrusel Flash

2009-10-20T14:43:00.003-05:00

Un Menu hecho en flash consumiendo un archivo xml.

ARCHIVO ACTION SCRIPT EN FLASH

// ++++ Carrusel v1.0 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// ajustes para la carga del xml
System.useCodepage = true;
XML.prototype.ignoreWhite = true;
// para no tener que escribir la ruta completa de las clases que usaremos más adelante
import flash.display.BitmapData;
import flash.geom.Rectangle;
import flash.geom.Matrix;
// -----------------------------------------------------------------------------
// ----- ajustes personalizables -----------------------------------------------
// -----------------------------------------------------------------------------
// ancho carrusel en px
var ancho_carrusel:Number = 850;
// ancho de miniatura en su punto máx (en el centro del carrusel) en px
var ancho_miniatura:Number = 200;
// velocidad en escala inversa, cuanto menor sea su valor más rápido gira
var v_giro:Number=70;
var reflejar:Boolean = true;
// color de fondo para que el reflejo quede bien
var color_fondo:Number = 0xF4F4F4;
// array donde metemos los elementos del XML
var x0:Number = 365;
var y0:Number = 185;
var urlfoto__:String=""
var cantop_:Number;
 var DatoRuta = new LoadVars();
    DatoRuta.load("Datos_Menu/rutaweb.xml");
  DatoRuta.onLoad=function(){
   urlfoto__=this.rutaweb; //"D:/Cristhian/Descargas/Imágenes rotatorias 3D/"
   cantop_=this.cantop;
//trace("rutaweb = "+this.rutaweb);

 };
 
var url_fotos:String =urlfoto__ + "Datos_Menu/imagenesMenu.xml";
// "D:/Cristhian/Descargas/Imágenes rotatorias 3D/Datos_Menu/imagenesMenu.txt";
var dir_minis:String =urlfoto__ ; 
//+ "images/menu/";
 //"D:/Cristhian/Descargas/Imágenes rotatorias 3D/menu/";

   
 
// ------------------------------------------------------------------------------
// ----- fin ajustes personalizables --------------------------------------------
// ------------------------------------------------------------------------------
// objeto XML que carga la lista de miniaturas
// Hasta aquí hemos definido una serie de ajustes iniciales.
var IMG_array:Array;
var incre:Number = 0;
var num_fotos:Number;
var num_fotos_cargadas:Number;
var radio:Number = (ancho_carrusel-ancho_miniatura-10)*0.5;
var miniaturasXML:XML = new XML();
miniaturasXML.onLoad = cargarMiniaturas;
miniaturasXML.load(url_fotos);
// funcion que se ejecuta al cargar el XML
function cargarMiniaturas():Void {
 IMG_array = this.firstChild.childNodes;
 num_fotos = cantop_;
 //num_fotos = IMG_array.length;
 var contenedor:MovieClip = _root.createEmptyMovieClip("contenedor_mc", _root.getNextHighestDepth());
 contenedor._y = y0;
 contenedor._visible = false;
 var carrusel:MovieClip = contenedor.createEmptyMovieClip("carrusel_miniaturas_mc", contenedor.getNextHighestDepth());
 // lo posiciono donde nos conviene
 carrusel._x = x0;
 //carrusel._y = y0;
 num_fotos_cargadas = 0;
 for (var k:Number = 0; k=num_fotos) {
   setTimeout(_root.girar_carrusel,500);
  }
 };
}
function girar_carrusel() {
 contenedor_mc._y = y0-contenedor_mc._height;
 if (reflejar) {
  var reflejo:MovieClip = _root.createEmptyMovieClip("reflejo_miniaturas_mc", _root.getNextHighestDepth());
  reflejo._yscale = -100;
  reflejo._y = contenedor_mc._y+contenedor_mc._height*2+1;
  var myMatrix:Matrix = new Matrix();
  myMatrix.createGradientBox(ancho_carrusel,contenedor_mc._height,Math.PI/2,0,-15);
  var sombreado:MovieClip = _root.createEmptyMovieClip("sombreado_mc", _root.getNextHighestDepth());
  var colors:Array = [color_fondo, color_fondo, color_fondo];
  var alphas:Array = [40, 90, 100];
  var ratios:Array = [0, 160, 255];
  sombreado.beginGradientFill("linear",colors,alphas,ratios,myMatrix);
  sombreado.moveTo(0,0);
  sombreado.lineTo(ancho_carrusel,0);
  sombreado.lineTo(ancho_carrusel,contenedor_mc._height);
  sombreado.lineTo(0,contenedor_mc._height);
  sombreado.lineTo(0,0);
  sombreado._y = y0+1;
  sombreado._x = x0-sombreado._width*0.5;
 }
 delete contenedor_mc.onEnterFrame;
 contenedor_mc.onEnterFrame = function() {
  incre += (_root._xmouse-x0)/_root.v_giro;
  for (var k:Number = 0; k<=num_fotos; k++) {
   this.carrusel_miniaturas_mc["foto_"+k].girar();
  }
  if (reflejar) {
   var bmp:BitmapData = new BitmapData(ancho_carrusel+100, this._height, true, 0x00000000);
   var myRectangle:Rectangle = new Rectangle(0, 0, ancho_carrusel+100, this._height);
   bmp.draw(this,new Matrix(),new ColorTransform(),"normal",myRectangle,true);
   _root.reflejo_miniaturas_mc.attachBitmap(bmp,1,"auto",true);
  }
 };
 contenedor_mc._visible = true;
}
MovieClip.prototype.girar = function() {
 var degrees:Number = _root.incre+(360*this.orden/num_fotos);
 var radians:Number = degrees*Math.PI/180;
 if (Math.sin(radians)<0) {
  this._alpha = 15;
 } else {
  this._alpha = 100;
 }
 this._x = radio*Math.cos(radians);
 this._xscale = (1-Math.cos(radians+Math.PI*0.5))*99-99;
 this.swapDepths(int(this._xscale*10));

 
 //this.swapDepths(Math.round(this._xscale) + 100);
 
};

ARCHIVO XML

BusyBox AspNet

2009-10-20T14:21:00.001-05:00

A menudo necesidad de proporcionar un mensaje al usuario informandole que su solicitud esta procesando "Request". Al igual que muestra el reloj en el puntero ratón permite al usuario de Windows saber que el sistema está ocupado procesando su última petición, tengo un sencillo, limpio, y la solución a la prestación de este efecto en las páginas web.

Demo: http://blogs.crsw.com/mark/samples/BusyBoxDemo/Default.aspx

Descargas: http://www.busybox.net/

Windows SharePoint Services Development

2009-10-15T15:25:00.001-05:00

DEV02 - Windows SharePoint Services Development Part 2 - The User Interface

Validator RadioButtonList and CheckBoxList

2009-10-15T14:28:00.003-05:00

Hace tiempo tuve un problema al momento de validar un:

CheckBoxList y un RadioButtonList; investigando encontre con esta solucion y la optimice , espero les ayude bastante y de alli me comentan como les fue y si les resulto de ayuda.

CheckBoxList Validator

Public Class RequiredFieldValidatorForCheckBoxLists


Inherits BaseValidator

Private Const SCRIPTBLOCK As String = "RFV4CL"

Protected Overloads Overrides Function ControlPropertiesValid() As Boolean

Dim ctrl As Control = FindControl(ControlToValidate)

If ctrl IsNot Nothing Then

Dim _listctrl As CheckBoxList = DirectCast(ctrl, CheckBoxList)

Return (_listctrl IsNot Nothing)

Else

Return False

End If

End Function



Protected Overloads Overrides Function EvaluateIsValid() As Boolean

Return EvaluateIsChecked()

End Function



Protected Overloads Overrides Sub OnPreRender(ByVal e As EventArgs)

MyBase.OnPreRender(e)

If EnableClientScript Then

Me.ClientScript()

End If



End Sub



Private Sub ClientScript()

Dim sb_Script As New StringBuilder()

sb_Script.Append(" ")

Page.ClientScript.RegisterClientScriptBlock([GetType](), SCRIPTBLOCK, sb_Script.ToString())

Page.ClientScript.RegisterExpandoAttribute(ClientID, "evaluationfunction", "cb_verify")

End Sub





Private Function EvaluateIsChecked() As Boolean

Dim _cbl As CheckBoxList = DirectCast(FindControl(ControlToValidate), CheckBoxList)

For Each li As ListItem In _cbl.Items

If li.Selected Then

Return True

End If

Next

Return False

End Function

End Class

RadioButtonList Validator

Public Class RequiredFieldValidatorForRadioButtonList


Inherits BaseValidator

Private Const SCRIPTBLOCK As String = "RFV4CL"


Protected Overloads Overrides Function ControlPropertiesValid() As Boolean

Dim ctrl As Control = FindControl(ControlToValidate)

If ctrl IsNot Nothing Then

Dim _listctrl As RadioButtonList = DirectCast(ctrl, RadioButtonList)

Return (_listctrl IsNot Nothing)

Else

Return False

End If

End Function



Protected Overloads Overrides Function EvaluateIsValid() As Boolean

Return EvaluateIsChecked()

End Function


Protected Overloads Overrides Sub OnPreRender(ByVal e As EventArgs)

MyBase.OnPreRender(e)

If EnableClientScript Then

Me.ClientScript()

End If



End Sub



Private Sub ClientScript()

Dim sb_Script As New StringBuilder()

sb_Script.Append(" ")

Page.ClientScript.RegisterClientScriptBlock([GetType](), SCRIPTBLOCK, sb_Script.ToString())

Page.ClientScript.RegisterExpandoAttribute(ClientID, "evaluationfunction", "cb_verify_R")

End Sub


Private Function EvaluateIsChecked() As Boolean

Dim _cbl As RadioButtonList = DirectCast(FindControl(ControlToValidate), RadioButtonList)

For Each li As ListItem In _cbl.Items

If li.Selected Then

Return True

End If

Next

Return False

End Function

End Class

ToolTip over in IFRAME

2009-10-14T16:27:00.001-05:00

Hace poco me preguntaron sobre un problema al momento de crear tooltip dentro de un iframe que sobrepasaban el tamaño del iframe y no se llegaba a mostrar todo el tooltip, aqui muestro la pequeña solución espero les sirva.

- Este es el problema que me dijeron, se mostraba el tooltip dentro del IFRAME

- La Solución o un pequeño tip si asi lo quieren llamar.

* la pagina que se va a usar como IFRAME

* La página que se va a usar como contenedora del IFRAME

IFRAME

- IFRAME con el tooltip

Saludos a mi amigo Osamu Nakamatsu quien me pidio hacerle esta solución.

Integración de jQuery con SharePoint II

2009-09-26T14:09:00.006-05:00

Integración de jQuery con SharePoint I

2009-09-26T14:08:00.001-05:00

SharePoint search-as-you-type with jQuery

2009-09-26T14:03:00.002-05:00

Archivos Adjuntos

CSS y Javascript: http://www.mobiusdevelopment.com/dev/downloads/jQuery_search_ahead.txt

jQuery in SharePoint Example - Rounded Corners

2009-09-26T13:41:00.002-05:00

Usando MOSS y  jQuery.Round plug-in.

function AddQuickLaunchCorners()

    $(".ms-quicklaunchouter").corner("10px");

    $("div.ms-quickLaunch h3.ms-standardheader span div.ms-quicklaunchheader").css("background-color", "#c1ecff").corner("top 7px");

    $("table.ms-recyclebin:last td").corner("bottom 7px");

window.onfocus = ReapplyQuickLaunchCorners;

function ReapplyQuickLaunchCorners()
{
    RemoveQuickLaunchCorners();
    AddQuickLaunchCorners();
}

function RemoveQuickLaunchCorners()
{
    $("div.ms-quicklaunchouter>div:not(.ms-quickLaunch)").remove();
    $("div.ms-quickLaunch h3.ms-standardheader span div.ms-quicklaunchheader>div").remove();
    $("table.ms-recyclebin:last td>div").remove();
}


Fuente: http://sharethelearning.blogspot.com/2008/11/jquery-in-sharepoint-example-rounded.html

jQuery : Aprendiendo desde cero

2009-09-26T13:11:00.003-05:00

Si eres nuevo en esta tecnologia , te va a interesar ese post , son tutoriales mostrados en videos espero les sirva jquery y lo pongan en practica en sus aplicaciones. Son 15 video tutoriales de una duración aproximada de 10 minutos cada uno donde enseña ejemplos prácticos de uso de jquery.

La malo es que está en inglés. Aunque se entiende muy bien. Es muy fácil seguir el hilo si se tiene un nivel medio de inglés.

link:
http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

Espero que lo usen.

Menu Drop Down con jQuery y CSS

2009-09-26T13:04:00.000-05:00

Vamos a desarrollar un menu estilo Drop Down, de fácil mantenimeinto, usable y accesible con jQuery y CSS:

Fuente: http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

jQuery todo lo que te imaginas hacer : 20 Plugin

2009-09-26T12:57:00.002-05:00

Si te gusta la programación web y te gusta variar en tus desarrollos entonces esto te gustara, te dejo con esta selección de 20 Plugins JQuery para insertar en tus aplicaciones.

Desde botones, efectos, galerías, menús… un montón de posibilidades para enriquecer visualmente vuestras páginas.

visto en infectedFX

20 Plugins Gratuitos JQuery

jQuery Visualize : Otro plugin de jQuery para graficos

2009-09-26T12:49:00.003-05:00

jQuery Visualize, es un plugin de jQuery que nos permite generar gráficas dinámicas usando

Usando los datos alojados en tablas el resultado no puede ser más accesible, ya que en caso de que el usuario no tenga el Javascript activo, este podrá ver la tabla con los datos. Posibilitando así su comprensión.

¿Como funciona?

Link : http://www.anieto2k.com/2009/07/07/jquery-visualize-graficas-con-canvas-y-javascript/

Ver una gráfica dinámica y descargar el plugin directamente desde este enlace.

Simple Graficador de Listas jQuery + VisFire Charting

2009-09-26T12:34:00.002-05:00

Estos son muchos de los ejemplos y controles que podemos utilizar para realizar graficos en sharepoint y también para otro tipo de tecnologías ya que solo no trabaja solo para sharepoint, pero , en este caso solo veremos utilizando listas de sharepoint.

VisFire, es el control que utizaremos esta vez , ya que trabajo con javascript y para mostrar los graficos con efectos usa Silverlight para mostrar una mejor interface al usuario.

Para mayor informacion y ver los pasos para configurar y utilizar este hermoso control:

http://blogs.msdn.com/dougperkes/archive/2009/09/01/sharepoint-visifire-charting-with-custom-list-data.aspx

VisFire : http://visifire.com/silverlight_charts_gallery.php

Otros Graficos usando jQuery canvas : fgCharting

2009-09-26T12:21:00.004-05:00

Mostrar gráficos accesibles es una tarea ardua, o cuanto menos pesada, por eso me ha encantado este plugin para jQuery.

Mediante fgCharting podremos convertir una tabla de datos convenientemente maquetada en un bonito gráfico.

Algunos consejos que ya saben es que canvas e IE no son amigos , deben utilizar algo como ExplorerCanvas para poderlo emplear en sitios en producción.

fgCharting:http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/

Graficos con jQuery : FLOT

2009-09-26T12:18:00.001-05:00

Al fin y luego de tanto buscar y buscar un librería para hacer graficas fui a dar con las que mas me gustaron. Flot 0.1 es una librería desarrollada con Jquery en la que podemos realizar gráficos de distintos tipos y que quedan geniales (Ejemplos).

Por lo que pude ver hasta el momento es muy fácil de implementar el código es bastante “Ágil” y el resultado es impecable.

Visto en: Ajaxian / Descargar: Flot

Graficos Impresionantes con Excel 2007

2009-09-26T12:11:00.000-05:00

Excel Services tiene numerosas utilidades a nivel corporativo, y una potencia oculta en lo que es la generacion de graficos como este :
Imaginen sus Centros de Reportes con informacion de este estilo? Atractivo no? Bien, les recomiendo que vean el SCREENCAST donde podran encontrar la guia paso a paso de como realizar estos graficos en Excel 2007...

Usuario:	' + dni + '
Desde:	' + task[3] + '
Hasta:	' + task[4] + '
Monto Total:	S/. ' + task[8] + '
Detalle:	' + task[9] + '