cortex 0.1.1

data/lib/breadcrumbs/title_builder.rb

@@ -0,0 +1,12 @@
+class TitleBuilder < BreadcrumbsOnRails::Breadcrumbs::Builder
+  def render
+    @elements.collect do |element|
+      render_element(element)
+    end.join(' > ')
+  end
+
+  def render_element(element)
+    content = compute_name(element)
+    ERB::Util.h(content)
+  end
+end

data/lib/cortex.rb

@@ -0,0 +1,4 @@
+require 'cortex/engine'
+
+module Cortex
+end

data/lib/cortex/engine.rb

@@ -0,0 +1,41 @@
+require 'devise'
+require 'elasticsearch/rails/instrumentation'
+require 'flipper'
+require 'flipper-active_record'
+require 'transitions'
+require 'active_model/transitions'
+require 'paranoia'
+require 'rolify'
+require 'breadcrumbs_on_rails'
+require 'awesome_nested_set'
+require 'react_on_rails'
+require 'cells-rails'
+require 'cells-haml'
+require 'graphiql/rails'
+require 'pomona'
+require 'rack/cors'
+require 'dry-struct'
+require 'dry-transaction'
+
+module Cortex
+  class Engine < ::Rails::Engine
+    isolate_namespace Cortex
+
+    initializer "cortex.precompile_manifest" do |app|
+      app.config.assets.precompile += %w(cortex_manifest)
+    end
+
+    initializer "cortex.add_middleware" do |app|
+      # Insert Rack::CORS as the first middleware
+      app.config.middleware.insert_before 0, Rack::Cors do
+        allow do
+          origins *((Cortex.config[:cors][:allowed_origins] || '*').split(',') +
+            [Cortex.config[:cors][:allowed_origins_regex] || ''])
+          resource '*',
+                   :headers => :any,
+                   :methods => [:get, :post, :options]
+        end
+      end
+    end
+  end
+end

data/lib/cortex/version.rb

@@ -0,0 +1,3 @@
+module Cortex
+  VERSION = '0.1.1'
+end

data/lib/helpers/utility_helper.rb

@@ -0,0 +1,7 @@
+module UtilityHelper
+  def cssify(hash={})
+    hash.inject([]) do |memo, object|
+      memo << object.join(': ')
+    end.join('; ')
+  end
+end

data/lib/tasks/cortex_tasks.rake

@@ -0,0 +1,13 @@
+require 'rake'
+
+Bundler.require(:default, Rails.env)
+
+namespace :cortex do
+  desc 'Force re-creation of all elasticsearch mappings'
+  task :rebuild_indexes => :environment do
+    [Cortex::ContentType, Cortex::ContentItem].each do |klass|
+      klass.__elasticsearch__.create_index! force: true
+      klass.import
+    end
+  end
+end

data/lib/tasks/elasticsearch_tasks.rake

@@ -0,0 +1 @@
+require 'elasticsearch/rails/tasks/import'

data/node_package/.babelrc

@@ -0,0 +1,26 @@
+{
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": "> 1%",
+          "uglify": true
+        },
+        "useBuiltIns": true
+      }
+    ],
+    "react"
+  ],
+  "plugins": [
+    "syntax-dynamic-import",
+    "transform-object-rest-spread",
+    [
+      "transform-class-properties",
+      {
+        "spec": true
+      }
+    ]
+  ]
+}

data/node_package/src/components/side_bar/environment_flag.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+class EnvironmentFlag extends React.PureComponent {
+  render() {
+    const {environment, environment_abbreviated} = this.props
+    if (environment === 'production') return null
+    const flagClass = `mdl-navigation__link nav__item environment environment--${environment}`
+    return (
+      <div className={flagClass}>
+        <div className='environment__full'>
+          {environment}
+        </div>
+        <div className='environment__abbreviated'>
+          {environment_abbreviated}
+        </div>
+      </div>
+    )
+  }
+}
+
+export default EnvironmentFlag

