conjur-asset-ui-api 1.1.1 → 1.2.0

data/public/js/main.js

@@ -3,6 +3,10 @@
  */
 var namespace = NamespaceModel();
 
+function errback(err) {
+  console.log("error:", err);
+}
+
 var kind = "";
 var lists = {
   "groups": new ResourceListModel("group"),
@@ -13,6 +17,7 @@ var lists = {
   "hosts": new ResourceListModel("host")
 };
 var conjurConfiguration;
+var userId;
 var components  = {};
 var router;
 var globalIds;
@@ -48,6 +53,7 @@ $(document).ready(function() {
   }
   
   conjurConfiguration = JSON.parse(decodeURIComponent(readCookie('conjur_configuration')).replace(/\+/g, ' '));
+  userId = decodeURIComponent(readCookie('conjur_userid'));
   
   function createEndpoints(){
     endpoints = {};
@@ -113,25 +119,25 @@ $(document).ready(function() {
     });
   }
   
-  function activateRecord(id, componentFunction) {
-    /* console.log("Record", kind, " :", id); */
+  function activateRecord(k, id, componentFunction) {
+    /* console.log("Record", k, " :", id); */
+
+    $('#inlineSearchContainer').show();
+    kind = pluralize(k);
     setActiveNav(kind);
-    new RecordModel(kind, id).fetch(function(record) {
-      /* console.log(record.object); */
-      
-      function doRenderComponent(component) {
-        React.renderComponent(
-          component,
-          document.getElementById('content')
-        );
-      }
+    
+    var model;
+    if ( Record[_.capitalize(k)] )
+      model = new Record[_.capitalize(k)](id);
+    else
+      model = new Record.Generic(kind, id);
       
-      var component = componentFunction(record.object, function(result) {
-        doRenderComponent(result);
-      });
-      if ( component ) {
-        doRenderComponent(component);
-      }
+    model.fetch(function(record) {
+      var component = componentFunction(record);
+      React.renderComponent(
+        component,
+        document.getElementById('content')
+      );
     }, function(status, text, xhr){
       if(status == 403){
         window.flash = "You are not authorized to view " + kind + ":" + id + ".";
@@ -176,9 +182,7 @@ $(document).ready(function() {
     },
   
     user: function(user){
-      $('#inlineSearchContainer').show();
-      kind = "users";
-      activateRecord(user, function(record, callback){
+      activateRecord("user", user, function(record){
         return <User data={record}/>;
       });
     },
@@ -192,16 +196,8 @@ $(document).ready(function() {
     },
   
     group: function(group) {
-      $('#inlineSearchContainer').show();
-      kind = "groups";
-      activateRecord(group, function(record, callback) {
-        $.ajax({
-          url: "/api/authz/" + conjurConfiguration.account + "/roles/group/" + record.id + "?members",
-          success: function(result) {
-            callback(<Group data={{group: record, members: result}} />);
-          },
-          error: error
-        });
+      activateRecord("group", group, function(record) {
+        return <Group data={record} />;
       });
     },
   
@@ -214,9 +210,9 @@ $(document).ready(function() {
     },
     
     host: function(host){
-      $('#inlineSearchContainer').show();
-      kind = "hosts";
-      activateRecord(host, function(record){ return <Host data={record}/>;});
+      activateRecord("host", host, function(record) { 
+        return <Host data={record}/>;
+      });
     },
 
     hosts: function() {
@@ -228,24 +224,8 @@ $(document).ready(function() {
     },
   
     layer: function(layer) {
-      $('#inlineSearchContainer').show();
-      kind = "layers";
-      activateRecord(layer, function(record, callback) {
-        var id = record.id.split(':')[2];
-        async.map(['@/layer/' + record.id + '/use_host', '@/layer/' + record.id + '/admin_host' ],
-          function(role, cb) {
-            $.ajax({
-              url: "/api/authz/" + conjurConfiguration.account + "/roles/" + role + "?members",
-              success: function(result) { cb(null, result) },
-              error: cb
-            });
-          },
-          function(err, results) {
-            if ( err )
-              error(err);
-            else
-              callback(<Layer data={{layer: record, users: _.pluck(results[0], 'member'), admins: _.pluck(results[1], 'member')}} />);
-          });
+      activateRecord("layer", layer, function(record) {
+        return <Layer data={record} />;
       });
     },
 
@@ -258,25 +238,8 @@ $(document).ready(function() {
     },
     
     variable: function(variable) {
-      $('#inlineSearchContainer').show();
-      kind = "variables";
-      activateRecord(variable, function(record, callback) {
-          async.map(['execute', 'update'], function(privilege, cb) {
-            $.ajax({
-              url: "/api/authz/" + conjurConfiguration.account + "/roles/allowed_to/" + privilege + "/variable/" + record.id,
-              success: function(result) {
-                cb(null, result);
-              },
-              error: cb
-            });
-          },
-          function(err, results) {
-            if ( err ) return error(err);
-            
-            var updaters = results[1];
-            var fetchers = _.difference(results[0], updaters);
-            callback(<Variable data={{variable: record, fetchers: fetchers, updaters: updaters}} />);
-        });
+      activateRecord("variable", variable, function(record) {
+        return <Variable data={record} />;
       });
     },
     

data/public/js/models/groupRecord.js

@@ -0,0 +1,35 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+Record.Group = function(args) {
+  var superArguments = Array.prototype.slice.call(arguments);
+  superArguments.unshift("group");
+  Record.Generic.apply(this, superArguments);
+}
+
+Record.Group.prototype = Object.create(Record.Generic.prototype);
+Record.Group.prototype.constructor = Record.Group;
+
+Record.Group.prototype.fetch = function(callback) {
+  var self = this;
+  var id = this.id;
+
+  async.parallel([
+    this.attributes.bind(this),
+    this.ownedResources.bind(this),
+    function(cb) {
+      $.ajax({
+        url: "/api/authz/" + conjurConfiguration.account + "/roles/group/" + id + "?members",
+        success: function(result) {
+          cb(null, result);
+        },
+        error: cb
+      });
+    }
+  ],
+  function(err, results) {
+    if ( err )
+      return errback(err);
+
+    callback({ group: results[0], owned: results[1], members: results[2] });
+  });
+}

data/public/js/models/hostRecord.js

@@ -0,0 +1,26 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+Record.Host = function(args) {
+  var superArguments = Array.prototype.slice.call(arguments);
+  superArguments.unshift("host");
+  Record.Generic.apply(this, superArguments);
+}
+
+Record.Host.prototype = Object.create(Record.Generic.prototype);
+Record.Host.prototype.constructor = Record.Host;
+
+Record.Host.prototype.fetch = function(callback) {
+  var self = this;
+  var id = this.id;
+
+  async.parallel([
+      this.attributes.bind(this),
+      this.ownedResources.bind(this)
+    ],
+    function(err, results) {
+      if ( err ) 
+        return errback(err);
+      
+      callback({host: results[0], owned: results[1]});
+  });
+}

data/public/js/models/layerRecord.js

@@ -0,0 +1,38 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+Record.Layer = function(args) {
+  var superArguments = Array.prototype.slice.call(arguments);
+  superArguments.unshift("layer");
+  Record.Generic.apply(this, superArguments);
+}
+
+Record.Layer.prototype = Object.create(Record.Generic.prototype);
+Record.Layer.prototype.constructor = Record.Layer;
+
+Record.Layer.prototype.fetch = function(callback) {
+  var self = this;
+  var id = this.id;
+
+  function members(role) {
+    return function(cb) {
+      $.ajax({
+        url: "/api/authz/" + conjurConfiguration.account + "/roles/" + role + "?members",
+        success: function(result) { cb(null, result) },
+        error: cb
+      });
+    }
+  }
+
+  async.parallel([
+    this.attributes.bind(this),
+    this.ownedResources.bind(this),
+    members('@/layer/' + id + '/use_host'),
+    members('@/layer/' + id + '/use_host')
+  ],
+  function(err, results) {
+    if ( err )
+      return errback(err);
+
+    callback({ layer: results[0], owned: results[1], users: _.pluck(results[2], 'member'), admins: _.pluck(results[3], 'member') });
+  });
+}

data/public/js/models/record.js

@@ -1,26 +1,39 @@
 if (typeof $ === "undefined") { throw new Error("jQuery is required") }
 
-var RecordModel = function(kind, id){
-  var Record = function() {
-    this.object = null;
-  }
-  
-  Record.prototype.fetch = function(callback, errback) {
-    errback || (errback = function(status, text, xhr){
-      alert("Error fetching " + kind + ":" + id + " " + status + " " + text);
-    });
-    var self = this;
-    $.ajax({
-      url: "/api/" + kind + "/" + encodeURIComponent(id),
-      success: function(data) {
-        self.object = data;
-        callback(self);
-      },
-      error: function(xhr, textStatus, errorThrown){
-        errback(xhr.status, errorThrown, xhr);
-      }
-    });
-  }
-  
-  return new Record();
+Record = {};
+
+Record.Generic = function(kind, id) {
+  this.kind = kind;
+  this.id = id;
+}
+
+Record.Generic.prototype.attributes = function(callback) {
+  var id = this.id;
+  $.ajax({
+    url: "/api/" + kind + "/" + encodeURIComponent(id),
+    success: function(data) {
+      callback(null, data);
+    },
+    error: callback
+  });
+}
+
+Record.Generic.prototype.ownedResources = function(callback) {
+  var id = this.id;
+  var roleid = [ this.kind, this.id ].join(':')
+  $.ajax({
+    url: "/api/authz/" + conjurConfiguration.account + "/resources?owner=" + roleid,
+    success: function(result) {
+      callback(null, result);
+    },
+    error: callback
+  });
+}
+
+Record.Generic.prototype.fetch = function(callback) {
+  this.attributes(function(err, data) {
+    if ( err )
+      return errback(err);
+    callback(data);
+  });
 }

data/public/js/models/userRecord.js

@@ -0,0 +1,26 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+Record.User = function(args) {
+  var superArguments = Array.prototype.slice.call(arguments);
+  superArguments.unshift("user");
+  Record.Generic.apply(this, superArguments);
+}
+
+Record.User.prototype = Object.create(Record.Generic.prototype);
+Record.User.prototype.constructor = Record.User;
+
+Record.User.prototype.fetch = function(callback) {
+  var self = this;
+  var id = this.id;
+
+  async.parallel([
+      this.attributes.bind(this),
+      this.ownedResources.bind(this)
+    ],
+    function(err, results) {
+      if ( err ) 
+        return errback(err);
+      
+      callback({user: results[0], owned: results[1]});
+  });
+}

data/public/js/models/variableRecord.js

@@ -0,0 +1,39 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+Record.Variable = function(args) {
+  var superArguments = Array.prototype.slice.call(arguments);
+  superArguments.unshift("variable");
+  Record.Generic.apply(this, superArguments);
+}
+
+Record.Variable.prototype = Object.create(Record.Generic.prototype);
+Record.Variable.prototype.constructor = Record.Variable;
+
+Record.Variable.prototype.fetch = function(callback) {
+  var self = this;
+  var id = this.id;
+
+  function members(privilege) {
+    return function(cb) {
+      $.ajax({
+        url: "/api/authz/" + conjurConfiguration.account + "/roles/allowed_to/" + privilege + "/variable/" + id,
+        success: function(result) {
+          cb(null, result);
+        },
+        error: cb
+      });
+    }
+  } 
+
+  async.parallel([
+      this.attributes.bind(this),
+      members("execute"),
+      members("update")
+    ],
+    function(err, results) {
+      if ( err ) 
+        return errback(err);
+      
+      callback({variable: results[0], fetchers: results[1], updaters: results[2]});
+  });
+}

data/public/js/views/audit.js

@@ -1,10 +1,21 @@
 // Generated by LiveScript 1.2.0
 (function(){
-  var ref$, table, div, th, tr, td, thead, tbody, section, h3, time, map, each, unique, isType, join, fields, AuditTableHeader, Timestamp, wrapArray, AuditEntry, newEventSet, AuditTable, GlobalAudit, urlOfRole, urlOfResource, AuditBox, out$ = typeof exports != 'undefined' && exports || this;
+  var ref$, table, div, th, tr, td, thead, tbody, section, h3, time, map, each, unique, isType, join, compact_fields, extended_fields, FieldsMixin, AuditTableHeader, Timestamp, wrapArray, AuditEntry, newEventSet, AuditTable, GlobalAudit, urlOfRole, urlOfResource, AuditBox, out$ = typeof exports != 'undefined' && exports || this, slice$ = [].slice;
   ref$ = React.DOM, table = ref$.table, div = ref$.div, th = ref$.th, tr = ref$.tr, td = ref$.td, thead = ref$.thead, tbody = ref$.tbody, section = ref$.section, h3 = ref$.h3, time = ref$.time;
   ref$ = require('prelude-ls'), map = ref$.map, each = ref$.each, unique = ref$.unique, isType = ref$.isType, join = ref$.join;
-  fields = ['timestamp', 'user', 'acting_as', 'action', 'kind', 'entity', 'privilege'];
+  compact_fields = ['user', 'action', 'entities'];
+  extended_fields = ['timestamp', 'user', 'acting_as', 'action', 'entities', 'privilege'];
+  FieldsMixin = {
+    fields: function(){
+      if (this.props.compact) {
+        return compact_fields;
+      } else {
+        return extended_fields;
+      }
+    }
+  };
   AuditTableHeader = React.createClass({
+    mixins: [FieldsMixin],
     displayName: 'AuditTableHeader',
     render: function(){
       return thead({}, tr({}, map(function(it){
@@ -12,7 +23,7 @@
           key: it
         }, it.replace('_', ' '));
       })(
-      fields)));
+      this.fields())));
     }
   });
   Timestamp = React.createClass({
@@ -21,7 +32,7 @@
       var ts;
       ts = moment(this.props.time);
       return time({
-        datetime: ts.format(),
+        dateTime: ts.format(),
         title: ts.calendar()
       }, [ts.fromNow()]);
     }
@@ -33,43 +44,49 @@
       return [it];
     }
   };
-  AuditEntry = React.createClass({
+  out$.AuditEntry = AuditEntry = React.createClass({
+    mixins: [FieldsMixin],
     displayName: 'AuditEntry',
-    transformedProps: function(){
-      var ref$;
-      return ref$ = clone$(this.props), ref$.entity = this.props.resource || this.props.role, ref$;
-    },
     transformField: function(key, value){
-      switch (false) {
-      case !!value:
-        return value;
-      case key !== 'user' && key !== 'acting_as':
-        return RoleLink({
-          id: value
-        });
-      case key !== 'entity':
-        return ResourceLink({
-          data: value
-        });
-      case key !== 'timestamp':
-        return Timestamp({
-          time: value
-        });
+      var that;
+      switch (key) {
+      case 'entities':
+        return [
+          (that = this.props.resource) != null ? ResourceLink({
+            data: that
+          }) : void 8, (that = this.props.role) != null ? RoleLink({
+            id: that
+          }) : void 8
+        ];
+      case 'user':
+      case 'acting_as':
+        if (value != null) {
+          return RoleLink({
+            id: value
+          });
+        }
+        break;
+      case 'timestamp':
+        if (value != null) {
+          return Timestamp({
+            time: value
+          });
+        }
+        break;
       default:
         return value;
       }
     },
     render: function(){
-      var props, this$ = this;
-      props = this.transformedProps();
+      var this$ = this;
       return tr({
         className: this.props.action
       }, map(function(it){
-        return td({
+        return td.apply(null, [{
           key: it
-        }, [this$.transformField(it, props[it])]);
+        }].concat(slice$.call(wrapArray(this$.transformField(it, this$.props[it])))));
       })(
-      fields));
+      this.fields()));
     }
   });
   newEventSet = function(){
@@ -88,7 +105,7 @@
     };
     return evts;
   };
-  AuditTable = React.createClass({
+  out$.AuditTable = AuditTable = React.createClass({
     displayName: 'AuditTable',
     getInitialState: function(){
       return {
@@ -96,6 +113,8 @@
       };
     },
     render: function(){
+      var compact;
+      compact = this.props.compact;
       return section({
         className: 'audit'
       }, [
@@ -103,12 +122,13 @@
           className: 'audit-table'
         }, [
           AuditTableHeader({
-            key: 'thead'
+            key: 'thead',
+            compact: compact
           }), tbody({
             key: 'tbody'
           }, this.state.events.map(function(it){
             var ref$;
-            return new AuditEntry((ref$ = clone$(it), ref$.key = it.id, ref$));
+            return new AuditEntry((ref$ = clone$(it), ref$.key = it.id, ref$.compact = compact, ref$));
           }))
         ])
       ]);
@@ -180,7 +200,7 @@
       roles.concat(resources)));
       return AuditTable({
         src: roleSrcs.concat(resSrcs),
-        caption: "Recent audit events for " + things
+        caption: "Recent Activity"
       });
     }
   });