conjur-asset-ui 1.4.2 → 1.6.0

data/public/js/views/hosts.js

@@ -1,26 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React */
-
-(function(conjur, React) {
-    'use strict';
-
-    var GenericList = conjur.views.GenericList;
-
-    this.HostBox = React.createClass({
-        render: function() {
-            return (
-              <div className="hostBox">
-                <div className="hostList">
-                  <h2>Hosts</h2>
-                  <GenericList data={{kind: 'hosts', members: this.props.data.members}} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React
-);

data/public/js/views/layer.js

@@ -1,146 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, ReactBootstrap, _ */
-
-(function(conjur, React, ReactBootstrap, _) {
-    'use strict';
-
-    var TabbedArea = ReactBootstrap.TabbedArea,
-        TabPane = ReactBootstrap.TabPane,
-        Tab = conjur.views.mixins.Tab,
-        AuditBox = window.AuditBox,
-        Breadcrumbs = conjur.views.Breadcrumbs,
-        RoleLink = conjur.views.RoleLink,
-        HostLink = conjur.views.HostLink;
-
-    var abstractRole = function(expected) {
-        return function(role) {
-            var tokens = role.split(':'),
-                kind = tokens[1],
-                abstractKinds = ['@', 'layer'],
-                isAbstract = abstractKinds.indexOf(kind) !== -1;
-
-            return isAbstract === expected;
-        };
-    };
-
-    this.Layer = React.createClass({
-        mixins: [Tab],
-
-        render: function() {
-            var data = this.props.data;
-
-            var hosts = data.layer.hosts.map(function(host) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <HostLink data={host} />
-                  </li>
-                );
-            });
-
-            var admins = data.admins.filter(abstractRole(false)).map(function(role) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <RoleLink id={role}/>
-                  </li>
-                );
-            });
-
-            var users = data.users.filter(abstractRole(false)).map(function(role) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <RoleLink id={role}/>
-                  </li>
-                );
-            });
-
-            // TODO: controls to add/remove admins/users/hosts
-            var overviewTab = (
-              <TabPane key="overview" tab="Overview">
-                <dl className="dl-horizontal">
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={data.owner} /></dd>
-
-                  <dt>Created by</dt>
-                  <dd><RoleLink id={data.layer.userid} /></dd>
-                </dl>
-              </TabPane>
-            );
-
-            var adminsTab = (
-              <TabPane key="admins" tab={conjur.utils.getTabname('Admins', admins)}>
-                <ul className="list-group">
-                  {admins}
-                </ul>
-              </TabPane>
-            );
-
-            var usersTab = (
-              <TabPane key="users" tab={conjur.utils.getTabname('Users', users)}>
-                <ul className="list-group">
-                  {users}
-                </ul>
-              </TabPane>
-            );
-
-            var hostsTab = (
-              <TabPane key="hosts" tab={conjur.utils.getTabname('Hosts', hosts)}>
-                <ul className="list-group">
-                  {hosts}
-                </ul>
-              </TabPane>
-            );
-
-            var auditTab = (
-              <TabPane key="audit" tab="Recent Activity">
-                <div className="audit auditGroup">
-                  <AuditBox roles={[data.layer.roleid]}
-                            resources={[data.layer.resource_identifier]}
-                            tabview={true} />
-                </div>
-              </TabPane>
-            );
-
-
-            var permissionsTab = this.permissionsTab(data.layer.roleid),
-                membershipsTab = this.membershipsTab(data.layer.roleid),
-                annotationsTab = this.annotationsTab(),
-                ownedTab = this.ownedTab();
-
-            var tabs = _.compact([
-                overviewTab,
-                adminsTab,
-                usersTab,
-                hostsTab,
-                ownedTab,
-                membershipsTab,
-                permissionsTab,
-                annotationsTab,
-                auditTab
-            ]);
-
-            var elems = [
-                {url: '/ui/layers', text: 'Layers'},
-                {url: '', text: this.props.data.layer.id},
-                {url: '', text: '(owned by ' + this.props.data.layer.ownerid + ')'}
-            ];
-
-            return (
-              <div className="b-layer">
-                <Breadcrumbs elems={elems} />
-                <hr />
-                <h2>Layer {data.layer.id}</h2>
-                <TabbedArea defaultActiveKey="overview">
-                  {tabs}
-                </TabbedArea>
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);

data/public/js/views/layers.js

@@ -1,26 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React */
-
-(function(conjur, React) {
-    'use strict';
-
-    var GenericList = conjur.views.GenericList;
-
-    this.LayerBox = React.createClass({
-        render: function() {
-            return (
-              <div className="layerBox">
-                <div className="layerList">
-                  <h2>Layers</h2>
-                  <GenericList data={{kind: 'layers', members: this.props.data.members}} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React
-);

data/public/js/views/mixins/search.js

@@ -1,22 +0,0 @@
-/* global conjur */
-
-(function(conjur) {
-    'use strict';
-
-    this.Search = {
-        handleSubmit: function() {
-            var search = this.refs.input.getDOMNode().value;
-
-            if (search && search.length !== 0) {
-                conjur.app.router.navigate('/ui/search/' + window.encodeURIComponent(search),
-                                           {trigger: true});
-            }
-
-            return false;
-        }
-    };
-
-}).bind(conjur.views.mixins)
-(
-    conjur
-);

data/public/js/views/mixins/tabs.js

@@ -1,154 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, ReactBootstrap, _ */
-
-(function(conjur, React, ReactBootstrap, _) {
-    'use strict';
-
-    var TabPane = ReactBootstrap.TabPane,
-        OwnedResources = conjur.views.OwnedResources,
-        RoleLink = conjur.views.RoleLink,
-        AnnotationsBox = conjur.views.AnnotationsBox,
-        Permissions = conjur.views.Permissions;
-
-    // we can't create custom TabPanes as components,
-    // because they won't be recognized by TabbedArea as tabs
-    // that's why we just generalize their constructors
-    this.Tab = {
-        containsOwnedItems: function() {
-            return (
-                this.props.data.owned &&
-                    this.props.data.owned.length &&
-                    this.props.data.owned.length > 0
-            );
-        },
-
-        ownedIds: function() {
-            if (this.containsOwnedItems()) {
-                return this.props.data.owned.map(function(ownedItem) {
-                    return ownedItem.id;
-                });
-            }
-
-            return [];
-        },
-
-        ownedTab: function() {
-            if (this.containsOwnedItems()) {
-                var result = (
-                  <TabPane key="owned"
-                           tab={conjur.utils.getTabname('Owned resources', this.props.data.owned)}>
-                    <OwnedResources owned={this.props.data.owned} tabview={true} />
-                  </TabPane>
-                );
-
-                return result;
-            }
-
-            return null;
-        },
-
-        containsNontrivialRoles: function() {
-            return (
-                this.props.data.roles &&
-                    this.props.data.roles.length &&
-                    this.props.data.roles.length > 1
-            );
-        },
-
-        externalRoles: function(ownId) {
-            if (!this.containsNontrivialRoles()) {
-                return [];
-            }
-
-            var ownedIds = this.ownedIds();
-
-            return this.props.data.roles.filter(function(roleid) {
-                // do not show themself
-                return roleid !== ownId;
-            }).filter(function(roleid) {
-                // do not show internal roles
-                return roleid.split(':')[1] !== '@';
-            }).filter(function(roleid) {
-                // do not show owned groups
-                return ! _.contains(ownedIds, roleid);
-            });
-        },
-
-        membershipsTab: function(ownId) {
-            if (!this.containsNontrivialRoles()) {
-                return null;
-            }
-
-            var membershipLinks = this.externalRoles(ownId)
-                    .sort(function(a, b) {
-                        return a.toLowerCase().localeCompare(b.toLowerCase());
-                    })
-                    .map(function(roleid) {
-                        return (
-                          <li className="list-group-item list-group-item-noborder">
-                            <RoleLink id={roleid} />
-                          </li>
-                        );
-                    });
-
-            if (membershipLinks.length === 0) {
-                return null;
-            }
-
-            var result = (
-              <TabPane key="memberships"
-                       tab={conjur.utils.getTabname('Explicit memberships', membershipLinks)}>
-                <ul className="list-group">
-                  {membershipLinks}
-                </ul>
-              </TabPane>
-            );
-
-            return result;
-        },
-
-        containsAnnotations: function() {
-            return (
-                this.props.data.annotations &&
-                    this.props.data.annotations.length &&
-                    this.props.data.annotations.length > 0
-            );
-        },
-
-        annotationsTab: function() {
-            if (!this.containsAnnotations()) {
-                return null;
-            }
-
-            var result = (
-              <TabPane key="annotations"
-                       tab={conjur.utils.getTabname('Annotations', this.props.data.annotations)}>
-                <AnnotationsBox annotations={this.props.data.annotations} />
-              </TabPane>
-            );
-
-            return result;
-        },
-
-        permissionsTab: function(roleid) {
-            var result = (
-              <TabPane key="permissions" tab="Permissions held">
-                <Permissions owned={this.props.data.owned}
-                             roles={this.props.data.roles}
-                             role={roleid}
-                             tabview={true} />
-              </TabPane>
-            );
-
-            return result;
-        }
-
-    };
-
-}).bind(conjur.views.mixins)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);

data/public/js/views/namespaces.js

@@ -1,40 +0,0 @@
-/** @jsx React.DOM */
-
-var NamespaceFilter = React.createClass({
-  render: function() {
-    return(
-      <div className="namespaceList">
-        <h2>Namespace filter:</h2>
-        { this.transferPropsTo(<NamespaceList />) }
-      </div>
-    );
-  }
-});
-
-var NamespaceListItem = React.createClass({
-  render: function() {
-    return (
-      <option value={this.props.id}>{this.props.id}</option>
-    );
-  }
-});
-
-var NamespaceList = React.createClass({
-  handleChange: function(e) {
-    var value = e.target.options[e.target.selectedIndex].value;
-    updateNamespace(value);
-  },
-  render: function() {
-    var namespaces = this.props.namespaces.map(function (namespace) {
-      return <NamespaceListItem id={namespace}/>;
-    }).sort();
-    return (
-      <div>
-        <select onChange={this.handleChange} value={this.props.currentNamespace}>
-          <option value="" />
-          {namespaces}
-        </select>
-      </div>
-    );
-  }
-});

data/public/js/views/navSearch.js

@@ -1,36 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React */
-
-(function(conjur, React) {
-    'use strict';
-
-    var Search = conjur.views.mixins.Search;
-
-    this.NavSearchForm = React.createClass({
-        mixins: [Search],
-
-        render: function() {
-            return (
-              <form className="form-inline navbar-form"
-                    role="search"
-                    onSubmit={this.handleSubmit}>
-                <div className="form-group">
-                  <input ref="input"
-                         type="text"
-                         className="form-control"
-                         placeholder="Search Conjur"></input>
-                </div>
-                <button type="submit"
-                        className="btn btn-default search-button">
-                  Search
-                </button>
-              </form>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React
-);