X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetstack%2Fcore%2Fxoslib%2Fstatic%2Fjs%2FxosTenant.js;h=9c45460a3039fc6c3e036d06034d9e1c001a11c1;hb=b4fcd4005bcebbafc988a2e6bc0d2da2b7ffc908;hp=5a548edb2a03d0ec9f853e0fd90f0455fbdca5da;hpb=dae1b82ff0077b6ad3365c34d53e34ea5e7adbf5;p=plstackapi.git diff --git a/planetstack/core/xoslib/static/js/xosTenant.js b/planetstack/core/xoslib/static/js/xosTenant.js index 5a548ed..9c45460 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,31 @@ 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 }; }, + + }); + + XOSTenantButtonView = Marionette.ItemView.extend({ template: "#xos-tenant-buttons-template", @@ -46,9 +69,13 @@ XOSTenantButtonView = Marionette.ItemView.extend({ }, addUserClicked: function(e) { + XOSTenantApp.editUsers(this.options.linkedView.model); }, saveClicked: function(e) { + model = this.options.linkedView.model; + model.tenantSiteCollection.putToSlice(model); + model.attributes.users = model.usersBuffer; this.options.linkedView.submitContinueClicked.call(this.options.linkedView, e); }, }); @@ -66,6 +93,7 @@ XOSTenantApp.addRegions({ tenantSiteList: "#tenantSiteList", tenantButtons: "#tenantButtons", tenantAddSliceInterior: "#tenant-addslice-interior", + tenantEditUsersInterior: "#tenant-edit-users-interior", }); XOSTenantApp.buildViews = function() { @@ -73,7 +101,14 @@ XOSTenantApp.buildViews = function() { tenantSummaryClass = XOSDetailView.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"}, + + 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; @@ -95,6 +130,9 @@ XOSTenantApp.buildViews = function() { title: "sites", inputType: {allocated: "spinner"}, noDeleteColumn: true, + disablePaginate: true, + disableFilter: true, + fieldDisplayNames: {"name": "Site"}, }); XOSTenantApp.tenantSiteListView = tenantSiteListClass; @@ -117,6 +155,12 @@ 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; }; @@ -132,18 +176,29 @@ XOSTenantApp.adjustCollectionField = function(collectionName, id, fieldName, amo XOSTenantApp.addSlice = function() { var app=this; - model = new xos.slicesPlus.model({site: xos.tenant().current_user_site_id}); + + 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 + "_"}); console.log(model); - var detailView = new XOSTenantApp.tenantAddView({model: model, collection: xos.slicesPlus}); - detailView.dialog = $("tenant-addslice-dialog"); + 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 : { - "Save" : function() { + "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(); @@ -156,6 +211,31 @@ XOSTenantApp.addSlice = function() { $("#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); } ); + model.usersBuffer = user_ids; + $(editDialog).dialog("close"); + }, + "Cancel" : function() { + $(this).dialog("close"); + } + } + }); + $("#tenant-edit-users-dialog").dialog("open"); +}; + XOSTenantApp.deleteSlice = function(model) { var app=this; app.deleteDialog(model, function() { console.log("afterDelete"); app.viewSlice(undefined); }); @@ -166,33 +246,69 @@ XOSTenantApp.viewSlice = function(model) { 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 } ) ); + } 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() { @@ -200,7 +316,9 @@ XOSTenantApp.collectionLoadChange = function() { if (!XOSTenantApp.navigationStarted) { if (stats["isLoaded"] + stats["failedLoad"] >= stats["startedLoad"]) { - XOSTenantApp.viewSlice(undefined); + if (XOSTenantApp.sanityCheck()) { + XOSTenantApp.viewSlice(undefined); + } } else { $("#tenantSummary").html("

Loading...

"); $("#xos-startup-progress").progressbar({value: stats["completedLoad"], max: stats["startedLoad"]});