data/node_package/src/components/side_bar/tenant_list.jsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import {
+  Spinner
+} from '../../elements/loaders'
+import List, {
+  ListItem,
+  ListItemIcon,
+  ListItemText,
+  ListSubheader
+} from 'material-ui/List';
+import Avatar from 'material-ui/Avatar';
+import IconButton from 'material-ui/IconButton';
+import TenantAncestryList from '../../helpers/tenant_ancestry';
+
+const TenantItem = ({id, name, description = 'Tenant Description', children}, tenantClicked, tenantActive, subTenantListClick) => (
+  <div key={id} className={tenantActive ? 'tenant-list-item active' : 'tenant-list-item'}>
+    <ListItem onClick={tenantClicked}>
+      <Avatar alt="Remy Sharp" src='https://i.imgur.com/zQA3Cck.png'/>
+      <ListItemText className='organization--label' primary={name} secondary={description}/>
+    </ListItem>
+    {children &&
+    <IconButton aria-label="Sub Tenants" onClick={subTenantListClick}>
+      <i className='material-icons'>chevron_right</i>
+    </IconButton>
+    }
+  </div>
+);
+
+class TenantList extends React.PureComponent {
+  renderTenants = () => {
+    const {activeTenant, parentTenant, selectTenant, subTenantListClicked, tenantLookupTable} = this.props;
+    const listedTenantIds = parentTenant === null ? tenantLookupTable.topLevel : tenantLookupTable[parentTenant].children;
+
+    return listedTenantIds.map((tenant_id, index) => TenantItem(tenantLookupTable[tenant_id], selectTenant(tenantLookupTable[tenant_id]), activeTenant.id === tenantLookupTable[tenant_id].id, subTenantListClicked(tenantLookupTable[tenant_id].id)))
+  };
+
+  tenantParentHeader = ({parentTenant, tenantLookupTable, paginateBack}) => {
+    return (
+      <div className={parentTenant === null ? 'hidden' : 'tenant__list-nav-header'}>
+        <IconButton aria-label="Go Back" className='page-back-button' onClick={paginateBack}>
+          <i className='material-icons'>chevron_left</i>
+        </IconButton>
+        <span>{TenantAncestryList(parentTenant, tenantLookupTable).join(' < ')}</span>
+      </div>
+    )
+  };
+
+  render() {
+    const {active, tenantSyncedWithDB} = this.props
+    const tenantListClass = active ? 'tenant__list_wrapper' : 'tenant__list_wrapper hidden';
+    return (
+      <div className={tenantListClass}>
+        <List subheader={<li className='tenant-list__heading'> SWITCH TENANT</li>}>
+          {this.tenantParentHeader(this.props)}
+          {this.renderTenants()}
+        </List>
+        <div className={tenantSyncedWithDB === true ? 'hidden' : 'loader-spinner-wrapper'}>
+          <Spinner/>
+        </div>
+      </div>
+    )
+  }
+}
+
+export default TenantList

data/node_package/src/components/wizard/column.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Field from './field'
+
+class Column extends React.PureComponent {
+  constructor(props) {
+    super(props)
+  }
+
+  renderElements = () => {
+    const {contentItemFieldLookup, elements} = this.props
+    return elements.filter(element => element.id).map((element, index) => {
+      let fieldItemId = element.id
+      return <Field key={fieldItemId} field_item={element} {...contentItemFieldLookup[fieldItemId]}/>
+    })
+  }
+
+  render() {
+    const {heading, grid_width, display, description} = this.props
+
+    return (
+      <div className={`mdl-cell mdl-cell--${grid_width}-col`}>
+        {description && <p>{description}</p>}
+        {this.renderElements()}
+      </div>
+    )
+  }
+}
+
+export default Column

data/node_package/src/components/wizard/field.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import CortexPlugin from 'cortex-plugins-core'
+
+class Field extends React.PureComponent {
+  render() {
+    const {
+      id,
+      label,
+      input,
+      render_method,
+      field_type,
+      tooltip
+    } = this.props
+    if (field_type === undefined) return null
+
+    const FieldComponent = CortexPlugin[field_type]
+
+    return <FieldComponent {...this.props} />
+  }
+}
+
+export default Field

