conjur-asset-ui 1.4.2 → 1.6.0

data/public/js/views/policy.js

@@ -1,70 +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,
-        RoleLink = conjur.views.RoleLink,
-        AuditBox = window.AuditBox;
-
-    this.Policy = React.createClass({
-        mixins: [Tab],
-
-        render: function() {
-            var policy = this.props.data.policy,
-                id = policy.id.split(':')[2];
-
-            //TODO: policy loader
-            //TODO in CLI: why not save text of policy as an annotation?
-            var overviewTab = (
-              <TabPane key="overview" tab="Overview">
-                <dl className="dl-horizontal">
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={this.props.data.owner}/></dd>
-                </dl>
-              </TabPane>
-            );
-
-            var permissionsTab = this.permissionsTab(policy.id),
-                membershipsTab = this.membershipsTab(policy.id),
-                annotationsTab = this.annotationsTab(),
-                ownedTab = this.ownedTab();
-
-            var auditTab = (
-              <TabPane key="audit" tab="Recent Activity">
-                <div className="audit auditGroup">
-                  <AuditBox roles={[policy.id]} tabview={true} />
-                </div>
-              </TabPane>
-            );
-
-            var tabs = _.compact([
-                overviewTab,
-                ownedTab,
-                membershipsTab,
-                permissionsTab,
-                annotationsTab,
-                auditTab
-            ]);
-
-            return (
-              <div className="policy">
-                <h2>Policy {id}</h2>
-                <TabbedArea defaultActiveKey="overview">
-                  {tabs}
-                </TabbedArea>
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);

data/public/js/views/resource.js

@@ -1,59 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, _ */
-
-(function(conjur, React, _) {
-    'use strict';
-
-    /**
-     Renders a link to the resource with id given by this.props.data.
-
-     Includes a slick little icon for the following kinds:
-     TODO which kinds?
-     **/
-    this.ResourceLink = React.createClass({
-        render: function() {
-            var resourceId = this.props.id || this.props.data.id || this.props.data;
-
-            // guard against misuse such as https://github.com/conjurinc/conjur-asset-ui/issues/78
-            if (resourceId === undefined) {
-                return React.DOM.em({}, 'undefined');
-            }
-
-            var tokens = resourceId.split(':'),
-                kind = tokens[1],
-                id = tokens[tokens.length - 1],
-                text = this.props.text || id;
-
-            var knownTypes = ['user', 'group', 'layer', 'host', 'variable', 'policy'],
-                resourceIsKnown = _.contains(knownTypes, kind);
-
-            // we shouldn't build links to for unsupported resources
-            var href = '/ui/' + conjur.utils.pluralize(kind) + '/' + window.encodeURIComponent(id);
-            var classes = ['resource-link'];
-
-            if (!this.props.noIcon) {
-                if (resourceIsKnown) {
-    	            classes.push(kind);
-                } else {
-                    classes.push('abstract');
-
-                    if (text === id) {
-                        text = [kind, text].join(':'); // prepend kind to id
-                    }
-                }
-            } else if (text === id) {
-                text = [kind, text].join(':'); // prepend kind to id
-            }
-
-            return (
-              <a className={classes.join(' ')} href={href}>{text}</a>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    _
-);

data/public/js/views/role.js

@@ -1,63 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, _ */
-
-(function(conjur, React, _) {
-    'use strict';
-
-    /** render a link to the role represented by this.props.id
-     Example: <RoleLink id='ci:user:jon'/>
-     */
-    this.RoleLink = React.createClass({
-        render: function() {
-            // guard against misuse such as https://github.com/conjurinc/conjur-asset-ui/issues/78
-            if (this.props.id === undefined) {
-                return React.DOM.em({}, 'undefined');
-            }
-
-            var tokens = this.props.id.split(':'),
-                kind = tokens[1],
-                id = tokens[tokens.length-1],
-                href,
-                classes = ['role-link'],
-                knownTypes = ['user', 'group', 'layer', 'host', 'policy'],
-                kindIsKnown,
-                text;
-
-            if (tokens.length === 1) { // just username
-                kind = 'user';
-                id = tokens[0];
-            }
-
-            // TODO: shouldn't point to unknown types
-            href = '/ui/' + conjur.utils.pluralize(kind) + '/' + window.encodeURIComponent(id);
-            kindIsKnown = _.contains(knownTypes, kind);
-            text = id;
-
-            if (!this.props.noIcon) {
-                if (kindIsKnown) {
-    	            classes.push(kind);
-                } else {
-                    classes.push('abstract'); // we have no picture for abstract role yet
-
-                    if (text === id) {
-                        text = [kind, text].join(':'); // prepend kind to id
-                    }
-                }
-            } else if (text === id) {
-                text = [kind, text].join(':'); // prepend kind to id
-            }
-
-            return (
-              <a className={classes.join(' ')} href={href}>
-                {text}
-              </a>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    _
-);

data/public/js/views/searchResults.js

@@ -1,212 +0,0 @@
-/**@jsx React.DOM*/
-/* global conjur, React, jQuery, _ */
-
-
-(function(conjur, React, $, _) {
-    'use strict';
-
-    var ResourceLink = conjur.views.ResourceLink,
-        RoleLink = conjur.views.RoleLink;
-
-    var SearchGroupTitle = React.createClass({
-        render: function() {
-            return (
-              <span>{this.title()}</span>
-            );
-        },
-
-        title: function() {
-            var words = this.props.data.kind.replace(/[-_]/, ' ').split(' ');
-
-            words[words.length - 1] = conjur.utils.pluralize(words[words.length - 1]);
-
-            return (
-                words.map(_.str.capitalize).join(' ') + ' (' + this.props.data.items.length + ')'
-            );
-        }
-    });
-
-    var SearchGroupHeading = React.createClass({
-        render: function() {
-            var targetId = '#search-collapse-' + this.props.data.kind;
-
-            return (
-              <div className="panel-heading">
-                <h4 className="panel-title">
-                  <a data-toggle="collapse"
-                     data-target={targetId}
-                     className={'group-heading' + this.props.data.kind}>
-                    <SearchGroupTitle data={this.props.data} />
-                  </a>
-                </h4>
-              </div>
-            );
-        },
-
-        title: function() {
-            var words = this.props.data.kind.replace(/[-_]/, ' ').split(' ');
-
-            words[words.length - 1] = conjur.utils.pluralize(words[words.length - 1]);
-
-            return (
-                words.map(_.str.capitalize).join(' ') + ' (' + this.props.data.items.length + ')'
-            );
-        }
-    });
-
-    var SearchResultItem = React.createClass({
-        render: function() {
-            return (
-              <div className="item">
-                <h4>{this.titleLink()}</h4>
-                <div className="details">
-                  <strong> ID: </strong> <ResourceLink data={this.props.data.id}
-                                                       noIcon="true" />
-                  <strong> Owner: </strong> <RoleLink id={this.props.data.owner}
-                                                      noIcon="true" />
-                </div>
-                <div className="comment">
-                  {this.commentText()}
-                </div>
-              </div>
-            );
-        },
-
-        commentText: function() {
-            var annots = this.annotationsMap();
-
-            return annots.description || '';
-        },
-
-        titleLink: function(){
-            var annots = this.annotationsMap();
-
-            return (
-              <ResourceLink data={this.props.data.id} text={annots.name} />
-            );
-        },
-
-        annotationsMap: function(){
-            if (this._annotationsMap) {
-                return this._annotationsMap;
-            }
-
-            var map = this._annotationsMap = {};
-
-            (this.props.data.annotations || []).forEach(function(a) {
-                map[a.name] = a.value;
-            });
-
-            return map;
-        }
-    });
-
-    // accepts props like data: { kind:"", items:[] }
-    var SearchGroup = React.createClass({
-        render: function() {
-            var id = 'search-group-' + this.props.data.kind;
-
-            var items = this.props.data.items.map(function(r) {
-                return (
-                  <SearchResultItem data={r}/>
-                );
-            });
-
-            return (
-              <div id={id} className="panel panel-default search-group">
-                <SearchGroupHeading data={this.props.data}/>
-                <div id={'search-collapse-' + this.props.data.kind}
-                     className="panel-collapse collapse in">
-                  <div className="panel-body">
-                    {items}
-                  </div>
-                </div>
-              </div>
-            );
-        }
-    });
-
-    var SearchResults = this.SearchResults = React.createClass({
-        render: function() {
-            var results = this.props.data.results;
-
-            var grouped = _.groupBy(results, function(r) {
-                return r.id.split(':')[1];
-            });
-
-            // Don't care about these
-            delete grouped['environment-variables'];
-            delete grouped.notification;
-            delete grouped.queue;
-
-            var groups = _.map(grouped, function(items, key) {
-                var data = {items: items, kind: key}; // - prevent editor barfing
-                return <SearchGroup data={data}/>;
-            });
-
-            var scores = {
-                'policy':   1,
-                'layer':    2,
-                'group':    3,
-                'host':     4,
-                'user':     5,
-                'variable': 6,
-                'key_pair': 7
-            };
-
-            groups.sort(function(a, b) {
-                return (
-                    (scores[a.props.data.kind] || 100) -
-                        (scores[b.props.data.kind] || 100)
-                );
-            });
-
-            var toc = groups.map(function(g) {
-                var gid = '#search-group-' + g.props.data.kind;
-
-                return (
-                  <div className="toc-item">
-                    <a href={gid}><SearchGroupTitle data={g.props.data} /></a>
-                  </div>
-                );
-            });
-
-            var heading = 'Found ' + this.props.data.results.length +
-                    ' resources matching "' + this.props.data.search + '"';
-
-            return (
-              <div id="searchResults">
-                <div className="searchResults">
-                  <h3> { heading } </h3>
-                  <div className="search-results-toc">
-                    {toc}
-                  </div>
-                  <div className="search-results">
-                    {groups}
-                  </div>
-                </div>
-              </div>
-            );
-        }
-    });
-
-    SearchResults.search = function(search, container) {
-        container = container || document.getElementById('content');
-
-        $.get(
-            conjur.app.endpoints.authz('resources', {search: search.replace('-',' ')}),
-            function(results) {
-                var data = {search: search, results: results};
-                React.renderComponent(<SearchResults data={data}/>, container);
-            }
-        );
-    };
-
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    jQuery,
-    _
-);

data/public/js/views/sections.js

@@ -1,226 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, _, React */
-
-(function(conjur, _, React) {
-    'use strict';
-
-    var defaultNumberOfElements = 3;
-
-    // TODO: refactor to avoid this copypaste from audit.js
-    var known_rolsource_types = [ 'user','group','host','layer','policy'];
-
-    var ResourceLink = conjur.views.ResourceLink,
-        Time = conjur.views.Time;
-
-    var FoldableAuditSection = React.createClass({
-        statics: {
-            updates: function(audit) {
-                var filter = function(e) {
-                    return (
-                        e.action === 'check' && e.privilege === 'update' &&
-                            !(e.hasOwnProperty('error') ||
-                              e.allowed === false)
-                    );
-                };
-
-                var getItem = function(e) {
-                    var user = [
-                        (<Time timestamp={e.timestamp} relative="time from now" />),
-                        (<ResourceLink id={e.user} />)
-                    ];
-
-                    if (e.user !== e.acting_as) {
-                        user.push(' acting as ');
-                        user.push(<ResourceLink id={e.acting_as} />);
-                    }
-
-                    return user;
-                };
-
-                return (
-                    <FoldableAuditSection audit={audit} title="Updates"
-                                          filter={filter} getItem={getItem} />
-                );
-            },
-
-            warnings: function(audit) {
-                var filter = function(e) {
-                    return (
-                        e.hasOwnProperty('error') || e.allowed === false
-                    );
-                };
-
-                var getItem = function(e) {
-                    return window.AuditEntry(e);
-                };
-
-                return (
-                  <FoldableAuditSection audit={audit} title="Warnings"
-                                        filter={filter} getItem={getItem} />
-                );
-            },
-
-            changes: function(audit) {
-                var filter = function(e) {
-
-                    if (e.action === 'check') {
-                        return false;
-                    }
-                    if (e.kind === 'audit' || e.kind === 'annotation') {
-                        return false;
-                    }
-
-                    // TODO: refactor code to avoid copypaste from audit.js
-                    // remove internal resources creation
-                    if ((e.role!=null) && (e.role.split(':')[1] == '@')) {
-                      return false;
-                    }
-                    if ((e.resource!=null) && (e.resource.split(':')[1] == '@')) {
-                      return false;
-                    }
-                    if ((e.resource!=null) && (e.resource.split(':')[1] == 'secret')) {
-                      return false;
-                    }
-                    if ((e.grantee!=null) && (e.grantee.split(':')[1] == '@')) {
-                      return false;
-                    }
-                    // hide automated creation of roles corresponding to resources of known type
-                    if ((e.kind=="role") && (e.action=="create")) {
-                      var rolekind = e.role.split(':')[1];
-                      if (_.contains(known_rolsource_types, rolekind)) {
-                         return false;
-                      }
-                    }
-
-                    // anything else is permission change
-                    return true;
-                };
-
-                var getItem = function(e) {
-                    return window.AuditEntry(e);
-                };
-
-                return (
-                  <FoldableAuditSection audit={audit} title="Recent permission model changes"
-                                        filter={filter} getItem={getItem} />
-                );
-            }
-        },
-
-        propTypes: {
-            audit: React.PropTypes.arrayOf(React.PropTypes.object),
-            filter: React.PropTypes.func,
-            getItem: React.PropTypes.func,
-            howMuch: React.PropTypes.number,
-            title: React.PropTypes.string
-        },
-
-        defaultFilter: function(e) {
-            return typeof e === 'object';
-        },
-
-        defaultGetItem: function(e) {
-            return e.id;
-        },
-
-        getDefaultProps: function() {
-            return {
-                audit: [],
-                filter: this.defaultFilter,
-                getItem: this.defaultGetItem,
-                howMuch: defaultNumberOfElements,
-                title: 'Audit Section'
-            };
-        },
-
-        getInitialState: function() {
-            return {showAll: false};
-        },
-
-        handleClick: function(e) {
-            e.preventDefault();
-
-            this.setState({showAll: !this.state.showAll});
-        },
-
-        reverseChronology: function(a, b) {
-            if (a.timestamp < b.timestamp) {
-                return 1;
-            } else if (a.timestamp > b.timestamp) {
-                return -1;
-            } else {
-                return 0;
-            }
-        },
-
-        getItems: function() {
-            var items = _.filter(this.props.audit,
-                                 this.props.filter)
-                    .sort(this.reverseChronology),
-                className = [
-                    'b-audit-section__item',
-                    'list-group-item',
-                    'list-group-item-noborder'
-                ].join(' ');
-
-            if (!this.state.showAll) {
-                items = _.first(items, this.props.howMuch);
-            }
-
-            return _.map(items, function(e) {
-                return (
-                  <li className={className}
-                      key={'audit-entry-' + e.id}>
-                    {this.props.getItem(e)}
-                  </li>
-                );
-            }.bind(this));
-        },
-
-        render: function() {
-            var items = this.getItems(),
-                msg = this.state.showAll ?
-                    'Show only top ' + (this.props.howMuch) :
-                    'See full history',
-                empty = items.length === 0,
-                lessThan = items.length < (this.props.howMuch),
-                body = [(<h2 key="title">{this.props.title}</h2>)];
-
-            if (!empty) {
-                body.push(
-                  <ul className="b-audit-section__list list-unstyled list-group"
-                      key="list">
-                    {items}
-                  </ul>
-                );
-            } else {
-                body.push(
-                  <p key="info">There is no history records available</p>
-                );
-            }
-
-            if (!lessThan) {
-                body.push(
-                  <div className="b-audit-section__toggle"
-                       key="toggle">
-                    <a href="#" onClick={this.handleClick}>{msg}</a>
-                  </div>
-                );
-            }
-
-            return (
-              <div className="b-audit-section">
-                {body}
-              </div>
-            );
-        }
-    });
-
-    this.FoldableAuditSection = FoldableAuditSection;
-
-}).bind(conjur.views)
-(
-    conjur,
-    _,
-    React
-);