ad2games-ui_components 2.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 027bbc06745d1f1fd87442a2298f6bae2f761f04
+  data.tar.gz: cfbee9ef2cc409887eec15c17e02679f7dc17427
+SHA512:
+  metadata.gz: 716cde9be8d41caddb27c9d49a7b7e2dd00230e3c6bb852b4fd9560cbea6f2773d363ebf9cd4b2a8f106e43edbe28102025f53eae89a6ceca878769234c6d76d
+  data.tar.gz: 8e269a1223e16a90d8d70abe00be52b96ca07d356e9b1c02ab94982ed9311d3ed45ba7deb06838d2131224f432b3d3d1d938f60caeb1b670b2cb1f92685e45cf

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 Helge Rausch
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rubocop-ci'
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = 'UiComponents'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path('../spec/dummy/Rakefile', __FILE__)
+load 'rails/tasks/engine.rake'
+load 'rails/tasks/statistics.rake'
+
+Bundler::GemHelper.install_tasks
+
+Dir['lib/tasks/*.rake'].each { |r| load r }
+
+load 'tasks/bower.rake'
+task build: :'bower:update:prune'

data/app/assets/javascripts/ui_components.js.erb

@@ -0,0 +1,26 @@
+//= require jquery
+//= require jquery.turbolinks
+//= require jquery_ujs
+//= require underscore
+//= require moment/moment
+//= require turbolinks
+
+//= require jquery.floatThead/dist/jquery.floatThead
+
+//= require chosen/chosen.jquery
+//= require ajax-chosen/lib/ajax-chosen
+//= require bootstrap
+//= require bootstrap-datepicker/core
+//= require bootstrap-daterangepicker/daterangepicker
+//= require marked/lib/marked
+
+//= require_tree .
+
+<% UiComponents::Engine.components_paths.each do |path| %>
+  <%
+    begin
+      require_asset path.basename.to_s
+    rescue Sprockets::FileNotFound
+    end
+  %>
+<% end %>

data/app/assets/javascripts/ui_components/chosen_init.coffee

@@ -0,0 +1,9 @@
+$ ->
+  $('[data-toggle="chosen"]').each ->
+    $this = $(this)
+
+    data = $this.data()
+    data.search_contains = true
+    data.allow_single_deselect = true
+
+    $this.chosen data

data/app/assets/javascripts/ui_components/domchange.coffee

@@ -0,0 +1 @@
+$ -> $(document).trigger('uic:domchange')

data/app/assets/javascripts/ui_components/hide_empty_dropdowns.coffee

@@ -0,0 +1,4 @@
+$ ->
+  $('.dropdown').each (i, dropdown) ->
+    if $(dropdown).find('ul li:not(.divider)').length == 0
+      $(dropdown).find('a').hide()

data/app/assets/javascripts/ui_components/modal.coffee

@@ -0,0 +1 @@
+$ -> $(document).on('shown.bs.modal', (e) -> $(e.target).trigger('uic:domchange'))

data/app/assets/javascripts/ui_components/navbar.coffee

@@ -0,0 +1,2 @@
+$ ->
+  $('.navbar .active').parents('.dropdown').addClass('active')

data/app/assets/javascripts/ui_components/sticky_header.coffee

@@ -0,0 +1,24 @@
+
+setFloatThead = ->
+  margin_top = $('.navbar-fixed-top, .navbar-static-top').height()
+  $('table[data-toggle=sticky-header]').floatThead
+    position: 'fixed'
+    top: margin_top
+
+$(document).on 'uic:domchange', ->
+  # initialize sticky header
+  $(window).one 'scroll', ->
+    setFloatThead()
+
+  # destroy sticky header on show/hide alert dom changes
+  $('.collapse').on 'show.bs.collapse', (e) ->
+    $('table[data-toggle=sticky-header]').floatThead('destroy')
+
+  $('.collapse').on 'hide.bs.collapse', (e) ->
+    $('table[data-toggle=sticky-header]').floatThead('destroy')
+
+  $('.collapse').on 'hidden.bs.collapse', (e) ->
+    setFloatThead()
+
+  $('.collapse').on 'shown.bs.collapse', (e) ->
+    setFloatThead()

