mno-enterprise-core 2.0.0

data/lib/generators/mno_enterprise/install/templates/config/mno_enterprise_styleguide.yml

@@ -0,0 +1,104 @@
+#
+# General Design Style
+design:
+  # Whether to enable angular-material or not
+  material: false
+
+#
+# Color Theme Palette
+# This section configures the overall theme. Any fine-tuning should be performed in the
+# variable.css file
+palette:
+  # Material colors
+  # Available palettes: 
+  # red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, 
+  # light-green, lime, yellow, amber, orange, deep-orange, brown, grey, blue-grey
+  #-------------------------
+  primary: indigo
+  accent: pink
+  warn: red
+  background: grey
+  
+  # Main regular colors
+  #-------------------------------------------
+  # Dashboard background color
+  bg_main_color:                  '#aeb5bf' # light gray
+  
+  # Elements placed on top of bg-main-color
+  decorator_main_color:           '#758192' # dark gray
+  
+  # Elements placed on top of bg-main-color (secondary)
+  decorator_alt_color:            '#977bf0' # purple
+  
+  # Used for text used in the context of bg-main-color
+  text_strong_color:              '#17262d' # dark blue
+  
+  # Main inverse colors
+  #-------------------------------------------
+  # Background color used for dashboard menu. top banners, inverse modals
+  bg_inverse_color:               '#ffffff' # white
+  
+  # Background color for elements displayed on top of inverse elements
+  bg_on_bg_inverse_color:         '#cacfd6' # lighter gray
+  
+  # Background color used for elements on top of bg-inverse-color
+  bg_inverse_intense_color:       '#17262d' # dark blue
+  
+  # Design elements (lines, borders) on top of bg-inverse-color
+  decorator_inverse_color:        '#977bf0' # purple
+  
+  # Text used on top of bg-inverse-color such as inverse modals
+  text_inverse_color:             '#17262d' # dark blue
+
+  # Color used in small/isolated elements
+  #-------------------------------------------
+  # used to reflect a positive action or point (e.g: tick icon)
+  elem_positive_color:            '#d1e55c' # green
+  
+  # stronger version of elem-positive-color (barely used)
+  elem_positive_flash_color:      '#47ff00' # fluro-green
+  
+  # used for regular design element - fits well with both main and inverse backgrounds
+  elem_cozy_color:                '#977bf0' # purple
+
+  # Impac!
+  impac:
+    positive: '#3fc4ff' # light blue
+    negative: '#1de9b6' # light green
+    pool:
+      - '#1de9b6' # light green
+      - '#7c4dff' # fluro-purple
+      - '#ffc928' # yellow-orange
+      - '#3fc4ff' # light blue
+      - '#ff8e01' # fluro-orange
+      - '#c6ff00' # fluro-green
+      - '#d500fa' # fluro-purple
+      - '#ff6e41' # red-orange
+      - '#ffeb3c' # fluro-yellow
+      - '#ff1844' # fluro-pink
+
+#
+# General Application Layout
+#
+layout:
+  # Whether to display a header on public pages
+  public_page_header: false
+  
+  # Which layout for the dashboard
+  dashboard_menu_orientation: 'vertical'
+  
+# Devise Configuration
+devise:
+  # Links
+  remember_checkbox_shown: true
+  unlock_link_shown: false
+  forgot_password_link_shown: true
+  confirmation_link_shown: true
+  omniauth_link_shown: true
+  
+  # User fields
+  phone_required: true
+  
+  # Password complexity check style
+  # If set to true, will check that it contains one letter, one number etc..
+  password_complexity_deep_check: false

data/lib/generators/mno_enterprise/install/templates/javascripts/mno_enterprise_extensions.js

@@ -0,0 +1,7 @@
+// This manifest should include any file overriding or extending the base mno-enterprise JS application
+// 
+// Currently disabled
+// If you decide to add extensions, do no forget to edit config/initializers/assets.rb and register this file
+// as an asset to precompile
+//
+// require_tree ./mno_enterprise

data/lib/generators/mno_enterprise/install/templates/stylesheets/main.less_erb

