blocky 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 089381daded3ec34ea21f974304efe6d00a6e302
+  data.tar.gz: 1fa8b37080dc81097f4ed3e00a167e5fedcc8b60
+SHA512:
+  metadata.gz: e62369eca3ea91377be162f7e7a47d6ac721823bd950ae97689d1d8da57237e84856384e2b673842a1aefb497c299778cc7eff1a02530f19417e6b7c1b813a76
+  data.tar.gz: 34b739c83c99a224b951130f9d3fb580378879cf99d2b09d5506131566b10b15d4ff75b7bebcb61db098bfcb49c82b5ffed06f8819514be22141972cb6025f92

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 Brian Pattison
+
+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,59 @@
+# Blocky
+
+[![Build Status](https://travis-ci.org/codelation/blocky.png?branch=master)](https://travis-ci.org/codelation/blocky)
+[![Code Climate](https://codeclimate.com/github/codelation/blocky.png)](https://codeclimate.com/github/codelation/blocky)
+
+Blocky is a mountable `Rails::Engine` for managing editable content blocks throughout your application.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem "blocky"
+```
+
+Install the Blocky gem with Bundler:
+
+```bash
+$ bundle install
+```
+
+Use the install generator to set up Blocky:
+
+```bash
+$ rails g blocky:install
+```
+
+## Configuration
+
+The install generator will create `config/initializers/blocky.rb`:
+
+```ruby
+Blocky.user_class           = "User"
+Blocky.s3_access_key_id     = ENV["BLOCKY_S3_KEY"]
+Blocky.s3_secret_access_key = ENV["BLOCKY_S3_SECRET"]
+Blocky.s3_bucket            = ENV["BLOCKY_S3_BUCKET"]
+```
+
+### Authentication
+
+Blocky does not include authentication because there's a good chance
+you've already added authentication to your Rails app.
+
+TODO: Add info about requirements/configuration.
+
+### Authorization
+
+Blocky uses [CanCan](https://github.com/ryanb/cancan) for authorization.
+By default, any logged in user can create, update, and delete any content block.
+
+TODO: Add example for limiting access to admin users.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Blocky'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/blocky/application.js

@@ -0,0 +1,21 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require blocky/jquery
+//= require blocky/jquery_ujs
+//= require blocky/bootstrap
+//= require blocky/codemirror/codemirror
+//= require blocky/codemirror/closebrackets
+//= require blocky/codemirror/xml
+//= require blocky/codemirror/formatting
+//= require blocky/summernote
+//= require_tree .

data/app/assets/javascripts/blocky/flash_messages.js

@@ -0,0 +1,20 @@
+(function() {
+  "use strict";
+
+  $(function() {
+    $('.flash-alert i, .flash-notice i').click(function() {
+      var flashElement = $(this).parent();
+      flashElement.animate({
+        borderWidth: 0,
+        height: 0,
+        marginBottom: 0,
+        marginTop: 0,
+        opacity: 0,
+        paddingBottom: 0,
+        paddingTop: 0
+      });
+      return false;
+    });
+  });
+
+})();

data/app/assets/stylesheets/blocky/_imports.scss

@@ -0,0 +1,3 @@
+@import "blocky/bourbon";
+@import "blocky/variables";
+@import "blocky/neat";

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

@@ -0,0 +1,37 @@
+@import "blocky/bourbon";
+
+// Typography
+$sans-serif: $helvetica;
+$serif: $georgia;
+
+$base-font-family: $sans-serif;
+$header-font-family: $base-font-family;
+
+// Sizes
+$base-font-size: 16px;
+$base-padding: 14px;
+$base-line-height: $base-font-size * 1.5;
+$base-border-radius: em(3);
+$max-width: 900px;
+
+// Body Color
+$base-body-color: #fff;
+
+// Font Colors
+$base-font-color: #4f4f4f;
+$base-accent-color: #4fa1d3;
+
+// Text Link Colors
+$base-link-color: $base-accent-color;
+$hover-link-color: darken($base-accent-color, 8%);
+
+// Border color
+$base-border-color: #ddd;
+
+// Flash Colors
+$alert-color: #db0026;
+$notice-color: #0074d9;
+
+// Button Colors
+$cancel-button-color: adjust-hue($base-accent-color, 160deg);
+$save-button-color: $base-accent-color;

data/app/assets/stylesheets/blocky/application.css.scss

@@ -0,0 +1,20 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require blocky/normalize
+ *= require blocky/bootstrap
+ *= require blocky/font-awesome
+ *= require blocky/codemirror/codemirror
+ *= require blocky/codemirror/monokai
+ *= require blocky/summernote
+ *= require_tree ./shared
+ *= require_tree ./application
+ */

data/app/assets/stylesheets/blocky/application/content_blocks/edit.scss

@@ -0,0 +1,13 @@
+@import "blocky/imports";
+
+body.blocky.content_blocks.edit {
+  .buttons {
+    margin-top: 1em;
+    text-align: right;
+  }
+
+  .CodeMirror {
+    font-size: 0.9em;
+    line-height: 1.3em;
+  }
+}

data/app/assets/stylesheets/blocky/application/content_blocks/index.scss

@@ -0,0 +1,81 @@
+@import "blocky/imports";
+
+body.blocky.content_blocks.index {
+  td {
+    border: 1px solid $base-border-color;
+    padding: 0.5em 1.5em;
+  }
+
+  th {
+    background-color: $base-accent-color;
+    border: 1px solid darken($base-accent-color, 10%);
+    color: #fff;
+    font-size: 1.1em;
+    padding: 0.3em 1.1em;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  tr:hover {
+    background-color: darken($base-body-color, 3%);
+  }
+
+  td.page {
+    font-weight: bold;
+
+    a {
+      color: $base-font-color;
+      display: block;
+      text-decoration: none;
+
+      &:hover {
+        color: $base-accent-color;
+      }
+    }
+  }
+
+  tr.per-page.page-start td {
+    border-top: 10px solid lighten($base-accent-color, 30%);
+  }
+
+  td code {
+    margin-left: -4px;
+    margin-right: -2px;
+  }
+
+  td .button {
+    padding: 4px 15px 5px;
+  }
+}
+
+body.blocky.content_blocks.index .help {
+  margin-top: 4em;
+
+  h5 {
+    border-bottom: 1px solid $base-border-color;
+    margin-bottom: 1.2em;
+    padding-bottom: 0.2em;
+  }
+
+  code {
+    color: $base-font-color;
+
+    .keyword {
+      font-weight: bold;
+    }
+    .method {
+      color: adjust-hue($base-accent-color, 70deg);
+    }
+    .symbol {
+      color: $base-accent-color;
+    }
+    .tag {
+      color: #888;
+    }
+  }
+
+  code.code-block {
+    display: block;
+    padding: 1em;
+    margin-bottom: 3em;
+  }
+}

data/app/assets/stylesheets/blocky/application/layout.scss

@@ -0,0 +1,30 @@
+@import "blocky/imports";
+
+body.blocky {
+  .breadcrumbs {
+    @include outer-container;
+    border-bottom: 1px solid $base-border-color;
+    font-size: 1.2em;
+    margin: 1em 0 2em;
+    padding-bottom: 0.5em;
+
+    .fa-caret-right {
+      margin: 0 5px;
+    }
+
+    code {
+      position: relative;
+      top: -1px;
+    }
+  }
+
+  .flash-alert,
+  .flash-notice {
+    margin: 1em 2em 0;
+  }
+
+  main {
+    @include outer-container;
+    padding: 1em 2em;
+  }
+}

data/app/assets/stylesheets/blocky/shared/buttons.scss

@@ -0,0 +1,119 @@
+@import "blocky/imports";
+
+.button,
+.promise-button,
+button,
+input[type="submit"] {
+  @include appearance(none);
+  background-color: $base-accent-color;
+  border: 1px solid darken($base-accent-color, 5%);
+  border-radius: $base-border-radius;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-size: $base-font-size;
+  font-weight: bold;
+  line-height: normal;
+  padding: (($base-padding / 2) - 1px) $base-padding ($base-padding / 2);
+  text-align: center;
+  text-decoration: none;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+  -webkit-font-smoothing: antialiased;
+  @include transition(all 0.1s ease);
+
+  & > * {
+    border-radius: ($base-border-radius / 2);
+  }
+
+  &:hover {
+    background-color: lighten($base-accent-color, 8%);
+    border-color: lighten($base-accent-color, 3%);
+    color: #fff;
+    text-decoration: none;
+  }
+
+  &:active {
+    background-color: darken($base-accent-color, 10%);
+    border-color: darken($base-accent-color, 10%);
+    color: #fff;
+  }
+
+  &.cancel {
+    background-color: transparent;
+    border: 1px solid $cancel-button-color;
+    color: $cancel-button-color;
+
+    &:hover {
+      background-color: lighten($cancel-button-color, 8%);
+      border-color: lighten($cancel-button-color, 8%);
+      color: #fff;
+    }
+
+    &:active {
+      background-color: darken($cancel-button-color, 10%);
+      border: 1px solid darken($cancel-button-color, 10%);
+      color: #fff;
+    }
+  }
+
+  &.destroy {
+    background-color: #fff;
+    border-color: $alert-color;
+    color: darken($alert-color, 3%);
+    margin-right: 0;
+
+    .saving {
+      background-color: $alert-color;
+      color: $base-body-color;
+    }
+
+    .confirm {
+      background-color: $alert-color;
+    }
+
+    .yes {
+      background-color: $alert-color;
+
+      &:hover {
+        background-color: darken($alert-color, 5%);
+      }
+
+      &:active {
+        background-color: darken($alert-color, 10%);
+      }
+    }
+
+    .no {
+      background-color: #fff;
+      color: $alert-color;
+
+      &:hover {
+        color: darken($alert-color, 5%);
+      }
+
+      &:active {
+        color: darken($alert-color, 10%);
+      }
+    }
+  }
+
+  &.save {
+    background-color: $save-button-color;
+    border: 1px solid darken($save-button-color, 5%);
+    color: #fff;
+
+    &:hover {
+      background-color: lighten($save-button-color, 8%);
+      border-color: lighten($save-button-color, 3%);
+      color: #fff;
+    }
+
+    &:active {
+      background-color: darken($save-button-color, 10%);
+      border: 1px solid darken($save-button-color, 10%);
+      color: #fff;
+    }
+  }
+}