conjur-asset-ui 1.4.2 → 1.6.0

data/public/js/views/time.js

@@ -1,39 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, moment */
-
-(function(conjur, React, moment) {
-    'use strict';
-
-    // render a <time> tag. props.timestamp should be a timestamp
-    // that moment can parse, props.format should be one of the
-    // format strings accepted by moment (optional).
-    this.Time = React.createClass({
-        render: function() {
-            var timestamp = this.props.timestamp,
-                format = this.props.format || 'lll',
-                m = moment(timestamp),
-                date;
-
-            switch (this.props.relative) {
-            case 'time from now':
-                date = m.fromNow();
-                break;
-            case 'calendar time':
-                date = m.calendar();
-                break;
-            default:
-                date = m.format(format);
-            }
-
-            return (
-              <time dateTime={m.format()}>{date}</time>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    moment
-);

data/public/js/views/user.js

@@ -1,297 +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,
-        AnnotationsBox = conjur.views.AnnotationsBox,
-        Breadcrumbs = conjur.views.Breadcrumbs,
-        RoleLink = conjur.views.RoleLink,
-        Chart = conjur.views.Chart,
-        ChartHelperMixin = conjur.views.ChartHelperMixin,
-        FoldableAuditSection = conjur.views.FoldableAuditSection;
-
-    var PubkeyItem = React.createClass({
-        render: function() {
-            return (
-              <div className="b-pubkey">
-                <div className="b-pubkey__logo">
-                  <span className="badge">{this.props.pubkey[0]}</span>
-                </div>
-                <ul className="b-pubkey__list list-unstyled">
-                  <li className="b-pubkey__name">
-                    {this.props.pubkey[2]}
-                  </li>
-                  <li className="b-pubkey__fingerprint">
-                    {/* TODO: key fingerprint */}
-                  </li>
-                  <li className="b-pubkey__info">
-                    {/* TODO: When added, when last time used */}
-                  </li>
-                </ul>
-                <div className="b-pubkeys__actions">
-                  {/* TODO: Action buttons */}
-                </div>
-              </div>
-            );
-        }
-    });
-
-    var PubkeysList = React.createClass({
-        render: function() {
-            var login = this.props.login;
-
-            var pubkeysList = this.props.pubkeys.map(function(k, idx, coll) {
-                var tokens = k.split(' ');
-
-                var className = 'b-pubkeys__item list-group-item list-group-item-noborder';
-
-                if (idx + 1 !== coll.length) {
-                    className = className + ' b-pubkeys__item--headline';
-                }
-
-                return (
-                  <li className={className}>
-                    <PubkeyItem pubkey={tokens} />
-                  </li>
-                );
-            });
-
-            return (
-              <div className="b-pubkeys">
-                <PubkeysHelp>
-                  This is list of SSH public keys associated with user {login}.
-                </PubkeysHelp>
-                <ul className="b-pubkeys__list">
-                  {pubkeysList}
-                </ul>
-              </div>
-            );
-        }
-    });
-
-    var PubkeysHelp = React.createClass({
-        render: function() {
-            var ret;
-
-            if (React.Children.count(this.props.children) > 0) {
-                ret = (
-                  <p className="b-pubkeys__help">
-                    {this.props.children}
-                  </p>
-                );
-            } else {
-                var login = this.props.login;
-
-                ret = (
-                  <p className="b-pubkeys__help">
-                    There is no pubkeys registered for this user yet. Use following command to upload one from a file:
-                    <pre>$ conjur pubkeys add {login} @userkeyfile.pub</pre>
-                  </p>
-                );
-            }
-
-            return ret;
-        }
-    });
-
-    var PubkeysTabContent = React.createClass({
-        render: function() {
-            var body;
-
-            if (this.props.pubkeys.length > 0) {
-                body = (
-                  <PubkeysList login={this.props.login} pubkeys={this.props.pubkeys} />
-                );
-            } else {
-                body = (
-                  <div className="b-pubkeys">
-                    <PubkeysHelp login={this.props.login} />
-                  </div>
-                );
-            }
-
-            return body;
-        }
-    });
-
-    var Activity = React.createClass({
-        mixins: [ChartHelperMixin],
-
-        getDefaultProps: function() {
-            return {
-                options: {
-                    legend: {
-                        logins: 'Logins',
-                        sudo: 'Sudo calls',
-                        reads: 'Secret reads',
-                        updates: 'Secret updates',
-                        warnings: 'Warnings'
-                    },
-                    axis: {
-                        y: {
-                            label: 'Value'
-                        }
-                    }
-                }
-            };
-        },
-
-        getDefaultItem: function() {
-            return {
-                logins: 0,
-                sudo: 0,
-                reads: 0,
-                updates: 0,
-                warnings: 0
-            };
-        },
-
-        getEventType: function(e) {
-            if (e.hasOwnProperty('facility') && e.facility === 'ssh') {
-                if (e.action === 'sudo' && e.allowed === true) {
-                    return 'sudo';
-
-                } else if (e.action === 'login' && e.allowed === true) {
-                    return 'logins';
-                }
-            }
-
-            if (e.hasOwnProperty('error') || e.allowed === false) {
-                return 'warnings';
-            }
-
-            if (e.action==='check' &&
-                e.hasOwnProperty('allowed') &&
-                e.allowed === true) {
-
-                if (e.hasOwnProperty('role') &&
-                    e.role === this.props.roleid) {
-
-                    if (e.hasOwnProperty('resource') &&
-                        e.resource.split(':')[1] === 'variable') {
-
-                        if (e.privilege === 'update' ) {
-                            return 'updates';
-
-                        } else if (e.privilege === 'execute') {
-                            return 'reads';
-                        }
-                    }
-                }
-            }
-
-            return null;
-        },
-
-        render: function() {
-            var data = this.getData(this.props.audit);
-
-            return (
-              <div className="b-user-activity">
-                <h2>Activity</h2>
-                <div className="b-user-activity__graph">
-                  <Chart options={this.props.options}
-                         data={data} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-    var Details = React.createClass({
-        render: function() {
-            // TODO: refactor
-            // TODO: show public keys
-            // TODO: actions menu (e.g. 'upload public key', 'add annotation')
-            // TODO: memberships panel
-            return (
-              <div className="b-user-details">
-                <h2>Details</h2>
-                <dl className="dl-horizontal">
-                  <dt>Created by</dt>
-                  <dd><RoleLink id={this.props.user.userid}/></dd>
-
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={this.props.owner}/></dd>
-
-                  <dt>Uidnumber</dt>
-                  <dd>{this.props.user.uidnumber}</dd>
-                </dl>
-              </div>
-            );
-        }
-    });
-
-    this.User = React.createClass({
-        mixins: [Tab],
-
-        render: function() {
-            var user = this.props.data.user;
-
-            var pubkeysTab = (
-              <TabPane key="pubkeys"
-                       tab={conjur.utils.getTabname('Public Keys', this.props.data.pubkeys)}>
-                <PubkeysTabContent login={user.login} pubkeys={this.props.data.pubkeys} />
-              </TabPane>
-            );
-
-            var permissionsTab = this.permissionsTab(user.roleid);
-            var membershipsTab = this.membershipsTab(user.roleid);
-            var ownedTab = this.ownedTab();
-
-            var tabs = _.compact([
-                pubkeysTab,
-                ownedTab,
-                membershipsTab,
-                permissionsTab
-            ]);
-
-            var elems = [
-                {url: '/ui/users', text: 'Users'},
-                {url: '', text: this.props.data.user.login},
-                {url: '', text: '(owned by ' + this.props.data.user.ownerid + ')'}
-            ];
-
-            return (
-              <div className="b-user">
-                <Breadcrumbs elems={elems} />
-                <hr />
-                <Activity audit={this.props.data.audit} roleid={user.roleid} />
-                <hr />
-                {FoldableAuditSection.warnings(this.props.data.audit)}
-                <hr />
-                <div className="row">
-                  <div className="col-md-6">
-                    <Details owner={this.props.data.owner}
-                             user={user} />
-                  </div>
-                  <div className="col-md-6">
-                    <h2>Annotations</h2>
-                    <AnnotationsBox annotations={this.props.data.annotations} />
-                  </div>
-                </div>
-                <hr />
-                <h2>Other</h2>
-                <TabbedArea>
-                  {tabs}
-                </TabbedArea>
-                <hr />
-                <AuditBox roles={[user.roleid]}
-                          resources={[user.resource_identifier]} />
-              </div>
-            );
-          }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    _,
-    React,
-    ReactBootstrap
-);

data/public/js/views/users.js

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

data/public/js/views/variable.js

@@ -1,310 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, ReactBootstrap, _ */
-
-(function(conjur, React, ReactBootstrap, _) {
-    'use strict';
-
-    var RoleLink = conjur.views.RoleLink,
-        AuditBox = window.AuditBox,
-        Breadcrumbs = conjur.views.Breadcrumbs,
-        Chart = conjur.views.Chart,
-        ChartHelperMixin = conjur.views.ChartHelperMixin,
-        AnnotationsBox = conjur.views.AnnotationsBox,
-        FoldableAuditSection = conjur.views.FoldableAuditSection;
-
-    var RevealerBox = React.createClass({
-        getInitialState: function() {
-            return {revealed: false};
-        },
-
-        handleClick: function() {
-            this.setState({revealed: !this.state.revealed});
-        },
-
-        render: function() {
-            var valToShow = this.state.revealed ? 'SECRET HERE!' : 'Show Value';
-
-            return (
-              <div className="revealer well well-sm" onClick={this.handleClick}>
-                {valToShow}
-              </div>
-            );
-        }
-    });
-
-    var Activity = React.createClass({
-        mixins: [ChartHelperMixin],
-
-        getDefaultProps: function() {
-            return {
-                options: {
-                    legend: {
-                        sread: 'Successful reads',
-                        supdate: 'Successful updates',
-                        fread: 'Failed reads',
-                        fupdate: 'Failed updates'
-                    },
-                    axis: {
-                        y: {
-                            label: 'Value'
-                        }
-                    }
-                }
-            };
-        },
-
-        getDefaultItem: function() {
-            return {
-                sread: 0,
-                supdate: 0,
-                fread: 0,
-                fupdate: 0
-            };
-        },
-
-        getEventType: function(e) {
-            if (e.action === 'check') {
-                if (e.hasOwnProperty('error') || e.allowed === false) {
-                    if (e.privilege === 'execute') {
-                        return 'fread';
-                    } else if (e.privilege === 'update') {
-                        return 'fupdate';
-                    }
-                }
-
-                if (!e.hasOwnProperty('error') && e.allowed !== false) {
-                    if (e.privilege === 'execute') {
-                        return 'sread';
-                    } else if (e.privilege === 'update') {
-                        return 'supdate';
-                    }
-                }
-            }
-
-            return null;
-        },
-
-        render: function() {
-            var data = this.getData(this.props.audit);
-
-            return (
-              <div className="b-variable-activity">
-                <h2>Activity</h2>
-                <div className="b-variable-activity__graph">
-                  <Chart options={this.props.options}
-                         data={data} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-    var Updaters = React.createClass({
-        getInitialState: function() {
-            return {showAll: false};
-        },
-
-        handleClick: function(e) {
-            e.preventDefault();
-
-            this.setState({showAll: !this.state.showAll});
-        },
-
-        getItems: function() {
-            var items = this.props.data || [];
-
-            if (!this.state.showAll) {
-                items = _.first(items, 5);
-            }
-
-            return _.map(items, function(e) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <RoleLink id={e} />
-                  </li>
-                );
-            });
-        },
-
-        render: function() {
-            var items = this.getItems(),
-                msg = this.state.showAll ? 'Show top 5' : 'See all',
-                empty = items.length === 0,
-                lessThan5 = items.length < 5,
-                body = [(<h2>Updaters</h2>)];
-
-            if (!empty) {
-                body.push(
-                  <ul className="b-variable-updaters__list list-unstyled list-group">
-                    {items}
-                  </ul>
-                );
-            } else {
-                body.push(
-                  <p>There is not any updaters</p>
-                );
-            }
-
-            if (!lessThan5) {
-                body.push(
-                  <div className="b-variable-updaters__toggle">
-                    <a href="#" onClick={this.handleClick}>{msg}</a>
-                  </div>
-                );
-            }
-
-            return (
-              <div className="b-variable-updaters">
-                {body}
-              </div>
-            );
-        }
-    });
-
-    var Fetchers = React.createClass({
-        getInitialState: function() {
-            return {showAll: false};
-        },
-
-        handleClick: function(e) {
-            e.preventDefault();
-
-            this.setState({showAll: !this.state.showAll});
-        },
-
-        getItems: function() {
-            var items = this.props.data || [];
-
-            if (!this.state.showAll) {
-                items = _.first(items, 5);
-            }
-
-            return _.map(items, function(e) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <RoleLink id={e} />
-                  </li>
-                );
-            });
-        },
-
-        render: function() {
-            var items = this.getItems(),
-                msg = this.state.showAll ? 'Show top 5' : 'See all',
-                empty = items.length === 0,
-                lessThan5 = items.length < 5,
-                body = [(<h2>Fetchers</h2>)];
-
-            if (!empty) {
-                body.push(
-                  <ul className="b-variable-fetchers__list list-unstyled list-group">
-                    {items}
-                  </ul>
-                );
-            } else {
-                body.push(
-                  <p>There is not any fetchers</p>
-                );
-            }
-
-            if (!lessThan5) {
-                body.push(
-                  <div className="b-variable-fetchers__toggle">
-                    <a href="#" onClick={this.handleClick}>{msg}</a>
-                  </div>
-                );
-            }
-
-            return (
-              <div className="b-variable-fetchers">
-                {body}
-              </div>
-            );
-        }
-    });
-
-
-    var Details = React.createClass({
-        render: function() {
-            // <RevealerBox variable={this.props.data.variable} />
-
-            return (
-              <div className="b-variable-details">
-                <h2>Details</h2>
-                <dl className="dl-horizontal">
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={this.props.data.owner} /></dd>
-
-                  <dt>Created by</dt>
-                  <dd><RoleLink id={this.props.data.variable.userid} /></dd>
-
-                  <dt>MIME type</dt>
-                  <dd>{this.props.data.variable.mime_type}</dd>
-
-                  <dt>Kind</dt>
-                  <dd>{this.props.data.variable.kind}</dd>
-
-                  <dt>Versions</dt>
-                  <dd>{this.props.data.variable.version_count}</dd>
-                </dl>
-              </div>
-            );
-        }
-    });
-
-    this.Variable = React.createClass({
-        render: function() {
-            var resourceId = [
-                conjur.app.configuration.account,
-                'variable',
-                this.props.data.variable.id
-            ].join(':');
-
-            var elems = [
-                {url: '/ui/variables', text: 'Variables'},
-                {url: '', text: this.props.data.variable.id},
-                {url: '', text: '(owned by ' + this.props.data.variable.ownerid + ')'}
-            ];
-
-            return (
-              <div className="b-variable">
-                <Breadcrumbs elems={elems} />
-                <hr />
-                <Activity audit={this.props.data.audit} />
-                <hr />
-                <div className="row">
-                  <div className="col-md-6">
-                    <Updaters data={this.props.data.updaters} />
-                  </div>
-                  <div className="col-md-6">
-                    <Fetchers data={this.props.data.fetchers} />
-                  </div>
-                </div>
-                <hr />
-                {FoldableAuditSection.updates(this.props.data.audit)}
-                <hr />
-                {FoldableAuditSection.warnings(this.props.data.audit)}
-                <hr />
-                <div className="row">
-                  <div className="col-md-6">
-                    <Details data={this.props.data} />
-                  </div>
-                  <div className="col-md-6">
-                    <h2>Annotations</h2>
-                    <AnnotationsBox annotations={this.props.data.annotations} />
-                  </div>
-                </div>
-                <hr />
-                <AuditBox resources={[resourceId]} />
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);