conjur-asset-ui 1.3.0 → 1.3.1

data/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "conjur-asset-ui",
+  "version": "1.2.0",
+  "description": "",
+  "main": "",
+  "dependencies": {},
+  "devDependencies": {
+    "gulp": "~3.8.8",
+    "main-bower-files": "~2.0.0",
+    "gulp-sourcemaps": "~1.2.2",
+    "del": "~0.1.3",
+    "gulp-uglify": "~1.0.1",
+    "gulp-concat": "~2.4.1",
+    "gulp-react": "~1.0.2",
+    "gulp-cached": "~1.0.1",
+    "gulp-jshint": "~1.8.4",
+    "jshint-stylish": "~1.0.0",
+    "gulp-remember": "~0.2.1",
+    "gulp-less": "~1.3.5",
+    "gulp-minify-css": "~0.3.10",
+    "gulp-filter": "~1.0.2",
+    "gulp-flatten": "0.0.3",
+    "jest-cli": "~0.1.18",
+    "react": "~0.11.2",
+    "react-tools": "~0.11.2",
+    "gulp-autoprefixer": "~1.0.1",
+    "gulp-plumber": "~0.6.6"
+  },
+  "scripts": {
+    "test": "jest"
+  },
+  "jest": {
+    "scriptPreprocessor": "<rootDir>/preprocessor.js",
+    "unmockedModulePathPatterns": [
+      "<rootDir>/node_modules/react"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/conjurinc/conjur-asset-ui.git"
+  },
+  "author": "Nikolai Sevostjanov <nikolai.sevostjanov@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/conjurinc/conjur-asset-ui/issues"
+  }
+}

data/preprocessor.js

@@ -0,0 +1,7 @@
+var ReactTools = require('react-tools');
+
+module.exports = {
+    process: function(src) {
+        return ReactTools.transform(src);
+    }
+};

data/public/_client_libs.html

@@ -6,19 +6,6 @@
     <![endif]-->
 
     <script src="/js/lib/sorted-set.no-require.js"></script>
-    <script src="/js/lib/less.js"></script>
-    <script src="http://fb.me/react-with-addons-0.11.1.js"></script>
-    <!--script src="/js/lib/react-with-addons.js"></script-->
-    <script src="/js/lib/JSXTransformer.js"></script>
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
-    <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
-    <script src="/js/lib/async.js"></script>
-    <script src="/js/lib/underscore-min.js"></script>
-    <script src="/js/lib/underscore.string.min.js"></script>
-    <script src="/js/lib/backbone.js"></script>
-    <script src="/js/lib/bootstrap.js"></script>
-    <script src="/js/lib/date.extensions.js"></script>
-    <script src="/js/lib/moment.js"></script>
+    <!-- <script src="/js/lib/date.extensions.js"></script> -->
     <script src="/js/lib/prelude-browser-min.js"></script>
-    <script src="/js/lib/sorted-set.no-require.js"></script>
-    <script src="/js/lib/react-bootstrap.js"></script>
+    <script src="/build/js/vendor.min.js"></script>

data/public/css/styles.less

@@ -189,10 +189,6 @@ dl.propertyList {
   background-position-y: -0.2em;
 }
 