data/node_package/src/components/wizard/step.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import Column from './column'
+
+class Step extends React.PureComponent {
+  renderColumn = (column, index) => {
+    return <Column key={`column_${index}`} contentItemFieldLookup={this.props.contentItemFieldLookup} {...column} />
+  }
+
+  render() {
+    const {name, heading, contentItemFieldLookup, description, columns} = this.props
+
+    return (
+      <div className='mdl-grid'>
+        {columns.map(this.renderColumn)}
+      </div>
+    )
+  }
+}
+
+export default Step

data/node_package/src/constants/tenant_switcher.jsx

@@ -0,0 +1,17 @@
+const TOGGLE_TENANT_SWITCHER = 'TOGGLE_TENANT_SWITCHER'
+const TOGGLE_SIDEBAR = 'TOGGLE_SIDEBAR'
+const SELECT_TENANT = 'SELECT_TENANT'
+const TENANT_UPDATED = 'TENANT_UPDATED'
+const TENANT_UPDATE_ERROR = 'TENANT_UPDATE_ERROR'
+const SUBLIST_CLICKED = 'SUBLIST_CLICKED'
+const PAGINATE_BACK = 'PAGINATE_BACK'
+
+export {
+  TOGGLE_TENANT_SWITCHER,
+  SELECT_TENANT,
+  TENANT_UPDATED,
+  SUBLIST_CLICKED,
+  TENANT_UPDATE_ERROR,
+  TOGGLE_SIDEBAR,
+  PAGINATE_BACK
+}

data/node_package/src/constants/type_constants.jsx

@@ -0,0 +1,12 @@
+// TYPES
+const NOT_DEFINED = void 0;
+const EMPTY_STRING = '';
+const DEFAULT_ARRAY = [];
+const OBJECT_LITERAL = {};
+
+export {
+  NOT_DEFINED,
+  EMPTY_STRING,
+  DEFAULT_ARRAY,
+  OBJECT_LITERAL
+}

data/node_package/src/constants/wizard.jsx

@@ -0,0 +1,9 @@
+const FORM_VALID = 'FORM_VALID'
+const FORM_INVALID = 'FORM_INVALID'
+const DISPLAY_VALIDATIONS = 'DISPLAY_VALIDATIONS'
+
+export {
+  FORM_VALID,
+  FORM_INVALID,
+  DISPLAY_VALIDATIONS
+}

data/node_package/src/containers/layout.jsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import {connect} from 'react-redux';
+
+import TenantSwitcherContainer from './tenant_switcher_container';
+import WizardContainer from './wizard_container';
+
+function select(state) {
+  return {data: state};
+}
+
+class Layout extends React.PureComponent {
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    const {data, dispatch, temporary_render} = this.props;
+
+    return (
+      <span>
+      {/* remove temporary_render once containers are all connected */}
+        {temporary_render === 'TenantSwitcher' &&
+        <TenantSwitcherContainer dispatch={dispatch} railsContext={data.railsContext} data={data.session}/>
+        }
+        {temporary_render === 'Wizard' &&
+        <WizardContainer dispatch={dispatch} railsContext={data.railsContext} data={data.wizard}/>
+        }
+      </span>
+    )
+  }
+}
+
+export default connect(select)(Layout);

data/node_package/src/containers/tenant_switcher_container.jsx

