conjur-asset-ui 1.3.0 → 1.3.1

data/public/js/routers.js

@@ -1,14 +1,23 @@
 /** @jsx React.DOM */
+/* global conjur, jQuery, _, Backbone, React */
 
-(function(conjur, $, _, Backbone, React, SearchResults) {
+
+(function(conjur, $, _, Backbone, React) {
     'use strict';
 
-    var GroupBox = conjur.views.GroupBox,
+    var Dashboard = conjur.views.Dashboard,
+        GroupBox = conjur.views.GroupBox,
         LayerBox = conjur.views.LayerBox,
         PolicyBox = conjur.views.PolicyBox,
         VariableBox = conjur.views.VariableBox,
-        HostBox = conjur.views.HostBox,
-        UserBox = conjur.views.UserBox;
+        UserBox = conjur.views.UserBox,
+        Group = conjur.views.Group,
+        Host = conjur.views.Host,
+        Layer = conjur.views.Layer,
+        Policy = conjur.views.Policy,
+        User = conjur.views.User,
+        Variable = conjur.views.Variable,
+        SearchResults = conjur.views.SearchResults;
 
     conjur.Workspace = Backbone.Router.extend({
         routes: {
@@ -37,7 +46,8 @@
 
             conjur.app.lists[conjur.app.kind].fetch(function(list) {
                 var component = componentFunction(list);
-                // doesn't make much sense due to http://stackoverflow.com/questions/24889934/componentinstance-setstate-undefined-in-0-11-0
+                // doesn't make much sense due to
+                // http://stackoverflow.com/questions/24889934/componentinstance-setstate-undefined-in-0-11-0
                 //components[kind] = component;
 
                 React.renderComponent(
@@ -45,8 +55,11 @@
                     document.getElementById('content')
                 );
 
-                // state reset won't work anymore in react v11, plus I am not sure how it is supposed to work, if namespace was just reset to zero
-                // component.setState({currentNamespace: namespace.currentNamespace, members: list.members(namespace.currentNamespace)});
+                // state reset won't work anymore in react v11,
+                // plus I am not sure how it is supposed to work,
+                // if namespace was just reset to zero
+                // component.setState({currentNamespace: namespace.currentNamespace,
+                //                     members: list.members(namespace.currentNamespace)});
             });
         },
 
@@ -73,9 +86,11 @@
                     component,
                     document.getElementById('content')
                 );
-            }, function(status, text, xhr) {
-                if (status == 403) {
-                    conjur.app.flash = 'You are not authorized to view ' + conjur.app.kind + ':' + id + '.';
+            }, function(status, text) {
+                if (status === 403) {
+                    conjur.app.flash = 'You are not authorized to view ' +
+                        conjur.app.kind + ':' + id + '.';
+
                     window.history.back();
                 } else {
                     console.error('HTTP error: ', status, text);
@@ -98,7 +113,9 @@
 
         user: function(user) {
             this.activateRecord('user', user, function(record) {
-                return <User data={record}/>;
+                return (
+                  <User data={record}/>
+                );
             });
         },
 
@@ -107,13 +124,17 @@
             conjur.app.kind = 'users';
 
             this.activateList(function(list) {
-                return <UserBox data={{namespaces: list.namespaces, members: list.members('')}} />;
+                return (
+                  <UserBox data={{namespaces: list.namespaces, members: list.members('')}} />
+                );
             });
         },
 
         group: function(group) {
             this.activateRecord('group', group, function(record) {
-                return <Group data={record} />;
+                return (
+                  <Group data={record} />
+                );
             });
         },
 
@@ -122,13 +143,17 @@
             conjur.app.kind = 'groups';
 
             this.activateList(function(list) {
-                return <GroupBox data={{namespaces: list.namespaces, members: list.members('')}} />;
+                return (
+                  <GroupBox data={{namespaces: list.namespaces, members: list.members('')}} />
+                );
             });
         },
 
-        host: function(host){
+        host: function(host) {
             this.activateRecord('host', host, function(record) {
-                return <Host data={record}/>;
+                return (
+                  <Host data={record}/>
+                );
             });
         },
 
@@ -138,13 +163,17 @@
             var HostBox = conjur.views.HostBox;
 
             this.activateList(function(list) {
-                return <HostBox data={{namespaces: list.namespaces, members: list.members('')}} />;
+                return (
+                  <HostBox data={{namespaces: list.namespaces, members: list.members('')}} />
+                );
             });
         },
 
         layer: function(layer) {
             this.activateRecord('layer', layer, function(record) {
-                return <Layer data={record} />;
+                return (
+                  <Layer data={record} />
+                );
             });
         },
 
@@ -153,13 +182,17 @@
             conjur.app.kind = 'layers';
 
             this.activateList(function(list) {
-                return <LayerBox data={{namespaces: list.namespaces, members: list.members('')}} />;
+                return (
+                  <LayerBox data={{namespaces: list.namespaces, members: list.members('')}} />
+                );
             });
         },
 
         variable: function(variable) {
             this.activateRecord('variable', variable, function(record) {
-                return <Variable data={record} />;
+                return (
+                  <Variable data={record} />
+                );
             });
         },
 
@@ -168,7 +201,9 @@
             conjur.app.kind = 'variables';
 
             this.activateList(function(list) {
-                return <VariableBox data={{namespaces: list.namespaces, members: list.members('')}} />;
+                return (
+                  <VariableBox data={{namespaces: list.namespaces, members: list.members('')}} />
+                );
             });
         },
 
@@ -176,17 +211,21 @@
             conjur.app.kind = 'policies';
 
             this.activateList(function(list) {
-                return <PolicyBox data={{members: list.members('')}} />;
+                return (
+                  <PolicyBox data={{members: list.members('')}} />
+                );
             });
         },
 
         policy: function(policy) {
             this.activateRecord('policy', policy, function(record) {
-                return <Policy data={record} />;
+                return (
+                  <Policy data={record} />
+                );
             });
         },
 
-        audit: function(){
+        audit: function() {
             $('#inlineSearchContainer').show();
             this.setActiveNav('audit');
 
@@ -196,10 +235,17 @@
             );
         },
 
-        search: function(search){
+        search: function(search) {
             $('#inlineSearchContainer').show();
             SearchResults.search(search);
         }
     });
 
-})(conjur, jQuery, _, Backbone, React, SearchResults);
+})
+(
+    conjur,
+    jQuery,
+    _,
+    Backbone,
+    React
+);

