conjur-asset-ui-api 1.1.0

data/public/js/models/userList.js

@@ -0,0 +1,16 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+var UserListModel = function(){
+  var options = {
+    namespaceSelector: function(member) {
+      var idTokens = member.id.split('@');
+      if ( idTokens.length > 1 ) {
+        return idTokens.slice(1, idTokens.length-1).join['@'];
+      }
+      else {
+        return null;
+      }
+    }
+  };
+  return ResourceListModel("user", options);
+}

data/public/js/models/variableList.js

@@ -0,0 +1,12 @@
+if (typeof $ === "undefined") { throw new Error("jQuery is required") }
+
+var VariableListModel = function(){
+  var options = {
+    filter: function(member) {
+      var idTokens = member.id.split(':');
+      var id = idTokens[idTokens.length-1];
+      return id.split('/').length > 1;
+    }
+  };
+  return ResourceListModel("variable", options);
+}

data/public/js/views/audit.js

@@ -0,0 +1,191 @@
+// 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;
+  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'];
+  AuditTableHeader = React.createClass({
+    displayName: 'AuditTableHeader',
+    render: function(){
+      return thead({}, tr({}, map(function(it){
+        return th({
+          key: it
+        }, it.replace('_', ' '));
+      })(
+      fields)));
+    }
+  });
+  Timestamp = React.createClass({
+    displayName: 'Timestamp',
+    render: function(){
+      var ts;
+      ts = moment(this.props.time);
+      return time({
+        datetime: ts.format(),
+        title: ts.calendar()
+      }, [ts.fromNow()]);
+    }
+  });
+  wrapArray = function(it){
+    if (isType('Array', it)) {
+      return it;
+    } else {
+      return [it];
+    }
+  };
+  AuditEntry = React.createClass({
+    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
+        });
+      default:
+        return value;
+      }
+    },
+    render: function(){
+      var props, this$ = this;
+      props = this.transformedProps();
+      return tr({
+        className: this.props.action
+      }, map(function(it){
+        return td({
+          key: it
+        }, [this$.transformField(it, props[it])]);
+      })(
+      fields));
+    }
+  });
+  newEventSet = function(){
+    var evts;
+    evts = new SortedSet({
+      comparator: function(a, b){
+        return a && b && b.id - a.id;
+      }
+    });
+    evts.containsLike = function(item){
+      var existing;
+      existing = this.findIterator(item).value();
+      if (existing != null) {
+        return this.priv.comparator(existing, item) === 0;
+      }
+    };
+    return evts;
+  };
+  AuditTable = React.createClass({
+    displayName: 'AuditTable',
+    getInitialState: function(){
+      return {
+        events: newEventSet()
+      };
+    },
+    render: function(){
+      return section({
+        className: 'audit'
+      }, [
+        h3({}, this.props.caption), table({
+          className: 'audit-table'
+        }, [
+          AuditTableHeader({
+            key: 'thead'
+          }), tbody({
+            key: 'tbody'
+          }, this.state.events.map(function(it){
+            var ref$;
+            return new AuditEntry((ref$ = clone$(it), ref$.key = it.id, ref$));
+          }))
+        ])
+      ]);
+    },
+    componentDidMount: function(){
+      return each(this.addSource)(
+      wrapArray(
+      this.props.src));
+    },
+    componentWillUnmount: function(){
+      return each(function(it){
+        console.log("closing event source ", it);
+        return it.close();
+      })(
+      this.sources);
+    },
+    addEvent: function(arg$){
+      var data, event;
+      data = arg$.data;
+      event = JSON.parse(data);
+      if (event.action === "check" && event.privilege === "read" && event.allowed) {
+        return true;
+      } else {
+        if (!this.state.events.containsLike(event)) {
+          this.state.events.insert(event);
+          return this.forceUpdate();
+        }
+      }
+    },
+    addSource: function(url){
+      var evtSrc;
+      console.log("opening eventsource to " + url);
+      evtSrc = new EventSource(url);
+      console.log(evtSrc);
+      evtSrc.onmessage = this.addEvent;
+      evtSrc.onerror = function(a, b, c, d){
+        return console.log(a, b, c, d);
+      };
+      return (this.sources || (this.sources = [])).push(evtSrc);
+    }
+  });
+  out$.GlobalAudit = GlobalAudit = React.createClass({
+    displayName: 'GlobalAudit',
+    render: function(){
+      return AuditTable({
+        src: '/api/audit/all',
+        caption: 'All recent audit events'
+      });
+    }
+  });
+  urlOfRole = function(role){
+    return "/api/audit/roles/" + encodeURIComponent(role);
+  };
+  urlOfResource = function(resource){
+    return "/api/audit/resources/" + encodeURIComponent(resource);
+  };
+  out$.AuditBox = AuditBox = React.createClass({
+    displayName: 'AuditBox',
+    render: function(){
+      var roles, resources, roleSrcs, resSrcs, things;
+      roles = this.props.roles || [];
+      resources = this.props.resources || [];
+      roleSrcs = map(urlOfRole)(
+      roles);
+      resSrcs = map(urlOfResource)(
+      resources);
+      things = join(', ')(
+      unique(
+      roles.concat(resources)));
+      return AuditTable({
+        src: roleSrcs.concat(resSrcs),
+        caption: "Recent audit events for " + things
+      });
+    }
+  });
+  function clone$(it){
+    function fun(){} fun.prototype = it;
+    return new fun;
+  }
+}).call(this);