@@ -0,0 +1,25 @@
+/*-----------------------------------------------------------------------*/
+/*                    Import Core LESS Framework                         */
+/*-----------------------------------------------------------------------*/
+// Import Core LESS Framework
+@import "mno_enterprise/main";
+
+// Import default variables
+// @import "mno_enterprise/variables.less";
+
+/*-----------------------------------------------------------------------*/
+/*                           Customization                               */
+/*-----------------------------------------------------------------------*/
+
+// Import theme colors
+//--------------------------------------------
+<%= Tilt.new(File.expand_path('../theme.less.erb',__FILE__)).render %>
+
+// Import custom variables
+//--------------------------------------------
+@import "variables";
+
+
+// Import any custom less file below
+//--------------------------------------------
+// @import 'homepage'

data/lib/generators/mno_enterprise/install/templates/stylesheets/theme.less_erb

@@ -0,0 +1,59 @@
+/*-----------------------------------------------------------------------*/
+/*                       General Theme Colors                            */
+/*-----------------------------------------------------------------------*/
+
+// Material colors
+//-------------------------------------------------------------
+// Primary color (e.g.: Indigo)
+@material-primary:               <%= MnoEnterprise.style.palette.primary %>;
+
+// Accent color (e.g.: Pink)
+@material-accent:                <%= MnoEnterprise.style.palette.accent %>;
+
+// Warn color (e.g.: Red)
+@material-warn:                  <%= MnoEnterprise.style.palette.warn %>;
+
+// Background color (e.g.: Grey)
+@material-background:            <%= MnoEnterprise.style.palette.background %>;
+
+// Main colors
+//-------------------------------------------------------------
+// Dashboard background color
+@bg-main-color:                  <%= MnoEnterprise.style.palette.bg_main_color %>;
+
+// Elements placed on top of bg-main-color
+@decorator-main-color:           <%= MnoEnterprise.style.palette.decorator_main_color %>;
+
+// Elements placed on top of bg-main-color (secondary)
+@decorator-alt-color:            <%= MnoEnterprise.style.palette.decorator_alt_color %>;
+
+// Used for text used in the context of bg-main-color
+@text-strong-color:              <%= MnoEnterprise.style.palette.text_strong_color %>;
+
+// Inverse colors
+//-------------------------------------------------------------
+// Background color used for dashboard side menu. top banners, inverse modals
+@bg-inverse-color:               <%= MnoEnterprise.style.palette.bg_inverse_color %>;
+
+// Background color for elements displayed on top of inverse elements
+@bg-on-bg-inverse-color:         <%= MnoEnterprise.style.palette.bg_on_bg_inverse_color %>;
+
+// Background color used for elements on top of bg-inverse-color
+@bg-inverse-intense-color:       <%= MnoEnterprise.style.palette.bg_inverse_intense_color %>;
+
+// Design elements (lines, borders) on top of bg-inverse-color
+@decorator-inverse-color:        <%= MnoEnterprise.style.palette.decorator_inverse_color %>;
+
+// Text used on top of bg-inverse-color such as inverse modals
+@text-inverse-color:             <%= MnoEnterprise.style.palette.text_inverse_color %>;
+
+// Color used in small/isolated elements
+//-------------------------------------------------------------
+// used to reflect a positive action or point (e.g: tick icon)
+@elem-positive-color:            <%= MnoEnterprise.style.palette.elem_positive_color %>;
+
+// stronger version of elem-positive-color (barely used)
+@elem-positive-flash-color:      <%= MnoEnterprise.style.palette.elem_positive_flash_color %>;
+
+// used for regular design element - fits well with both main and inverse backgrounds
+@elem-cozy-color:                <%= MnoEnterprise.style.palette.elem_cozy_color %>;

data/lib/generators/mno_enterprise/install/templates/stylesheets/variables.less

