conjur-asset-ui 1.4.2 → 1.6.0

data/public/js/views/dashboard.js

@@ -1,146 +0,0 @@
-/**@jsx React.DOM*/
-/* global conjur, React, jQuery */
-
-(function(conjur, React, $) {
-    'use strict';
-
-    var Chart = conjur.views.Chart,
-        ChartHelperMixin = conjur.views.ChartHelperMixin,
-        FoldableAuditSection = conjur.views.FoldableAuditSection;
-
-    var Activity = React.createClass({
-        mixins: [ChartHelperMixin],
-
-        getDefaultProps: function() {
-            return {
-                options: {
-                    legend: {
-                        slogins: 'Logins',
-                        ssudo: 'Sudo calls',
-                        sreads: 'Secret reads',
-                        supdates: 'Secret updates',
-                        fsudo: 'Sudo failures',
-                        freads: 'Secret read failures',
-                        fupdates: 'Secret update failures',
-                        fother: 'Other failures'
-                    },
-                    axis: {
-                        y: {
-                            label: 'Value'
-                        }
-                    }
-                }
-            };
-        },
-
-        getDefaultItem: function() {
-            return {
-                slogins: 0,
-                ssudo: 0,
-                fsudo: 0,
-                sreads: 0,
-                freads: 0,
-                supdates: 0,
-                fupdates: 0,
-                fother: 0
-            };
-        },
-
-        getEventType: function(e) {
-            if (e.hasOwnProperty('facility') && e.facility === 'ssh') {
-                if (e.allowed === true) {
-                    if (e.action === 'sudo') {
-                        return 'ssudo';
-                    }
-
-                    if (e.action === 'login') {
-                        return 'slogins';
-                    }
-                }
-
-                if (e.allowed === false) {
-                    if (e.action === 'sudo') {
-                        return 'fsudo';
-                    }
-                }
-            }
-
-            if ((e.action === 'check') && e.hasOwnProperty('resource') && e.resource.split(':')[1] === 'variable') {
-                if (e.hasOwnProperty('error') || e.allowed === false) {
-                    if (e.privilege === 'execute') {
-                        return 'freads';
-                    }
-
-                    if (e.privilege === 'update') {
-                        return 'fupdates';
-                    }
-                }
-
-                if (!e.hasOwnProperty('error') && e.allowed !== false) {
-                    if (e.privilege === 'execute') {
-                        return 'sreads';
-                    }
-
-                    if (e.privilege === 'update') {
-                        return 'supdates';
-                    }
-                }
-            }
-
-            if (e.hasOwnProperty('error') || e.allowed === false) {
-                return 'fother';
-            }
-
-            return null;
-        },
-
-        render: function() {
-            var data = this.getData(this.props.audit);
-
-            return (
-              <div className="b-dashboard-activity">
-                <h2>Activity</h2>
-                <div className="b-dashboard-activity__graph">
-                  <Chart options={this.props.options}
-                         data={data} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-    this.Dashboard = React.createClass({
-        getInitialState: function() {
-            return {audit: []};
-        },
-
-        componentWillMount: function() {
-            $.get('/api/audit/all',
-                  function(data) {
-                      this.setState({audit: data});
-                  }.bind(this));
-        },
-
-        render: function() {
-            return (
-              <div className="b-dashboard">
-                <Activity audit={this.state.audit} />
-                <hr />
-                {FoldableAuditSection.warnings(this.state.audit)}
-                <hr />
-                {FoldableAuditSection.changes(this.state.audit)}
-                <hr />
-                <AuditTable src="/api/audit/all"
-                            caption="Recent activity"
-                            />
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    jQuery
-);

data/public/js/views/generic.js

@@ -1,122 +0,0 @@
-/** @jsx React.DOM */
-/* global conjur, React, _ */
-
-(function(conjur, React, _) {
-    'use strict';
-
-    var RoleLink = conjur.views.RoleLink;
-
-    var GenericListItem = React.createClass({
-        render: function() {
-            var recordUrl = '/ui/' +
-                    this.props.data.kind +
-                    '/' +
-                    window.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>
-            );
-        }
-    });
-
-    this.GenericList = React.createClass({
-        getInitialState: function() {
-            return {
-                sort: {
-                    column: this.props.defaultColumn || 'id',
-                    order: this.props.defaultOrder || 'asc'
-                },
-                columns: this.props.columns || {
-                    id: {
-                        id: 'id',
-                        name: 'Id',
-                        defaultSortOrder: 'desc'
-                    },
-                    owner: {
-                        id: 'owner',
-                        name: 'Owner',
-                        defaultSortOrder: 'desc'
-                    }
-                }
-            };
-        },
-
-        sortColumn: function(column) {
-            return function(e) {
-                e.preventDefault();
-
-                var order = (this.state.sort.order === 'asc') ? 'desc' : 'asc';
-
-                if (this.state.sort.column !== column) {
-                    order = this.state.columns[column].defaultSortOrder;
-                }
-
-                this.setState({sort: {column: column, order: order}});
-            }.bind(this);
-        },
-
-        sortClass: function(column) {
-            var order = (this.state.sort.order === 'asc') ?
-                    'glyphicon glyphicon-chevron-up' : 'glyphicon glyphicon-chevron-down';
-
-            return (this.state.sort.column === column) ? order : '';
-        },
-
-        render: function() {
-            var items = this.props.data.members.map(function(o) {
-                return o;
-            });
-
-            items = _.sortBy(items, this.state.sort.column);
-
-            if (this.state.sort.order === 'desc') {
-                items.reverse();
-            }
-
-            var rows = items.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; // Caution!
-                return itemKind({data: {kind: this.props.data.kind, record: o}, key: o.id});
-            }.bind(this));
-
-            var columns = _.values(this.state.columns).map(function(c) {
-                return (
-                  <th onClick={this.sortColumn(c.id)} key={c.id} >
-                    {c.name}<span className={'header ' + this.sortClass(c.id)} />
-                  </th>
-                );
-            }, this);
-
-            return (
-              <table className={this.props.data.kind + 'List'}>
-                <thead>
-                  <tr>
-                    {columns}
-                  </tr>
-                </thead>
-                <tbody>
-                  {rows}
-                </tbody>
-              </table>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    _
-);

data/public/js/views/group.js

@@ -1,109 +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;
-
-    this.Group = React.createClass({
-        mixins: [Tab],
-
-        render: function() {
-            var data = this.props.data;
-
-            var members = data.members.map(function(member) {
-                return (
-                  <li className="list-group-item list-group-item-noborder">
-                    <RoleLink id={member.member} />
-                  </li>
-                );
-            });
-
-            var resourceId = [
-                conjur.app.configuration.account,
-                'group',
-                data.group.id
-            ].join(':');
-
-            var group = data.group;
-
-            // TODO: refactor (common code should go to mixins)
-            // TODO: memberships
-            // TODO: controls for members management
-            var overviewTab =(
-              <TabPane key="overview" tab="Overview">
-                <dl className="dl-horizontal">
-                  <dt>Created by</dt>
-                  <dd><RoleLink id={group.userid} /></dd>
-
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={data.owner} /></dd>
-                </dl>
-              </TabPane>
-            );
-
-            var membersTab = (
-              <TabPane key="members" tab={conjur.utils.getTabname('Members', members)}>
-                <ul className="list-group">
-                  {members}
-                </ul>
-              </TabPane>
-            );
-
-            var ownedTab = this.ownedTab(),
-                membershipsTab = this.membershipsTab(group.roleid),
-                permissionsTab = this.permissionsTab(group.roleid),
-                annotationsTab = this.annotationsTab();
-
-            var auditTab = (
-              <TabPane key="audit" tab="Recent Activity">
-                <div className="audit auditGroup">
-                  <AuditBox roles={[resourceId]}
-                            resources={[resourceId]}
-                            tabview={true} />
-                </div>
-              </TabPane>
-            );
-
-            var tabs = _.compact([
-                overviewTab,
-                membersTab,
-                ownedTab,
-                membershipsTab,
-                permissionsTab,
-                annotationsTab,
-                auditTab
-            ]);
-
-            var elems = [
-                {url: '/ui/groups', text: 'Groups'},
-                {url: '', text: this.props.data.group.id},
-                {url: '', text: '(owned by ' + this.props.data.group.ownerid + ')'}
-            ];
-
-            return (
-              <div className="b-group">
-                <Breadcrumbs elems={elems} />
-                <hr />
-                <h2>Group {data.group.id}</h2>
-                <TabbedArea defaultActiveKey="overview">
-                  {tabs}
-                </TabbedArea>
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);

data/public/js/views/groups.js

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

data/public/js/views/host.js

@@ -1,200 +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,
-        Time = conjur.views.Time,
-        Chart = conjur.views.Chart,
-        ChartHelperMixin = conjur.views.ChartHelperMixin,
-        FoldableAuditSection = conjur.views.FoldableAuditSection;
-
-    this.HostLink = React.createClass({
-        hostId : function() {
-            return this.props.data.split(':')[2];
-        },
-
-        hostUrl: function() {
-            return '/ui/hosts/' + window.encodeURIComponent(this.hostId());
-        },
-
-        render: function() {
-            return (
-              <a href={this.hostUrl()}>
-                {this.hostId()}
-              </a>
-            );
-        }
-    });
-
-    var Activity = React.createClass({
-        mixins: [ChartHelperMixin],
-
-        getDefaultProps: function() {
-            return {
-                options: {
-                    legend: {
-                        logins: 'Logins to host',
-                        sudo: 'Sudo calls on host',
-                        reads: 'Secret reads by host',
-                        updates: 'Secret updates by host',
-                        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';
-                }
-
-                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';
-                        }
-
-                        if (e.privilege === 'execute') {
-                            return 'reads';
-                        }
-                    }
-                }
-            }
-
-            return null;
-        },
-
-        render: function() {
-            var data = this.getData(this.props.audit);
-
-            return (
-              <div className="b-host-activity">
-                <h2>Activity</h2>
-                <div className="b-host-activity__graph">
-                  <Chart options={this.props.options}
-                         data={data} />
-                </div>
-              </div>
-            );
-        }
-    });
-
-    var Details = React.createClass({
-        render: function() {
-            // TODO: control for 'enroll'
-            return (
-              <div className="b-host-details">
-                <h2>Details</h2>
-                <dl className="dl-horizontal">
-                  <dt>Owner</dt>
-                  <dd><RoleLink id={this.props.owner}/></dd>
-
-                  <dt>Created by</dt>
-                  <dd><RoleLink id={this.props.host.userid}/></dd>
-
-                  <dt>Created At</dt>
-                  <dd><Time timestamp={this.props.host.created_at}/></dd>
-                </dl>
-             </div>
-            );
-        }
-    });
-
-    this.Host = React.createClass({
-        mixins: [Tab],
-
-        render: function() {
-            var host = this.props.data.host,
-                permissionsTab = this.permissionsTab(host.roleid),
-                membershipsTab = this.membershipsTab(host.roleid),
-                ownedTab = this.ownedTab();
-
-            var tabs = _.compact([
-                membershipsTab,
-                ownedTab,
-                permissionsTab
-            ]);
-
-            var elems = [
-                {url: '/ui/hosts', text: 'Hosts'},
-                {url: '', text: this.props.data.host.id},
-                {url: '', text: '(owned by ' + this.props.data.host.ownerid + ')'}
-            ];
-
-            return (
-              <div className="b-host">
-                <Breadcrumbs elems={elems} />
-                <hr />
-                <Activity audit={this.props.data.audit} roleid={host.roleid}/>
-                <hr />
-                {FoldableAuditSection.warnings(this.props.data.audit)}
-                <hr />
-                <div className="row">
-                  <div className="col-md-6">
-                    <Details owner={this.props.data.owner}
-                             host={host} />
-                  </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={[host.roleid]}
-                          resources={[host.resource_identifier]} />
-              </div>
-            );
-        }
-    });
-
-}).bind(conjur.views)
-(
-    conjur,
-    React,
-    ReactBootstrap,
-    _
-);