diff --git a/app/Containers.react.js b/app/Containers.react.js new file mode 100644 index 0000000000..7b118559fc --- /dev/null +++ b/app/Containers.react.js @@ -0,0 +1,66 @@ +var React = require('react/addons'); +var Router = require('react-router'); +var Modal = require('react-bootstrap/Modal'); +var RetinaImage = require('react-retina-image'); +var ModalTrigger = require('react-bootstrap/ModalTrigger'); +var ContainerModal = require('./ContainerModal.react'); +var ContainerStore = require('./ContainerStore'); +var ContainerList = require('./ContainerList.react'); +var Header = require('./Header.react'); +var async = require('async'); +var _ = require('underscore'); +var docker = require('./docker'); +var $ = require('jquery'); + +var Link = Router.Link; +var RouteHandler = Router.RouteHandler; + +var Containers = React.createClass({ + getInitialState: function () { + return { + sidebarOffset: 0 + }; + }, + handleScroll: function (e) { + if (e.target.scrollTop > 0 && !this.state.sidebarOffset) { + this.setState({ + sidebarOffset: e.target.scrollTop + }); + } else if (e.target.scrollTop === 0 && this.state.sidebarOffset) { + this.setState({ + sidebarOffset: 0 + }); + } + }, + render: function () { + var sidebarHeaderClass = 'sidebar-header'; + if (this.state.sidebarOffset) { + sidebarHeaderClass += ' sep'; + } + return ( +
+
+
+
+
+

containers

+
+ }> +
+ +
+
+
+
+
+ +
+
+ +
+
+ ); + } +}); + +module.exports = Containers;