@@ -0,0 +1,115 @@
+import React from 'react';
+import SetRailsAPIService from '../services/rails_api_service'
+import {
+  TOGGLE_TENANT_SWITCHER,
+  TOGGLE_SIDEBAR,
+  TENANT_UPDATED,
+  SUBLIST_CLICKED,
+  PAGINATE_BACK,
+  TENANT_UPDATE_ERROR,
+  SELECT_TENANT
+} from '../constants/tenant_switcher'
+import Avatar from 'material-ui/Avatar';
+import TenantLookup from '../helpers/tenant_lookup'
+
+import EnvironmentFlag from '../components/side_bar/environment_flag'
+import TenantList from '../components/side_bar/tenant_list'
+
+const getLayoutWrapper = (serverSide) => {
+  if (serverSide === true) {
+    return {}
+  }
+  return document.getElementById('layout_wrapper')
+}
+
+class TenantSwitcherContainer extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.layoutWrapper = getLayoutWrapper(this.props.railsContext.serverSide)
+    this.railsAPI = SetRailsAPIService(this.props.railsContext, this.props.data)
+    this.tenantLookupTable = TenantLookup(this.props.data.tenants)
+  }
+
+  selectTenant = (tenant) => () => {
+    this.updateTenant(tenant)
+    this.props.dispatch({type: SELECT_TENANT, payload: tenant})
+  }
+  updateTenant = (tenant) => {
+    const {currentUser, activeTenant, csrf_token} = this.props.data
+    const self = this;
+    this.railsAPI.post('/admin_update/tenant_change', {
+      active_tenant: activeTenant.id,
+      requested_tenant: tenant.id,
+      authenticity_token: csrf_token
+    }).then(response => {
+      self.props.dispatch({
+        type: TENANT_UPDATED,
+        payload: Object.assign({}, currentUser, {active_tenant: response.data})
+      })
+      self.layoutWrapper.classList.remove('sidebar--tenant-display')
+      window.location = '/admin/dashboards'; // TODO: remove when we fully switch to React
+    }).catch(error => {
+      self.props.dispatch({type: TENANT_UPDATE_ERROR, payload: error})
+    })
+
+  }
+  paginateBack = () => {
+    const {parentTenant} = this.props.data;
+    this.props.dispatch({type: PAGINATE_BACK, payload: this.tenantLookupTable[parentTenant].parent_id})
+  }
+  subTenantListClicked = (parent_id) => () => {
+    this.props.dispatch({type: SUBLIST_CLICKED, payload: parent_id})
+  }
+  toggleTenantSwitcher = () => {
+    this.props.dispatch({type: TOGGLE_TENANT_SWITCHER})
+    this.layoutWrapper.className = !this.props.data.tenantListActive ? 'sidebar--tenant-display' : '';
+  }
+  toggleSidebar = () => {
+    this.props.dispatch({type: TOGGLE_SIDEBAR})
+    this.layoutWrapper.className = this.props.data.sidebarExpanded ? 'sidebar--collapsed' : '';
+  }
+
+  render() {
+    const {
+      environment,
+      environment_abbreviated,
+      currentUser,
+      activeTenant,
+      parentTenant,
+      tenantSyncedWithDB,
+      tenantListActive
+    } = this.props.data
+
+    return (
+      <footer id="tenant_switch">
+        <TenantList
+          selectTenant={this.selectTenant}
+          subTenantListClicked={this.subTenantListClicked}
+          paginateBack={this.paginateBack}
+          tenantLookupTable={this.tenantLookupTable}
+          tenantSyncedWithDB={tenantSyncedWithDB}
+          currentUser={currentUser}
+          activeTenant={activeTenant}
+          parentTenant={parentTenant}
+          active={tenantListActive}/>
+
+        <nav className='demo-navigation mdl-navigation'>
+          <EnvironmentFlag environment={environment} environment_abbreviated={environment_abbreviated}/>
+          <div onClick={this.toggleTenantSwitcher} className='mdl-navigation__link nav__item'>
+            <div className={tenantSyncedWithDB === true ? 'sidebar-tenant-icon' : 'hidden'}>
+              <Avatar alt="Remy Sharp" src='https://i.imgur.com/zQA3Cck.png'/>
+            </div>
+            <span className='nav__item-name nav__item-name--footer'>
+              {tenantSyncedWithDB === true ? activeTenant.name : 'Loading...'}
+            </span>
+            <i className='material-icons tenant-toggle'
+               role="presentation">{tenantListActive === true ? 'expand_less' : 'expand_more'}</i>
+          </div>
+        </nav>
+        <div className='sidebar__toggle-button' onClick={this.toggleSidebar} id='sidebar__toggle-button'></div>
+      </footer>
+    )
+  }
+}
+
+export default TenantSwitcherContainer