data/public/js/views/dashboard.js

@@ -0,0 +1,35 @@
+/**@jsx React.DOM*/
+
+var DashboardSearchForm = React.createClass({
+  mixins: [ SearchMixin ],
+  
+  render: function(){
+    return ( 
+    <form className="form-inline search" role="search" onSubmit={this.handleSubmit}>
+      <div className="form-group">
+        <input ref="input" type="text" className="form-control" placeholder="Search Conjur" value={this.props.searchText}>
+        </input>
+       </div>
+      <button type="submit" className="btn btn-default search-button">Search</button>
+    </form>
+    );
+  }
+});
+
+var Dashboard = React.createClass({
+  render: function(){
+    return (
+      <div className="dashboard">
+        <div className="row">
+          <DashboardSearchForm />
+        </div>
+        <div className="summary">
+          <div className="row">
+          </div>
+          <div className="row">
+          </div>
+        </div>
+      </div>
+    );
+  }
+});

data/public/js/views/generic.js

@@ -0,0 +1,42 @@
+/** @jsx React.DOM */
+
+var GenericListItem = React.createClass({
+  render: function() {
+    var recordUrl = "/ui/" + this.props.data.kind + "/" + encodeURIComponent(this.props.data.record.identifier);
+    return (
+      <tr>
+        <td className="id">
+          <a href={recordUrl}>
+            {this.props.data.record.identifier}
+          </a>
+        </td>
+        <td className="ownerId">
+          <RoleLink id={this.props.data.record.ownerid || this.props.data.record.owner} />
+        </td>
+      </tr>
+    );
+  }
+});
+
+var GenericList = React.createClass({
+  render: function() {
+    var rows = this.props.data.members.map(function (o) {
+      var componentName = _.str.capitalize(this.props.data.kind.substring(0, this.props.data.kind.length-1)) + "ListItem";
+      var itemKind = window[componentName] || GenericListItem;
+      return itemKind({data: {kind: this.props.data.kind, record: o}});
+    }.bind(this));
+    return (
+      <table className={this.props.data.kind + "List"}>
+        <thead>
+          <tr>
+            <th>Id</th>
+            <th>Owner</th>
+          </tr>
+        </thead>
+        <tbody>
+        {rows}
+        </tbody>
+      </table>
+    );
+  }
+});

data/public/js/views/group.js

@@ -0,0 +1,32 @@
+/** @jsx React.DOM */
+
+var Group = React.createClass({
+  render: function() {
+    var members = this.props.data.members.map(function (member) {
+      return <li>
+        <RoleLink id={member.member} />
+      </li>
+    }.bind(this));
+    var resourceId = [ conjurConfiguration.account, 'group', this.props.data.group.id ].join(':')
+    var group = this.props.data.group; 
+    return (
+      <div className="group">
+        <h2>Group {this.props.data.group.id}</h2>
+        <dl>
+          <dt>Owner</dt>
+          <dd><RoleLink id={this.props.data.group.ownerid}/></dd>
+          <dt>Members</dt>
+          <dd>
+            <ul>
+              {members}
+            </ul>
+          </dd>
+        </dl>
+        <Permissions role={group.roleid}/>
+        <div className="audit auditGroup">
+          <AuditBox roles={[resourceId]} resources={[resourceId]}/>
+        </div>
+      </div>
+    );
+  }
+});