-.pubkeysUser .list-group-item {
-  max-width: 300px;
-}
-
 .group.role-link, .group.resource-link {
   .role-link-padding;
   .group-icon(1.2em);
@@ -459,3 +455,173 @@ section.permissions {
 .tab-pane {
     padding-top: 5px;
 }
+
+/* ---------------------------------- */
+/* -Variables------------------------ */
+
+.b-breadcrumb {
+
+}
+
+.b-breadcrumbs {
+
+}
+
+.b-variable-activity {
+
+}
+
+.b-variable-updaters {
+
+}
+
+.b-variable-fetchers {
+
+}
+
+.b-variable-updates {
+
+}
+
+.b-variable-warnings {
+
+}
+
+.revealer {
+  cursor: pointer;
+}
+
+/* ---------------------------------- */
+/* -Pubkeys-------------------------- */
+
+.b-pubkeys {
+
+}
+
+.b-pubkeys__help {
+
+}
+
+.b-pubkeys__list {
+    padding-top: 10px;
+}
+
+.b-pubkeys__item {
+
+}
+
+.b-pubkeys__item--headline {
+    margin-bottom: 1px;
+    box-shadow: 0 2px 1px -2px gray;
+}
+
+.b-pubkey {
+    margin-right: 55px;
+    height: 20px;
+}
+
+.b-pubkey__logo {
+    display: inline-block;
+    width: 70px;
+}
+
+.b-pubkey__list {
+    display: inline-block;
+}
+
+.b-pubkey__name {
+
+}
+
+.b-pubkey__fingerprint {
+
+}
+
+.b-pubkey__info {
+
+}
+
+.b-pubkey__actions {
+    display: inline-block;
+}
+
+.b-chart-demo {
+    height: 300px;
+}
+
+/* ------------------------------------------------ */
+/* Chart */
+
+.b-chart {
+    height: 100%;
+}
+
+/* Line Chart */
+
+.d3-line-chart {
+    font: 10px sans-serif;
+}
+
+.d3-line-chart__inner {
+
+}
+
+/* Axises */
+
+.d3-axis {
+
+}
+
+.d3-axis__x line,
+.d3-axis__x path {
+    fill: none;
+    stroke: #000;
+    shape-rendering: crispEdges;
+}
+
+.d3-axis__y line,
+.d3-axis__y path {
+    fill: none;
+    stroke: #000;
+    shape-rendering: crispEdges;
+}
+
+/* Legend */
+
+.d3-legend {
+
+}
+
+.d3-legend__item {
+
+}
+
+/* Graph */
+
+.d3-graph {
+
+}
+
+.d3-graph__line {
+
+}
+
+.d3-graph__line path {
+    fill: none;
+    stroke: steelblue;
+    stroke-width: 1.5px;
+}
+
+.d3-graph__focus {
+
+}
+
+.d3-graph__focus circle {
+    fill: none;
+    stroke: steelblue;
+}
+
+.d3-graph__overlay {
+    fill: none;
+    pointer-events: all;
+}

data/public/index.html.erb

@@ -7,10 +7,10 @@
 
     <script src="/js/lib/pace.js"></script>
     <!-- Bootstrap -->
-    <link href="/css/bootstrap.css" rel="stylesheet">
+    <link href="/build/css/vendor.css" rel="stylesheet">
 
     <!-- Some styles of our own -->
-    <link href="/css/styles.less" rel="stylesheet/less">
+    <link href="/build/css/styles.css" rel="stylesheet">
 
     <%= client_libs %>
   </head>
@@ -20,7 +20,7 @@
         <div class="navbar-collapse collapse">
           <ul class="nav navbar-nav">
             <li id="nav-home" class="nav-item"><a href="/ui">Dashboard</a></li>
-            <li id="nav-groups" class="dropdown">
+            <li class="dropdown">
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                 Directory <span class="caret"></span>
               </a>
@@ -46,9 +46,8 @@
         <span class="text"></span>
       </div>
       <div id="modal">
-          
-      </div>
 
+      </div>
 
       <div id="content"></div>
       <div id="bottom" class="navbar-default">
@@ -56,7 +55,6 @@
       </div>
     </div><!-- /.container -->
 
-
-    <%= client_code %>
+    <script src="/build/js/app.min.js"></script>
   </body>
 </html>

data/public/js/init.js

@@ -1,107 +1,193 @@
-window.conjur = {
-    models: {
-        Record: {}
-    },
-    collections: {},
-    views: {
-        mixins: {}
-    },
-    routers: {},
-    createEndpoints: function() {
-        function genericEndpoint(path) {
-            return function() {
-                var i= 0, length = arguments.length;
-                var localPath = [].concat(path); // clone it
-
-                for(; i < length && _.isString(arguments[i]); i++) {
-                    localPath.push(arguments[i]);
-                }
+/* global _, Backbone, React, jQuery */
+
+(function(_, Backbone, React, $) {
+    'use strict';
+
+    var conjur = window.conjur = {
+        models: {
+            Record: {}
+        },
+        collections: {},
+        views: {
+            mixins: {}
+        },
+        routers: {},
+        createEndpoints: function() {
+            function genericEndpoint(path) {
+                return function() {
+                    var i = 0,
+                        length = arguments.length,
+                        localPath = [].concat(path); // clone it
+
+                    for(; i < length && _.isString(arguments[i]); i++) {
+                        localPath.push(arguments[i]);
+                    }
+
+                    var pathString = _.flatten(localPath.map(function(p) {
+                        return p.split('/').map(encodeURIComponent);
+                    })).join('/');
+
+                    if (i < length) {
+                        pathString += '?' + $.param(arguments[i]);
+                    }
+
+                    if (pathString.charAt(0) !== '/') {
+                        pathString = '/' + pathString;
+                    }
+
+                    return pathString;
+                };
+            }
+
+            conjur.app.endpoints.authz = genericEndpoint(['api/authz',
+                                                          conjur.app.configuration.account]);
+            conjur.app.endpoints.core  = genericEndpoint('api');
+        },
+        initialize: function() {
+            conjur.app.namespace = conjur.models.Namespace();
+            conjur.app.lists.groups = new conjur.models.ResourceList('group');
+            conjur.app.lists.layers = new conjur.models.ResourceList('layer');
+            conjur.app.lists.variables = new conjur.models.VariableList();
+            conjur.app.lists.policies = new conjur.models.PolicyList();
+            conjur.app.lists.users = new conjur.models.UserList();
+            conjur.app.lists.hosts = new conjur.models.ResourceList('host');
+
+            var cookie = conjur.utils.readCookie('conjur_configuration');
+
+            conjur.app.configuration = JSON.parse(decodeURIComponent(cookie).replace(/\+/g, ' '));
+            conjur.app.userId = decodeURIComponent(conjur.utils.readCookie('conjur_userid'));
+
+            conjur.createEndpoints();
+        }
+    };
+
+    conjur.app = {
+        kind: '',
+        lists: {
+            groups: undefined,
+            layers: undefined,
+            variables: undefined,
+            policies: undefined,
+            users: undefined,
+            hosts: undefined
+        },
+        configuration: undefined,
+        userId: undefined,
+        // components: {},
+        router: undefined,
+        // globalIds: undefined,
+        endpoints: {},
+        flash: null
+    };
+
+    conjur.utils = {
+        errback: function(err) {
+            console.log('error:', err);
+        },
+        pluralize: function(kind) {
+            if (kind[kind.length-1] === 'y') {
+                return kind.slice(0, kind.length-1) + 'ies';
+            } else if (kind[kind.length - 1] !== 's') {
+                return kind + 's';
+            } else {
+                return kind;
+            }
+        },
+        // http://www.quirksmode.org/js/cookies.html
+        readCookie: function(name) {
+            var nameEQ = name + '=',
+                ca = document.cookie.split(';');
 
-                var pathString = _.flatten(localPath.map(function(p) {
-                    return p.split('/').map(encodeURIComponent);
-                })).join("/");
+            for (var i = 0; i < ca.length; i++) {
+                var c = ca[i];
 
-                if (i < length) {
-                    pathString += '?' + jQuery.param(arguments[i]);
+                while (c.charAt(0) === ' ') {
+                    c = c.substring(1, c.length);
                 }
 
-                if (pathString.charAt(0) != '/') {
-                    pathString = '/' + pathString;
+                if (c.indexOf(nameEQ) === 0) {
+                    return c.substring(nameEQ.length, c.length);
                 }
+            }
 
-                return pathString;
-            };
-        }
+            return null;
+        },
+        getTabname: function(header, set) {
+            if (!set || !set.length) {
+                return header + ' (0)';
+            }
 
-        conjur.app.endpoints.authz = genericEndpoint(['api/authz', conjur.app.configuration.account]);
-        conjur.app.endpoints.core  = genericEndpoint('api');
-    },
-    initialize: function() {
-        conjur.app.namespace = conjur.models.Namespace();
-        conjur.app.lists.groups = new conjur.models.ResourceList('group');
-        conjur.app.lists.layers = new conjur.models.ResourceList('layer');
-        conjur.app.lists.variables = new conjur.models.VariableList();
-        conjur.app.lists.policies = new conjur.models.PolicyList();
-        conjur.app.lists.users = new conjur.models.UserList();
-        conjur.app.lists.hosts = new conjur.models.ResourceList('host');
-        conjur.app.configuration = JSON.parse(decodeURIComponent(conjur.utils.readCookie('conjur_configuration')).replace(/\+/g, ' '));
-        conjur.app.userId = decodeURIComponent(conjur.utils.readCookie('conjur_userid'));
-
-        conjur.createEndpoints();
-    }
-};
-
-window.conjur.app = {
-    kind: '',
-    lists: {
-        groups: undefined,
-        layers: undefined,
-        variables: undefined,
-        policies: undefined,
-        users: undefined,
-        hosts: undefined
-    },
-    configuration: undefined,
-    userId: undefined,
-    // components: {},
-    router: undefined,
-    // globalIds: undefined,
-    endpoints: {},
-    flash: null
-};
-
-window.conjur.utils = {
-    errback: function(err) {
-        console.log('error:', err);
-    },
-    pluralize: function(kind) {
-        if (kind[kind.length-1] === 'y') {
-            return kind.slice(0, kind.length-1) + 'ies';
-        } else if (kind[kind.length - 1] != 's') {
-            return kind + 's';
-        } else {
-            return kind;
-        }
-    },
-    // http://www.quirksmode.org/js/cookies.html
-    readCookie: function(name) {
-        var nameEQ = name + "=";
-        var ca = document.cookie.split(';');
-        for (var i = 0; i < ca.length; i++) {
-            var c = ca[i];
-            while (c.charAt(0) == ' ')
-                c = c.substring(1, c.length);
-            if (c.indexOf(nameEQ) == 0)
-                return c.substring(nameEQ.length, c.length);
+            return header + ' (' + set.length + ')';
         }
-        return null;
-    }
-};
-
-function get_tabname(header, set) {
-    if (!set || !set.length) {
-        return header + " (0)";
     };
 
-    return header + " ("+set.length+")";
-}
+    // var components  = {};
+    // var globalIds;
+
+    // function updateNamespace(ns) {
+    //     conjur.app.namespace.currentNamespace = ns;
+    //     // it won't work with reactjs 11.0 -- state should be set from within component
+    //     // components[kind].setState({currentNamespace: ns, members: lists[kind].members(ns)});
+    // }
+
+    $(document).ready(function() {
+        conjur.initialize();
+
+        _.mixin(_.str.exports());
+        _.mixin({deepExtend: window.underscoreDeepExtend(_)});
+
+        // Use delegation to avoid initial DOM selection and allow all matching elements to bubble
+        $(document).delegate('a', 'click', function(evt) {
+            // Get the anchor href and protcol
+            var href = $(this).attr('href');
+            var protocol = this.protocol + '//';
+
+            // Ensure the protocol is not part of URL, meaning its relative.
+            // Stop the event bubbling to ensure the link will not cause a page refresh.
+            if (typeof(href) === 'string' &&
+                href.slice(0, protocol.length) !== protocol &&
+                href[0] !== '#') {
+
+                evt.preventDefault();
+
+                // Note by using Backbone.history.navigate, router events will not be
+                // triggered.  If this is a problem, change this to navigate on your
+                // router.
+                Backbone.history.navigate(href, {trigger:true});
+            }
+        });
+
+        conjur.app.router = new conjur.Workspace();
+
+        conjur.app.router.on('all', function(route) {
+            console.log('router.all', route, conjur.app.flash);
+
+            if (route !== 'route') {
+                return;
+            }
+
+            if (conjur.app.flash) {
+                var old = conjur.app.flash;
+                conjur.app.flash = null;
+                var $flash = $('#flash');
+                var $text = $('.text', $flash);
+                $text.text(old);
+                $flash.show();
+            } else {
+                $('#flash').hide();
+            }
+        });
+
+        Backbone.history.start({pushState: true});
+
+        React.renderComponent(conjur.views.NavSearchForm(null),
+                              document.getElementById('inlineSearchContainer'));
+    });
+
+})
+(
+    _,
+    Backbone,
+    React,
+    jQuery
+);

data/public/js/lib/sorted-set.no-require.js

@@ -364,9 +364,8 @@ var requirejs, require, define;
             //If want a value immediately, use require('id') instead -- something
             //that works in almond on the global level, but not guaranteed and
             //unlikely to work in other AMD implementations.
-            setTimeout(function () {
-                main(undef, deps, callback, relName);
-            }, 4);
+
+            main(undef, deps, callback, relName);
         }
 
         return req;
@@ -505,9 +504,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=AbstractSortedSet.js.map
-*/;
 (function() {
   define('SortedSet/ArrayStrategy',[],function() {
     var ArrayStrategy, Iterator, binarySearchForIndex;
@@ -631,9 +627,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=ArrayStrategy.js.map
-*/;
 (function() {
   define('SortedSet/BinaryTreeIterator',[], function() {
     var BinaryTreeIterator, descendAllTheWay, moveCursor;
@@ -776,9 +769,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=BinaryTreeIterator.js.map
-*/;
 (function() {
   define('SortedSet/AbstractBinaryTreeStrategy',['./BinaryTreeIterator'], function(BinaryTreeIterator) {
     var AbstractBinaryTree, binaryTreeTraverse;
@@ -848,9 +838,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=AbstractBinaryTreeStrategy.js.map
-*/;
 (function() {
   var __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
@@ -940,9 +927,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=BinaryTreeStrategy.js.map
-*/;
 (function() {
   var __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
@@ -1121,9 +1105,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=RedBlackTreeStrategy.js.map
-*/;
 (function() {
   var __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
@@ -1153,9 +1134,6 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=SortedSet.js.map
-*/;
 (function() {
   require(['./SortedSet'], function(SortedSet) {
     return window.SortedSet = SortedSet;
@@ -1163,8 +1141,5 @@ define("almond", function(){});
 
 }).call(this);
 
-/*
-//@ sourceMappingURL=index.js.map
-*/;
 define("index", function(){});
-}());
+}());