cortex 0.1.1

data/Rakefile

@@ -0,0 +1,22 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Cortex'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'

data/app/assets/config/cortex_manifest.js

@@ -0,0 +1,4 @@
+//= link_tree ../images/cortex
+//= link_tree ../fonts/cortex
+//= link cortex/authentication.js
+//= link cortex/authentication.scss

data/app/assets/images/cortex/icons/add.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+  xmlns:dc="http://purl.org/dc/elements/1.1/"
+  xmlns:cc="http://creativecommons.org/ns#"
+  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  xmlns:svg="http://www.w3.org/2000/svg"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+  fill="#000000"
+  height="24"
+  viewBox="0 0 24 24"
+  width="24"
+  version="1.1"
+  id="svg6"
+  sodipodi:docname="add.svg"
+  inkscape:version="0.92.1 r">
+  <metadata
+    id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+        rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+          rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+    id="defs10"/>
+  <sodipodi:namedview
+    pagecolor="#ffffff"
+    bordercolor="#666666"
+    borderopacity="1"
+    objecttolerance="10"
+    gridtolerance="10"
+    guidetolerance="10"
+    inkscape:pageopacity="0"
+    inkscape:pageshadow="2"
+    inkscape:window-width="1368"
+    inkscape:window-height="714"
+    id="namedview8"
+    showgrid="false"
+    inkscape:zoom="19.666667"
+    inkscape:cx="0.1631135"
+    inkscape:cy="12.287185"
+    inkscape:window-x="0"
+    inkscape:window-y="0"
+    inkscape:window-maximized="1"
+    inkscape:current-layer="svg6"/>
+  <path
+    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+    id="path2"
+    style="fill:#6e788f;fill-opacity:1"/>
+  <path
+    d="M0 0h24v24H0z"
+    fill="none"
+    id="path4"/>
+</svg>