data/app/assets/javascripts/ui_components/submit_on_change.coffee

@@ -0,0 +1,3 @@
+$ ->
+  $('[data-toggle="submit-on-change"]').change ->
+    this.form.submit()

data/app/assets/javascripts/ui_components/turbolinks_progressbar.coffee

@@ -0,0 +1,2 @@
+# remove this when turbolinks 3 is released
+Turbolinks.enableProgressBar() if Turbolinks.enableProgressBar

data/app/assets/stylesheets/a2g_ui_components.scss

@@ -0,0 +1,8 @@
+@import 'bootstrap-sprockets';
+@import 'variables';
+@import 'bootstrap';
+
+@import 'libs';
+
+@import 'ui_components/*';
+@import 'default_theme/*';

data/app/assets/stylesheets/default_theme/button.scss

@@ -0,0 +1,160 @@
+%btn {
+  background-clip: padding-box;
+  transition: background-color .1s ease-out, border-color .1s, color .1s;
+
+  &:active,
+  &.active,
+  &:focus,
+  &.focus,
+  &:hover,
+  &.hover,
+  &:active:focus,
+  &:active.focus,
+  &:active:hover,
+  &:active.hover,
+  &.active:focus,
+  &.active.focus,
+  .open > &.dropdown-toggle {
+    // scss-lint:disable ImportantRule
+    outline: none !important;
+    box-shadow: none;
+  }
+}
+
+.btn {
+  @extend %btn;
+
+  .glyphicon {
+    padding: 0 2px;
+  }
+}
+
+%btn-default {
+
+  &:active,
+  &.active,
+  &:focus,
+  &.focus,
+  &:hover,
+  &.hover,
+  .open > &.dropdown-toggle {
+    background-color: $btn-default-hover-bg;
+    border-color: $btn-default-hover-border;
+    color: $btn-default-hover-color;
+  }
+
+  &:active:focus,
+  &:active.focus,
+  &:active:hover,
+  &:active.hover,
+  &.active:focus,
+  &.active.focus {
+    background-color: $btn-default-hover-border;
+    border-color: $btn-default-hover-border;
+    color: $white;
+  }
+}
+
+.btn-default {
+  @extend %btn-default;
+}
+
+%btn-primary {
+
+  &:active,
+  &.active,
+  &:focus,
+  &.focus,
+  &:hover,
+  &.hover,
+  .open > &.dropdown-toggle {
+    background-color: $btn-primary-hover-bg;
+    border-color: $btn-primary-hover-border;
+    color: $btn-primary-hover-color;
+  }
+
+  &:active:focus,
+  &:active.focus,
+  &:active:hover,
+  &:active.hover,
+  &.active:focus,
+  &.active.focus {
+    background-color: darken($btn-primary-hover-bg, 15%);
+    border-color: $btn-primary-hover-border;
+    color: $btn-primary-hover-color;
+  }
+}
+
+.btn-primary {
+  @extend %btn-primary;
+}
+
+%btn-disabled {
+  border-color: rgba($gray, .3);
+  color: $gray;
+  background-color: rgba($gray-light, .3);
+
+  &.active,
+  &.active.focus,
+  &.active:focus,
+  &.focus,
+  &.focus,
+  &:active,
+  &:active.focus,
+  &:active:focus,
+  &:active.hover,
+  &:active:hover,
+  &:focus,
+  &:focus,
+  &:hover {
+    border-color: rgba($gray, .3);
+    color: $gray;
+    background-color: rgba($gray-light, .3);
+  }
+}
+
+.btn[disabled],
+.btn.disabled {
+  @extend %btn-disabled;
+}
+
+.input-group-btn {
+  font-size: $font-size-base;
+}
+
+// list-based button-groups -> ul.btn-group > li > a.btn.btn-default
+// scss-lint:disable QualifyingElement
+ul.btn-group {
+  padding: 0;
+  list-style: none;
+
+  li {
+    display: block;
+    float: left;
+    margin-left: -1px;
+
+    .btn {
+      border-radius: 0;
+    }
+
+    &:first-child {
+      margin-left: 0;
+
+      .btn {
+        border-radius: $border-radius-base 0 0 $border-radius-base;
+      }
+    }
+
+    &:last-child .btn {
+      border-radius: 0 $border-radius-base $border-radius-base 0;
+    }
+  }
+
+  .active > .btn-default {
+    @extend %btn-default.active;
+  }
+
+  .active > .btn-primary {
+    @extend %btn-primary.active;
+  }
+}

