generator-upendodnn
Version:
Scaffolds DNN extensions, including Modules (Webforms, SPA, and MVC), Persona Bar, Skin Object, Library, Scheduler, and Hotcakes Commerce projects (based on the generator built by Matt Rutledge).
212 lines (201 loc) • 7.34 kB
JavaScript
var <%= friendlyName %> = <%= friendlyName %> || {};
<%= friendlyName %>.services = {}; // we need a service reference for each module
<%= friendlyName %>.InitApp = function (moduleid, editmode) {
// create the service object for this module
var svc = {
moduleid: moduleid,
baseUrl: "/DesktopModules/<%= friendlyName %>/API/",
framework: $.ServicesFramework(moduleid)
};
// add the service to the object containg all services in case multiple modules are placed on the page
<%= friendlyName %>.services[`svc-${moduleid}`] = svc;
new Vue({
el: `#app-${moduleid}`,
computed: {
userCanAdd: function () {
return editmode;
}
},
data: {
showModal: false,
moduleid: moduleid,
addMode: false,
editId: 0,
item: {
itemId: 0,
name: "",
description: "",
canedit: "",
assignedUser: ""
},
settings: {
name: false,
description: false,
itemId: false,
createdUserId: false,
assignedUserId: false,
createdOnDate:false
},
items: [],
users: [],
},
methods: {
loadItems() {
var self = this;
<%= friendlyName %>.GetItemList(moduleid, function (data) {
self.items = data;
});
},
loadUsers() {
var self = this;
<%= friendlyName %>.GetUserList(moduleid, function (data) {
self.users = data;
});
},
loadSettings() {
var self = this;
<%= friendlyName %>.LoadSettings(moduleid, function (data) {
console.log(data);
self.settings.itemId = data.itemId == "true" ? true: false;
self.settings.description = data.description == "true" ? true : false;
self.settings.name = data.name == "true" ? true : false;
self.settings.createdOnDate = data.createdOnDate == "true" ? true : false;
});
},
addItem() {
this.showModal = true;
},
saveChanges() {
var self = this;
<%= friendlyName %>.SaveItem(moduleid,
{
itemId: self.item.itemId,
name: self.item.name,
description: self.item.description,
assignedUser: self.item.assignedUser
},
function () {
// onDone
self.resetItem();
self.loadItems();
self.showModal = false;
});
},
editItem(item) {
this.item.itemId = item.itemId;
this.item.name = item.name;
this.item.description = item.description;
this.item.assignedUser = item.assignedUser
this.showModal = true;
},
cancelAdd() {
this.showModal = false;
this.resetItem();
},
resetItem() {
this.item = {
itemId: 0,
name: "",
description: "",
canedit: "",
assignedUser: ""
};
},
deleteItem(itemId) {
var self = this;
if (confirm("Do you want to remove this item?")) {
<%= friendlyName %>.DeleteItem(moduleid, itemId, function () {
self.loadItems();
});
}
}
},
mounted: function () {
this.loadSettings();
this.loadItems();
this.loadUsers();
}
});
}
<%= friendlyName %>.GetItemList = function (moduleid, onDone) {
// get the service for this module from the services object
var svc = <%= friendlyName %>.services[`svc-${moduleid}`];
var jqXHR = $.ajax({
url: svc.baseUrl + "Item/GetList",
beforeSend: svc.framework.setModuleHeaders,
dataType: "json"
}).done(function (data) {
if (typeof (onDone) === "function") {
onDone(data);
}
});
}
<%= friendlyName %>.SaveItem = function (moduleid, editItem, onDone, onFail) {
// get the service for this module from the services object
var svc = <%= friendlyName %>.services[`svc-${moduleid}`];
var ajaxMethod = "POST";
var restUrl = svc.baseUrl + "Item/Save";
var jqXHR = $.ajax({
method: ajaxMethod,
url: restUrl,
contentType: "application/json; charset=UTF-8",
data: JSON.stringify(editItem),
beforeSend: svc.framework.setModuleHeaders,
dataType: "json"
}).done(function (data) {
if (typeof (onDone) === "function") {
onDone(data);
}
}).always(function (data) {
});
};
<%= friendlyName %>.DeleteItem = function (moduleid, itemId, onDone, onFail) {
// get the service for this module from the services object
var svc = <%= friendlyName %>.services[`svc-${moduleid}`];
var restUrl = svc.baseUrl + "Item/Delete?itemId=" + itemId;
var jqXHR = $.ajax({
method: "DELETE",
url: restUrl,
beforeSend: svc.framework.setModuleHeaders
}).done(function () {
if (typeof (onDone) === "function") {
onDone();
}
}).fail(function () {
}).always(function (data) {
});
};
<%= friendlyName %>.GetUserList = function (moduleid, onDone) {
// get the service for this module from the services object
var svc = <%= friendlyName %>.services[`svc-${moduleid}`];
// need to calculate a different Url for User service
var restUrl = svc.baseUrl + "/User/GetList";
var jqXHR = $.ajax({
url: restUrl,
beforeSend: svc.framework.setModuleHeaders,
dataType: "json",
async: false
}).done(function (data) {
if (typeof (onDone) === "function") {
onDone(data);
}
}).always(function (data) {
});
};
<%= friendlyName %>.LoadSettings = function (moduleid, onDone) {
// get the service for this module from the services object
var svc = <%= friendlyName %>.services[`svc-${moduleid}`];
// need to calculate a different Url for User service
var restUrl = svc.baseUrl + "/Settings/LoadSettings";
var jqXHR = $.ajax({
url: restUrl,
beforeSend: svc.framework.setModuleHeaders,
dataType: "json",
async: false
}).done(function (data) {
if (typeof (onDone) === "function") {
onDone(data);
}
}).always(function (data) {
});
};