Knockoutjs computed observable

Table of Contents 

1. code-sample for view.
2. code-sample for view model.

Step 1

Here is the code-sample for view code

<img class="status" src="~/Images/icon_status.png" data-bind="visible: SaveAsDraft" />

<img class="status" src="~/Images/icon_status_red.png" data-bind="visible: SaveAsError" />

1. If SaveAsDraft is true then icon status images visible otherwise not visible.
2. If SaveAsError is true then icon status images visible otherwise not visible. 

Step 2

Here is the code-sample for view model code

var viewModel = function (Status) {

    var self = this;

    self.Status = Status;

    self.SaveAsDraft = ko.observable(false);

    self.SaveAsError = ko.observable(false);

    self.SaveAsDraft = ko.computed(function () {

        if (self.Status == window.itk.model.constant.Draft) {

            return window.itk.mytime.viewmodel.SaveAsDraft(true);       

        }

    }, self);

    self.SaveAsError = ko.computed(function () {

        if (self.Status == window.itk.model.constant.SaveError) {

            return window.itk.mytime.viewmodel.SaveAsError(true);

        }

    }, self);   

};

ko.applyBindings(new viewModel());