data/public/js/views/groups.js

@@ -0,0 +1,18 @@
+/** @jsx React.DOM */
+
+var GroupBox = React.createClass({
+  getInitialState: function() {
+    return { currentNamespace: "", members: [] };
+  },
+  render: function() {
+    return (
+      <div className="groupBox">
+        <NamespaceFilter currentNamespace={this.state.currentNamespace} namespaces={this.props.data.namespaces} />
+        <div className="groupList">
+          <h2>Groups</h2>
+          <GenericList data={{kind: "groups", members: this.state.members}} />
+        </div>
+      </div>
+    );
+  }
+});

data/public/js/views/host.js

@@ -0,0 +1,40 @@
+/** @jsx React.DOM */
+
+var HostLink = React.createClass({
+  hostId : function() {
+    return this.props.data.split(':')[2];
+  },
+  
+  hostUrl: function() {
+    return "/ui/hosts/" + encodeURIComponent(this.hostId());
+  },
+  
+  render: function() {
+    return (
+      <a href={this.hostUrl()}>
+        {this.hostId()}
+      </a>
+    );
+  }
+});
+
+var Host = React.createClass({
+  render: function(){
+    var host = this.props.data;
+    return (
+      <div className="host">
+        <h2> Host {host.id} </h2>
+        <dl>
+          <dt> Owner </dt>
+          <dd> <RoleLink id={host.ownerid}/> </dd>
+          <dt> Created At </dt>
+          <dd> <Time timestamp={host.created_at}/> </dd>
+        </dl>
+        <Permissions role={host.roleid}/>
+        <div className="audit auditHost">
+          <AuditBox roles={[host.roleid]} resources={[host.resource_identifier]}/>
+        </div>
+      </div>
+    );
+  }
+})

data/public/js/views/hosts.js

@@ -0,0 +1,18 @@
+/** @jsx React.DOM */
+
+var HostBox = React.createClass({
+  getInitialState: function() {
+    return { currentNamespace: "", members: [] };
+  },
+  render: function() {
+    return (
+      <div className="hostBox">
+        <NamespaceFilter currentNamespace={this.state.currentNamespace} namespaces={this.props.data.namespaces} />
+        <div className="hostList">
+          <h2>Hosts</h2>
+          <GenericList data={{kind: "hosts", members: this.state.members}} />
+        </div>
+      </div>
+    );
+  }
+});

data/public/js/views/layer.js

@@ -0,0 +1,63 @@
+/** @jsx React.DOM */
+
+var Layer = React.createClass({
+  render: function() {
+    function abstractRole(expected) {
+      return function(role) {
+        var tokens = role.split(':');
+        var kind = tokens[1];
+        var abstractKinds = [ '@', 'layer' ];
+        var isAbstract = abstractKinds.indexOf(kind) !== -1;
+        return isAbstract === expected;
+      }
+    }
+    
+    var layer = this.props.data.layer;
+    
+    
+    var hosts = layer.hosts.map(function (host) {
+      return <li>
+        <HostLink data={host} />
+      </li>
+    }.bind(this));
+    var admins = this.props.data.admins.filter(abstractRole(false)).map(function (role) {
+      return <RoleLink id={role}/>;
+    }.bind(this));
+    var users = this.props.data.users.filter(abstractRole(false)).map(function (role) {
+      return <RoleLink id={role}/>
+    }.bind(this));
+    
+    return (
+      <div className="group">
+        <h2>Layer {layer.id}</h2>
+        
+        <dl>
+          <dt>Owner</dt>
+          <dd><RoleLink id={layer.ownerid}/></dd>
+          <dt>Admins</dt>
+          <dd>
+            <ul>
+              {admins}
+            </ul>
+          </dd>
+          <dt>Users</dt>
+          <dd>
+            <ul>
+              {users}
+            </ul>
+          </dd>
+          <dt>Hosts</dt>
+          <dd>
+            <ul>
+              {hosts}
+            </ul>
+          </dd>
+        </dl>
+        <Permissions role={layer.roleid}/>
+        <div className="audit auditLayer">
+          <AuditBox roles={[layer.roleid]} resources={[layer.resource_identifier]}/>
+        </div>
+      </div>
+    );
+  }
+});