(function () {
    var oFldCtx = {};
    oFldCtx.Templates = {};

    oFldCtx.Templates.Fields = {
        "Estatus": {
            "View": overrideStatus
        },
            "Cumplimiento": {
               "View":overrideCumplimiento
             }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(oFldCtx);
})();

function overrideStatus(ctx) {

    var sStatus = ctx.CurrentItem.Estatus;
     var sIconFileName = "";

switch(sStatus){
case "0":
sIconFileName= "cero.png"
break;
case "1":
sIconFileName= "uno.png";
break;
case "2":
sIconFileName= "dos.png";
break;
case "3":
sIconFileName= "tres.png"
break;
case "4":
sIconFileName= "cuatro.png"
break;
default:
break;
}

if(sIconFileName == "") return sStatus;

var sWebUrl = _spPageContextInfo.webAbsoluteUrl;
var sIconSrc = sWebUrl + "/SiteAssets/" + sIconFileName;
var sImgTag = "<img id='" + ctx.CurrentItem.ID + "' ";
sImgTag += "src='" + sIconSrc + "' ";
sImgTag += "onclick ='callEditForm(this)' ";
sImgTag += "/>";

return sImgTag;
}

  function overrideCumplimiento(ctx) {
         var date = new Date();
         var currentServerDateTime = date.format("dd/mm/yyyy");
         var sCumplimiento = ctx.CurrentItem.Cumplimiento;
         var sCumplimientoInicial = ctx.CurrentItem.Fecha_x0020_Compromiso_x0020_Ini;


      if(currentServerDateTime < sCumplimientoInicial){
       ctx.CurrentItem.Cumplimiento = "Yes"
      }else{
       ctx.CurrentItem.Cumplimiento = "No"
      }


        }