data/app/assets/stylesheets/default_theme/common.scss

@@ -0,0 +1,15 @@
+.well {
+  box-shadow: none;
+  border: 0;
+
+  > .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// rubocop rule disabled so i can extend the existing Bootstrap class
+// scss-lint:disable PlaceholderInExtend
+.panel-header {
+  @extend .modal-header;
+  padding: $padding-small;
+}

data/app/assets/stylesheets/default_theme/footer.scss

@@ -0,0 +1,7 @@
+footer {
+  border-top: 1px dashed $brand-secondary;
+  color: $gray;
+  margin-top: $padding-large;
+  padding: $padding-base;
+  text-align: center;
+}

data/app/assets/stylesheets/default_theme/form.scss

@@ -0,0 +1,72 @@
+%form-control {
+  border-color: rgba($gray-darker, .1);
+  box-shadow: none;
+  border-radius: $border-radius-base;
+  background-clip: padding-box;
+
+  &:hover,
+  &:focus,
+  &.focus,
+  &:active,
+  &.active {
+    border: 1px solid rgba($brand-primary, .6);
+    box-shadow: none;
+  }
+}
+
+.form-control {
+  @extend %form-control;
+}
+
+.has-error {
+  .form-control {
+    @extend %form-control;
+    outline: 1px dashed $brand-danger;
+
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      @extend %form-control:focus;
+      outline: 1px dashed $brand-danger;
+    }
+  }
+}
+
+.form-inline .control-label {
+  margin-right: $padding-small;
+}
+
+// Chosen select
+
+.chosen-container {
+
+  .chosen-single {
+    @extend %form-control;
+    cursor: pointer;
+  }
+
+  &.chosen-container-active .chosen-single {
+    @extend %form-control:focus;
+  }
+
+  .chosen-drop {
+    border-radius: 0 0 $border-radius-base $border-radius-base;
+    border-top: 0;
+    background-clip: padding-box;
+    box-shadow: $shadow-base;
+    margin-top: -2px;
+  }
+
+  &.chosen-container-single .chosen-search input {
+    border-radius: $border-radius-base;
+    box-shadow: none;
+    outline: none;
+  }
+
+  &.chosen-container-single .chosen-results .highlighted {
+    background-color: $brand-primary;
+    border-radius: $border-radius-base;
+  }
+}

data/app/assets/stylesheets/default_theme/navbar.scss

@@ -0,0 +1,55 @@
+.navbar {
+  background-color: $white;
+  border: 0;
+  box-shadow: 0 1px 4px rgba($black, .2);
+
+  .navbar-brand {
+    background: url(image-path('logo.svg')) no-repeat $padding-base center;
+    font-size: 16px;
+    line-height: ($navbar-height - 10px);
+    margin: 0;
+    padding: $padding-small-vertical 0 $padding-small-vertical 50px;
+
+    img {
+      height: 100%;
+    }
+
+    .environment {
+      font-style: italic;
+      font-weight: normal;
+    }
+
+    .company-name {
+      color: $black;
+      font-weight: bold;
+      text-transform: uppercase;
+    }
+  }
+
+  .icon-bar {
+    background-color: $gray-light;
+  }
+
+  .nav > li {
+    &.active > a {
+      color: $brand-primary;
+      font-family: $headings-font-family;
+    }
+
+    &.active > a:hover {
+      background-color: $brand-primary;
+      color: $white;
+    }
+  }
+
+  .dropdown-menu .dropdown:hover .dropdown-menu {
+    display: block;
+    top: -50%;
+    left: 100%;
+  }
+}
+
+body {
+  background-color: $body-bg;
+  padding: $navbar-height 0 0;
+}