data/public/js/views/annotations.js

@@ -1,36 +1,47 @@
 /** @jsx React.DOM */
+/* global conjur, React */
 
-var AnnotationsBox = React.createClass({
-  render: function() {
-    
-     if (!this.props.annotations || !this.props.annotations.length>0 ) {
-        return <div>
-                <span>None</span>   
-               </div>;
-     }
+(function(conjur, React) {
+    'use strict';
 
-    // TODO: sort by date (optionally)
-    // TODO: table view
-   var annotations_list = [];
-   this.props.annotations.sort(function(a,b) {
-                            return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
-                         }).forEach(function(item){
-                            var itemname = item.name;
-                            var itemvalue = item.value;
+    this.AnnotationsBox = React.createClass({
+        render: function() {
+            if (!this.props.annotations || this.props.annotations.length === 0) {
+                return (
+                  <div>
+                    <span>None</span>
+                  </div>
+                );
+            }
 
-                            var dt_key = "annotation_"+itemname+"_key";
-                            var dd_key = "annotation_"+itemname+"_value";
-                            
-                            annotations_list.push(<dt key={dt_key}>{itemname}</dt>);
-                            annotations_list.push(<dd key={dd_key}>{itemvalue}</dd>);
-                            });
+            // TODO: sort by date (optionally)
+            // TODO: table view
+            var annotationsList = [];
 
+            this.props.annotations.sort(function(a, b) {
+                return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
+            }).forEach(function(item) {
+                var itemName = item.name,
+                    itemValue = item.value,
+                    term = 'annotation_' + itemName + '_key',
+                    description = 'annotation_' + itemName + '_value';
 
-    return <div> 
+                annotationsList.push(<dt key={term}>{itemName}</dt>);
+                annotationsList.push(<dd key={description}>{itemValue}</dd>);
+            });
+
+            return (
+              <div>
                 <dl className="annotations dl-horizontal">
-                    {annotations_list}
+                  {annotationsList}
                 </dl>
-           </div>;
-  }
- }
+              </div>
+            );
+        }
+    });
+
+}).bind(conjur.views)
+(
+    conjur,
+    React
 );

data/public/js/views/audit.js

@@ -6,7 +6,7 @@
   ref$ = React.DOM, em = ref$.em, strong = ref$.strong, table = ref$.table, div = ref$.div, th = ref$.th, tr = ref$.tr, td = ref$.td, thead = ref$.thead, tbody = ref$.tbody, section = ref$.section, h3 = ref$.h3, time = ref$.time;
   ref$ = require('prelude-ls'), map = ref$.map, each = ref$.each, unique = ref$.unique, isType = ref$.isType, join = ref$.join;
   compact_fields = ['auditview_user', 'auditview_action'];
-  //extended_fields = ['timestamp', 'user', 'acting_as', 'action', 'entities', 'privilege','human'];    
+  //extended_fields = ['timestamp', 'user', 'acting_as', 'action', 'entities', 'privilege','human'];
   extended_fields = ['timestamp','auditview_user','auditview_action'];
   known_rolsource_types = [ 'user','group','host','layer','policy']; // what if somebody explicitly will create the role of such type?
   FieldsMixin = {
@@ -59,6 +59,9 @@
       // copy of SHORT_FORMATS logic from cli-ruby:lib/conjur/command/audit.rb
       var msg="";
 
+      var ResourceLink = conjur.views.ResourceLink;
+      var RoleLink = conjur.views.RoleLink;
+
       if ((e.kind=='resource') && (e.action=='check')) {
       	msg = [ ]
       	if ( e.allowed ) {
@@ -84,7 +87,7 @@
       } else if ((e.kind=="resource") && (e.action=="permit")) {
       	msg = [ " permitted ", RoleLink({id: e.grantee, noIcon: true}), " to ", em({}, e.privilege), " ", ResourceLink({id: e.resource, noIcon: true}) ]
         if ( e.grant_option )
-        	msg.push(" with grant option"); 
+        	msg.push(" with grant option");
       } else if ((e.kind=="resource") && (e.action=="deny")) {
         msg = [ " denied ", em({}, e.privilege), " from ", RoleLink({id: e.grantee, noIcon: true}), " on ", ResourceLink({id: e.resource, noIcon: true}) ];
       } else if ((e.kind=="resource") && (e.action=="permitted_roles")) {
@@ -126,24 +129,24 @@
         var parts = [action_part];
         if (e.role!=null) {
         	parts.push(" by ");
-        	parts.push(RoleLink({id: e.role, noIcon: true})); 
+        	parts.push(RoleLink({id: e.role, noIcon: true}));
         }
-        if (e.resource_id!=null) { 
+        if (e.resource_id!=null) {
         	parts.push(" on");
-        	parts.push(ResourceLink({id: e.resource_id, noIcon: true})); 
+        	parts.push(ResourceLink({id: e.resource_id, noIcon: true}));
         }
-        if (e.allowed!=null) { 
-        	parts.push(" (allowed: "+e.allowed+")"); 
+        if (e.allowed!=null) {
+        	parts.push(" (allowed: "+e.allowed+")");
         }
         var statement = parts.join(" ");
         msg = [" reported ", parts ];
-        if (e.audit_message!=null) { 
+        if (e.audit_message!=null) {
             msg.push("; message: ");
             msg.push(e.audit_message);
         }
       } else {
         msg+=" unknown event: "+e.kind+":"+e.action+"!";
-      } 
+      }
 
       if (e.error!=null) {
         msg+=" (failed with "+e.error+")";
@@ -152,6 +155,9 @@
       return msg;
     },
     transformField: function(key, value){
+      var ResourceLink = conjur.views.ResourceLink;
+      var RoleLink = conjur.views.RoleLink;
+
       var that;
       switch (key) {
       case 'entities':
@@ -179,7 +185,7 @@
         break;
       case 'auditview_user': //virtual field
         var acting_user =this.props.user;
-        var acting_role = this.props.acting_as;      
+        var acting_role = this.props.acting_as;
         msg = [ RoleLink({id: acting_user}) ];
         if ((acting_role!=null) && (acting_role != acting_user)) {
             msg.push([" as ", RoleLink({id: acting_role})]);
@@ -192,7 +198,7 @@
           });
         }
         break;
-      case 'auditview_action': 
+      case 'auditview_action':
         return this.humanizeEvent(this.props);
       default:
         return value;
@@ -233,7 +239,7 @@
         events: newEventSet()
       };
     },
-    knownRolsourceTypes: function() { 
+    knownRolsourceTypes: function() {
       return  ;
     },
     render: function(){
@@ -250,7 +256,7 @@
             compact: compact
           }), tbody({
             key: 'tbody'
-          }, this.state.events.filter(function(ev){ 
+          }, this.state.events.filter(function(ev){
                // remove internal resources creation
                if ((ev.role!=null) && (ev.role.split(':')[1] == '@')) {
                  return false;
@@ -270,12 +276,12 @@
                  var rolekind = ev.role.split(':')[1];
                  if (_.contains(known_rolsource_types, rolekind)) {
                     return false;
-                 } 
-               } 
+                 }
+               }
                return true;
             }).map(function(it){
                 // new way to clone objects, custom clone$ does not work no more as expected
-                var ref$ = React.addons.update(it, {$merge: {key: it.id, compact: compact} }); 
+                var ref$ = React.addons.update(it, {$merge: {key: it.id, compact: compact} });
                 return new AuditEntry(ref$);
           }))
         ])
@@ -345,7 +351,7 @@
       resources);
       things = join(', ')(
       unique(
-      roles.concat(resources))); 
+      roles.concat(resources)));
 
       var options= { src: roleSrcs.concat(resSrcs) };
       if (this.props.tabview==null) {