fleetio_spark 0.2.48 → 1.0.0.rc.1

data/app/assets/stylesheets/spark/components/layout/_header.scss

@@ -1,55 +0,0 @@
-.spark-header {
-  padding: $pad-md $pad-lg;
-  font-size: 14px;
-  font-weight: 600;
-  display: flex;
-
-  &-title {
-    display: flex;
-    align-items: center;
-
-    > * {
-      margin: 0 $pad-sm;
-
-      &:first-child { margin-left: 0; }
-      &:last-child { margin-right: 0; }
-    }
-
-    .tooltip {
-      margin-left: 0;
-    }
-  }
-
-  &-badge {
-    display: inline-flex;
-    padding: 0 $pad-base - 1;
-    font-size: .9em;
-    line-height: 1.4em;
-    border-radius: 15px;
-    background: $fl-gray-500;
-    color: #fff;
-    margin-left: $pad-base;
-    text-align: center;
-  }
-
-  .tooltip {
-    color: $fl-gray-200;
-
-    &-text {
-      background: $fl-gray-900;
-      display: none;
-    }
-  }
-
-  &-actions {
-    display: flex;
-    margin-left: auto;
-  }
-
-  &-action {
-    margin: 0 $pad-sm;
-
-    &:first-child { margin-left: 0; }
-    &:last-child { margin-right: 0; }
-  }
-}

data/app/assets/stylesheets/spark/components/page/_header.scss

@@ -1,9 +0,0 @@
-.spark-page-header {
-  width: 100%;
-  background: $fl-white;
-  border-bottom: 1px solid $fl-gray-100;
-
-  &-body {
-    padding: $pad-base $pad-lg { bottom: $pad-lg };
-  }
-}

data/app/assets/stylesheets/spark/components/page/_main.scss

@@ -1,62 +0,0 @@
-.spark-page-main {
-  $flex-min: 300px;
-
-  padding: 0 $pad-base;
-  position: relative;
-
-  &.nav-active {
-    flex-flow: nowrap;
-  }
-
-  &-sidebar {
-    padding: 0 $pad-base;
-  }
-
-  &-content {
-    padding: $pad-lg $pad-base;
-    z-index: 1;
-    width: 100%;
-  }
-
-  &-body {
-    width: 100%;
-  }
-
-  @include at-least($width-base) {
-    display: flex;
-
-    &-sidebar {
-      padding: $pad-lg $pad-base;
-    }
-    &-sidebar + &-content {
-      padding-left: $pad-lg;
-    }
-  }
-
-  &-nav {
-    padding-bottom: $pad-lg;
-  }
-  
-  &-header {
-    padding-bottom: $pad-lg;
-    border-bottom: 1px solid $fl-gray-100;
-    margin-bottom: $pad-lg;
-  }
-
-  &-columns {
-    margin: 0 (-$pad-base);
-    display: flex;
-    flex-flow: wrap;
-  }
-
-  &-column {
-    margin-bottom: $pad-lg;
-    flex-basis: $flex-min;
-    flex-grow: 1;
-    padding: 0 $pad-base;
-
-    p {
-      margin-bottom: $pad-lg;
-    }
-  }
-}

data/app/assets/stylesheets/spark/components_old/header/_trial-status.scss

@@ -1,61 +0,0 @@
-.trial-status {
-  display: none;
-  flex-shrink: 0;
-  white-space: nowrap;
-  align-items: center;
-  font-size: 12px;
-  color: $fl-purple-600;
-  
-  .trial-status-link {
-    font-weight: 500;
-    text-decoration: none;
-    color: inherit;
-    background-color: transparent;
-    padding: $pad-xs $pad-base;
-    border-radius: 3px;
-    border: 1px solid $fl-purple-100;
-    margin-left: $pad-base;
-    transition-property: background-color, border-color;
-    transition-duration: $duration;
-    transition-timing-function: $timing;
-
-    &:hover,
-    &:focus {
-      background-color: $fl-purple-25;
-      border-color: $fl-purple-200;
-    }
-  }
-
-  @include at-least($width-sm) {
-    display: flex;
-    margin-right: $pad-lg;
-  }
-
-  &.trial-ending-soon {
-    color: $fl-yellow-600;
-
-    .trial-status-link {
-      &,
-      &:hover,
-      &:focus {
-        color: $fl-white;
-        background-color: $fl-yellow-600;
-        border-color: transparent;
-      }
-    }
-  }
-
-  &.trial-ended {
-    color: $fl-red-600;
-
-    .trial-status-link {
-      &,
-      &:hover,
-      &:focus {
-        color: $fl-white;
-        background-color: $fl-red-600;
-        border-color: transparent;
-      }
-    }
-  }
-}

