angular-float-box 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 833d9d882ae73f5c135dd014b83b1d46693c9ec4
+  data.tar.gz: f22b98252a94467700b71617302f7e63f3add46b
+SHA512:
+  metadata.gz: ab4eec874b0b6d59b517df0280d8709dee885ff336fd9ebf05d2eda59999e653b9191fc3fe51d08c07d909142c7cbe7754dabb5d8ff29be9e92d7914a762cae1
+  data.tar.gz: 74ae8492219458e2d75cdfe67710d0a89d58db82a5678f1e058ff0190e2634af39111fc72b23d6913326d0be35660bac0ae51bc206fd7148c03f1e1b0cf2469f

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.2.1
+before_install: gem install bundler -v 1.12.3

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in angular-float-box.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Alexander Mcritchie
+
+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/README.md

@@ -0,0 +1,40 @@
+# Angular::Float::Box
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/angular-float-box`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'angular-float-box'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install angular-float-box
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/angular-float-box.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/angular-float-box.gemspec

@@ -0,0 +1,35 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'angular-float-box/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "angular-float-box"
+  spec.version       = AngularFloatBox::VERSION
+  spec.authors       = ["Alexander Mcritchie"]
+  spec.email         = ["amcritchie@gmail.com"]
+
+  spec.summary       = %q{Angular CRUD container framework.}
+  spec.description   = %q{Framework for building a mobile responsive angular CRUD container with layouts for create, read and update views as well as a handful of features for good UX.}
+  spec.homepage      = "https://github.com/amcritchie/angular-float-box"
+  spec.license       = "MIT"
+
+  # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
+  # to allow pushing to a single host or delete this section to allow pushing to any host.
+  if spec.respond_to?(:metadata)
+    # spec.metadata['allowed_push_host'] = "TODO: Set to 'http://mygemserver.com'"
+    # spec.metadata['allowed_push_host'] = "http://mygemserver.com"
+    spec.metadata['allowed_push_host'] = "https://rubygems.org"
+  else
+    raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
+  end
+
+  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.12"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+end

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "angular-float-box"
+
+# 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/lib/angular-float-box.rb

@@ -0,0 +1,5 @@
+require "angular-float-box/version"
+
+module AngularFloatBox
+  class Engine < ::Rails::Engine; end
+end

data/lib/angular-float-box/version.rb

@@ -0,0 +1,3 @@
+module AngularFloatBox
+  VERSION = "0.1.0"
+end

data/vendor/assets/javascripts/angular-float-box.js

@@ -0,0 +1,128 @@
+/**
+* CRUD container framework for AngularJS
+* @version v0.0.1 - 2013-04-06
+* @link http://angular-ui.github.com/
+* @license MIT License, http://www.opensource.org/licenses/MIT
+*/
+
+(function (window, angular, undefined) {
+  /*jshint globalstrict:true*/
+  /*global angular:false*/
+  'use strict';
+
+  angular.module('angular-float-box', [])
+
+  .service('floatBox', ['$timeout',
+  function($timeout) {
+
+    // Call floatBox.initializes in the controller to create listeners for scrolling and dragging float-box
+    this.initialize = function($scope) {
+      initialize_scroll($scope)
+      initialize_draggable($scope)
+    }
+
+    // Initializes float-box's scroll listener.
+    function initialize_scroll($scope) {
+      // How many pixels needed for scroll to shrink.
+      var shrink_treshold = 10;
+      // Variable needed to check direction of scroll.
+      var last_scroll_top = 0;
+      // Boolean to mark if a shrink is still in process or not.
+      var animation_complete = true;
+      // Setup float-box scroll listener.
+      $('#float-box-container').scroll(function(event){
+        var scroll_top = $(this).scrollTop();
+        var is_down_scroll = (scroll_top > last_scroll_top)
+        // Check direction of scroll.
+        if (scroll_top > last_scroll_top){
+          // Down scroll
+          if (this.scrollTop > shrink_treshold) {
+            // Within threshold for shrinking.
+            if (animation_complete && !$('.float-box-head').hasClass("smaller")) {
+              $('.float-box-head').addClass("smaller");
+              $('.float-box-space').addClass("smaller");
+              animation_complete = false
+              setTimeout(function(){ animation_complete = true }, 500);
+            }
+          }
+        } else {
+          // Up scroll
+          if (this.scrollTop <= shrink_treshold) {
+            // Outside of threshold for shrinking.
+            if (animation_complete) {
+              $('.float-box-head').removeClass("smaller");
+              $('.float-box-space').removeClass("smaller");
+              animation_complete = false
+              setTimeout(function(){ animation_complete = true; }, 500);
+            }
+          }
+        }
+        last_scroll_top = scroll_top;
+      });
+    };
+
+    // Initializes float-box's positionable listener.
+    function initialize_draggable($scope) {
+      $scope.draggable_on = function() {
+        $('#float-box').draggable('enable');
+        $scope.draggable_disabled = false;
+      }
+      $scope.draggable_off = function() {
+        $('#float-box').draggable('disable');
+        $('#float-box').css('top', '').css('left', '').css('right', '').css('bottom', '');
+        $scope.draggable_disabled = true;
+      }
+      $scope.draggable_disabled = true;
+      $('#float-box').draggable().draggable('disable');
+    };
+
+    // Normalize the font-size of the title so it doesn't take more than one line.
+    this.normalize_title = function(){
+      // Find float-box-title and it's text.
+      var title = $(".float-box-title");
+      var title_text = $(".float-box-title-text");
+      // Remove js generated font-size.
+      title_text.css("font-size", "")
+      // Let DOM load so the title_text is fully rendered
+      $timeout(function() {
+        // If title text is larger than the width of the title div, lower the font-size.
+        if ((title_text.width() > title.width())) {
+          // Set the font-size to the .smaller font-size
+          title_text.css("font-size", 20)
+        }
+      })
+    }
+
+    // Show float-box via slide in from the right.
+    this.slide_in = function() {
+      $( "#float-box" ).show( "drop", {direction: 'right'})
+    }
+
+    // Hide float-box via slide in from the right.
+    this.slide_out = function() {
+      if ($(window).width() < 768) {
+        $( "#float-box" ).hide( "drop", {direction: 'right'})
+      };
+    }
+
+    // Display float-box-create tab.
+    this.create = function() {
+      // Show float-box-create-tab if not already shown.
+      $('#float-box-create-tab').tab('show')
+    }
+
+    // Display float-box-read tab.
+    this.read = function() {
+      // Show float-box-read-tab if not already shown.
+      $('#float-box-read-tab').tab('show')
+      // Show default tab if the is one.
+      $('.float-box-read-default-tab').tab('show')
+    }
+
+    // Display float-box-update tab.
+    this.update = function() {
+      // Show float-box-update-tab if not already shown.
+      $('#float-box-update-tab').tab('show')
+    }
+  }]);
+})(window, window.angular);

data/vendor/assets/javascripts/angular-float-box.min.js

@@ -0,0 +1,16 @@
+(function(window,angular,undefined){'use strict';angular.module('angular-float-box',[]).service('floatBox',['$timeout',function($timeout){this.initialize=function($scope){initialize_scroll($scope)
+initialize_draggable($scope)}
+function initialize_scroll($scope){var shrink_treshold=10;var last_scroll_top=0;var animation_complete=!0;$('#float-box-container').scroll(function(event){var scroll_top=$(this).scrollTop();var is_down_scroll=(scroll_top>last_scroll_top)
+if(scroll_top>last_scroll_top){if(this.scrollTop>shrink_treshold){if(animation_complete&&!$('.float-box-head').hasClass("smaller")){$('.float-box-head').addClass("smaller");$('.float-box-space').addClass("smaller");animation_complete=!1
+setTimeout(function(){animation_complete=!0},500)}}}else{if(this.scrollTop<=shrink_treshold){if(animation_complete){$('.float-box-head').removeClass("smaller");$('.float-box-space').removeClass("smaller");animation_complete=!1
+setTimeout(function(){animation_complete=!0},500)}}}
+last_scroll_top=scroll_top})};function initialize_draggable($scope){$scope.draggable_on=function(){$('#float-box').draggable('enable');$scope.draggable_disabled=!1}
+$scope.draggable_off=function(){$('#float-box').draggable('disable');$('#float-box').css('top','').css('left','').css('right','').css('bottom','');$scope.draggable_disabled=!0}
+$scope.draggable_disabled=!0;$('#float-box').draggable().draggable('disable')};this.normalize_title=function(){var title=$(".float-box-title");var title_text=$(".float-box-title-text");title_text.css("font-size","")
+$timeout(function(){if((title_text.width()>title.width())){title_text.css("font-size",20)}})}
+this.slide_in=function(){$("#float-box").show("drop",{direction:'right'})}
+this.slide_out=function(){if($(window).width()<768){$("#float-box").hide("drop",{direction:'right'})}}
+this.create=function(){$('#float-box-create-tab').tab('show')}
+this.read=function(){$('#float-box-read-tab').tab('show')
+$('.float-box-read-default-tab').tab('show')}
+this.update=function(){$('#float-box-update-tab').tab('show')}}])})(window,window.angular)

data/vendor/assets/stylesheets/angular-float-box.css.scss

@@ -0,0 +1,338 @@
+// Float Box SCSS
+
+// Minify SCSS file
+// $ sass --watch vendor/assets/stylesheets/angular-float-box.css.scss:vendor/assets/stylesheets/angular-float-box.min.css --style compressed
+
+// Specific float box widths
+.vendor-float-box{ width: 457px; }
+#employee-float-box{ width: 457px; }
+#application-float-box{ width: 457px; }
+
+
+// == float-box ================================================
+#float-box {
+
+  overflow-y: scroll;
+  overflow-x: hidden;
+
+  // Basic style
+  z-index: 10;
+  margin-top: 30px;
+  position: relative;
+  background-color: white;
+  // Border of float-box
+  border-radius: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  // md, sm, xs
+  @media (max-width:1200px) {
+    position: fixed; // Fix float-box to right side.
+    right: 30px; // Position float-box 30px from right edge.
+  }
+  // Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+  @media (max-width:767px) {
+    display: none; // Start hidden, if there is a focused record the controller will show the float-box.
+    bottom: 0; // Position mobile-float-box to bottom of screen.  Height is inherited from the dynamicHeightService
+    right: 0; // Position mobile-float-box to right of screen to overwrite the float-box 30px margin.
+    width: 100% !important; // Once in mobile, float-box should fit the whole screen.
+  }
+}
+
+// The float-box-tabs are navigated via js so they are not visible.
+#float-box #float-box-tabs{
+  display: none;
+}
+
+
+// ==== float-box-positioner  ==============================
+#float-box #float-box-positioner {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  padding: 4px 10px;
+  padding: 2px 10px;
+  padding: 0 6px;
+  padding: 1px 8px;
+  background-color: #eeeeee;
+  text-align: right;
+  height: 22px;
+  cursor: pointer;
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+}
+// Positioner.active | Styling
+#float-box #float-box-positioner:active {
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+}
+
+#float-box #float-box-positioner .float-box-positioner-btn {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  width: 18px;
+  height: 18px;
+  font-size: 11px;
+  line-height: 0.1;
+  padding: 3px 1px 0 0;;
+  margin-bottom: 5px;
+  border-radius: 30px;
+  text-align: center;
+}
+// Positioner | Icon
+// Locations Icon used to resemble revert float_box to default state.
+.fa-location:before {
+  content: "\f124";
+}
+
+// ==== float-box-positioner  ==============================
+#float-box #float-box-container {
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+// ==== float-box-head  ==============================
+// Add transisiton for all browsers
+@mixin transition($duration) {
+  -webkit-transition: all $duration ease;
+  -moz-transition: all $duration ease;
+  -o-transition: all $duration ease;
+  transition: all $duration ease;
+}
+// Makes element position absolute, but fixed on mobile.
+@mixin float-box-fixed {
+  z-index: 20;
+  position: absolute;
+  background-color: white;
+  @media (max-width:767px) {
+    position: fixed;
+  }
+}
+// Makes element position absolute, but fixed on mobile.
+@mixin float-box-row {
+  float: left;
+  width: 100%;
+}
+#float-box .float-box-head {
+  @include float-box-fixed;
+  left: 0;
+  width: 100%;
+  padding-top: 10px;
+  // On Mobile, the top position needs to be 0 to show the
+  @media (max-width:767px) { top: 0; }
+}
+
+// ====== float-box-links  ======
+#float-box .float-box-head .float-box-links {
+  width: 100%;
+  padding: 0 10px;
+  font-size: 20px;
+  text-decoration: none;
+  display: inline-block;
+}
+// float-box-grey-link
+#float-box .float-box-head .float-box-links .float-box-grey-link {
+  color: grey;
+  cursor: default;
+}
+// float-box-grey-link:hover
+#float-box .float-box-head .float-box-links .float-box-grey-link:hover {
+}
+// ====== float-box-image  ======
+#float-box .float-box-head .float-box-image {
+  text-align: center;
+  img{
+    @include transition(.5s);
+    width: 80px;
+    height: 80px;
+  }
+}
+// condensed
+#float-box .float-box-head.smaller .float-box-image {
+  img{
+    width: 30px;
+    height: 30px;
+  }
+}
+
+// ====== float-box-title  ======
+#float-box .float-box-head .float-box-title {
+  @include transition(.5s);
+  text-align: center;
+  font-size: 40px;
+}
+#float-box .float-box-head .float-box-title .float-box-title-text {
+  display: inline;
+  white-space: nowrap;
+}
+// condensed
+#float-box .float-box-head.smaller .float-box-title {
+  font-size: 20px;
+}
+
+// ====== float-box-actions  ======
+#float-box .float-box-head .float-box-actions {
+  @include float-box-row;
+}
+
+#float-box .float-box-head .float-box-actions .btn{
+  @include transition(.5s);
+  width: 40px;
+  height: 40px;
+  padding: 7px 9px;
+  font-size: 20px;
+  line-height: 1.33;
+  border-radius: 25px;
+}
+
+#float-box .float-box-head .float-box-actions p{
+  @include transition(.5s);
+}
+// condensed
+#float-box .float-box-head.smaller .float-box-actions .btn{
+  width: 30px;
+  height: 30px;
+  padding: 4px 8px;
+  font-size: 12px;
+}
+#float-box .float-box-head.smaller .float-box-actions p{
+  font-size: 10px;
+}
+
+#float-box .float-box-head .float-box-actions .float-box-actions-container {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  display: -moz-box;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  -webkit-flex-flow: row wrap;
+  justify-content: space-around;
+  justify-content: center;
+}
+#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action{
+  text-align: center;
+  padding: 10px;
+}
+#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{
+  text-decoration: none;
+}
+
+// ====== float-box-tabs  ======
+#float-box .float-box-head .float-box-tabs {
+  font-size: 12px;
+  padding: 0 15px;
+}
+f
+// ====== Space for float-box-head  ======
+#float-box .float-box-head-space {
+  @include transition(.5s);
+}
+// Float box head space.  This is needed because the head is fixed and there are elements under the head.
+#float-box #float-box-read .float-box-head-space{
+  height: 340px;
+  @media (min-width:767px) { height: 309px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+}
+// condensed
+#float-box #float-box-read .float-box-head-space.smaller{
+  height: 245px;
+  @media (min-width:767px) { height: 214px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+}
+// Float box head space.  This is needed because the head is fixed and there are elements under the head.
+#float-box #float-box-create .float-box-head-space{
+  height: 200px;
+  @media (min-width:767px) { height: 140px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+}
+// condensed
+#float-box #float-box-create .float-box-head-space.smaller{
+  height: 150px;
+  @media (min-width:767px) { height: 100px; } // Non Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+}
+
+// ==== float-box-body  ==============================
+// ====== float-box-index-tab  ======
+#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head{
+  @include float-box-fixed;
+  width: 100%;
+  padding: 0 15px;
+  pointer-events: none; // This allows a user to scroll the body of the float-box even though this element is fixed.
+  .float-box-search-bar {
+    width: 220px;
+    pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
+    // Mobile Sizes - Once in mobile, float-box should fit the whole screen.
+    @media (max-width:767px) {
+      width: 180px
+    }
+  }
+  .float-box-new-btn {
+    pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
+  }
+}
+// Head of an index tab in the float box.
+#float-box .float-box-body .float-box-index-tab .float-box-index-table-head {
+  @include float-box-fixed;
+  width: 100%;
+  padding: 0 15px;
+  pointer-events: none; // This allows a user to scroll the body of the float-box even though this element is fixed.
+  a {
+    color: black;
+    text-decoration: none;
+    pointer-events: auto; // Since we removed the pointer-events from parent, we need this to allow the scroll to be clicked on.
+  }
+}
+// Table of an index tab in the float box.
+#float-box .float-box-body .float-box-index-tab .float-box-index-table {
+  padding: 0 15px;
+}
+// Head of an index tab in the float box.
+#float-box .float-box-body .float-box-index-tab .float-box-index-row {
+  img {
+    width: 40px;
+    height: 40px;
+  }
+  h4 {
+    margin-bottom: 0;
+  }
+  h6 {
+    margin-top: 0;
+  }
+}
+// ====== float-box-info-tab  ======
+#float-box .float-box-body .float-box-info-tab .float-box-info-row {
+  border-bottom: 1px solid lightgrey;
+  padding: 5px 15px;
+  font-size: 18px;
+  h3{
+    margin-bottom: 0;
+  }
+}
+
+// ====== Space for float-box-body  ======
+// Index Tab Head | Space
+#float-box .float-box-index-tab-head-space{
+  @include transition(.5s);
+  height: 60px;
+}
+// Space needed for head of an index tab in the float box.
+#float-box .float-box-index-table-head-space{
+  @include transition(.5s);
+  height: 32px;
+}
+
+// This will potentially be used as the float box head if we need it any thinner.
+#float-box .float-box-small-head{
+  img{
+    width: 50px;
+    height: 50px;
+  }
+  .btn{
+    width: 30px;
+    height: 30px;
+    padding: 4px 8px;
+    font-size: 12px;
+    line-height: 1.33;
+    border-radius: 25px;
+  }
+  p{
+    font-size: 10px;
+  }
+}

data/vendor/assets/stylesheets/angular-float-box.min.css

@@ -0,0 +1,2 @@
+.vendor-float-box{width:457px}#employee-float-box{width:457px}#application-float-box{width:457px}#float-box{overflow-y:scroll;overflow-x:hidden;z-index:10;margin-top:30px;position:relative;background-color:white;border-radius:6px;border:1px solid rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2)}@media (max-width: 1200px){#float-box{position:fixed;right:30px}}@media (max-width: 767px){#float-box{display:none;bottom:0;right:0;width:100% !important}}#float-box #float-box-tabs{display:none}#float-box #float-box-positioner{border-bottom:1px solid rgba(0,0,0,0.2);padding:4px 10px;padding:2px 10px;padding:0 6px;padding:1px 8px;background-color:#eeeeee;text-align:right;height:22px;cursor:pointer;cursor:-webkit-grab;cursor:-moz-grab}#float-box #float-box-positioner:active{cursor:-webkit-grabbing;cursor:-moz-grabbing}#float-box #float-box-positioner .float-box-positioner-btn{border:1px solid rgba(0,0,0,0.2);width:18px;height:18px;font-size:11px;line-height:0.1;padding:3px 1px 0 0;margin-bottom:5px;border-radius:30px;text-align:center}.fa-location:before{content:"\f124"}#float-box #float-box-container{overflow-y:scroll;overflow-x:hidden}#float-box .float-box-head{z-index:20;position:absolute;background-color:white;left:0;width:100%;padding-top:10px}@media (max-width: 767px){#float-box .float-box-head{position:fixed}}@media (max-width: 767px){#float-box .float-box-head{top:0}}#float-box .float-box-head .float-box-links{width:100%;padding:0 10px;font-size:20px;text-decoration:none;display:inline-block}#float-box .float-box-head .float-box-links .float-box-grey-link{color:grey;cursor:default}#float-box .float-box-head .float-box-image{text-align:center}#float-box .float-box-head .float-box-image img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:80px;height:80px}#float-box .float-box-head.smaller .float-box-image img{width:30px;height:30px}#float-box .float-box-head .float-box-title{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;text-align:center;font-size:40px}#float-box .float-box-head .float-box-title .float-box-title-text{display:inline;white-space:nowrap}#float-box .float-box-head.smaller .float-box-title{font-size:20px}#float-box .float-box-head .float-box-actions{float:left;width:100%}#float-box .float-box-head .float-box-actions .btn{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:40px;height:40px;padding:7px 9px;font-size:20px;line-height:1.33;border-radius:25px}#float-box .float-box-head .float-box-actions p{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#float-box .float-box-head.smaller .float-box-actions .btn{width:30px;height:30px;padding:4px 8px;font-size:12px}#float-box .float-box-head.smaller .float-box-actions p{font-size:10px}#float-box .float-box-head .float-box-actions .float-box-actions-container{margin:0;padding:0;list-style:none;display:flex;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-flow:row wrap;justify-content:space-around;justify-content:center}#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action{text-align:center;padding:10px}#float-box .float-box-head .float-box-actions .float-box-actions-container .float-box-action a{text-decoration:none}#float-box .float-box-head .float-box-tabs{font-size:12px;padding:0 15px}f #float-box .float-box-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#float-box #float-box-read .float-box-head-space{height:340px}@media (min-width: 767px){#float-box #float-box-read .float-box-head-space{height:309px}}#float-box #float-box-read .float-box-head-space.smaller{height:245px}@media (min-width: 767px){#float-box #float-box-read .float-box-head-space.smaller{height:214px}}#float-box #float-box-create .float-box-head-space{height:200px}@media (min-width: 767px){#float-box #float-box-create .float-box-head-space{height:140px}}#float-box #float-box-create .float-box-head-space.smaller{height:150px}@media (min-width: 767px){#float-box #float-box-create .float-box-head-space.smaller{height:100px}}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head{z-index:20;position:absolute;background-color:white;width:100%;padding:0 15px;pointer-events:none}@media (max-width: 767px){#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head{position:fixed}}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head .float-box-search-bar{width:220px;pointer-events:auto}@media (max-width: 767px){#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head .float-box-search-bar{width:180px}}#float-box .float-box-body .float-box-index-tab .float-box-index-tab-head .float-box-new-btn{pointer-events:auto}#float-box .float-box-body .float-box-index-tab .float-box-index-table-head{z-index:20;position:absolute;background-color:white;width:100%;padding:0 15px;pointer-events:none}@media (max-width: 767px){#float-box .float-box-body .float-box-index-tab .float-box-index-table-head{position:fixed}}#float-box .float-box-body .float-box-index-tab .float-box-index-table-head a{color:black;text-decoration:none;pointer-events:auto}#float-box .float-box-body .float-box-index-tab .float-box-index-table{padding:0 15px}#float-box .float-box-body .float-box-index-tab .float-box-index-row img{width:40px;height:40px}#float-box .float-box-body .float-box-index-tab .float-box-index-row h4{margin-bottom:0}#float-box .float-box-body .float-box-index-tab .float-box-index-row h6{margin-top:0}#float-box .float-box-body .float-box-info-tab .float-box-info-row{border-bottom:1px solid lightgrey;padding:5px 15px;font-size:18px}#float-box .float-box-body .float-box-info-tab .float-box-info-row h3{margin-bottom:0}#float-box .float-box-index-tab-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:60px}#float-box .float-box-index-table-head-space{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:32px}#float-box .float-box-small-head img{width:50px;height:50px}#float-box .float-box-small-head .btn{width:30px;height:30px;padding:4px 8px;font-size:12px;line-height:1.33;border-radius:25px}#float-box .float-box-small-head p{font-size:10px}
+/*# sourceMappingURL=angular-float-box.min.css.map */

data/vendor/assets/stylesheets/angular-float-box.min.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAMA,iBAAiB,CAAE,KAAK,CAAE,KAAK,CAC/B,mBAAmB,CAAE,KAAK,CAAE,KAAK,CACjC,sBAAsB,CAAE,KAAK,CAAE,KAAK,CAIpC,UAAW,CAET,UAAU,CAAE,MAAM,CAClB,UAAU,CAAE,MAAM,CAGlB,OAAO,CAAE,EAAE,CACX,UAAU,CAAE,IAAI,CAChB,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,KAAK,CAEvB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,yBAA4B,CACpC,UAAU,CAAE,0BAA6B,CACzC,kBAAkB,CAAE,0BAA6B,CAEjD,0BAA0B,CAhB5B,UAAW,CAiBP,QAAQ,CAAE,KAAK,CACf,KAAK,CAAE,IAAI,EAGb,yBAAyB,CArB3B,UAAW,CAsBP,OAAO,CAAE,IAAI,CACb,MAAM,CAAE,CAAC,CACT,KAAK,CAAE,CAAC,CACR,KAAK,CAAE,eAAe,EAK1B,0BAA0B,CACxB,OAAO,CAAE,IAAI,CAKf,gCAAiC,CAC/B,aAAa,CAAE,yBAA4B,CAC3C,OAAO,CAAE,QAAQ,CACjB,OAAO,CAAE,QAAQ,CACjB,OAAO,CAAE,KAAK,CACd,OAAO,CAAE,OAAO,CAChB,gBAAgB,CAAE,OAAO,CACzB,UAAU,CAAE,KAAK,CACjB,MAAM,CAAE,IAAI,CACZ,MAAM,CAAE,OAAO,CACf,MAAM,CAAE,YAAY,CACpB,MAAM,CAAE,SAAS,CAGnB,uCAAwC,CACtC,MAAM,CAAE,gBAAgB,CACxB,MAAM,CAAE,aAAa,CAGvB,0DAA2D,CACzD,MAAM,CAAE,yBAA4B,CACpC,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,GAAG,CAChB,OAAO,CAAE,WAAW,CACpB,aAAa,CAAE,GAAG,CAClB,aAAa,CAAE,IAAI,CACnB,UAAU,CAAE,MAAM,CAIpB,mBAAoB,CAClB,OAAO,CAAE,OAAO,CAIlB,+BAAgC,CAC9B,UAAU,CAAE,MAAM,CAClB,UAAU,CAAE,MAAM,CAyBpB,0BAA2B,CAZzB,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,KAAK,CAYvB,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,WAAW,CAAE,IAAI,CAbjB,yBAAyB,CAS3B,0BAA2B,CARvB,QAAQ,CAAE,KAAK,EAcjB,yBAAyB,CAN3B,0BAA2B,CAME,GAAG,CAAE,CAAC,EAInC,2CAA4C,CAC1C,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,MAAM,CACf,SAAS,CAAE,IAAI,CACf,eAAe,CAAE,IAAI,CACrB,OAAO,CAAE,YAAY,CAGvB,gEAAiE,CAC/D,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,OAAO,CAMjB,2CAA4C,CAC1C,UAAU,CAAE,MAAM,CAClB,+CAAG,CA/CH,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CA8C5B,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAKd,uDAAG,CACD,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAKhB,2CAA4C,CA9D1C,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CA6D9B,UAAU,CAAE,MAAM,CAClB,SAAS,CAAE,IAAI,CAEjB,iEAAkE,CAChE,OAAO,CAAE,MAAM,CACf,WAAW,CAAE,MAAM,CAGrB,mDAAoD,CAClD,SAAS,CAAE,IAAI,CAIjB,6CAA8C,CA7D5C,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAgEb,kDAAkD,CAjFhD,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CAgF9B,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,OAAO,CAChB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,aAAa,CAAE,IAAI,CAGrB,+CAA+C,CA3F7C,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CA4FhC,0DAA0D,CACxD,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,OAAO,CAChB,SAAS,CAAE,IAAI,CAEjB,uDAAuD,CACrD,SAAS,CAAE,IAAI,CAGjB,0EAA2E,CACzE,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,UAAU,CAAE,IAAI,CAChB,OAAO,CAAE,IAAI,CACb,OAAO,CAAE,QAAQ,CACjB,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,WAAW,CACpB,OAAO,CAAE,YAAY,CACrB,iBAAiB,CAAE,QAAQ,CAC3B,eAAe,CAAE,YAAY,CAC7B,eAAe,CAAE,MAAM,CAEzB,4FAA4F,CAC1F,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CAEf,8FAA8F,CAC5F,eAAe,CAAE,IAAI,CAIvB,0CAA2C,CACzC,SAAS,CAAE,IAAI,CACf,OAAO,CAAE,MAAM,CAEjB,kCAEiC,CArI/B,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CAsIhC,gDAAgD,CAC9C,MAAM,CAAE,KAAK,CACb,yBAAyB,CAF3B,gDAAgD,CAEnB,MAAM,CAAE,KAAK,EAG1C,wDAAwD,CACtD,MAAM,CAAE,KAAK,CACb,yBAAyB,CAF3B,wDAAwD,CAE3B,MAAM,CAAE,KAAK,EAG1C,kDAAkD,CAChD,MAAM,CAAE,KAAK,CACb,yBAAyB,CAF3B,kDAAkD,CAErB,MAAM,CAAE,KAAK,EAG1C,0DAA0D,CACxD,MAAM,CAAE,KAAK,CACb,yBAAyB,CAF3B,0DAA0D,CAE7B,MAAM,CAAE,KAAK,EAK1C,yEAAyE,CAxJvE,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,KAAK,CAwJvB,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,MAAM,CACf,cAAc,CAAE,IAAI,CAzJpB,yBAAyB,CAqJ3B,yEAAyE,CApJrE,QAAQ,CAAE,KAAK,EAyJjB,+FAAsB,CACpB,KAAK,CAAE,KAAK,CACZ,cAAc,CAAE,IAAI,CAEpB,yBAAyB,CAJ3B,+FAAsB,CAKlB,KAAK,CAAE,KAAK,EAGhB,4FAAmB,CACjB,cAAc,CAAE,IAAI,CAIxB,2EAA4E,CA1K1E,OAAO,CAAE,EAAE,CACX,QAAQ,CAAE,QAAQ,CAClB,gBAAgB,CAAE,KAAK,CA0KvB,KAAK,CAAE,IAAI,CACX,OAAO,CAAE,MAAM,CACf,cAAc,CAAE,IAAI,CA3KpB,yBAAyB,CAuK3B,2EAA4E,CAtKxE,QAAQ,CAAE,KAAK,EA2KjB,6EAAE,CACA,KAAK,CAAE,KAAK,CACZ,eAAe,CAAE,IAAI,CACrB,cAAc,CAAE,IAAI,CAIxB,sEAAuE,CACrE,OAAO,CAAE,MAAM,CAIf,wEAAI,CACF,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEd,uEAAG,CACD,aAAa,CAAE,CAAC,CAElB,uEAAG,CACD,UAAU,CAAE,CAAC,CAIjB,kEAAmE,CACjE,aAAa,CAAE,mBAAmB,CAClC,OAAO,CAAE,QAAQ,CACjB,SAAS,CAAE,IAAI,CACf,qEAAE,CACA,aAAa,CAAE,CAAC,CAMpB,0CAA0C,CAzNxC,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CAwN9B,MAAM,CAAE,IAAI,CAGd,4CAA4C,CA9N1C,kBAAkB,CAAE,YAAkB,CACtC,eAAe,CAAE,YAAkB,CACnC,aAAa,CAAE,YAAkB,CACjC,UAAU,CAAE,YAAkB,CA6N9B,MAAM,CAAE,IAAI,CAKZ,oCAAG,CACD,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEd,qCAAI,CACF,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,OAAO,CAAE,OAAO,CAChB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,aAAa,CAAE,IAAI,CAErB,kCAAC,CACC,SAAS,CAAE,IAAI",
+"sources": ["angular-float-box.css.scss"],
+"names": [],
+"file": "angular-float-box.min.css"
+}

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: angular-float-box
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alexander Mcritchie
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-06-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Framework for building a mobile responsive angular CRUD container with
+  layouts for create, read and update views as well as a handful of features for good
+  UX.
+email:
+- amcritchie@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".sass-cache/57b3601a17f3b68a34229d713831e0d6fc4b15a6/angular-float-box.css.scssc"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- angular-float-box.gemspec
+- bin/console
+- bin/setup
+- lib/angular-float-box.rb
+- lib/angular-float-box/version.rb
+- vendor/assets/javascripts/angular-float-box.js
+- vendor/assets/javascripts/angular-float-box.min.js
+- vendor/assets/stylesheets/angular-float-box.css.scss
+- vendor/assets/stylesheets/angular-float-box.min.css
+- vendor/assets/stylesheets/angular-float-box.min.css.map
+homepage: https://github.com/amcritchie/angular-float-box
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Angular CRUD container framework.
+test_files: []