data/app/assets/images/cortex/logo.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 355.5 325.8" style="enable-background:new 0 0 355.5 325.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FED473;}
+	.st1{fill:#F79C25;}
+	.st2{fill:#63C0B9;}
+	.st3{fill:#A1D9D5;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M213.7,203.7c-17,0-31.9-10.4-37.8-26.1h-21.3c6.3,25.7,29.6,43.4,57.7,43.4c15,0,31.4-6.8,43.5-17.9
+					l-11-11.9C235.8,198.9,224.1,203.7,213.7,203.7z"/>
+			</g>
+			<g>
+				<path class="st1" d="M206.8,22.5c36.6,0,72.8,14.1,99.3,38.7l11.1-14.2c-30.6-27.3-70-42.3-110.8-42.3
+					C123.4,4.8,53,66.7,44.4,146.2h18.6C71.4,75.5,132.7,22.5,206.8,22.5z"/>
+			</g>
+			<g>
+				<path class="st2" d="M246.8,245.1c-11.8,4.8-24.1,7.2-36.6,7.2c-17,0-32.8-4.1-47.2-12.2c-14.4-8.1-25.9-19.2-34.1-33.1
+					c-5.5-9.2-9.2-19.1-11.1-29.6H97.6c2,14,6.7,27.2,13.9,39.3c10,16.8,23.8,30.3,40.9,40.1c17.1,9.8,36.1,14.7,56.6,14.7
+					c14.7,0,29.3-3,43.3-9c6.5-2.8,12.8-6.1,18.8-9.9l2.2-1.4l19.2,24.1l-2.6,1.8c-24.8,16.8-53.5,25.6-83.1,25.6
+					C133.5,302.8,70.9,248,63,177.5H44.3C52,258.2,122.6,321,206.3,321c40.7,0,81.2-15.9,111.4-43.7L276,226.9
+					C267.4,234.6,257.6,240.7,246.8,245.1z"/>
+			</g>
+			<g>
+				<path class="st3" d="M213.7,121.9c10.6,0,22.3,5.2,31.1,13.7l42.9-53.5c-10.1-9-21.8-16.3-34.8-21.5h0
+					c-13.8-5.6-28.3-8.4-43-8.4c-20.6,0-39.8,4.9-57,14.7c-17.2,9.7-31.1,23.1-41.2,39.6c-7.5,12.2-12.2,25.6-14.2,39.7h20.1
+					c1.8-10.9,5.6-21.2,11.3-30.8c8.3-13.8,19.7-24.9,34-33c14.3-8.1,30.2-12.1,47.3-12.1c12.5,0,24.9,2.6,36.8,7.7
+					c3.7,1.6,7.5,3.5,11.7,6.1l2.9,1.7l-21,26.4l-2.1-0.9c-8.2-3.6-16.9-5.5-25.2-5.5c-27.8,0-50.7,16.1-58,40.4h21.3
+					C183,131.4,197.3,121.9,213.7,121.9z"/>
+			</g>
+		</g>
+		<circle class="st0" cx="302" cy="46.3" r="15.8"/>
+		<circle class="st2" cx="166.7" cy="142.1" r="15.8"/>
+		<circle class="st3" cx="53.4" cy="181.5" r="15.8"/>
+		<circle class="st1" cx="248.4" cy="198.2" r="15.8"/>
+	</g>
+</g>
+</svg>

data/app/assets/javascripts/cortex/application.js

@@ -0,0 +1,17 @@
+//= require jquery
+//= require rails-ujs
+//= require underscore/underscore.js
+//= require material-design-lite
+//= require jquery-ui-bundle/jquery-ui
+//= require jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon
+//= require bootstrap-tagsinput
+//= require clipboard/dist/clipboard.js
+//= require dialog-polyfill
+//= require moment/moment.js
+
+//= require cortex/base
+//= require cortex/datepicker_init
+//= require cortex/form
+//= require cortex/flash
+//= require cortex/media_dialogs
+//= require cortex/quick_links

data/app/assets/javascripts/cortex/authentication.js

@@ -0,0 +1,6 @@
+//= require jquery
+//= require rails-ujs
+//= require underscore/underscore.js
+//= require material-design-lite
+
+//= require cortex/base

data/app/assets/javascripts/cortex/base.js

@@ -0,0 +1,6 @@
+(function () {
+  // See: http://stackoverflow.com/questions/32923179/material-design-lite-not-working-with-turbolinks
+  $(document).on('turbolinks:load', function () {
+    componentHandler.upgradeDom();
+  });
+})();

data/app/assets/javascripts/cortex/datepicker_init.js

@@ -0,0 +1,29 @@
+var datepicker_init = function () {
+  var datepicker = $('.datepicker');
+
+  if (datepicker.length) {
+    datepicker.datetimepicker({
+      dateFormat: 'dd/mm/yy',
+      timeFormat: 'HH:mm Z',
+      onSelect: function (date) {
+        var button = $('.form-button--submission');
+        button.text('Schedule Post');
+        button.val('schedule');
+      }
+    });
+
+    datepicker.on('focusout', function (ev) {
+      if ($(this).val() === "") {
+        var button = $('.form-button--submission');
+
+        button.text('Save Now');
+        button.val('draft');
+
+        $(this).closest('div').addClass('is-dirty');
+      }
+    });
+  }
+};
+
+$(document).ready(datepicker_init);
+$(document).on('page:load', datepicker_init);

data/app/assets/javascripts/cortex/flash.js

@@ -0,0 +1,7 @@
+setTimeout(function () {
+  $('.mdl-js-snackbar').toggleClass('mdl-snackbar--active');
+}, 2500);
+
+$('.mdl-snackbar__close').click(function () {
+  $('.mdl-snackbar').removeClass('mdl-snackbar--active');
+})

data/app/assets/javascripts/cortex/form.js

@@ -0,0 +1,6 @@
+var requiredFormField = function () {
+  $('input[data-required=true]').attr('required', true);
+}
+
+$(document).ready(requiredFormField);
+$(document).on('page:load', requiredFormField);

data/app/assets/javascripts/cortex/media_dialogs.js

@@ -0,0 +1,40 @@
+(function (global) {
+  'use strict';
+
+  var dialogs = document.querySelectorAll('dialog');
+  global.dialogs = {};
+
+  [].forEach.call(dialogs, function (dialog) {
+    dialogPolyfill.registerDialog(dialog);
+    global.dialogs[dialog.id] = dialog;
+  });
+
+  $('.close-dialog').on('click', function (event) {
+    closeDialog(event);
+  });
+
+  $('body').on('click', function (event) {
+    return
+    var dialog = document.getElementById(event.target.closest('dialog').id);
+    var rect = dialog.getBoundingClientRect();
+    var isInDialog = (rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width);
+
+    if (!isInDialog) {
+      closeDialog(event);
+    }
+  });
+
+  global.blur_backdrop = function () {
+    $('.mdl-layout__container').addClass('blur');
+  };
+
+  global.unblur_backdrop = function () {
+    $('.mdl-layout__container').removeClass('blur');
+  };
+
+  function closeDialog(event) {
+    var dialog = document.getElementById(event.target.closest('dialog').id);
+    dialog.close();
+    global.unblur_backdrop();
+  }
+}(this));

data/app/assets/javascripts/cortex/quick_links.js

@@ -0,0 +1,13 @@
+(function (global) {
+  'use strict';
+
+  $(document).ready(function () {
+    $('.quick-links .jumbo-button').hover(function () {
+      $(this).find('.jumbo-button__content__icon').css('display', 'none');
+      $(this).find('.jumbo-button__content__add').css('display', 'block');
+    }, function () {
+      $(this).find('.jumbo-button__content__icon').css('display', 'block');
+      $(this).find('.jumbo-button__content__add').css('display', 'none');
+    });
+  });
+}(this));

data/app/assets/stylesheets/cortex/application.scss

@@ -0,0 +1,34 @@
+@import 'cortex/variables/material-overrides';
+
+@import 'material-design-lite/src/material-design-lite';
+@import 'material-icons';
+@import 'bourbon/app/assets/stylesheets/bourbon';
+@import 'bootstrap-namespaced';
+@import 'jquery-ui-bundle/jquery-ui';
+@import "jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon";
+@import 'bootstrap-tagsinput/src/bootstrap-tagsinput';
+@import 'dialog-polyfill/dialog-polyfill';
+
+@import 'cortex/directives/aspect-ratio';
+
+@import 'cortex/variables/colors';
+@import 'cortex/variables/typography';
+
+@import 'cortex/base';
+@import 'cortex/helpers';
+@import 'cortex/layout';
+
+@import 'cortex/components/card';
+@import 'cortex/components/dialog';
+@import 'cortex/components/flash';
+@import 'cortex/components/form';
+@import 'cortex/components/header';
+@import 'cortex/components/index';
+@import 'cortex/components/jumbo-button';
+@import 'cortex/components/notes';
+@import 'cortex/components/sidebar';
+@import 'cortex/components/tenant-switcher';
+@import 'cortex/components/table';
+@import 'cortex/components/ui';
+@import 'cortex/components/loaders';
+@import 'cortex/demo';

data/app/assets/stylesheets/cortex/authentication.scss

@@ -0,0 +1,34 @@
+@import 'application';
+
+.authentication {
+  background-color: $color-grey-dark;
+}
+
+.mdl-layout__content--authentication {
+  background-color: $color-grey-dark;
+}
+
+.authentication__content {
+  display: flex;
+  justify-content: center;
+}
+
+form.new_user .mdl-button {
+  float: none;
+}
+
+.authentication__header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 16px;
+}
+
+.authentication__header .logo {
+  max-width: 60px;
+}
+
+.authentication__header-text {
+  @include display-text;
+  color: $color-white;
+}

data/app/assets/stylesheets/cortex/base.scss

@@ -0,0 +1,4 @@
+html, body {
+  font-family: $cortex-font-stack;
+  font-size: $base-font-size;
+}

data/app/assets/stylesheets/cortex/bootstrap-namespaced.scss

@@ -0,0 +1,57 @@
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+// Core variables and mixins
+@import "bootstrap-sass/assets/stylesheets/bootstrap/variables";
+@import "bootstrap-sass/assets/stylesheets/bootstrap/mixins";
+
+.cortex-bootstrap {
+  // Reset and dependencies
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/normalize";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/print";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/glyphicons";
+
+  // Core CSS
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/type";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/code";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/grid";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/tables";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/forms";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/buttons";
+
+  // Components
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/component-animations";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/dropdowns";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/button-groups";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/input-groups";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/navs";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/navbar";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/pagination";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/pager";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/labels";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/badges";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/jumbotron";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/alerts";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/progress-bars";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/media";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/list-group";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/panels";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/responsive-embed";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/wells";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/close";
+
+  // Components w/ JavaScript
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/modals";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/tooltip";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/popovers";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/carousel";
+
+  // Utility classes
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/utilities";
+  @import "bootstrap-sass/assets/stylesheets/bootstrap/responsive-utilities";
+}

data/app/assets/stylesheets/cortex/components/card.scss

@@ -0,0 +1,9 @@
+// Overrides
+
+.mdl-card {
+  border: $data-table-dividers;
+  border-radius: 0;
+  width: auto;
+  overflow: visible;
+  z-index: auto;
+}

data/app/assets/stylesheets/cortex/components/dialog.scss

@@ -0,0 +1,67 @@
+.mdl-dialog {
+  width: 80%;
+  max-height: 80%;
+  padding: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.mdl-dialog__title {
+  font-family: $cortex-font-stack;
+  font-weight: bold;
+  font-size: 1.17rem;
+}
+
+.mdl-dialog__content {
+  box-sizing: border-box;
+  padding: 0;
+  width: 100%;
+}
+
+.content-item-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  border: $data-table-dividers;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  width: 100%;
+  background-color: $color-white;
+  color: $color-anchor-blue-light;
+  text-align: center;
+  min-height: 100px;
+
+  &:active {
+    background-color: $color-grey-lightest;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.content-item-button__select {
+  flex-basis: 50%;
+}
+
+.content-item-button__selection {
+  flex-basis: 50%;
+  border-left: 1px solid $color-grey;
+
+  img {
+    margin-bottom: 5px;
+  }
+}
+
+.content-item-button__select__text {
+  @extend .text-style-7;
+}
+
+.content-item-button__selection__text {
+  @extend .text-style-7;
+}
+
+.blur {
+  @include filter(grayscale(1) blur(3px));
+}