@@ -0,0 +1,337 @@
+// Use this file to override Twitter Bootstrap variables or define own variables.
+/*-----------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------*/
+/*                       Design variables                                */
+/*-----------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------*/
+/*-----------------------------------------------------------------------*/
+
+/*-----------------------------------------------------------------------*/
+/*                          Fonts & Text                                 */
+/*-----------------------------------------------------------------------*/
+@font-family-sans-serif:         Arial, "Helvetica Neue", Helvetica, sans-serif;
+@font-family-base:               @font-family-sans-serif;
+@small:                          11px;
+@normal:                         13px;
+
+/*-----------------------------------------------------------------------*/
+/*                        Public Page Header                             */
+/*-----------------------------------------------------------------------*/
+// Simple top header with brand logo - can be enabled/disabled via styleguide configuration
+@public-page-header-bg-color:        @bg-inverse-color;
+@public-page-header-padding:         10px;
+
+@public-page-header-logo-img:        "mno_enterprise/main-logo.png";
+@public-page-header-logo:            { min-height: 61px; max-width: 160px; max-height: 130px; margin: 17px auto 5px auto; };
+
+/*-----------------------------------------------------------------------*/
+/*                              Login Page                               */
+/*-----------------------------------------------------------------------*/
+@login-bg-color:                     @bg-main-color;
+@login-box-grid-position:            { margin-top: 80px; .make-sm-column(4); .make-sm-column-offset(4); };
+
+@login-box-title-color:               @decorator-main-color;
+@login-box-title:                     { text-transform: uppercase; };
+@login-box-title-display-box-arrow:   false;
+
+@login-box-bg-color:                  @bg-inverse-color;
+@login-box-padding:                   20px;
+@login-box-brand-logo-img:            "mno_enterprise/main-logo.png";
+@login-box-brand-logo:                { min-height: 61px; max-width: 160px; max-height: 130px; margin: 17px auto 5px auto; };
+@login-box-btn-login:                 { width: 100%; };
+
+/*-----------------------------------------------------------------------*/
+/*                           Dashboard Layout                            */
+/*-----------------------------------------------------------------------*/
+@dashboard-bg-color:                            @bg-main-color;
+
+@dashboard-section-title-color:                 @text-strong-color;
+@dashboard-section-title-alignment:             center;
+@dashboard-section-title-display-subline:       false;
+
+// Side navbar menu
+//--------------------------------------
+@dashboard-side-menu-padding:                   30px 0px 0px 14px;
+@dashboard-side-menu-bg-color:                  @bg-inverse-color;
+@dashboard-side-menu-horizontal:                { min-width:550px; };
+
+@dashboard-side-menu-brand-logo-img:            "mno_enterprise/main-logo.png";
+@dashboard-side-menu-brand-logo:                { background-size: 204px; width: 51px; margin-left: 5px; };
+@dashboard-side-menu-brand-logo-expanded:       { width: 201px; background-size: 100%; };
+
+@dashboard-side-menu-link-color:                @text-inverse-color;
+@dashboard-side-menu-link-bg-color:             @dashboard-side-menu-bg-color;
+
+@dashboard-side-menu-link-hover-color:          @dashboard-side-menu-bg-color;
+@dashboard-side-menu-link-hover-bg-color:       lighten(@bg-main-color,15%);
+
+@dashboard-side-menu-link-active-color:         @dashboard-side-menu-bg-color;
+@dashboard-side-menu-link-active-bg-color:      @bg-main-color;
+
+@_default_style:                                { .fa-2x; margin-top: 6px; margin-left: 2px; color: @dashboard-side-menu-link-color; };
+@_default_style_active:                         { @_default_style(); color: @dashboard-side-menu-link-active-color; };
+@dashboard-side-menu-btn-dashboard:             { .icon-fa(th); @_default_style(); };
+@dashboard-side-menu-btn-dashboard-active:      { .icon-fa(th); @_default_style_active(); };
+@dashboard-side-menu-btn-account:               { .icon-fa(user); @_default_style(); margin-left: 5px; };
+@dashboard-side-menu-btn-account-active:        { .icon-fa(user); @_default_style_active(); margin-left: 5px; };
+@dashboard-side-menu-btn-company:               { .icon-fa(briefcase); @_default_style(); };
+@dashboard-side-menu-btn-company-active:        { .icon-fa(briefcase); @_default_style_active(); };
+@dashboard-side-menu-btn-marketplace:           { .icon-fa(plus-square-o); @_default_style(); margin-left: 5px; };
+@dashboard-side-menu-btn-marketplace-active:    { .icon-fa(plus-square-o); @_default_style_active(); margin-left: 5px; };
+@dashboard-side-menu-btn-logout:                { .icon-fa(lock); @_default_style(); margin-left: 6px; };
+@dashboard-side-menu-btn-logout-active:         { .icon-fa(lock); @_default_style_active(); margin-left: 6px; };
+
+// Company select box (top right)
+//--------------------------------------
+@dashboard-cpy-select-bg-color:                 @bg-inverse-intense-color;
+@dashboard-cpy-select-border-radius:            0px;
+@dashboard-cpy-select-padding:                  15px 25px;
+
+@dashboard-cpy-select-header-text-color:        @bg-inverse-color;
+@dashboard-cpy-select-header-text-size:         13px;
+
+@dashboard-cpy-select-link-color:               @dashboard-cpy-select-header-text-color;
+
+@dashboard-cpy-select-link-hover-color:         @dashboard-cpy-select-link-color;
+@dashboard-cpy-select-link-hover-bg-color:      lighten(@dashboard-cpy-select-bg-color,10%);
+
+@dashboard-cpy-select-link-create-color:        @decorator-alt-color;
+@dashboard-cpy-select-link-admin-color:         @elem-positive-color;
+
+@dashboard-cpy-select-switch-btn-color:         @dashboard-cpy-select-header-text-color;
+@dashboard-cpy-select-switch-btn-bg-color:      @dashboard-cpy-select-bg-color;
+@dashboard-cpy-select-switch-btn-icon:          { .icon-fa(caret-down); }; //pass a ruleset
+@dashboard-cpy-select-switch-btn-icon-active:   { .icon-fa(caret-up); }; //pass a ruleset
+
+/*-----------------------------------------------------------------------*/
+/*                        Dashboard > Apps Section                       */
+/*-----------------------------------------------------------------------*/
+@dashboard-apps-tile-bg-color:                  @bg-inverse-color;
+@dashboard-apps-tile-text-color:                @text-inverse-color;
+
+@dashboard-apps-tile-logo-border-size:          0px;
+@dashboard-apps-tile-logo-border-color:         @decorator-main-color;
+
+@dashboard-apps-tile-settings-color:            @dashboard-apps-tile-text-color;
+@dashboard-apps-tile-settings-bg-color:         @dashboard-apps-tile-bg-color;
+
+@dashboard-apps-tile-settings-hover-color:      @dashboard-apps-tile-bg-color;
+@dashboard-apps-tile-settings-hover-bg-color:   @dashboard-apps-tile-text-color;
+
+@dashboard-apps-tile-add-color:                 @dashboard-apps-tile-text-color;
+@dashboard-apps-tile-add-bg-color:              @dashboard-apps-tile-text-color;
+
+/*-----------------------------------------------------------------------*/
+/*                      Dashboard > Company Section                      */
+/*-----------------------------------------------------------------------*/
+// Tab Heading
+//--------------------------------------
+@dashboard-cpy-tabs-bg-color:                    @decorator-main-color;
+@dashboard-cpy-tabs-text-color:                  @text-inverse-color;
+@dashboard-cpy-tabs-border-radius:               2px;
+
+@dashboard-cpy-tabs-subline-size:                0px;
+@dashboard-cpy-tabs-subline-color:               transparent;
+
+@dashboard-cpy-tabs-active-text-color:           @decorator-alt-color;
+@dashboard-cpy-tabs-active-bg-color:             @bg-inverse-color;
+
+@dashboard-cpy-tabs-hover-text-color:            @bg-inverse-color;
+@dashboard-cpy-tabs-hover-bg-color:              @decorator-alt-color;
+
+// Tab Content
+//--------------------------------------
+@dashboard-cpy-tabcontent-bg-color:              @dashboard-cpy-tabs-bg-color;
+
+// Teams section
+//--------------------------------------
+@dashboard-cpy-teams-matrix-bg-color:            @bg-inverse-color;
+@dashboard-cpy-teams-matrix-border-color:        lighten(@bg-main-color,30%);
+
+/*-----------------------------------------------------------------------*/
+/*                              IMPAC                                    */
+/*-----------------------------------------------------------------------*/
+@impac-positive:                 green;
+@impac-negative:                 @pink;
+@impac-positive2:                #3fc4ff;     // lighter colors used for payables-receivables
+@impac-negative2:                #1de9b6;     // lighter colors used for payables-receivables
+
+// Dashboard
+//--------------------------------------
+@impac-dashboard-padding-top:                   33px;
+@impac-dashboard-margin-left:                   0px;
+
+// Title
+@impac-dashboard-title-label-color:             @text-strong-color;
+@impac-dashboard-title-color:                   @elem-cozy-color;
+@impac-dashboard-source-color:                  @impac-dashboard-title-label-color;
+@impac-dashboard-buttons-border-radius:         4px;
+@impac-dashboard-title-label-create-color:      white;
+
+// Dashboard Selector
+  // Tabs
+@impac-dashboard-selector-border:               1px solid @lightblue;
+@impac-dashboard-selector-tabs-margin:          0 2px 0 0;
+@impac-dashboard-selector-tabs-padding:         10px 8px 10px 15px;
+@impac-dashboard-selector-tabs-background-color: transparent;
+@impac-dashboard-selector-tabs-active-background-color: #ffffff;
+@impac-dashboard-selector-tabs-color:           black;
+@impac-dashboard-selector-tabs-active-color:    @purple;
+
+// Widget selector
+@impac-dashboard-widget-selector-bg:            #233845;
+@impac-dashboard-widget-selector-text-color:    white;
+
+// Widgets container
+@impac-placeholder-border:                      2px dashed @bg-inverse-color;
+@impac-padding-between-widgets:                 12px;
+@impac-minimum-widget-size:                     258px;
+@impac-widgets-container-side-padding:          0px;
+@impac-big-widget-size:                         581px;
+
+// Buttons
+@impac-btn-shadded-bg:                         @darkblue;
+@impac-btn-shadded-color:                      @mediumblue;
+
+// Dashboard Modals
+@impac-dashboard-loading-spinner:               white;
+
+// Widgets
+//--------------------------------------
+// Global
+@impac-widget-background-color:                 @bg-inverse-color;
+@impac-widget-text-color:                       @text-inverse-color;
+@impac-widget-text-color-medium:                lighten(@impac-widget-text-color,25%);
+@impac-widget-text-color-light:                 lighten(@impac-widget-text-color,70%);
+@impac-widget-borders-color:                    lighten(@impac-widget-text-color-light,10%);
+@impac-widget-link-color:                       @decorator-inverse-color;
+@impac-widget-buttons-color:                    @impac-widget-link-color;
+@impac-widget-tile-selected-color:              @impac-widget-link-color;
+@impac-widget-border:                           solid 1px darken(@lightgray,10%);
+@impac-widget-scrollbar-color:                  #233845;
+@impac-widget-loading-spinner:                  #67BBE9;
+
+// Title
+@impac-widget-title-text-color:                 darken(@impac-widget-text-color,5%);
+@impac-widget-title-bg:                         @impac-widget-background-color;
+@impac-widget-title-border:                     solid 1px @impac-widget-borders-color;
+@impac-widget-title-text-transform:             uppercase;
+@impac-widget-title-text-size:                  12px;
+@impac-widget-title-border-radius:              5px 5px 0px 0px;
+@impac-widget-top-buttons-color:                @impac-widget-text-color-light;
+
+// Content
+@impac-widget-content-border-radius:            0px 0px 5px 5px;
+@impac-widget-lines-container-max-height:       210px;
+
+// Settings
+// Param selector
+@impac-widget-param-selector-color:            @impac-widget-link-color;
+// Hist Mode Choser
+@impac-widget-hist-text-transform:             uppercase;
+@impac-widget-hist-text-size:                  12px;
+@impac-widget-hist-text-color:                 @impac-widget-text-color-light;
+// Params picker
+@impac-widget-params-picker-bg:                #1E303B;
+@impac-widget-params-picker-unchecked-bg:      #c2c4c4;
+// Limit emtries
+@impac-widget-limit-entries-color:             #1E303B;
+
+// Globals and Mixins
+@impac-widget-selectable-color:                @impac-widget-link-color;
+
+// Edit settings
+@impac-widget-sub-bg-color:                    darken(@impac-widget-background-color,10%);
+@impac-widget-sub-bg-color-light:              lighten(@impac-widget-sub-bg-color,5%); //f3f4f4
+
+// Accounts Comparison
+@impac-widget-accounts-comparison-lines-container-max-height: 250px;
+
+// Sales break-even
+@impac-widget-sales-break-even-bg:             rgb(25,40,49);
+@impac-widget-sales-break-even-text-color:     #1de9b6;
+
+
+/*-----------------------------------------------------------------------*/
+/*                 Mno Enterprise > Marketplace Section                  */
+/*-----------------------------------------------------------------------*/
+@dashboard-marketplace-search-text-color:             @bg-inverse-color;
+@dashboard-marketplace-search-border-color:           @bg-inverse-intense-color;
+
+@dashboard-marketplace-tile-bg-color:                 @bg-inverse-color;
+@dashboard-marketplace-tile-text-color:               @text-strong-color;
+@dashboard-marketplace-tile-img-border-color:         @dashboard-marketplace-tile-bg-color;
+
+@dashboard-marketplace-tile-hover-bg-color:           @decorator-main-color;
+@dashboard-marketplace-tile-hover-text-color:         @dashboard-marketplace-tile-text-color;
+@dashboard-marketplace-tile-hover-img-border-color:   darken(@decorator-main-color,10%);
+@dashboard-marketplace-tile-hover-arrow-color:        @text-strong-color;
+
+@dashboard-marketplace-show-header-text-color:        @bg-inverse-color;
+
+@dashboard-marketplace-app-card:                      { display: block; padding: 10px; height: 120px; margin-bottom: 10px; font-weight: 300; };
+
+/*-----------------------------------------------------------------------*/
+/*                     Responsive Table (cell table)                     */
+/*-----------------------------------------------------------------------*/
+@table-cell-row-spacing:               10px;
+@table-cell-row-padding:               3px;
+
+@table-cell-header-text-size:          12px;
+@table-cell-header-text-color:         @bg-inverse-color;
+@table-cell-header-bg-color:           @bg-main-color;
+@table-cell-header-additional-rule:    { text-transform: uppercase; };
+
+@table-cell-row-text-size:             13px;
+@table-cell-row-odd-bg-color:          fade(@bg-main-color,30%);
+@table-cell-row-even-bg-color:         fade(@bg-main-color,10%);
+
+
+/*-----------------------------------------------------------------------*/
+/*                       Twitter Bootstrap colors                        */
+/*-----------------------------------------------------------------------*/
+@brand-success:                  @elem-positive-color;
+@brand-warning:                  @decorator-alt-color;
+@brand-info:                     @text-inverse-color;
+@brand-danger:                   @text-inverse-color;
+@brand-primary:                  @text-inverse-color;
+
+/*-----------------------------------------------------------------------*/
+/*                          Navbar Customization                         */
+/*-----------------------------------------------------------------------*/
+@navbar-inverse-bg:              @bg-inverse-color;
+@navbar-height:                  40px;
+@navbar-inverse-link-color:      @decorator-inverse-color;
+@navbar-border-radius:           0px;
+@navbar-inverse-border:          @bg-inverse-color;
+@navbar-desktop-height:          120px;
+@navbar-inverse-link-active-bg:  @navbar-inverse-bg;
+
+/*-----------------------------------------------------------------------*/
+/*                          Form Customization                           */
+/*-----------------------------------------------------------------------*/
+@input-bg: @bg-on-bg-inverse-color;
+@input-color: @text-inverse-color;
+@input-color-placeholder: @input-color;
+
+@input-label-color: @text-inverse-color;
+
+/*-----------------------------------------------------------------------*/
+/*                         Buttons Customization                         */
+/*-----------------------------------------------------------------------*/
+
+// General
+@btn-font-weight:                500;
+
+// Warning
+@btn-warning-color:              #fff;
+
+// Success
+@btn-success-color:              #fff;
+
+/*-----------------------------------------------------------------------*/
+/*                            Footer                                     */
+/*-----------------------------------------------------------------------*/
+
+@footer-bg:                      @bg-main-color;