data/app/components/spark/app/banner_component.rb

@@ -1,32 +0,0 @@
-class App::BannerComponent < SparkComponents::Component
-  attribute action_text: "Learn more"
-  attribute :message, :href, :icon, :target
-  root_attr role: "banner"
-  base_class "app-banner"
-
-  attribute theme: "message"
-  validates_choice :theme, %w[message alert admin]
-
-  def render
-    add_class theme
-    content_tag(:header, tag_attrs) do
-      concat content_tag(:div, class: join_class("content")) {
-        concat component("ui/icon", name: theme_icon, class: join_class("icon"))
-        concat content_tag(:div, message || self, class: join_class("message"))
-      }
-      if href
-        concat content_tag(:div, class: join_class("action")) {
-          link_to(action_text, href, class: join_class("action-item"), target: target)
-        }
-      end
-    end
-  end
-
-  def theme_icon
-    case theme.to_sym
-    when :message then "message-text"
-    when :alert then "message-alert"
-    when :admin then "admin-user"
-    end
-  end
-end

data/app/components/spark/app/content_component.rb

@@ -1,32 +0,0 @@
-class App::ContentComponent < SparkComponents::Component
-  base_class "app-content"
-
-  element :header do
-    def render
-      content_tag(:div, @yield, class: parent.join_class('header')) unless @yield.blank?
-    end
-  end
-
-  element :nav do
-    def render
-      content_tag(:div, @yield, class: parent.join_class('nav')) unless @yield.blank?
-    end
-  end
-
-  element :main do
-    def render
-      content_tag(:div, @yield, class: parent.join_class('main')) unless @yield.blank?
-    end
-  end
-
-  element :sidebar, component: 'nav/sidebar'
-
-  def render
-    data_attr scroll: true
-    content_tag(:div, tag_attrs) do
-      concat header
-      concat nav
-      concat @yield
-    end
-  end
-end

data/app/components/spark/app/header_component.rb

