ogatstyle 3.2.2

data/app/assets/stylesheets/ogatstyle/_variables.scss

@@ -0,0 +1,14 @@
+// Official OGAT branding colors
+
+// #5B3393 / rgb(91,51,147)
+$ogat-purple: rgb(91,51,147) !default;
+// #AD99C9 / rgb(173,153,201)
+$ogat-purple-secondary: mix($ogat-purple, white, 50%) !default;
+// #B09C78 / rgb(176,156,119)
+$ogat-gold: #B09C78 !default;
+
+// Web colors: prefer tints and shades of brand colors
+// for tints: mix with white
+// for shades: mix with black
+
+$ogat-purple-alt: mix($ogat-purple, white, 60%) !default;

data/app/assets/stylesheets/ogatstyle/_visibility.scss

@@ -0,0 +1,25 @@
+@media (max-width: 479px) {
+  .visible-phone-portrait {
+    display: inherit !important;
+  }
+
+  .hidden-phone-portrait {
+    display: none !important;
+  }
+}
+
+@media (min-width: 480px) {
+  .visible-phone-portrait {
+    display: none !important;
+  }
+
+  .hidden-phone-portrait {
+    display: inherit !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline-block !important;
+  }
+}

data/app/assets/stylesheets/ogatstyle/apps/_bootstrap_overrides.scss

@@ -0,0 +1,25 @@
+.footer {
+  color: #999;
+  padding: 30px;
+
+  .copyright,
+  .legal {
+    font-size: 80%;
+  }
+}
+
+.table-attributes tbody th {
+  text-align: right;
+  width: 20%;
+}
+
+td.actions {
+  text-align: right;
+}
+
+// Adjust heading line-height in media items to account for GillSansBold
+.media-body {
+  h4 {
+    line-height: 1.3;
+  }
+}

data/app/assets/stylesheets/ogatstyle/apps/_bootstrap_variables.scss

@@ -0,0 +1,13 @@
+$brand-primary: $ogat-purple;
+
+$navbar-inverse-bg:                 $ogat-purple;
+$navbar-inverse-link-color:         #fff;
+$navbar-inverse-link-hover-bg:      $ogat-purple-alt;
+$navbar-inverse-link-hover-color:   #efefef;
+$navbar-inverse-link-active-bg:     $ogat-purple-alt;
+$navbar-inverse-toggle-hover-bg:    mix($ogat-purple, black, 5%);
+$navbar-inverse-brand-color:        #fff;
+$navbar-inverse-brand-hover-color:  #efefef;
+$navbar-inverse-brand-hover-bg:     $ogat-purple-alt;
+
+$headings-font-family: GillSansBold, "Helvetica Neue", Arial, sans-serif;

data/app/assets/stylesheets/ogatstyle/apps/_navbar.scss

@@ -0,0 +1,75 @@
+@media (min-width: 768px) {
+  .navbar > .container-fluid .navbar-app-title {
+    margin-left: 0;
+  }
+}
+.navbar-brand {
+  line-height: inherit;
+  padding: 7px;
+}
+
+.navbar-app-title {
+  @extend .navbar-brand;
+  font-family: GillSansLight;
+  margin-left: 0;
+  padding: 10px 15px 10px 5px;
+  text-transform: uppercase;
+
+  .app-title {
+    position: relative;
+    top: 4px;
+  }
+}
+
+#avatar {
+  padding-bottom: 10px;
+  padding-top: 10px;
+
+  img {
+    border-radius: 2px;
+  }
+}
+.navbar-icon {
+  padding-bottom: 12px !important;
+  padding-top: 12px !important;
+  position: relative;
+
+  .fa {
+    font-size: 25px;
+  }
+
+  .badge {
+    background-color: #FDB61D;
+    color: $ogat-purple;
+    position: absolute;
+    right: 4px;
+    top: 6px;
+  }
+}
+.navbar-inverse {
+  .form-control,
+  .input-group-addon,
+  .btn-default {
+    @include form-control-focus($ogat-purple-alt);
+    background-color: mix($ogat-purple, black, 80%);
+    border-color: mix($ogat-purple, black, 50%);
+    color: $navbar-inverse-link-color;
+  }
+
+  .btn-default:hover {
+    background-color: mix($ogat-purple, white, 80%);
+  }
+
+  .navbar-app-title {
+    &:hover,
+    &:focus {
+      background-color: transparent;
+      text-shadow: 0 0 6px $navbar-inverse-link-color;
+    }
+  }
+
+  .badge {
+    background-color: #FDB61D;
+    color: $ogat-purple;
+  }
+}

