chr 0.1.0

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

@@ -0,0 +1,10 @@
+/* Color ------------------------------------------------------------------- */
+.input-color {
+  position: relative;
+  padding-left: 4.75em;
+
+  .preview {
+    @include position(absolute, .65em null null 1em);
+    width: 50px; height: 50px; border-radius: 4px; background-color: #eee;
+  }
+}

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

@@ -0,0 +1,28 @@
+/* File & Image ------------------------------------------------------------ */
+.input-file,
+.input-image {
+  min-height: 102px; // NOTE: calculated based on image thumbnail size
+
+  a { color: $positiveColor; @include truncate; }
+  a:hover { text-decoration: underline; }
+
+  input[type=file] { margin-top: .5em; }
+  input[type=checkbox] { display: inline; width: auto; margin-right: .5em; margin-left: 1em; }
+  label { display: inline; font-size: .8em; }
+
+  &.empty {
+    input[type=file] { margin-top: .2em; }
+  }
+}
+
+.input-image:not(.empty) {
+  padding-left: 6.5em;
+  position: relative;
+  img {
+    position: absolute;
+    border-radius: 4px;
+    left: 1em;
+    top: .8em;
+    width: 4.7em;
+  }
+}

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

@@ -0,0 +1,36 @@
+/* List -------------------------------------------------------------------- */
+.input-list {
+  input   { padding-left: 2em; margin-top: .1em; }
+  ul      { line-height: 1.5; margin: 0 0 0 2em; list-style: none; padding: 0; }
+  ul li   { @include user-select-none; position: relative; }
+  ul li a { color: $assertiveColor; font-size: .75em; }
+
+  .slip-reordering { color: $positiveColor; }
+
+  .icon-reorder {
+    width:  25px;
+    height: 25px;
+    left:  -1.75em;
+    &:before { left: 0; top: 9px; }
+    &:after  { left: 0; top: 14px; }
+  }
+}
+
+.input-list {
+  .twitter-typeahead       { width: 100%; }
+  .twitter-typeahead:after {
+    content: '+';
+    display: block;
+    width: 40px;
+    height: 24px;
+    position: absolute; left: 12px; top: -3px;
+    font-size: 22px;
+    color: $contrastColor;
+  }
+
+  .tt-suggestions     { padding: .1em .5em; margin: 0 0 0 1.55em; background: rgba(255,255,255, .95); }
+  .tt-suggestion      { cursor: pointer; opacity: .5;
+    p           { line-height: 1.5; margin: 0; }
+    &.tt-cursor { opacity: 1; }
+  }
+}

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

@@ -0,0 +1,8 @@
+.input-string {
+  .twitter-typeahead  { width: 100%; }
+  .tt-suggestions     { padding: .1em .5em; margin: 0 0 0 -.5em; background: rgba(255,255,255, .95); }
+  .tt-suggestion      { cursor: pointer; opacity: .5;
+    p           { line-height: 1.5; margin: 0; }
+    &.tt-cursor { opacity: 1; }
+  }
+}

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

