(function () {
    // Initialize the variable that stores the objects.
    var overrideCtx = {};
    overrideCtx.Templates = {};

    overrideCtx.Templates.Fields = {
         'Priority': { 'View': priorityIndicatorFiledTemplate }
             };

    // Register the template overrides.
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);

})();

function priorityIndicatorFiledTemplate(ctx) {
var _ProrityText = ctx.CurrentItem.Priority;


switch (_ProrityText.toLowerCase()) {
        case "high":
            return "<span style='color :#f00'><img src='/Style%20Library/Images/Red.png' width='10px' height='10px' /> " + _ProrityText+ "</span>";
            break;
        case "normal":
            return "<span style='color :#ff6a00'><img src='/Style%20Library/Images/Green.png' width='13px' height='13px' /> " + _ProrityText+ "</span>";
            break;
        case "low":
            return "<span style='color :#cab023'><img src='/Style%20Library/Images/Orange.png' width='10px' height='10px' /> " + _ProrityText+ "</span>";
    }
}

(function () {

    var statusFieldContext = {};
    statusFieldContext.Templates = {};
    statusFieldContext.Templates.Fields = {
        "Status": { "View": statusFieldTemplate }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(statusFieldContext);

})();

function statusFieldTemplate(ctx) {

    var status = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];

    switch (status) {
        case "Completed":
            return "<span style='color :#008000'>" + status + "</span>";
            break;
        case "In Progress":
            return "<span style='color :#FDF5E6'>" + status + "</span>";
            break;
        case "Not Started":
            return "<span style='color :#FF0000'>" + status + "</span>";
    }
}