@@ -1,59 +0,0 @@
-class App::HeaderComponent < SparkComponents::Component
-
-  element :search
-  element :actions do
-    aria_attr label: "site actions"
-    root_attr role: "navigation"
-    base_class "app-header-actions"
-  end
-
-  def render
-    content_tag(:header, class: "app-header", role: "banner") do
-      concat component("nav/toggle", target: "body, .app-sidebar", class: 'app-sidebar-toggle', icon: 'nav-menu')
-      concat logo
-      concat search
-      if trial || actions
-        concat content_tag(:nav, actions.tag_attrs) {
-          concat trial
-          concat actions
-        }
-      end
-      concat self
-    end
-  end
-
-  element :logo do
-    attribute :image, :href
-
-    def render
-      link_to href, class: 'app-header-logo' do
-        image || @view.use_svg('logo', height: '30')
-      end
-    end
-  end
-
-  element :trial do
-    attribute :end_date, :href
-    base_class "trial-status"
-
-    def render
-      add_class "trial-ended" if days < 1
-      add_class "trial-ending-soon" if 1 <= days && days < 5
-
-      content_tag( :div, tag_attrs ) do
-        concat content_tag( :span, class: 'trial-status-text' ) { text }
-        concat " "
-        concat link_to "Manage", href, class: 'trial-status-link'
-      end
-    end
-
-    def days
-      [0, (end_date.to_date - Time.zone.now.to_date).to_i].max
-    end
-
-    def text
-      %(#{@view.pluralize(days, 'day')} left in trial)
-    end
-  end
-
-end

data/app/components/spark/app/layout_component.rb

@@ -1,92 +0,0 @@
-class App::LayoutComponent < SparkComponents::Component
-  base_class "app-wrapper"
-
-  element :content do
-    base_class "app-content"
-
-    def render
-      data_attr scroll: true
-      content_tag(:div, tag_attrs) do
-        concat header
-        concat nav
-        concat @yield
-      end
-    end
-
-    element :header do
-      def render
-        content_tag(:div, @yield, class: "app-content-header") unless @yield.blank?
-      end
-    end
-
-    element :nav do
-      def render
-        content_tag(:div, @yield, class: "app-content-nav") unless @yield.blank?
-      end
-    end
-  end
-
-  def render
-    add_class @sidebar ? "with-sidebar" : "without-sidebar"
-    @view.capture do
-      @banner.each { |item| concat(item) } if @banner
-      concat content_tag(:div, tag_attrs) {
-        concat ie_fix
-        concat @sidebar
-        concat content_tag(:div, class: "app-main") {
-          concat @header
-          concat content
-        }
-      }
-      #concat content_tag(:div, content_for(:modals), class: "app-modals") if @view.content_for?(:modals)
-    end
-  end
-
-  def render
-    add_class @sidebar ? "with-sidebar" : "without-sidebar"
-    @view.capture do
-      @banner.each { |item| concat(item) } if @banner
-      concat content_tag(:div, tag_attrs) {
-        concat ie_fix
-        concat @sidebar
-        concat content_tag(:div, class: "app-main") {
-          concat @header
-          concat content
-        }
-      }
-      concat content_tag(:div, content_for(:modals), class: "app-modals") if @view.content_for?(:modals)
-    end
-  end
-
-  def sidebar(options, &block)
-    @sidebar = compose("app/sidebar", options, &block)
-  end
-
-  def header(options, &block)
-    @header = compose("app/header", options, &block)
-  end
-
-  def banner(options, &block)
-    @banner ||= []
-    @banner.push compose("app/banner", options, &block)
-  end
-
-  def compose(name, options, &block)
-    if options[:render]
-      @view.render(options[:render])
-    else
-      component(name, options, &block)
-    end
-  end
-
-  def ie_fix
-    content_tag(:script) do
-%((function(){
-  if (!!(navigator.userAgent.match(/Trident/) && navigator.userAgent.match(/rv[ :]11/))) {
-    var wrapper = document.querySelector('.app-wrapper')
-    wrapper.style.flexBasis = "calc(100vh - "+wrapper.offsetTop+"px)";
-  }
-})()).html_safe
-    end
-  end
-end

data/app/components/spark/app/modal_component.rb

@@ -1,5 +0,0 @@
-class App::ModalComponent < SparkComponents::Component
-  def render
-    content_for(:modals) { @yield }
-  end
-end

data/app/components/spark/app/sidebar/header_component.rb

@@ -1,39 +0,0 @@
-class App::Sidebar::HeaderComponent < SparkComponents::Component
-  attribute :account, :contact, :avatar
-  base_class "app-sidebar-header"
-  add_class "dropdown"
-
-  def render
-    @view.capture do
-      concat content_tag(:header, tag_attrs) {
-        if account && contact && avatar
-          concat content_tag(:a, class: "dropdown-toggle", href: "javascript:void(0)", "data-toggle" => "dropdown") {
-            concat content_tag(:div, class: "details") {
-              concat account_tag
-              concat icon
-              concat user_tag
-            }
-            concat avatar_tag
-          }
-        end
-        concat @yield
-      }
-    end
-  end
-
-  def account_tag
-    content_tag(:div, account, class: "account-name")
-  end
-
-  def user_tag
-    content_tag(:div, contact, class: "user-name")
-  end
-
-  def avatar_tag
-    content_tag(:div, avatar, class: "user-avatar")
-  end
-
-  def icon
-    @view.use_svg('chevron-down', width: '9', class: 'dropdown-icon')
-  end
-end