Adding and editing a Blank view

import BaseController from './controller.js'

class Module1CustomerViewCtrl extends BaseController {
constructor($scope, $injector, stateData) {
super($scope, $injector);
}

// Fired when custom html section is loaded
includeContentLoaded() {

}

// Fired when custom html section loading failed
includeContentError(e) {

}

// Fired when view content is loaded
onShow($scope) {
var that = this;
this.customerDS = $scope.vm.$ds.CustomerDS;
this.salesrepDS = $scope.vm.$ds.SalesrepDS;
this.customerModel = $scope.vm.$viewModels.CustomerDSModel;
this.salesrepModel = $scope.vm.$viewModels.SalesrepDSModel;

this.customerIdx = 0;

this.customerDS.read().done(function(){
var data = that.customerDS.data();

that.displayCustomer(0);
$scope.$apply();

});
}

displayCustomer(operation){
var data = this.customerDS.data();
switch(operation) {
case 0:
this.customerIdx = 0;
break;
case -1:
if (this.customerIdx) {
this.customerIdx -= 1;
}
else {
this.customerIdx = 0;
}
break;
case 1:
if (this.customerIdx === (data.length - 1)) {
this.customerIdx = data.length - 1;
}
else {
this.customerIdx += 1;
}
break;
default:
this.customerIdx = data.length - 1;
}

this.customerModel.id = data[this.customerIdx].id;
this.customerModel.CustNum = data[this.customerIdx].CustNum;
this.customerModel.Name = data[this.customerIdx].Name;
this.customerModel.SalesRep = data[this.customerIdx].SalesRep;

this.displaySalesrep();

}

onClickToolbar(e){
switch(e.id) {
case "btnFirst":
this.displayCustomer(0);
break;
case "btnPrev":
this.displayCustomer(-1);
break;
case "btnNext":
this.displayCustomer(1);
break;
case "btnLast":
this.displayCustomer();
break;
}

}

displaySalesrep(e){
if (this.customerModel.SalesRep) {
this.salesrepDS.filter({
field: "SalesRep",
operator: "equals",
value: this.customerModel.SalesRep });
var view = this.salesrepDS.view();

if (view.length) {
this.salesrepModel.SalesRep = view[0].SalesRep;
this.salesrepModel.RepName = view[0].RepName;
}
else {
this.salesrepModel.SalesRep = "";
this.salesrepModel.RepName = "";
}
this.salesrepDS.filter({});
if (this.salesrepModel.RepName) {
angular.element("#dropdownlist0"
).data("kendoDropDownList"
).search(this.salesrepModel.RepName);
}
} else {
angular.element("#dropdownlist0").data("kendoDropDownList").value("");
}

}

onChange(e){
this.customerModel.SalesRep = angular.element("#dropdownlist0"
).data("kendoDropDownList").dataItem().SalesRep;
}

onSaveClick(e){
var dataItem = this.customerDS.get(this.customerModel.id);
var that = this;

dataItem.set("Name", this.customerModel.Name);
dataItem.set("SalesRep", this.customerModel.SalesRep);

this.customerDS.sync().fail(function(){
that.customerDS.cancelChanges();
});
}
}

Module1CustomerViewCtrl.$inject = ['$scope', '$injector', 'stateData'];

export default Module1CustomerViewCtrl

// Returns a new pristine model. Use this function to set your model when
// you want to insert a new item.
createPristineModel: function(dataSource) {
},

// Adds the model to the dataSource and returns the model.
// By default, this operation updates only the local dataSource and
// does not sync with the server.
// If you want to immediately sync the dataSource, you need to pass
// this options value: var options = { sync: true};
create: function(dataSource, model, options) {
},

// Removes the model from the dataSource and returns a pristine model.
// By default, this operation removes the item only from the local dataSource
// and does not sync with the server.
// If you want to immediately sync the dataSource, you need to pass
// this options value: var options = { sync: true};
remove: function(dataSource, model, options) {
return new dataSource.reader.model();
},

// Syncs the local dataSource to the server.
save: function(dataSource) {
dataSource.sync();
},

// Cancels all local dataSource changes, resets the dataSource to the server one,
// and returns a pristine model.
cancel: function (dataSource, model) {
}

removeClick: function () {
this.$dsService.remove(this.$ds['CustomerDS'],
this.$viewModels['CustomerDSModel']);
},

cancelClick: function () {
this.$viewModels['CustomerDSModel']
= this.$dsService.cancel(this.$ds['CustomerDS'],
this.$viewModels['CustomerDSModel']);
},

saveClick: function () {
this.$dsService.save(this.$ds['CustomerDS']);
},

createClick: function () {
this.$viewModels['CustomerDSModel']
= this.$dsService.create(this.$ds['CustomerDS'],
this.$viewModels['CustomerDSModel']);
},

createModelClick: function () {
this.$viewModels['CustomerDSModel']
= this.$dsService.createPristineModel(this.$ds['CustomerDS']);
}