X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetstack%2Fcore%2Fxoslib%2Fstatic%2Fjs%2FxosTenant.js;h=0182f9f73e6acfa33ad404609105dd6d6d69638a;hb=058ff324def456d1e4f2d85069b91f6cfc1108eb;hp=5095505186a23641dc09cbac416c940489fb03e1;hpb=ceb262824337cffd6cf83f035849e32c8aa414e5;p=plstackapi.git diff --git a/planetstack/core/xoslib/static/js/xosTenant.js b/planetstack/core/xoslib/static/js/xosTenant.js index 5095505..0182f9f 100644 --- a/planetstack/core/xoslib/static/js/xosTenant.js +++ b/planetstack/core/xoslib/static/js/xosTenant.js @@ -9,7 +9,7 @@ XOSTenantSiteCollection = XOSCollection.extend( { modelName: "tenantSite", collectionName: "tenantSites", - updateFromSlice: function(slice) { + getFromSlice: function(slice) { var tenantSites = []; var id = 0; for (siteName in slice.attributes.site_allocation) { @@ -26,8 +26,45 @@ XOSTenantSiteCollection = XOSCollection.extend( { } this.set(tenantSites); }, + + putToSlice: function(slice) { + slice.attributes.site_allocation = {}; + for (index in this.models) { + var model = this.models[index]; + slice.attributes.site_allocation[ model.attributes.name ] = model.attributes.allocated; + } + }, }); +XOSEditUsersView = Marionette.ItemView.extend({ + template: "#tenant-edit-users", + viewInitializers: [], + + onShow: function() { + _.each(this.viewInitializers, function(initializer) { + initializer(); + }); + }, + + templateHelpers: function() { return { detailView: this, model: this.model }; }, + + }); + +XOSTenantSummaryView = XOSDetailView.extend({ + events: {"change": "onChange"}, + + onChange: function(e) { + XOSTenantApp.setDirty(true); + }, + + saveSuccess: function() { + console.log("saveSuccess!"); + XOSTenantApp.setDirty(false); + }, + + }); + + XOSTenantButtonView = Marionette.ItemView.extend({ template: "#xos-tenant-buttons-template", @@ -35,27 +72,43 @@ XOSTenantButtonView = Marionette.ItemView.extend({ "click button.btn-tenant-delete": "deleteClicked", "click button.btn-tenant-add-user": "addUserClicked", "click button.btn-tenant-save": "saveClicked", + "click button.btn-tenant-download-ssh": "downloadClicked", }, createClicked: function(e) { + XOSTenantApp.addSlice(); }, deleteClicked: function(e) { - this.options.linkedView.deleteClicked.call(this.options.linkedView, e); + XOSTenantApp.deleteSlice(this.options.linkedView.model); }, addUserClicked: function(e) { + XOSTenantApp.editUsers(this.options.linkedView.model); + }, + + downloadClicked: function(e) { + XOSTenantApp.downloadSSH(this.options.linkedView.model); }, saveClicked: function(e) { - this.options.linkedView.submitContinueClicked.call(this.options.linkedView, e); + model = this.options.linkedView.model; + model.tenantSiteCollection.putToSlice(model); + model.attributes.users = model.usersBuffer; + + e.preventDefault(); + this.options.linkedView.save(); + //this.options.linkedView.submitContinueClicked.call(this.options.linkedView, e); + //XOSTenantApp.setDirty(false); }, }); XOSTenantApp = new XOSApplication({ logTableId: "#logTable", statusMsgId: "#statusMsg", - hideTabsByDefault: true + hideTabsByDefault: true, + dirty: false, + varName: "XOSTenantApp", }); XOSTenantApp.addRegions({ @@ -63,17 +116,45 @@ XOSTenantApp.addRegions({ tenantSummary: "#tenantSummary", tenantSiteList: "#tenantSiteList", tenantButtons: "#tenantButtons", + tenantAddSliceInterior: "#tenant-addslice-interior", + tenantEditUsersInterior: "#tenant-edit-users-interior", + tenantSSHCommandsInterior: "#tenant-ssh-commands-interior", }); -XOSTenantApp.buildViews = function() { +XOSTenantApp.setDirty = function(dirty) { + XOSTenantApp.dirty = dirty; + if (dirty) { + $("button.btn-tenant-save").addClass("btn-success"); + } else { + $("button.btn-tenant-save").removeClass("btn-success"); + } +}; + +XOSTenantApp.buildViews = function() { XOSTenantApp.tenantSites = new XOSTenantSiteCollection(); - tenantSummaryClass = XOSDetailView.extend({template: "#xos-detail-template", + tenantSummaryClass = XOSTenantSummaryView.extend({template: "#xos-detail-template", app: XOSTenantApp, - detailFields: ["serviceClass", "image_preference", "network_ports", "mount_data_sets"]}); + detailFields: ["serviceClass", "default_image", "default_flavor", "network_ports", "mount_data_sets"], + fieldDisplayNames: {serviceClass: "Service Level", "default_flavor": "Flavor", "default_image": "Image", "mount_data_sets": "Data Sets"}, + helpText: {"serviceClass": "Existing slivers will be re-instantiated if changed", + "default_image": "Existing slivers will be re-instantiated if changed", + "default_flavor": "Existing slivers will be re-instantiated if changed"}, + + onShow: function() { + // the slice selector is in a different table, so make every label cell the maximal width + make_same_width("#xos-tenant-view-panel", ".xos-label-cell"); + }, + }); XOSTenantApp.tenantSummaryView = tenantSummaryClass; + tenantAddClass = XOSDetailView.extend({template: "#xos-detail-template", + app: XOSTenantApp, + detailFields: ["name", "description"]}); + + XOSTenantApp.tenantAddView = tenantAddClass; + tenantSiteItemClass = XOSItemView.extend({template: "#xos-listitem-template", app: XOSTenantApp}); @@ -86,14 +167,19 @@ XOSTenantApp.buildViews = function() { title: "sites", inputType: {allocated: "spinner"}, noDeleteColumn: true, + disablePaginate: true, + disableFilter: true, + fieldDisplayNames: {"name": "Site"}, }); XOSTenantApp.tenantSiteListView = tenantSiteListClass; XOSTenantApp.tenantSliceSelectorView = SliceSelectorView.extend( { sliceChanged: function(id) { - //console.log("navigate to " + id); - XOSTenantApp.Router.navigate("slice/" + id, {trigger: true}); + XOSTenantApp.navToSlice(id); + }, + filter: function(slice) { + return slice.attributes.current_user_can_see; }, }); @@ -109,78 +195,221 @@ make_choices = function(list_of_names, list_of_values) { displayName = list_of_names[index]; result.push( [displayName, displayName] ); } + } else { + for (index in list_of_names) { + displayName = list_of_names[index]; + id = list_of_values[index]; + result.push( [displayName, id] ); + } } return result; }; +XOSTenantApp.navToSlice = function(id) { + XOSTenantApp.viewSlice(xos.slicesPlus.get(id)); +}; + +XOSTenantApp.adjustCollectionField = function(collectionName, id, fieldName, amount) { + model = XOSTenantApp[collectionName].get(id); + model.set(fieldName, Math.max(model.get(fieldName) + amount, 0)); + XOSTenantApp.setDirty(true); +}; + +XOSTenantApp.addSlice = function() { + var app=this; + + if (!xos.tenant().current_user_can_create_slice) { + window.alert("You do not have sufficient rights to create a slice on your site"); + return; + } + + model = new xos.slicesPlus.model({site: xos.tenant().current_user_site_id, + name: xos.tenant().current_user_login_base + "_", + creator: xos.tenant().current_user_id}); + console.log(model); + var detailView = new XOSTenantApp.tenantAddView({model: model, + collection: xos.slicesPlus, + noSubmitButton: true, + }); + detailView.dialog = $("#tenant-addslice-dialog"); + app.tenantAddSliceInterior.show(detailView); + $("#tenant-addslice-dialog").dialog({ + autoOpen: false, + modal: true, + width: 640, + buttons : { + "Create Slice" : function() { + var addDialog = this; + console.log("SAVE!!!"); + detailView.synchronous = true; + detailView.afterSave = function() { $(addDialog).dialog("close"); XOSTenantApp.navToSlice(detailView.model.id); } + detailView.save(); + }, + "Cancel" : function() { + $(this).dialog("close"); + } + } + }); + $("#tenant-addslice-dialog").dialog("open"); +}; + +XOSTenantApp.editUsers = function(model) { + var app=this; + var detailView = new XOSEditUsersView({model: model, collection: xos.slicesPlus}); + detailView.dialog = $("#tenant-edit-users-dialog"); + app.tenantEditUsersInterior.show(detailView); + $("#tenant-edit-users-dialog").dialog({ + autoOpen: false, + modal: true, + width: 640, + buttons : { + "Ok" : function() { + var editDialog = this; + user_ids = all_options($("#tenant-edit-users-dialog").find(".select-picker-to")); + user_ids = user_ids.map( function(x) { return parseInt(x,10); } ); + if (!array_same_elements(user_ids, model.usersBuffer)) { + XOSTenantApp.setDirty(true); + } + model.usersBuffer = user_ids; + $(editDialog).dialog("close"); + }, + "Cancel" : function() { + $(this).dialog("close"); + } + } + }); + $("#tenant-edit-users-dialog").dialog("open"); +}; + +XOSTenantApp.downloadSSHOld = function(model) { + sshCommands = ""; + for (index in model.attributes.sliceInfo.sshCommands) { + sshCommand = model.attributes.sliceInfo.sshCommands[index]; + sshCommands = sshCommands + sshCommand + "\n"; + } + + if (sshCommands.length == 0) { + alert("this slice has no instantiated slivers yet"); + return; + } + + var myWindow = window.open("", "ssh_command_list",""); // "width=640, height=480"); + myWindow.document.write("SSH Commands
" + sshCommands + "
"); + myWindow.document.close(); +}; + +XOSTenantApp.downloadSSH = function(model) { + sshCommands = ""; + for (index in model.attributes.sliceInfo.sshCommands) { + sshCommand = model.attributes.sliceInfo.sshCommands[index]; + sshCommands = sshCommands + sshCommand + "\n"; + } + + if (sshCommands.length == 0) { + alert("this slice has no instantiated slivers yet"); + return; + } + + var htmlView = new HTMLView({html: '
' + sshCommands + '
'}); + XOSTenantApp.tenantSSHCommandsInterior.show(htmlView); + + $("#tenant-ssh-commands-dialog").dialog({ + autoOpen: false, + modal: true, + width: 640, + buttons : { + "Ok" : function() { + $(this).dialog("close"); + }, + } + }); + $("#tenant-ssh-commands-dialog").dialog("open"); +}; + +XOSTenantApp.deleteSlice = function(model) { + var app=this; + app.deleteDialog(model, function() { console.log("afterDelete"); app.viewSlice(undefined); }); +}; + XOSTenantApp.viewSlice = function(model) { + if (XOSTenantApp.dirty) { + if (!confirm("The current sliver has unsaved data -- view new sliver anyway ?")) { + $("#tenantSliceSelector select").val(XOSTenantApp.currentSlice.id); + return; + } + } + + XOSTenantApp.setDirty(false); + if (!model && xos.slicesPlus.models.length > 0) { model = xos.slicesPlus.models[0]; } - sliceSelector = new XOSTenantApp.tenantSliceSelectorView({collection: xos.slicesPlus, - selectedID: model.id, - } ); - XOSTenantApp.sliceSelector = sliceSelector; - XOSTenantApp.tenantSliceSelector.show(sliceSelector); + if (model) { + sliceSelector = new XOSTenantApp.tenantSliceSelectorView({collection: xos.slicesPlus, + selectedID: model ? model.id : null, + } ); + XOSTenantApp.sliceSelector = sliceSelector; + XOSTenantApp.tenantSliceSelector.show(sliceSelector); - tenantSummary = new XOSTenantApp.tenantSummaryView({model: model, - choices: {mount_data_sets: make_choices(xos.tenantview.models[0].attributes.public_volume_names, null), - image_preference: make_choices(xos.tenantview.models[0].attributes.blessed_image_names, null)}, - }); - XOSTenantApp.tenantSummary.show(tenantSummary); + tenantSummary = new XOSTenantApp.tenantSummaryView({model: model, + choices: {mount_data_sets: make_choices(xos.tenant().public_volume_names, null), + serviceClass: make_choices(xos.tenant().blessed_service_class_names, xos.tenant().blessed_service_classes), + default_image: make_choices(xos.tenant().blessed_image_names, xos.tenant().blessed_images), + default_flavor: make_choices(xos.tenant().blessed_flavor_names, xos.tenant().blessed_flavors),}, + }); + XOSTenantApp.tenantSummary.show(tenantSummary); - tenantSites = new XOSTenantSiteCollection(); - tenantSites.updateFromSlice(model); - XOSTenantApp.tenantSites = tenantSites; + tenantSites = new XOSTenantSiteCollection(); + tenantSites.getFromSlice(model); + model.usersBuffer = model.attributes.users; /* save a copy of 'users' that we can edit. This prevents another view (developer) from overwriting our copy with a fetch from the server */ + model.usersOrig = model.attributes.users; /* save an immutable copy that we'll use for username lookups */ + model.user_namesOrig = model.attributes.user_names; + model.tenantSiteCollection = tenantSites; + XOSTenantApp.tenantSites = tenantSites; - tenantSiteList = new XOSTenantApp.tenantSiteListView({collection: tenantSites }); - XOSTenantApp.tenantSiteList.show(tenantSiteList); - // on xos.slicePlus.sort, need to update xostenantapp.tenantSites + tenantSiteList = new XOSTenantApp.tenantSiteListView({collection: tenantSites }); + XOSTenantApp.tenantSiteList.show(tenantSiteList); + // on xos.slicePlus.sort, need to update xostenantapp.tenantSites - XOSTenantApp.tenantButtons.show( new XOSTenantButtonView( { app: XOSTenantApp, - linkedView: tenantSummary } ) ); -}; + XOSTenantApp.tenantButtons.show( new XOSTenantButtonView( { app: XOSTenantApp, + linkedView: tenantSummary } ) ); -XOSTenantApp.initRouter = function() { - router = XOSRouter; - var api = {}; - var routes = {}; - - nav_url = "slice/:id"; - api_command = "viewSlice"; - api[api_command] = function(id) { XOSTenantApp.viewSlice(xos.slicesPlus.get(id)); }; - routes[nav_url] = api_command; - - nav_url = "increase/:collectionName/:id/:fieldName"; - api_command = "increase"; - api[api_command] = function(collectionName, id, fieldName) { - XOSTenantApp.Router.showPreviousURL(); - model = XOSTenantApp[collectionName].get(id); - model.set(fieldName, model.get(fieldName) + 1); - }; - routes[nav_url] = api_command; - - nav_url = "decrease/:collectionName/:id/:fieldName"; - api_command = "decrease"; - api[api_command] = function(collectionName, id, fieldName) { - XOSTenantApp.Router.showPreviousURL(); - model = XOSTenantApp[collectionName].get(id); - model.set(fieldName, Math.max(0, model.get(fieldName) - 1)); - }; - routes[nav_url] = api_command; - - nav_url = "*path"; - api_command = "defaultRoute"; - api[api_command] = function() { XOSTenantApp.viewSlice(undefined); }; - routes[nav_url] = api_command; - - XOSTenantApp.Router = new router({ appRoutes: routes, controller: api }); + XOSTenantApp.currentSlice = model; + } else { + XOSTenantApp.tenantSliceSelector.show(new HTMLView({html: ""})); + XOSTenantApp.tenantSummary.show(new HTMLView({html: "You have no slices"})); + XOSTenantApp.tenantSiteList.show(new HTMLView({html: ""})); + XOSTenantApp.tenantButtons.show( new XOSTenantButtonView( { template: "#xos-tenant-buttons-noslice-template", + app: XOSTenantApp, + linkedView: tenantSummary } ) ); + } }; -XOSTenantApp.startNavigation = function() { - Backbone.history.start(); - XOSTenantApp.navigationStarted = true; +XOSTenantApp.sanityCheck = function() { + errors = []; + if (xos.tenant().blessed_service_classes.length == 0) { + errors.push("no blessed service classes"); + } + if (xos.tenant().blessed_flavors.length == 0) { + errors.push("no blessed flavors"); + } + if (xos.tenant().blessed_images.length == 0) { + errors.push("no blessed images"); + } + if (xos.tenant().blessed_sites.length == 0) { + errors.push("no blessed sites"); + } + if (xos.tenant().current_user_site_id == null) { + errors.push("current user does not have a site"); + } + + if (errors.length > 0) { + $("#tenantSummary").html("Tenant view sanity check failed
" + errors.join("
")); + return false; + } + + return true; } XOSTenantApp.collectionLoadChange = function() { @@ -188,11 +417,9 @@ XOSTenantApp.collectionLoadChange = function() { if (!XOSTenantApp.navigationStarted) { if (stats["isLoaded"] + stats["failedLoad"] >= stats["startedLoad"]) { - XOSTenantApp.startNavigation(); - - //if (xos.slicesPlus.models.length > 0) { - // XOSTenantApp.Router.navigate("slice/" + xos.slicesPlus.models[0].id, {trigger:true}); - //} + if (XOSTenantApp.sanityCheck()) { + XOSTenantApp.viewSlice(undefined); + } } else { $("#tenantSummary").html("

Loading...

"); $("#xos-startup-progress").progressbar({value: stats["completedLoad"], max: stats["startedLoad"]}); @@ -203,8 +430,6 @@ XOSTenantApp.collectionLoadChange = function() { XOSTenantApp.on("start", function() { XOSTenantApp.buildViews(); - XOSTenantApp.initRouter(); - // fire it once to initially show the progress bar XOSTenantApp.collectionLoadChange();