@@ -0,0 +1,48 @@
+/* CodeMirror --------------------------------------------------------------- */
+.input-html .CodeMirror {
+  border: 1px solid $contrastColor;
+  height: auto;
+}
+
+/* Redactor ---------------------------------------------------------------- */
+.input-redactor {
+  .redactor-box     { margin-bottom: 0; }
+  .redactor-toolbar { box-shadow: none; border-bottom: 2px solid $contrastColor; }
+  .redactor-editor  { border: 1px solid $contrastColor; border-top: 0; }
+}
+
+.redactor-box textarea { background: $white; color: $black; }
+
+.redactor-box-fullscreen {
+  .redactor-toolbar           { box-shadow: none; border-bottom: 2px solid $contrastColor; }
+  .redactor-placeholder:after { content: ''; }
+  .redactor-editor            { padding-bottom: 5em; border: none; }
+}
+
+.redactor-placeholder:after { color: $lightColor!important; }
+
+/* Modals: Files & Images -------------------------------------------------- */
+
+#redactor-modal-close { text-align: center; top: 5px; right: 5px; color: $stableColor; }
+#redactor-modal-close:hover { color: $black; }
+
+#redactor-modal header  { padding: 1.25em 2em 1.25em; font-size: 14px; }
+#redactor-modal section { padding: .5em 2em 2em; }
+
+#redactor-modal-tabber a        { border-color: $contrastColor; color: $black; }
+#redactor-modal-tabber a:hover  { background-color: $positiveColor; border-color: $positiveColor; color: $white; }
+#redactor-modal-tabber a.active { cursor: default; background-color: $contrastColor; border-color: $contrastColor; color: $black; }
+
+#redactor-modal label                    { margin: 20px 0 5px 0 !important; color: $stableColor; }
+#redactor-modal input[type="text"]       { box-shadow: none; border-color: $contrastColor;       }
+#redactor-modal input[type="text"]:focus { border-color: $positiveColor; box-shadow: none;       }
+
+#redactor-modal #redactor-modal-list         { overflow: auto; margin: 0; max-height: 374px; }
+#redactor-modal #redactor-modal-list li      { border-bottom-color: $contrastColor;          }
+#redactor-modal #redactor-modal-list a:hover { background-color: $neutralColor;              }
+
+#redactor-modal-images-list    { overflow: auto; height: 368px; margin: 1.5em 0 0; padding: 0; list-style: none;     }
+#redactor-modal-images-list li { float: left; margin: 0 1px 1px 0; width: 75px; height: 75px; display: inline-block; }
+
+#redactor-modal-tabber + #redactor-modal-image-droparea { margin-top: 1.5em;   }
+#redactor-modal-image-droparea #redactor-droparea       { padding: 172px 20px; }

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

@@ -0,0 +1,26 @@
+/* Nested Form ------------------------------------------------------------- */
+.nested-forms {
+  & > .label { margin-bottom: .25em; }
+  & > ul { margin: 0; padding: 0; }
+  & > ul > li { list-style-type: none; margin-top: 1em; @include position(relative); border: 1px solid $neutralColor; }
+  & > ul > li:first-child { margin-top: 0; }
+  & > ul > li > .icon-reorder { left: 0; top: 1em; }
+  & > ul li.reorderable { background-color: $white; }
+  & > ul li.reorderable > .input-stacked:first-child { padding-left: 2.4em; }
+}
+
+.nested-form-new {
+  color: $positiveColor; margin-top: .75em; display: inline-block; font-size: .9em;
+  &:hover { opacity: .5; }
+}
+
+.nested-form-delete {
+  @include position(absolute, .35em .3em null null); border-radius: 1em;
+  @include hide-text; width: 1.5em; height: 1.5em;  background-color: rgba(0,0,0,.05);
+  &:before { content: '\00d7'; color: $stableColor; line-height: 1.35em; width: 1.5em; text-align: center; }
+  &:hover  { background-color: $positiveColor; &:before { color: $white; } }
+}
+
+
+
+

data/chr.gemspec

@@ -0,0 +1,34 @@
+# coding: utf-8
+$:.push File.expand_path('../lib', __FILE__)
+require 'chr/version'
+
+Gem::Specification.new do |s|
+  s.name        = 'chr'
+  s.version     = Chr::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ['Alexander Kravets']
+  s.email       = 'alex@slatestudio.com'
+  s.license     = 'MIT'
+  s.homepage    = 'http://slatestudio.com'
+  s.summary     = 'A simple and lightweight library for building data management web apps'
+  s.description = <<-DESC
+Character is a library written in CoffeeScript with a help of jQuery that allows to
+build data management web applications like CMS, news reader, email client etc. in a
+very fast and flexible way. It's responsive by default and supports a few data stores
+out of the box: Rails, Firebase and localStorage.
+  DESC
+
+  s.rubyforge_project = 'chr'
+
+  s.files         = `git ls-files`.split("\n")
+  s.require_paths = ['lib']
+
+  s.add_dependency('bourbon',         '~> 4.1')
+  s.add_dependency('jquery-rails',    '~> 4.0')
+  s.add_dependency('coffee-rails',    '~> 4.1')
+  s.add_dependency('normalize-rails', '~> 3.0')
+end
+
+
+
+

data/lib/chr.rb