data/app/assets/stylesheets/ogatstyle/apps/_purple.scss

@@ -0,0 +1,28 @@
+$purple-gradient-color: mix($ogat-purple, black, 80%) !default;
+$purple-panel-color: mix($ogat-purple, white, 20%) !default;
+
+body.purple {
+  background-color: $ogat-purple;
+  background: -moz-linear-gradient(top, $ogat-purple 0%, $purple-gradient-color 100%);
+  background: -webkit-linear-gradient(top, $ogat-purple 0%, $purple-gradient-color 100%);
+  background: linear-gradient(to bottom, $ogat-purple 0%, $purple-gradient-color 100%);
+  color: #EFEFEF;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$ogat-purple, endColorstr=$purple-gradient-color,GradientType=0 );
+
+  .footer {
+    color: #AAA;
+  }
+
+  .panel-default {
+    background-color: rgba($purple-panel-color, 0.7);
+    border-color: $purple-gradient-color;
+    -moz-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.6);
+    -webkit-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.6);
+    box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.6);
+    color: $text-color;
+
+    .panel-heading {
+      background-color: rgba($purple-gradient-color, 0.15);
+    }
+  }
+}

data/app/assets/stylesheets/ogatstyle/sites/_base_style.scss

@@ -0,0 +1,13 @@
+.container.container-constrained {
+	max-width: 1200px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.grid-row {
+	margin-bottom: 1em;
+}
+
+.container-main {
+	padding-bottom: 1em;
+}

data/app/assets/stylesheets/ogatstyle/sites/_bootstrap_overrides.scss

@@ -0,0 +1,61 @@
+.footer {
+  background-color: #f7f7f7;
+  background-color: rgba(255, 255, 255, 0.65);
+  padding: 30px;
+  color: #999;
+
+  .copyright, .legal {
+    font-size: 80%;
+  }
+}
+
+.image-header {
+  text-indent: -9999px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+} 
+
+.container-fluid-main {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  background-color: white;
+}
+
+@media (min-width: 980px) {
+  .container {
+    padding: 0 30px 0;
+  }
+  .container-main {
+    border: 1px solid #bbb;
+
+    &.container {
+      min-height: 70%;
+    }
+  }
+}
+
+@media (max-width: 979px) {
+  .footer {
+    background-color: #f7f7f7;
+  }
+}
+
+html, body {
+  height: 100%;
+}
+
+// Adjust heading line-height in media items to account for GillSansBold
+.media-body {
+  h4 {
+    line-height: 1.3;
+  }
+}
+
+// Fix button text shadow in OGATstyle
+.btn-primary {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+// Fix active state + badge text shadow
+.active .badge {
+  text-shadow: none;
+}

data/app/assets/stylesheets/ogatstyle/sites/_bootstrap_variables.scss

@@ -0,0 +1,3 @@
+$brand-primary: $ogat-purple;
+
+$headings-font-family: GillSansBold, "Helvetica Neue", Arial, sans-serif;

data/app/assets/stylesheets/ogatstyle.scss

@@ -0,0 +1,14 @@
+@import "ogatstyle/variables";
+@import "ogatstyle/sites/bootstrap_variables";
+@import "ogatstyle/base_fonts";
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import "bootstrap/theme";
+@import "ogatstyle/sites/bootstrap_overrides";
+@import "ogatstyle/social";
+@import "ogatstyle/visibility";
+@import "ogatstyle/type";
+@import "ogatstyle/tables";
+@import "ogatstyle/sites/base_style";
+@import "font-awesome-sprockets";
+@import "font-awesome";

data/app/assets/stylesheets/ogatstyle_app.scss

@@ -0,0 +1,14 @@
+@import "ogatstyle/variables";
+@import "ogatstyle/apps/bootstrap_variables";
+@import "ogatstyle/base_fonts";
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
+@import "ogatstyle/apps/bootstrap_overrides";
+@import "ogatstyle/social";
+@import "ogatstyle/visibility";
+@import "ogatstyle/type";
+@import "ogatstyle/tables";
+@import "ogatstyle/apps/navbar";
+@import "font-awesome-sprockets";
+@import "font-awesome";

data/bin/console

@@ -0,0 +1,15 @@
+#!/usr/bin/env ruby
+
+require 'rails'
+require 'bundler/setup'
+require 'ogatstyle'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/coffeelint.json

@@ -0,0 +1,129 @@
+{
+  "arrow_spacing": {
+    "level": "ignore"
+  },
+  "braces_spacing": {
+    "level": "ignore",
+    "spaces": 0,
+    "empty_object_spaces": 0
+  },
+  "camel_case_classes": {
+    "level": "error"
+  },
+  "coffeescript_error": {
+    "level": "error"
+  },
+  "colon_assignment_spacing": {
+    "level": "ignore",
+    "spacing": {
+      "left": 0,
+      "right": 0
+    }
+  },
+  "cyclomatic_complexity": {
+    "value": 10,
+    "level": "ignore"
+  },
+  "duplicate_key": {
+    "level": "error"
+  },
+  "empty_constructor_needs_parens": {
+    "level": "ignore"
+  },
+  "ensure_comprehensions": {
+    "level": "warn"
+  },
+  "eol_last": {
+    "level": "ignore"
+  },
+  "indentation": {
+    "value": 2,
+    "level": "error"
+  },
+  "line_endings": {
+    "level": "ignore",
+    "value": "unix"
+  },
+  "max_line_length": {
+    "value": 80,
+    "level": "error",
+    "limitComments": true
+  },
+  "missing_fat_arrows": {
+    "level": "ignore",
+    "is_strict": false
+  },
+  "newlines_after_classes": {
+    "value": 3,
+    "level": "ignore"
+  },
+  "no_backticks": {
+    "level": "error"
+  },
+  "no_debugger": {
+    "level": "warn",
+    "console": false
+  },
+  "no_empty_functions": {
+    "level": "ignore"
+  },
+  "no_empty_param_list": {
+    "level": "ignore"
+  },
+  "no_implicit_braces": {
+    "level": "ignore",
+    "strict": true
+  },
+  "no_implicit_parens": {
+    "strict": true,
+    "level": "ignore"
+  },
+  "no_interpolation_in_single_quotes": {
+    "level": "ignore"
+  },
+  "no_plusplus": {
+    "level": "ignore"
+  },
+  "no_stand_alone_at": {
+    "level": "ignore"
+  },
+  "no_tabs": {
+    "level": "error"
+  },
+  "no_this": {
+    "level": "ignore"
+  },
+  "no_throwing_strings": {
+    "level": "error"
+  },
+  "no_trailing_semicolons": {
+    "level": "error"
+  },
+  "no_trailing_whitespace": {
+    "level": "error",
+    "allowed_in_comments": false,
+    "allowed_in_empty_lines": true
+  },
+  "no_unnecessary_double_quotes": {
+    "level": "ignore"
+  },
+  "no_unnecessary_fat_arrows": {
+    "level": "warn"
+  },
+  "non_empty_constructor_needs_parens": {
+    "level": "ignore"
+  },
+  "prefer_english_operator": {
+    "level": "ignore",
+    "doubleNotLevel": "ignore"
+  },
+  "space_operators": {
+    "level": "ignore"
+  },
+  "spacing_after_comma": {
+    "level": "ignore"
+  },
+  "transform_messes_up_line_numbers": {
+    "level": "warn"
+  }
+}

data/lib/ogatstyle/fileicon/mapping.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module Ogatstyle
+  module Fileicon
+    MAPPING = {
+      'bmp'  => 'image',
+      'gif'  => 'image',
+      'jpeg' => 'image',
+      'jpg'  => 'image',
+      'png'  => 'image',
+      'svg'  => 'image',
+      'tiff' => 'image',
+
+      '7z'   => 'archive',
+      'bz2'  => 'archive',
+      'gz'   => 'archive',
+      'rar'  => 'archive',
+      'sit'  => 'archive',
+      'sitx' => 'archive',
+      'tar'  => 'archive',
+      'tgz'  => 'archive',
+      'zip'  => 'archive',
+      'zipx' => 'archive',
+
+      'css' => 'css',
+
+      'htm'  => 'html',
+      'html' => 'html',
+
+      'xls'  => 'excel',
+      'xlsx' => 'excel',
+
+      'ppt'  => 'powerpoint',
+      'pptx' => 'powerpoint',
+
+      'doc'  => 'word',
+      'docx' => 'word',
+
+      'pdd' => 'photoshop',
+      'psb' => 'photoshop',
+      'psd' => 'photoshop',
+
+      'ai'  => 'illustrator',
+      'pdf' => 'pdf',
+      'swf' => 'flash',
+      'txt' => 'text',
+
+      'aac'  => 'music',
+      'aif'  => 'music',
+      'aiff' => 'music',
+      'flac' => 'music',
+      'm4a'  => 'music',
+      'm4p'  => 'music',
+      'mp3'  => 'music',
+      'ogg'  => 'music',
+      'vob'  => 'music',
+      'wav'  => 'music',
+      'wma'  => 'music',
+
+      'avi'  => 'movie',
+      'divx' => 'movie',
+      'm4v'  => 'movie',
+      'mkv'  => 'movie',
+      'mov'  => 'movie',
+      'mpeg' => 'movie',
+      'mpg'  => 'movie'
+    }.freeze
+  end
+end

data/lib/ogatstyle/fileicon.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+require 'ogatstyle/fileicon/mapping'
+
+module Ogatstyle
+  # Provides lookup of file type icon assets
+  module Fileicon
+    # Returns an icon to represent the given file
+    # @param name_or_path [String] file name or path
+    # @return (see #from_extension)
+    def self.from_filename(name_or_path)
+      Ogatstyle::Fileicon.from_extension File.extname(name_or_path)
+    end
+
+    # Returns an icon to represent the given file extension
+    # @param extension [String] file extension (initial period optional)
+    # @return [String] path to icon asset
+    def self.from_extension(extension)
+      if extension.present?
+        extension = extension.downcase
+        extension = extension[1..-1] if extension[0, 1] == '.'
+      end
+
+      "fileicon/#{MAPPING.fetch(extension, 'default')}.png"
+    end
+  end
+end

data/lib/ogatstyle/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Ogatstyle
+  VERSION = '3.2.2'.freeze
+end

data/lib/ogatstyle.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+require 'ogatstyle/version'
+require 'ogatstyle/fileicon'
+
+# Implement Outwood web style
+module Ogatstyle
+  module Rails
+    # Integrate through Rails engine
+    class Engine < ::Rails::Engine
+      require 'bootstrap-sass'
+      require 'font-awesome-sass'
+
+      initializer 'ogatstyle.assets.precompile' do |app|
+        app.config.assets.precompile << 'ogatstyle/swirl-white-nav.png'
+        app.config.assets.precompile << 'ogatstyle/swirl-white-nav2x.png'
+        Fileicon::MAPPING.values.uniq.each do |ext|
+          app.config.assets.precompile << "fileicon/#{ext}.png"
+        end
+      end
+    end
+  end
+end

data/ogatstyle.gemspec

@@ -0,0 +1,33 @@
+# coding: utf-8
+
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'ogatstyle/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'ogatstyle'
+  spec.version       = Ogatstyle::VERSION
+  spec.authors       = ['Elliot Bowes', 'Tom Crouch']
+  spec.email         = ['e.bowes@outwood.com']
+
+  spec.summary       = 'OGAT Style Gem'
+  spec.description   = 'Provides SCSS stylesheets and assets for the OGAT Style.'
+  spec.homepage      = 'https://github.com/Outwood/ogat-style'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_development_dependency 'bundler', '~> 1.13'
+  spec.add_development_dependency 'rake', '~> 11.2'
+  spec.add_development_dependency 'rspec', '~> 3.2'
+  spec.add_development_dependency 'rubocop', '~> 0.45'
+  spec.add_development_dependency 'activesupport', '< 5.0'
+  spec.add_dependency 'rails', '>= 4.1'
+  spec.add_dependency 'sass-rails', '>= 3.2'
+  spec.add_dependency 'bootstrap-sass', '~> 3.3'
+  spec.add_dependency 'font-awesome-sass', '~> 4.2'
+  spec.add_dependency 'sprockets-rails', '>= 3'
+end