conjur-asset-ui 1.3.2 → 1.4.2

data/public/js/views/users.js

@@ -1,18 +1,13 @@
 /** @jsx React.DOM */
+/* global conjur, React */
 
 (function(conjur, React) {
     'use strict';
 
     var GenericList = conjur.views.GenericList;
 
-    var UserBox = this.UserBox = React.createClass({
-        // no more external manipulation of state
-        //getInitialState: function() {
-        //  return { currentNamespace: "", members: [] };
-        //},
+    this.UserBox = React.createClass({
         render: function() {
-            // <NamespaceFilter currentNamespace={this.props.currentNamespace}
-            // namespaces={this.props.data.namespaces} />
             return (
               <div className="userBox">
                 <div className="userList">

data/public/js/views/variable.js

@@ -1,70 +1,310 @@
 /** @jsx React.DOM */
+/* global conjur, React, ReactBootstrap, _ */
 
-var Variable = React.createClass({
-  mixins: [conjur.views.mixins.Tab],
-  render: function() {
-    var updaters = this.props.data.updaters.map(function (member) {
-      return <li className="list-group-item list-group-item-noborder">
-        <RoleLink id={member} />
-      </li>
-    }.bind(this));
-    var fetchers = this.props.data.fetchers.map(function (member) {
-      return <li className="list-group-item list-group-item-noborder">
-        <RoleLink id={member} />
-      </li>
-    }.bind(this));
-    var resourceId = [ conjur.app.configuration.account, 'variable', this.props.data.variable.id ].join(':');
+(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});
+        },
 
-    var overview_tab =
-            <TabPane key="overview" tab="Overview">
+        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.variable.ownerid}/></dd>
+                  <dd><RoleLink id={this.props.data.owner} /></dd>
+
                   <dt>Created by</dt>
-                  <dd><RoleLink id={this.props.data.variable.userid}/></dd>
+                  <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>
-            </TabPane>;
-    var updaters_tab =
-            <TabPane key="updaters" tab={get_tabname("Updaters",updaters)}>
-                <ul className="list-group">
-                  {updaters}
-                </ul>
-            </TabPane>;
-    var fetchers_tab =
-            <TabPane key="fetchers" tab={get_tabname("Fetchers",fetchers)}>
-                <ul className="list-group">
-                  {fetchers}
-                </ul>
-            </TabPane>;
-    var  annotations_tab =  this.annotations_tab();
-
-    var audit_tab =
-            <TabPane key="audit" tab="Recent Activity">
-                <div className="audit auditHost">
-                  <AuditBox resources={[resourceId]} tabview={true}/>
+              </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>
-            </TabPane>;
-
-
-    var tabs = _.compact([ overview_tab, updaters_tab, fetchers_tab,
-                            annotations_tab, audit_tab ]);
-
-    return (
-      <div className="variable">
-        <h2>Variable {this.props.data.variable.id}</h2>
-        <TabbedArea defaultActiveKey="overview">
-            {tabs}
-        </TabbedArea>
-      </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,
+    _
+);

data/public/js/views/variables.js

@@ -1,20 +1,16 @@
 /** @jsx React.DOM */
+/* global conjur, React */
 
 (function(conjur, React) {
     'use strict';
 
     var GenericList = conjur.views.GenericList;
 
-    var VariableBox = this.VariableBox = React.createClass({
-        // getInitialState: function() {
-        //     return { currentNamespace: "", members: [] };
-        // },
+    this.VariableBox = React.createClass({
         render: function() {
-            // <NamespaceFilter currentNamespace={this.props.currentNamespace}
-            // namespaces={this.props.data.namespaces} />
             return (
-              <div className="groupBox">
-                <div className="groupList">
+              <div className="variableBox">
+                <div className="variableList">
                   <h2>Variables</h2>
                   <GenericList data={{kind: 'variables', members: this.props.data.members}} />
                 </div>

metadata

@@ -1,17 +1,18 @@
 --- !ruby/object:Gem::Specification
 name: conjur-asset-ui
 version: !ruby/object:Gem::Version
-  version: 1.3.2
+  version: 1.4.2
 platform: ruby
 authors:
 - Jon Mason
 - Kevin Gilpin
 - Rafał Rzepecki
 - Hleb Rubanau
+- Mikalai Sevastsyanau
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-31 00:00:00.000000000 Z
+date: 2014-11-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: puma
@@ -201,22 +202,29 @@ email:
 - kgilpin@conjur.net
 - rafal@conjur.net
 - hleb@conjur.net
+- mikalai@conjur.net
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .git-hooks/pre_commit/ensure_livescript_compiled.rb
 - .git-hooks/pre_commit/trailing_whitespace.rb
 - .gitignore
-- .overcommit.yml
+- .jshintrc
 - .project
 - CHANGELOG.md
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
-- compile_ls
+- TODO.md
+- bower.json
 - conjur-asset-ui.gemspec
+- features/navigation_bar.feature
+- features/step_definitions/custom_step.rb
+- features/support/env.rb
+- features/support/hooks.rb
+- features/support/world.rb
+- gulpfile.js
 - lib/conjur-asset-ui-version.rb
 - lib/conjur-asset-ui.rb
 - lib/conjur/command/ui.rb
@@ -227,15 +235,20 @@ files:
 - lib/conjur/webserver/login.rb
 - lib/conjur/webserver/renderer.rb
 - lib/conjur/webserver/server.rb
-- livescript/views/audit.ls
-- public/_client_code.html
+- package.json
+- preprocessor.js
 - public/_client_libs.html
-- public/css/bootstrap.css
+- public/build/css/styles.css
+- public/build/css/vendor.css
+- public/build/fonts/glyphicons-halflings-regular.eot
+- public/build/fonts/glyphicons-halflings-regular.svg
+- public/build/fonts/glyphicons-halflings-regular.ttf
+- public/build/fonts/glyphicons-halflings-regular.woff
+- public/build/js/app.min.js
+- public/build/js/vendor.min.js
+- public/build/maps/app.min.js.map
+- public/build/maps/vendor.min.js.map
 - public/css/styles.less
-- public/fonts/glyphicons-halflings-regular.eot
-- public/fonts/glyphicons-halflings-regular.svg
-- public/fonts/glyphicons-halflings-regular.ttf
-- public/fonts/glyphicons-halflings-regular.woff
 - public/images/conjur-logo.svg
 - public/images/icon-client-pc.svg
 - public/images/icon-environment.png
@@ -246,22 +259,9 @@ files:
 - public/images/icon-variable.png
 - public/index.html.erb
 - public/js/init.js
-- public/js/lib/JSXTransformer.js
-- public/js/lib/async.js
-- public/js/lib/backbone.js
-- public/js/lib/bootstrap.js
-- public/js/lib/date.extensions.js
-- public/js/lib/less.js
-- public/js/lib/moment.js
 - public/js/lib/pace.js
-- public/js/lib/prelude-browser-min.js
-- public/js/lib/react-bootstrap.js
-- public/js/lib/react-bootstrap.min.js
 - public/js/lib/sorted-set.no-require.js
 - public/js/lib/sorted-set.no-require.js.txt
-- public/js/lib/underscore-min.js
-- public/js/lib/underscore.string.min.js
-- public/js/main.js
 - public/js/models/groupRecord.js
 - public/js/models/hostRecord.js
 - public/js/models/layerRecord.js
@@ -277,6 +277,8 @@ files:
 - public/js/routers.js
 - public/js/views/annotations.js
 - public/js/views/audit.js
+- public/js/views/breadcrumbs.js
+- public/js/views/chart.js
 - public/js/views/dashboard.js
 - public/js/views/generic.js
 - public/js/views/group.js
@@ -296,6 +298,7 @@ files:
 - public/js/views/resource.js
 - public/js/views/role.js
 - public/js/views/searchResults.js
+- public/js/views/sections.js
 - public/js/views/time.js
 - public/js/views/user.js
 - public/js/views/users.js
@@ -307,35 +310,6 @@ files:
 - spec/javascripts/support/run.html.erb
 - spec/javascripts/views/AuditSpec.js
 - spec/javascripts/views/AuditSpec.ls
-- vendor/prelude-ls/.gitignore
-- vendor/prelude-ls/.travis.yml
-- vendor/prelude-ls/CHANGELOG.md
-- vendor/prelude-ls/LICENSE
-- vendor/prelude-ls/Makefile
-- vendor/prelude-ls/README.md
-- vendor/prelude-ls/browser/prelude-browser-min.js
-- vendor/prelude-ls/browser/prelude-browser.js
-- vendor/prelude-ls/lib/Func.js
-- vendor/prelude-ls/lib/List.js
-- vendor/prelude-ls/lib/Num.js
-- vendor/prelude-ls/lib/Obj.js
-- vendor/prelude-ls/lib/Str.js
-- vendor/prelude-ls/lib/index.js
-- vendor/prelude-ls/package.json
-- vendor/prelude-ls/package.ls
-- vendor/prelude-ls/src/Func.ls
-- vendor/prelude-ls/src/List.ls
-- vendor/prelude-ls/src/Num.ls
-- vendor/prelude-ls/src/Obj.ls
-- vendor/prelude-ls/src/Str.ls
-- vendor/prelude-ls/src/index.ls
-- vendor/prelude-ls/test/Func.ls
-- vendor/prelude-ls/test/List.ls
-- vendor/prelude-ls/test/Num.ls
-- vendor/prelude-ls/test/Obj.ls
-- vendor/prelude-ls/test/Prelude.ls
-- vendor/prelude-ls/test/Str.ls
-- vendor/prelude-ls/test/browser.html
 homepage: ''
 licenses:
 - MIT
@@ -356,15 +330,19 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.2.1
 signing_key: 
 specification_version: 4
 summary: Conjur User Interface Plugin
 test_files:
+- features/navigation_bar.feature
+- features/step_definitions/custom_step.rb
+- features/support/env.rb
+- features/support/hooks.rb
+- features/support/world.rb
 - spec/javascripts/helpers/.gitkeep
 - spec/javascripts/support/jasmine.yml
 - spec/javascripts/support/jasmine_helper.rb
 - spec/javascripts/support/run.html.erb
 - spec/javascripts/views/AuditSpec.js
 - spec/javascripts/views/AuditSpec.ls
-has_rdoc: