planetstack/core/xoslib/static/js/xosAdminSite.js

   1 OBJS = ['deployment', 'image', 'networkTemplate', 'network', 'networkSliver', 'networkDeployment', 'node', 'service', 'site', 'slice', 'sliceDeployment', 'slicePrivilege', 'sliver', 'user', 'sliceRole', 'userDeployment'];
   2 NAV_OBJS = ['deployment', 'site', 'slice', 'user'];
   3
   4 REWRITES = {"/admin/core/deployment/": "#deployments",
   5             "/admin/core/site/" : "#sites",
   6             "/admin/core/slice/" : "#slices",
   7             "/admin/core/user/" : "#users"};
   8
   9 XOSAdminApp = new XOSApplication({
  10     logTableId: "#logTable",
  11     statusMsgId: "#statusMsg",
  12     hideTabsByDefault: true
  13 });
  14
  15 XOSAdminApp.addRegions({
  16     navigation: "#navigationPanel",
  17
  18     detail: "#detail",
  19     linkedObjs1: "#linkedObjs1",
  20     linkedObjs2: "#linkedObjs2",
  21     linkedObjs3: "#linkedObjs3",
  22     linkedObjs4: "#linkedObjs4"
  23 });
  24
  25 XOSAdminApp.navigateToModel = function(app, detailClass, detailNavLink, model) {
  26      XOSAdminApp.Router.navigate(detailNavLink + "/" + model.id, {trigger: true});
  27 };\r
  28 \r
  29 ICON_CLASSES = {home: "icon-home", deployments: "icon-deployment", sites: "icon-site", slices: "icon-slice", users: "icon-user"};\r
  30 \r
  31 XOSAdminApp.updateNavigationPanel = function() {\r
  32     buttonTemplate=$("#xos-navbutton").html();\r
  33     assert(buttonTemplate != undefined, "buttonTemplate is undefined");\r
  34     html="<div class='left-nav'><ul>";\r
  35     for (var index in NAV_OBJS) {\r
  36         name = NAV_OBJS[index];\r
  37         collection_name = name+"s";\r
  38         nav_url = "#" + collection_name;\r
  39         id = "nav-"+name;\r
  40         icon_class = ICON_CLASSES[collection_name] || "icon-cog";\r
  41 \r
  42         html = html + _.template(buttonTemplate, {name: collection_name, router: "XOSAdminApp.Router", routeUrl: nav_url, iconClass: icon_class});\r
  43     }\r
  44 \r
  45     html = html + "</ul>";\r
  46 \r
  47     $("#navigationPanel").html(html);\r
  48 };\r
  49 \r
  50 XOSAdminApp.buildViews = function() {\r
  51      for (var index in OBJS) {\r
  52          name = OBJS[index];
  53          tr_template = '#xosAdmin-' + name + '-listitem-template';
  54          table_template = '#xosAdmin-' + name + '-list-template';
  55          detail_template = '#xosAdmin-' + name + '-detail-template';
  56          collection_name = name + "s";
  57          region_name = name + "List";
  58          detailNavLink = collection_name;
  59          listNavLink = collection_name;
  60
  61          detailClass = XOSDetailView.extend({
  62             template: detail_template,\r
  63             app: XOSAdminApp,\r
  64             listNavLink: listNavLink,\r
  65          });\r
  66          XOSAdminApp[collection_name + "DetailView"] = detailClass;\r
  67
  68          itemViewClass = XOSItemView.extend({
  69              detailClass: detailClass,
  70              template: tr_template,
  71              app: XOSAdminApp,
  72              detailNavLink: detailNavLink,
  73          });
  74
  75          listViewClass = XOSListView.extend({
  76              childView: itemViewClass,
  77              template: table_template,
  78              collection: xos[collection_name],
  79              title: name + "s",
  80              app: XOSAdminApp,
  81          });
  82
  83          XOSAdminApp[collection_name + "ListView"] = listViewClass;
  84
  85          xos[collection_name].fetch(); //startPolling();
  86      }\r
  87 };\r
  88 \r
  89 XOSAdminApp.initRouter = function() {\r
  90     router = Marionette.AppRouter.extend({\r
  91     });\r
  92 \r
  93     var api = {};\r
  94     var routes = {};\r
  95 \r
  96     for (var index in OBJS) {\r
  97         name = OBJS[index];\r
  98         collection_name = name + "s";\r
  99         nav_url = collection_name;\r
 100         api_command = "list" + firstCharUpper(collection_name);\r
 101         listViewName = collection_name + "ListView";\r
 102         detailViewName = collection_name + "DetailView";\r
 103 \r
 104         api[api_command] = XOSAdminApp.listViewShower(listViewName, collection_name, "detail", collection_name);\r
 105         routes[nav_url] = api_command;\r
 106 \r
 107         nav_url = collection_name + "/:id";\r
 108         api_command = "detail" + firstCharUpper(collection_name);\r
 109 \r
 110         api[api_command] = XOSAdminApp.detailShower(detailViewName, collection_name, "detail", name);\r
 111         routes[nav_url] = api_command;\r
 112 \r
 113         nav_url = "add" + firstCharUpper(name);\r
 114         api_command = "add" + firstCharUpper(name);\r
 115         api[api_command] = XOSAdminApp.addShower(detailViewName, collection_name, "detail", name);\r
 116         routes[nav_url] = api_command;\r
 117     };\r
 118 \r
 119     XOSAdminApp.Router = new router({ appRoutes: routes, controller: api });\r
 120 };\r
 121 \r
 122 /* rewriteLinks\r
 123 \r
 124    Rewrite the links in the suit navbar from django-links to marionette\r
 125    links. This let's us intercept the navbar and make it function within\r
 126    this view rather than jumping back out to a django view.\r
 127 */\r
 128 \r
 129 XOSAdminApp.rewriteLinks = function () {\r
 130     $("a").each(function() {\r
 131         href=$(this).attr("href");\r
 132         rewrite_href=REWRITES[href];\r
 133         if (rewrite_href) {\r
 134             $(this).attr("href", rewrite_href);\r
 135         }\r
 136     });\r
 137 };\r
 138 \r
 139 XOSAdminApp.startNavigation = function() {\r
 140     Backbone.history.start();\r
 141     XOSAdminApp.navigationStarted = true;\r
 142 }\r
 143 \r
 144 XOSAdminApp.collectionLoadChange = function() {\r
 145     stats = xos.getCollectionStatus();\r
 146 \r
 147     if (!XOSAdminApp.navigationStarted) {\r
 148         if (stats["isLoaded"] + stats["failedLoad"] >= stats["startedLoad"]) {\r
 149             XOSAdminApp.startNavigation();\r
 150         } else {\r
 151             $("#detail").html("<h3>Loading...</h3><div id='xos-startup-progress'></div>");\r
 152             $("#xos-startup-progress").progressbar({value: stats["completedLoad"], max: stats["startedLoad"]});\r
 153         }\r
 154     }\r
 155 };\r
 156 \r
 157 XOSAdminApp.on("start", function() {\r
 158      XOSAdminApp.buildViews();
 159
 160      XOSAdminApp.initRouter();
 161
 162      XOSAdminApp.updateNavigationPanel();
 163
 164      XOSAdminApp.rewriteLinks();
 165
 166      // fire it once to initially show the progress bar
 167      XOSAdminApp.collectionLoadChange();
 168
 169      // fire it each time the collection load status is updated
 170      Backbone.on("xoslib:collectionLoadChange", XOSAdminApp.collectionLoadChange);
 171 });
 172
 173 $(document).ready(function(){
 174     XOSAdminApp.start();
 175 });
 176