@@ -0,0 +1,15 @@
+# CodeKit needs relative paths
+dir = File.dirname(__FILE__)
+$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
+
+module Chr
+  if defined?(Rails) && defined?(Rails::Engine)
+    class Engine < ::Rails::Engine
+      require 'chr/engine'
+    end
+  else
+    # not a rails project, need to include sass and javascript folders
+    #bourbon_path = File.expand_path("../../app/assets/stylesheets", __FILE__)
+    #ENV["SASS_PATH"] = [ENV["SASS_PATH"], bourbon_path].compact.join(File::PATH_SEPARATOR)
+  end
+end

data/lib/chr/engine.rb

@@ -0,0 +1,5 @@
+module Chr
+  class Engine < Rails::Engine
+    # auto wire
+  end
+end

data/lib/chr/version.rb

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

metadata

@@ -0,0 +1,152 @@
+--- !ruby/object:Gem::Specification
+name: chr
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Alexander Kravets
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bourbon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+- !ruby/object:Gem::Dependency
+  name: normalize-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: |
+  Character is a library written in CoffeeScript with a help of jQuery that allows to
+  build data management web applications like CMS, news reader, email client etc. in a
+  very fast and flexible way. It's responsive by default and supports a few data stores
+  out of the box: Rails, Firebase and localStorage.
+email: alex@slatestudio.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- CONTRIBUTING.md
+- Gemfile
+- LICENSE.md
+- README.md
+- Rakefile
+- app/assets/javascripts/chr.coffee
+- app/assets/javascripts/chr/core/_chr.coffee
+- app/assets/javascripts/chr/core/_item.coffee
+- app/assets/javascripts/chr/core/_list.coffee
+- app/assets/javascripts/chr/core/_listReorder.coffee
+- app/assets/javascripts/chr/core/_listScroll.coffee
+- app/assets/javascripts/chr/core/_listSearch.coffee
+- app/assets/javascripts/chr/core/_module.coffee
+- app/assets/javascripts/chr/core/_utils.coffee
+- app/assets/javascripts/chr/core/_view.coffee
+- app/assets/javascripts/chr/form/_form.coffee
+- app/assets/javascripts/chr/form/_inputCheckbox.coffee
+- app/assets/javascripts/chr/form/_inputColor.coffee
+- app/assets/javascripts/chr/form/_inputFile.coffee
+- app/assets/javascripts/chr/form/_inputHidden.coffee
+- app/assets/javascripts/chr/form/_inputList.coffee
+- app/assets/javascripts/chr/form/_inputSelect.coffee
+- app/assets/javascripts/chr/form/_inputString.coffee
+- app/assets/javascripts/chr/form/_inputText.coffee
+- app/assets/javascripts/chr/form/_nestedForm.coffee
+- app/assets/javascripts/chr/store/_store.coffee
+- app/assets/javascripts/chr/store/_storeRails.coffee
+- app/assets/javascripts/chr/vendor/jquery.scrollparent.js
+- app/assets/javascripts/chr/vendor/jquery.textarea_autosize.js
+- app/assets/javascripts/chr/vendor/jquery.typeahead.js
+- app/assets/javascripts/chr/vendor/slip.js
+- app/assets/stylesheets/_chr.scss
+- app/assets/stylesheets/core/_icons.scss
+- app/assets/stylesheets/core/_list.scss
+- app/assets/stylesheets/core/_main.scss
+- app/assets/stylesheets/core/_responsive.scss
+- app/assets/stylesheets/form/_form.scss
+- app/assets/stylesheets/form/_input_checkbox.scss
+- app/assets/stylesheets/form/_input_color.scss
+- app/assets/stylesheets/form/_input_file.scss
+- app/assets/stylesheets/form/_input_list.scss
+- app/assets/stylesheets/form/_input_string.scss
+- app/assets/stylesheets/form/_input_text.scss
+- app/assets/stylesheets/form/_nested_form.scss
+- chr.gemspec
+- lib/chr.rb
+- lib/chr/engine.rb
+- lib/chr/version.rb
+homepage: http://slatestudio.com
+licenses:
+- MIT
+metadata: {}
+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: chr
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: A simple and lightweight library for building data management web apps
+test_files: []